@asdp/ferryui 0.1.22-dev.8630 → 0.1.22-dev.8633

package/dist/index.mjs

@@ -252,6 +252,18 @@ var CarouselWithCustomNav = ({
     }
   );
 };
+
+// src/components/CardPromo/CardPromo.constants.ts
+var DEFAULT_LABELS = {
+  id: {
+    defaultImageAlt: "Gambar Promo",
+    defaultButtonText: "Lihat Detail"
+  },
+  en: {
+    defaultImageAlt: "Promo Image",
+    defaultButtonText: "View Details"
+  }
+};
 var useStyles3 = makeStyles({
   actionCard: {
     borderRadius: tokens.borderRadiusXLarge,
@@ -335,22 +347,27 @@ var useStyles3 = makeStyles({
   }
 });
 var CardPromo = ({
+  language = "id",
   imageUrl,
   title,
   description,
-  imageAlt = "Promo image",
+  imageAlt,
   index = 0,
   totalCards,
   onClick,
   showButton = false,
-  buttonText = "Lihat Detail",
+  buttonText,
   className,
   imageClassName,
   descriptionClassName,
   isLoading = false,
-  imageOnly = false
+  imageOnly = false,
+  labels
 }) => {
   const classes = useStyles3();
+  const mergedLabels = { ...DEFAULT_LABELS[language], ...labels };
+  const displayImageAlt = imageAlt || mergedLabels.defaultImageAlt;
+  const displayButtonText = buttonText || mergedLabels.defaultButtonText;
   const ariaLabel = totalCards ? `Card ${index + 1} of ${totalCards}` : `Promo card ${index + 1}`;
   if (isLoading) {
     return /* @__PURE__ */ jsx(
@@ -360,7 +377,13 @@ var CardPromo = ({
         className: mergeClasses(classes.actionCard, className),
         style: { cursor: "default" },
         children: /* @__PURE__ */ jsxs(Skeleton, { "aria-label": "Loading content", children: [
-          /* @__PURE__ */ jsx("div", { className: mergeClasses(classes.imageContainer, imageClassName), children: /* @__PURE__ */ jsx(SkeletonItem, { shape: "rectangle", style: { width: "100%", height: "100%" } }) }),
+          /* @__PURE__ */ jsx("div", { className: mergeClasses(classes.imageContainer, imageClassName), children: /* @__PURE__ */ jsx(
+            SkeletonItem,
+            {
+              shape: "rectangle",
+              style: { width: "100%", height: "100%" }
+            }
+          ) }),
           !imageOnly && /* @__PURE__ */ jsx(Row, { className: classes.infoWrapper, children: /* @__PURE__ */ jsxs(Col, { className: classes.info, xs: 12, children: [
             /* @__PURE__ */ jsx(SkeletonItem, { style: { width: "70%", height: "20px" } }),
             /* @__PURE__ */ jsx(SkeletonItem, { style: { width: "90%", height: "16px" } }),
@@ -385,25 +408,57 @@ var CardPromo = ({
             className: classes.image,
             src: imageUrl,
             role: "presentation",
-            alt: imageAlt
+            alt: displayImageAlt
           }
         ) }),
         !imageOnly && /* @__PURE__ */ jsxs(Row, { className: classes.infoWrapper, children: [
-          /* @__PURE__ */ jsxs(Col, { className: classes.info, xs: 12, sm: 12, md: 12, lg: showButton ? 8 : 12, xl: showButton ? 8 : 12, xxl: showButton ? 8 : 12, xxxl: showButton ? 8 : 12, children: [
-            /* @__PURE__ */ jsx(Subtitle2, { className: classes.title, children: title }),
-            /* @__PURE__ */ jsx(Body1, { className: mergeClasses(classes.title, descriptionClassName), children: description })
-          ] }),
-          showButton && /* @__PURE__ */ jsx(Col, { className: classes.buttonWrapper, xs: 12, sm: 12, md: 12, lg: showButton ? 4 : 0, xl: showButton ? 4 : 0, xxl: showButton ? 4 : 0, xxxl: showButton ? 4 : 0, children: /* @__PURE__ */ jsx(
-            Button,
+          /* @__PURE__ */ jsxs(
+            Col,
             {
-              appearance: "primary",
-              size: "small",
-              onClick,
-              style: { cursor: onClick ? "pointer" : "default" },
-              shape: "circular",
-              children: buttonText
+              className: classes.info,
+              xs: 12,
+              sm: 12,
+              md: 12,
+              lg: showButton ? 8 : 12,
+              xl: showButton ? 8 : 12,
+              xxl: showButton ? 8 : 12,
+              xxxl: showButton ? 8 : 12,
+              children: [
+                /* @__PURE__ */ jsx(Subtitle2, { className: classes.title, children: title }),
+                /* @__PURE__ */ jsx(
+                  Body1,
+                  {
+                    className: mergeClasses(classes.title, descriptionClassName),
+                    children: description
+                  }
+                )
+              ]
             }
-          ) })
+          ),
+          showButton && /* @__PURE__ */ jsx(
+            Col,
+            {
+              className: classes.buttonWrapper,
+              xs: 12,
+              sm: 12,
+              md: 12,
+              lg: showButton ? 4 : 0,
+              xl: showButton ? 4 : 0,
+              xxl: showButton ? 4 : 0,
+              xxxl: showButton ? 4 : 0,
+              children: /* @__PURE__ */ jsx(
+                Button,
+                {
+                  appearance: "primary",
+                  size: "small",
+                  onClick,
+                  style: { cursor: onClick ? "pointer" : "default" },
+                  shape: "circular",
+                  children: displayButtonText
+                }
+              )
+            }
+          )
         ] })
       ]
     }
@@ -614,7 +669,31 @@ var extendedTokens = {
   colorBrandForegroundLinkHover: customBrand[120],
   colorBrandForegroundLinkPressed: customBrand[130],
   colorBrandForegroundLinkSelected: customBrand[110]});
-var useStyle = makeStyles({
+
+// src/components/CardTicket/CardTicket.constants.ts
+var DEFAULT_LABELS2 = {
+  id: {
+    availableSeatsLabel: "Tersedia",
+    estimationPrefix: "Estimasi",
+    priceDetailsButton: "Rincian Harga",
+    policyButton: "Kebijakan",
+    totalPriceLabel: "Total harga",
+    facilitiesLabel: "Fasilitas",
+    selectTicketButton: "Pilih Tiket",
+    timezoneLabel: "WIB"
+  },
+  en: {
+    availableSeatsLabel: "Available",
+    estimationPrefix: "Estimation",
+    priceDetailsButton: "Price Details",
+    policyButton: "Policy",
+    totalPriceLabel: "Total price",
+    facilitiesLabel: "Facilities",
+    selectTicketButton: "Select Ticket",
+    timezoneLabel: "WIB"
+  }
+};
+var useStyles5 = makeStyles({
   dividerContainer: {
     position: "relative",
     display: "flex",
@@ -810,6 +889,8 @@ var useStyle = makeStyles({
   }
 });
 var CardTicket = ({
+  language = "id",
+  labels,
   id,
   shipName,
   shipType,
@@ -825,13 +906,14 @@ var CardTicket = ({
   duration,
   facilities,
   totalPrice,
-  buttonText = "Pilih Tiket",
+  buttonText,
   onPriceDetailClick,
   onPolicyClick,
   onSelectTicket
 }) => {
-  const styles = useStyle();
+  const styles = useStyles5();
   const { width } = useWindowSize();
+  const mergedLabels = { ...DEFAULT_LABELS2[language], ...labels };
   const getCircularVerticalConfig = () => {
     if (width <= 1600) return { count: 6, spacing: 60, top: 10 };
     return { count: 5, spacing: 60, top: 18 };
@@ -943,7 +1025,8 @@ var CardTicket = ({
                     shape: "rounded",
                     icon: /* @__PURE__ */ jsx(Icon, { icon: "fluent:ticket-diagonal-24-regular" }),
                     children: [
-                      "Tersedia ",
+                      mergedLabels.availableSeatsLabel,
+                      " ",
                       availableSeats
                     ]
                   }
@@ -969,16 +1052,18 @@ var CardTicket = ({
             /* @__PURE__ */ jsx("div", { className: styles.circularLeftMd }),
             /* @__PURE__ */ jsx("div", { className: styles.circularRightMd })
           ] }),
-          /* @__PURE__ */ jsx(Visible, { xl: true, xxl: true, xxxl: true, children: Array.from({ length: circularVerticalConfig.count }).map((_, index) => /* @__PURE__ */ jsx(
-            "div",
-            {
-              className: styles.circularLeft,
-              style: {
-                top: `${circularVerticalConfig.top + index * circularVerticalConfig.spacing}px`
-              }
-            },
-            index
-          )) })
+          /* @__PURE__ */ jsx(Visible, { xl: true, xxl: true, xxxl: true, children: Array.from({ length: circularVerticalConfig.count }).map(
+            (_, index) => /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: styles.circularLeft,
+                style: {
+                  top: `${circularVerticalConfig.top + index * circularVerticalConfig.spacing}px`
+                }
+              },
+              index
+            )
+          ) })
         ] })
       }
     ),
@@ -1007,7 +1092,8 @@ var CardTicket = ({
               shape: "rounded",
               icon: /* @__PURE__ */ jsx(Icon, { icon: "fluent:ticket-diagonal-24-regular" }),
               children: [
-                "Tersedia ",
+                mergedLabels.availableSeatsLabel,
+                " ",
                 availableSeats
               ]
             }
@@ -1015,19 +1101,28 @@ var CardTicket = ({
           /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs("div", { className: styles.ticketInfo, children: [
             /* @__PURE__ */ jsxs("div", { className: styles.ticketTime, children: [
               /* @__PURE__ */ jsx(Caption1, { children: departureDay }),
-              /* @__PURE__ */ jsx(Title2, { children: departureTime }),
+              /* @__PURE__ */ jsxs(Title2, { children: [
+                departureTime,
+                " ",
+                mergedLabels.timezoneLabel
+              ] }),
               /* @__PURE__ */ jsx(Caption1, { children: departureLocation })
             ] }),
             /* @__PURE__ */ jsxs("div", { className: styles.ticketDuration, children: [
               /* @__PURE__ */ jsxs(Caption2, { children: [
-                "Estimasi ",
+                mergedLabels.estimationPrefix,
+                " ",
                 duration
               ] }),
               /* @__PURE__ */ jsx("div", { className: styles.dividerContainer, children: /* @__PURE__ */ jsx(Divider, { children: /* @__PURE__ */ jsx(Icon, { icon: "fluent:vehicle-ship-24-regular", height: 24 }) }) })
             ] }),
             /* @__PURE__ */ jsxs("div", { className: styles.ticketTime, children: [
               /* @__PURE__ */ jsx(Caption1, { children: arrivalDay }),
-              /* @__PURE__ */ jsx(Title2, { children: arrivalTime }),
+              /* @__PURE__ */ jsxs(Title2, { children: [
+                arrivalTime,
+                " ",
+                mergedLabels.timezoneLabel
+              ] }),
               /* @__PURE__ */ jsx(Caption1, { children: arrivalLocation })
             ] })
           ] }) }),
@@ -1045,7 +1140,7 @@ var CardTicket = ({
                 icon: /* @__PURE__ */ jsx(Icon, { icon: "fluent:money-24-regular" }),
                 size: "medium",
                 onClick: onPriceDetailClick,
-                children: "Rincian Harga"
+                children: mergedLabels.priceDetailsButton
               }
             ),
             /* @__PURE__ */ jsx(
@@ -1061,7 +1156,7 @@ var CardTicket = ({
                 icon: /* @__PURE__ */ jsx(Icon, { icon: "fluent:document-bullet-list-24-regular" }),
                 size: "medium",
                 onClick: onPolicyClick,
-                children: "Kebijakan"
+                children: mergedLabels.policyButton
               }
             )
           ] })
@@ -1081,13 +1176,33 @@ var CardTicket = ({
         style: { padding: 0, margin: 0 },
         children: /* @__PURE__ */ jsxs(Card, { className: styles.ticketRightCard, children: [
           /* @__PURE__ */ jsxs("div", { className: styles.priceCard, children: [
-            /* @__PURE__ */ jsxs("div", { style: { display: "flex", flexDirection: "column", gap: "0.25rem" }, children: [
-              /* @__PURE__ */ jsx(Subtitle2, { children: "Total harga" }),
-              /* @__PURE__ */ jsxs(Title3, { style: { display: "flex", flex: "column", justifyContent: "end" }, children: [
-                "IDR\xA0",
-                totalPrice.toLocaleString("id-ID")
-              ] })
-            ] }),
+            /* @__PURE__ */ jsxs(
+              "div",
+              {
+                style: {
+                  display: "flex",
+                  flexDirection: "column",
+                  gap: "0.25rem"
+                },
+                children: [
+                  /* @__PURE__ */ jsx(Subtitle2, { children: mergedLabels.totalPriceLabel }),
+                  /* @__PURE__ */ jsxs(
+                    Title3,
+                    {
+                      style: {
+                        display: "flex",
+                        flex: "column",
+                        justifyContent: "end"
+                      },
+                      children: [
+                        "IDR\xA0",
+                        totalPrice.toLocaleString("id-ID")
+                      ]
+                    }
+                  )
+                ]
+              }
+            ),
             /* @__PURE__ */ jsx(
               Button,
               {
@@ -1097,27 +1212,29 @@ var CardTicket = ({
                 size: "medium",
                 shape: "circular",
                 icon: /* @__PURE__ */ jsx(Icon, { icon: "fluent:ticket-diagonal-24-filled" }),
-                children: buttonText
+                children: buttonText || mergedLabels.selectTicketButton
               }
             )
           ] }),
           /* @__PURE__ */ jsxs("div", { className: styles.facilitiesSection, children: [
-            /* @__PURE__ */ jsx(Subtitle2, { children: "Fasilitas" }),
+            /* @__PURE__ */ jsx(Subtitle2, { children: mergedLabels.facilitiesLabel }),
             /* @__PURE__ */ jsx("div", { className: styles.facilitiesList, children: facilities.map((facility, idx) => /* @__PURE__ */ jsxs("div", { className: styles.facilityItem, children: [
               /* @__PURE__ */ jsx(Icon, { icon: "fluent:checkmark-circle-24-filled" }),
               /* @__PURE__ */ jsx(Caption1Strong, { children: facility })
             ] }, idx)) })
           ] }),
-          /* @__PURE__ */ jsx(Visible, { xl: true, xxl: true, xxxl: true, children: Array.from({ length: circularVerticalConfig.count }).map((_, index) => /* @__PURE__ */ jsx(
-            "div",
-            {
-              className: styles.circularRight,
-              style: {
-                top: `${circularVerticalConfig.top + index * circularVerticalConfig.spacing}px`
-              }
-            },
-            index
-          )) })
+          /* @__PURE__ */ jsx(Visible, { xl: true, xxl: true, xxxl: true, children: Array.from({ length: circularVerticalConfig.count }).map(
+            (_, index) => /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: styles.circularRight,
+                style: {
+                  top: `${circularVerticalConfig.top + index * circularVerticalConfig.spacing}px`
+                }
+              },
+              index
+            )
+          ) })
         ] })
       }
     )
@@ -1300,7 +1417,7 @@ var BackgroundTicketCardVertical = (props) => /* @__PURE__ */ jsxs(
   }
 );
 var BackgroundTicketCardVertical_default = BackgroundTicketCardVertical;
-var useStyles5 = makeStyles({
+var useStyles6 = makeStyles({
   card: {
     width: "100%",
     boxSizing: "border-box",
@@ -1441,7 +1558,7 @@ var CardServiceMenu = ({
   showDescriptions = true,
   className
 }) => {
-  const styles = useStyles5();
+  const styles = useStyles6();
   const getMenuItemClass = (serviceId) => {
     const isActive = activeServiceId === serviceId;
     return mergeClasses(
@@ -1573,7 +1690,7 @@ var DatePickerInput = forwardRef(
 DatePickerInput.displayName = "DatePickerInput";
 var DatePickerInput_default = DatePickerInput;
 var PhoneInput = PhoneInputComponent.default || PhoneInputComponent;
-var useStyles6 = makeStyles({
+var useStyles7 = makeStyles({
   field: {
     display: "flex",
     flexDirection: "column",
@@ -1816,7 +1933,7 @@ var InputDynamic = ({
   contentAfter,
   onChange
 }) => {
-  const styles = useStyles6();
+  const styles = useStyles7();
   const [showPassword, setShowPassword] = useState(false);
   const [isPhoneMode, setIsPhoneMode] = useState(false);
   const [emailOrPhoneType, setEmailOrPhoneType] = useState("none");
@@ -2886,7 +3003,7 @@ var DEFAULT_COUNTRY_CODES = [
 ];
 
 // src/components/CardTicketSearch/CardTicketSearch.constants.ts
-var DEFAULT_LABELS = {
+var DEFAULT_LABELS3 = {
   id: {
     fromLabel: "Dari",
     toLabel: "Ke",
@@ -2924,7 +3041,7 @@ var DEFAULT_LABELS = {
     placeholderPassenger: "Select Number of Passengers"
   }
 };
-var useStyles7 = makeStyles({
+var useStyles8 = makeStyles({
   card: {
     position: "relative",
     width: "100%",
@@ -3060,9 +3177,9 @@ var CardTicketSearch = ({
   showRoundTrip = true,
   onServiceClick
 }) => {
-  const styles = useStyles7();
+  const styles = useStyles8();
   const labels = React5.useMemo(
-    () => ({ ...DEFAULT_LABELS[language], ...customLabels }),
+    () => ({ ...DEFAULT_LABELS3[language], ...customLabels }),
     [language, customLabels]
   );
   const { control, setValue, getValues, handleSubmit } = useForm({
@@ -3448,16 +3565,27 @@ var CardTicketSearch = ({
 };
 
 // src/components/CardTicketSearchSummary/CardTicketSearchSummary.constants.ts
-var DEFAULT_LABELS2 = {
-  originHarbor: "Pelabuhan Keberangkatan",
-  destinationHarbor: "Pelabuhan Tujuan",
-  departureDate: "Tanggal Keberangkatan",
-  serviceClass: "Kelas Layanan",
-  typeOfService: "Jenis Layanan",
-  totalPassengers: "Jumlah Penumpang",
-  changeSearchButton: "Ganti Pencarian"
+var DEFAULT_LABELS4 = {
+  id: {
+    originHarbor: "Pelabuhan Keberangkatan",
+    destinationHarbor: "Pelabuhan Tujuan",
+    departureDate: "Tanggal Keberangkatan",
+    serviceClass: "Kelas Layanan",
+    typeOfService: "Jenis Layanan",
+    totalPassengers: "Jumlah Penumpang",
+    changeSearchButton: "Ganti Pencarian"
+  },
+  en: {
+    originHarbor: "Departure Port",
+    destinationHarbor: "Destination Port",
+    departureDate: "Departure Date",
+    serviceClass: "Service Class",
+    typeOfService: "Service Type",
+    totalPassengers: "Total Passengers",
+    changeSearchButton: "Change Search"
+  }
 };
-var useStyles8 = makeStyles({
+var useStyles9 = makeStyles({
   cardSearchTicket: {
     borderRadius: "32px",
     // borderBottomLeftRadius: '0',
@@ -3525,6 +3653,7 @@ var useStyles8 = makeStyles({
   }
 });
 var CardTicketSearchSummary = ({
+  language = "id",
   originHarbor,
   destinationHarbor,
   departureDate,
@@ -3536,8 +3665,8 @@ var CardTicketSearchSummary = ({
   showSwapButton = false,
   children
 }) => {
-  const styles = useStyles8();
-  const mergedLabels = { ...DEFAULT_LABELS2, ...labels };
+  const styles = useStyles9();
+  const mergedLabels = { ...DEFAULT_LABELS4[language], ...labels };
   const { width } = useWindowSize();
   const getCircularConfig = () => {
     if (width <= parseInt(extendedTokens.breakpointXs))
@@ -3582,24 +3711,31 @@ var CardTicketSearchSummary = ({
                 xxl: 5,
                 xxxl: 5,
                 className: styles.paddingResponsive,
-                children: /* @__PURE__ */ jsx(Field, { label: mergedLabels.originHarbor, className: styles.field, children: /* @__PURE__ */ jsx(
-                  Input,
+                children: /* @__PURE__ */ jsx(
+                  Field,
                   {
-                    name: "from",
-                    disabled: true,
-                    type: "text",
-                    contentBefore: /* @__PURE__ */ jsx(
-                      Icon,
+                    label: mergedLabels.originHarbor,
+                    className: styles.field,
+                    children: /* @__PURE__ */ jsx(
+                      Input,
                       {
-                        icon: "fluent:vehicle-ship-16-filled",
-                        color: tokens.colorNeutralForegroundDisabled
+                        name: "from",
+                        disabled: true,
+                        type: "text",
+                        contentBefore: /* @__PURE__ */ jsx(
+                          Icon,
+                          {
+                            icon: "fluent:vehicle-ship-16-filled",
+                            color: tokens.colorNeutralForegroundDisabled
+                          }
+                        ),
+                        value: originHarbor,
+                        appearance: "outline",
+                        size: "medium"
                       }
-                    ),
-                    value: originHarbor,
-                    appearance: "outline",
-                    size: "medium"
+                    )
                   }
-                ) })
+                )
               }
             ),
             /* @__PURE__ */ jsx(
@@ -3642,24 +3778,31 @@ var CardTicketSearchSummary = ({
                 xxl: 6,
                 xxxl: 6,
                 className: styles.paddingResponsive,
-                children: /* @__PURE__ */ jsx(Field, { label: mergedLabels.destinationHarbor, className: styles.field, children: /* @__PURE__ */ jsx(
-                  Input,
+                children: /* @__PURE__ */ jsx(
+                  Field,
                   {
-                    name: "to",
-                    type: "text",
-                    contentBefore: /* @__PURE__ */ jsx(
-                      Icon,
+                    label: mergedLabels.destinationHarbor,
+                    className: styles.field,
+                    children: /* @__PURE__ */ jsx(
+                      Input,
                       {
-                        icon: "fluent:location-24-filled",
-                        color: tokens.colorNeutralForegroundDisabled
+                        name: "to",
+                        type: "text",
+                        contentBefore: /* @__PURE__ */ jsx(
+                          Icon,
+                          {
+                            icon: "fluent:location-24-filled",
+                            color: tokens.colorNeutralForegroundDisabled
+                          }
+                        ),
+                        disabled: true,
+                        appearance: "outline",
+                        size: "medium",
+                        value: destinationHarbor
                       }
-                    ),
-                    disabled: true,
-                    appearance: "outline",
-                    size: "medium",
-                    value: destinationHarbor
+                    )
                   }
-                ) })
+                )
               }
             )
           ] }) })
@@ -3820,7 +3963,10 @@ var CardTicketSearchSummary = ({
               type: "button",
               appearance: "primary",
               size: "medium",
-              style: { width: "100%", borderRadius: tokens.borderRadiusCircular },
+              style: {
+                width: "100%",
+                borderRadius: tokens.borderRadiusCircular
+              },
               iconPosition: "before",
               icon: /* @__PURE__ */ jsx(Icon, { icon: "fluent:search-24-filled" }),
               onClick: onChangeSearch,
@@ -3843,7 +3989,29 @@ var CardTicketSearchSummary = ({
     ))
   ] });
 };
-var useStyles9 = makeStyles({
+
+// src/components/ModalSearchHarbor/ModalSearchHarbor.constants.ts
+var DEFAULT_LABELS5 = {
+  id: {
+    title: "Pilih Pelabuhan",
+    searchPlaceholder: "Cari Pelabuhan...",
+    lastSearchedHeader: "Terakhir dicari",
+    clearAllButton: "Hapus Semua",
+    allHarborsHeader: "Semua Pelabuhan",
+    loadingData: "Memuat data...",
+    harborNotFound: "Pelabuhan tidak ditemukan"
+  },
+  en: {
+    title: "Select Harbor",
+    searchPlaceholder: "Search Harbor...",
+    lastSearchedHeader: "Last searched",
+    clearAllButton: "Clear All",
+    allHarborsHeader: "All Harbors",
+    loadingData: "Loading data...",
+    harborNotFound: "Harbor not found"
+  }
+};
+var useStyles10 = makeStyles({
   dialogTitle: {
     display: "flex",
     justifyContent: "space-between",
@@ -3956,9 +4124,11 @@ var useStyles9 = makeStyles({
   }
 });
 var ModalSearchHarbor = ({
+  language = "id",
+  labels,
   open,
   onClose,
-  title = "Pilih Pelabuhan",
+  title,
   modalType = "origin",
   harbors,
   favoriteHarbors,
@@ -3972,7 +4142,8 @@ var ModalSearchHarbor = ({
   onRemoveLastSearched,
   onClearLastSearched
 }) => {
-  const styles = useStyles9();
+  const styles = useStyles10();
+  const mergedLabels = { ...DEFAULT_LABELS5[language], ...labels };
   const handleSelect = (harbor) => {
     onAddLastSearched(harbor);
     onSelectHarbor(harbor);
@@ -4005,7 +4176,7 @@ var ModalSearchHarbor = ({
                 className: styles.closeButton
               }
             ),
-            children: title
+            children: title || mergedLabels.title
           }
         ),
         /* @__PURE__ */ jsxs(DialogContent, { className: styles.content, children: [
@@ -4015,8 +4186,14 @@ var ModalSearchHarbor = ({
               className: styles.searchInput,
               value: searchQuery,
               onChange: (e) => onSearchChange(e.target.value),
-              placeholder: "Cari Pelabuhan...",
-              contentBefore: /* @__PURE__ */ jsx(Icon, { icon: "fluent:search-24-regular", color: tokens.colorNeutralForeground3 }),
+              placeholder: mergedLabels.searchPlaceholder,
+              contentBefore: /* @__PURE__ */ jsx(
+                Icon,
+                {
+                  icon: "fluent:search-24-regular",
+                  color: tokens.colorNeutralForeground3
+                }
+              ),
               size: "large"
             }
           ) }),
@@ -4037,13 +4214,13 @@ var ModalSearchHarbor = ({
           /* @__PURE__ */ jsxs("div", { className: styles.resultList, children: [
             lastSearchedHarbors.length > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
               /* @__PURE__ */ jsxs("div", { className: styles.headerRow, children: [
-                /* @__PURE__ */ jsx(Body1Strong, { children: "Terakhir dicari" }),
+                /* @__PURE__ */ jsx(Body1Strong, { children: mergedLabels.lastSearchedHeader }),
                 /* @__PURE__ */ jsx(
                   Caption1,
                   {
                     className: `${styles.dangerText} ${styles.cursorPointer}`,
                     onClick: onClearLastSearched,
-                    children: "Hapus Semua"
+                    children: mergedLabels.clearAllButton
                   }
                 )
               ] }),
@@ -4054,7 +4231,13 @@ var ModalSearchHarbor = ({
                     style: { cursor: "pointer" },
                     onClick: () => handleSelect(harbor),
                     children: [
-                      /* @__PURE__ */ jsx(Icon, { icon: "fluent:vehicle-ship-24-regular", className: styles.iconMargin }),
+                      /* @__PURE__ */ jsx(
+                        Icon,
+                        {
+                          icon: "fluent:vehicle-ship-24-regular",
+                          className: styles.iconMargin
+                        }
+                      ),
                       harbor.name
                     ]
                   }
@@ -4071,15 +4254,21 @@ var ModalSearchHarbor = ({
               ] }, harbor.id)) }),
               /* @__PURE__ */ jsx(Divider, {})
             ] }),
-            /* @__PURE__ */ jsx(Body1Strong, { className: styles.sectionTitle, children: "Semua Pelabuhan" }),
-            /* @__PURE__ */ jsx("div", { className: styles.harborList, children: isLoading ? /* @__PURE__ */ jsx("div", { className: styles.emptyState, children: "Memuat data..." }) : harbors.length > 0 ? harbors.map((harbor, index) => /* @__PURE__ */ jsxs("div", { className: styles.harborItem, children: [
+            /* @__PURE__ */ jsx(Body1Strong, { className: styles.sectionTitle, children: mergedLabels.allHarborsHeader }),
+            /* @__PURE__ */ jsx("div", { className: styles.harborList, children: isLoading ? /* @__PURE__ */ jsx("div", { className: styles.emptyState, children: mergedLabels.loadingData }) : harbors.length > 0 ? harbors.map((harbor, index) => /* @__PURE__ */ jsxs("div", { className: styles.harborItem, children: [
               /* @__PURE__ */ jsxs(
                 "div",
                 {
                   className: styles.cursorPointer,
                   onClick: () => handleSelect(harbor),
                   children: [
-                    /* @__PURE__ */ jsx(Icon, { icon: "fluent:vehicle-ship-24-regular", className: styles.iconMargin }),
+                    /* @__PURE__ */ jsx(
+                      Icon,
+                      {
+                        icon: "fluent:vehicle-ship-24-regular",
+                        className: styles.iconMargin
+                      }
+                    ),
                     harbor.name
                   ]
                 }
@@ -4093,14 +4282,28 @@ var ModalSearchHarbor = ({
                   onClick: () => onToggleFavorite(harbor)
                 }
               )
-            ] }, index)) : /* @__PURE__ */ jsx("div", { className: styles.emptyState, children: "Pelabuhan tidak ditemukan" }) })
+            ] }, index)) : /* @__PURE__ */ jsx("div", { className: styles.emptyState, children: mergedLabels.harborNotFound }) })
           ] })
         ] })
       ] }) })
     }
   );
 };
-var useStyles10 = makeStyles({
+
+// src/components/ModalSelectDate/ModalSelectDate.constants.ts
+var DEFAULT_LABELS6 = {
+  id: {
+    title: "Pilih Tanggal",
+    oneWay: "Sekali Jalan",
+    roundTrip: "Pulang Pergi"
+  },
+  en: {
+    title: "Select Date",
+    oneWay: "One Way",
+    roundTrip: "Round Trip"
+  }
+};
+var useStyles11 = makeStyles({
   dialogSurface: {
     maxWidth: "600px",
     width: "100%"
@@ -4203,9 +4406,11 @@ var useStyles10 = makeStyles({
   }
 });
 var ModalSelectDate = ({
+  language = "id",
+  labels,
   open,
   onClose,
-  title = "Pilih Tanggal",
+  title,
   selectedDepartureDate,
   selectedReturnDate,
   initialTab = "one-way",
@@ -4218,9 +4423,17 @@ var ModalSelectDate = ({
   dateFormat = "DD MMMM YYYY",
   showRoundtrip = true
 }) => {
-  const styles = useStyles10();
-  const [selectedDate, setSelectedDate] = useState(selectedDepartureDate);
-  const [selectedEndDate, setSelectedEndDate] = useState(selectedReturnDate);
+  const styles = useStyles11();
+  const mergedLabels = { ...DEFAULT_LABELS6[language], ...labels };
+  useEffect(() => {
+    moment.locale(language === "id" ? "id" : "en");
+  }, [language]);
+  const [selectedDate, setSelectedDate] = useState(
+    selectedDepartureDate
+  );
+  const [selectedEndDate, setSelectedEndDate] = useState(
+    selectedReturnDate
+  );
   const [hoveredDate, setHoveredDate] = useState();
   const [activeTab, setActiveTab] = useState(initialTab);
   const previewEndDate = useMemo(() => {
@@ -4381,7 +4594,7 @@ var ModalSelectDate = ({
                 className: styles.closeButton
               }
             ),
-            children: title
+            children: title || mergedLabels.title
           }
         ),
         /* @__PURE__ */ jsxs(DialogContent, { className: styles.content, children: [
@@ -4392,7 +4605,7 @@ var ModalSelectDate = ({
                 disabled: activeTab === "round-trip",
                 className: `${styles.tab} ${activeTab === "one-way" ? styles.tabActive : ""}`,
                 onClick: () => handleTabChange("one-way"),
-                children: "Sekali Jalan"
+                children: mergedLabels.oneWay
               }
             ),
             showRoundtrip && /* @__PURE__ */ jsx(
@@ -4401,32 +4614,38 @@ var ModalSelectDate = ({
                 className: `${styles.tab} ${activeTab === "round-trip" ? styles.tabActive : ""}`,
                 onClick: () => handleTabChange("round-trip"),
                 disabled: activeTab === "one-way",
-                children: "Pulang Pergi"
+                children: mergedLabels.roundTrip
               }
             )
           ] }),
-          /* @__PURE__ */ jsx("div", { className: styles.calendarContainer, children: /* @__PURE__ */ jsx("div", { style: { width: "100%" }, children: /* @__PURE__ */ jsx("div", { className: activeTab === "round-trip" ? styles.rangeCalendar : "", children: /* @__PURE__ */ jsx(
-            Calendar,
+          /* @__PURE__ */ jsx("div", { className: styles.calendarContainer, children: /* @__PURE__ */ jsx("div", { style: { width: "100%" }, children: /* @__PURE__ */ jsx(
+            "div",
             {
-              minDate,
-              maxDate,
-              value: selectedDate,
-              onSelectDate: handleDateSelect,
-              showGoToToday: true,
-              highlightSelectedMonth: true,
-              showMonthPickerAsOverlay: false,
-              allFocusable: true,
-              calendarDayProps: {
-                customDayCellRef: handleCustomDayCellRef
-              }
+              className: activeTab === "round-trip" ? styles.rangeCalendar : "",
+              children: /* @__PURE__ */ jsx(
+                Calendar,
+                {
+                  minDate,
+                  maxDate,
+                  value: selectedDate,
+                  onSelectDate: handleDateSelect,
+                  showGoToToday: true,
+                  highlightSelectedMonth: true,
+                  showMonthPickerAsOverlay: false,
+                  allFocusable: true,
+                  calendarDayProps: {
+                    customDayCellRef: handleCustomDayCellRef
+                  }
+                }
+              )
             }
-          ) }) }) })
+          ) }) })
         ] })
       ] }) })
     }
   );
 };
-var useStyles11 = makeStyles({
+var useStyles12 = makeStyles({
   dialogSurface: {
     maxWidth: "600px",
     width: "100%"
@@ -4509,7 +4728,7 @@ var ModalService = ({
   isLoading = false,
   isError = false
 }) => {
-  const styles = useStyles11();
+  const styles = useStyles12();
   const [selectedServices, setSelectedServices] = useState(selectedServiceIds);
   useEffect(() => {
     if (open) {
@@ -4618,13 +4837,33 @@ var ModalService = ({
   );
 };
 
-// src/components/ModalTotalPassengers/constants.ts
+// src/components/ModalTotalPassengers/ModalTotalPassengers.constants.ts
+var DEFAULT_LABELS7 = {
+  id: {
+    title: "Pilih Jumlah Penumpang",
+    infoMessage: "Anda dapat menambahkan hingga {maxPassengers} penumpang pada golongan kendaraan ini.",
+    loading: "Memuat...",
+    saveButton: "Simpan",
+    economy: "Ekonomi",
+    business: "Bisnis",
+    executive: "Eksekutif"
+  },
+  en: {
+    title: "Select Total Passengers",
+    infoMessage: "You can add up to {maxPassengers} passengers in this vehicle category.",
+    loading: "Loading...",
+    saveButton: "Save",
+    economy: "Economy",
+    business: "Business",
+    executive: "Executive"
+  }
+};
 var DEFAULT_SERVICE_CLASSES = [
-  { id: 1, name: "Ekonomi", key: "ekonomi", serviceName: "ECONOMY" },
-  { id: 2, name: "Bisnis", key: "bisnis", serviceName: "BUSINESS" },
-  { id: 3, name: "Eksekutif", key: "eksekutif", serviceName: "EXECUTIVE" }
+  { id: 1, name: "Ekonomi", key: "ekonomi", serviceName: "ECONOMY", labelKey: "economy" },
+  { id: 2, name: "Bisnis", key: "bisnis", serviceName: "BUSINESS", labelKey: "business" },
+  { id: 3, name: "Eksekutif", key: "eksekutif", serviceName: "EXECUTIVE", labelKey: "executive" }
 ];
-var useStyles12 = makeStyles({
+var useStyles13 = makeStyles({
   dialogSurface: {
     maxWidth: "600px",
     width: "100%"
@@ -4692,9 +4931,11 @@ var useStyles12 = makeStyles({
   }
 });
 var ModalTotalPassengers = ({
+  language = "id",
+  labels,
   open,
   onClose,
-  title = "Pilih Jumlah Penumpang",
+  title,
   passengerTypes,
   serviceClasses = DEFAULT_SERVICE_CLASSES,
   selectedPassengers,
@@ -4703,10 +4944,14 @@ var ModalTotalPassengers = ({
   maxPassengers = 10,
   infoMessage
 }) => {
-  const styles = useStyles12();
+  const styles = useStyles13();
+  const mergedLabels = { ...DEFAULT_LABELS7[language], ...labels };
   const [passengers, setPassengers] = useState([]);
   const [openItems, setOpenItems] = useState([]);
-  const defaultInfoMessage = `Anda dapat menambahkan hingga ${maxPassengers} penumpang pada golongan kendaraan ini.`;
+  const defaultInfoMessage = mergedLabels.infoMessage.replace(
+    "{maxPassengers}",
+    String(maxPassengers)
+  );
   useEffect(() => {
     if (passengerTypes.length === 0) return;
     const defaultPassengers = passengerTypes.map(
@@ -4776,7 +5021,7 @@ var ModalTotalPassengers = ({
         const serviceClass = serviceClasses.find(
           (sc) => sc.serviceName === service.serviceName
         );
-        const serviceName = serviceClass?.name || service.serviceName;
+        const serviceName = serviceClass ? mergedLabels[serviceClass.labelKey] : service.serviceName;
         parts.push(`${service.count} ${serviceName}`);
       }
     });
@@ -4856,12 +5101,12 @@ var ModalTotalPassengers = ({
             onClick: onClose
           }
         ),
-        children: title
+        children: title || mergedLabels.title
       }
     ),
     /* @__PURE__ */ jsxs(DialogContent, { children: [
       /* @__PURE__ */ jsx(MessageBar, { shape: "rounded", children: /* @__PURE__ */ jsx(MessageBarBody, { children: infoMessage || defaultInfoMessage }) }),
-      isLoading ? /* @__PURE__ */ jsx(Body1, { children: "Loading..." }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+      isLoading ? /* @__PURE__ */ jsx(Body1, { children: mergedLabels.loading }) : /* @__PURE__ */ jsxs(Fragment, { children: [
         /* @__PURE__ */ jsx(
           Accordion,
           {
@@ -4895,7 +5140,7 @@ var ModalTotalPassengers = ({
                       {
                         className: styles.nestedRow,
                         children: [
-                          /* @__PURE__ */ jsx(Body1, { children: service.name }),
+                          /* @__PURE__ */ jsx(Body1, { children: mergedLabels[service.labelKey] }),
                           /* @__PURE__ */ jsxs("div", { className: styles.passengerCount, children: [
                             /* @__PURE__ */ jsx(
                               Button,
@@ -4956,23 +5201,51 @@ var ModalTotalPassengers = ({
             size: "medium",
             className: styles.submitButton,
             onClick: handleSave,
-            children: "Simpan"
+            children: mergedLabels.saveButton
           }
         )
       ] })
     ] })
   ] }) }) });
 };
-var useStyles13 = makeStyles({
-  dialogSurface: {
-    maxWidth: "600px",
-    width: "100%"
-  },
-  closeButton: {
-    minWidth: "32px",
-    minHeight: "32px"
+
+// src/components/ModalTypeOfService/ModalTypeOfService.constants.ts
+var DEFAULT_LABELS8 = {
+  id: {
+    title: "Pilih Tipe Layanan",
+    cancelButton: "Batal",
+    saveButton: "Simpan",
+    vehiclesAlt: "kendaraan"
   },
-  passengerSection: {
+  en: {
+    title: "Select Service Type",
+    cancelButton: "Cancel",
+    saveButton: "Save",
+    vehiclesAlt: "vehicles"
+  }
+};
+var DEFAULT_VEHICLE_ICONS = {
+  pedestrian: "/assets/images/icons/pedestrian.webp",
+  roadbike: "/assets/images/icons/roadbike.webp",
+  motorbike1: "/assets/images/icons/motorbike-1.webp",
+  motorbike2: "/assets/images/icons/motorbike-2.svg",
+  smallCar: "/assets/images/icons/small-car.webp",
+  smallBus: "/assets/images/icons/small-bus.webp",
+  bigBus: "/assets/images/icons/big-bus.webp",
+  truck: "/assets/images/icons/truck.webp",
+  bigTruck: "/assets/images/icons/big-truck.webp",
+  looseLoad: "/assets/images/icons/loose-load.webp"
+};
+var useStyles14 = makeStyles({
+  dialogSurface: {
+    maxWidth: "600px",
+    width: "100%"
+  },
+  closeButton: {
+    minWidth: "32px",
+    minHeight: "32px"
+  },
+  passengerSection: {
     marginTop: tokens.spacingHorizontalM,
     display: "flex",
     flexDirection: "column"
@@ -5007,15 +5280,18 @@ var useStyles13 = makeStyles({
   }
 });
 var ModalTypeOfService = ({
+  language = "id",
+  labels,
   open,
   onClose,
-  title = "Pilih Tipe Layanan",
+  title,
   serviceTypes,
   selectedService,
   onSave,
   renderImage
 }) => {
-  const styles = useStyles13();
+  const styles = useStyles14();
+  const mergedLabels = { ...DEFAULT_LABELS8[language], ...labels };
   const [selectedServiceTitle, setSelectedServiceTitle] = useState(
     selectedService?.title || ""
   );
@@ -5033,7 +5309,21 @@ var ModalTypeOfService = ({
     }
     return void 0;
   });
-  const defaultRenderImage = ({ src, alt, width, height }) => /* @__PURE__ */ jsx("img", { src, alt, width, height, style: { objectFit: "contain" } });
+  const defaultRenderImage = ({
+    src,
+    alt,
+    width,
+    height
+  }) => /* @__PURE__ */ jsx(
+    "img",
+    {
+      src,
+      alt,
+      width,
+      height,
+      style: { objectFit: "contain" }
+    }
+  );
   const imageRenderer = renderImage || defaultRenderImage;
   useEffect(() => {
     const newTitle = selectedService?.title || "";
@@ -5076,7 +5366,9 @@ var ModalTypeOfService = ({
           break;
         }
         if (item.child && item.child.length > 0) {
-          const childItem = item.child.find((child) => child.title === selectedServiceTitle);
+          const childItem = item.child.find(
+            (child) => child.title === selectedServiceTitle
+          );
           if (childItem) {
             selectedItem = {
               id: childItem.id,
@@ -5099,51 +5391,56 @@ var ModalTypeOfService = ({
       }
     }
   };
-  return /* @__PURE__ */ jsx(
-    Dialog,
-    {
-      open,
-      onOpenChange: (_, data) => !data.open && onClose(),
-      children: /* @__PURE__ */ jsx(DialogSurface, { className: styles.dialogSurface, children: /* @__PURE__ */ jsxs(DialogBody, { children: [
-        /* @__PURE__ */ jsx(
-          DialogTitle,
+  return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange: (_, data) => !data.open && onClose(), children: /* @__PURE__ */ jsx(DialogSurface, { className: styles.dialogSurface, children: /* @__PURE__ */ jsxs(DialogBody, { children: [
+    /* @__PURE__ */ jsx(
+      DialogTitle,
+      {
+        action: /* @__PURE__ */ jsx(
+          Button,
           {
-            action: /* @__PURE__ */ jsx(
-              Button,
-              {
-                appearance: "subtle",
-                "aria-label": "close",
-                icon: /* @__PURE__ */ jsx(Icon, { icon: "fluent:dismiss-24-regular" }),
-                onClick: onClose,
-                className: styles.closeButton
-              }
-            ),
-            children: title
+            appearance: "subtle",
+            "aria-label": "close",
+            icon: /* @__PURE__ */ jsx(Icon, { icon: "fluent:dismiss-24-regular" }),
+            onClick: onClose,
+            className: styles.closeButton
           }
         ),
-        /* @__PURE__ */ jsxs(DialogContent, { children: [
-          /* @__PURE__ */ jsx(
-            Accordion,
+        children: title || mergedLabels.title
+      }
+    ),
+    /* @__PURE__ */ jsxs(DialogContent, { children: [
+      /* @__PURE__ */ jsx(
+        Accordion,
+        {
+          collapsible: true,
+          openItems,
+          onToggle: (_, data) => setOpenItems(data.openItems[0]),
+          className: styles.passengerSection,
+          children: /* @__PURE__ */ jsx(
+            RadioGroup,
             {
-              collapsible: true,
-              openItems,
-              onToggle: (_, data) => setOpenItems(data.openItems[0]),
-              className: styles.passengerSection,
-              children: /* @__PURE__ */ jsx(
-                RadioGroup,
-                {
-                  value: selectedServiceTitle,
-                  onChange: (_, data) => setSelectedServiceTitle(data.value),
-                  children: serviceTypes.map((item, index) => {
-                    if (item.type === "accordion") {
-                      return /* @__PURE__ */ jsxs(AccordionItem, { value: item.id, className: styles.accordionItem, children: [
+              value: selectedServiceTitle,
+              onChange: (_, data) => setSelectedServiceTitle(data.value),
+              children: serviceTypes.map((item, index) => {
+                if (item.type === "accordion") {
+                  return /* @__PURE__ */ jsxs(
+                    AccordionItem,
+                    {
+                      value: item.id,
+                      className: styles.accordionItem,
+                      children: [
                         /* @__PURE__ */ jsxs(
                           AccordionHeader,
                           {
                             className: styles.accordionHeader,
                             expandIconPosition: "end",
                             children: [
-                              /* @__PURE__ */ jsx("div", { children: imageRenderer({ src: item.image, alt: "vehicles", width: 74, height: 74 }) }),
+                              /* @__PURE__ */ jsx("div", { children: imageRenderer({
+                                src: item.image,
+                                alt: mergedLabels.vehiclesAlt,
+                                width: 74,
+                                height: 74
+                              }) }),
                               /* @__PURE__ */ jsxs("div", { className: styles.accordionTitleAndInfo, children: [
                                 /* @__PURE__ */ jsx(Body1, { children: item.title }),
                                 /* @__PURE__ */ jsx(Caption1, { children: item.info })
@@ -5175,62 +5472,64 @@ var ModalTypeOfService = ({
                           },
                           childIndex
                         )) })
-                      ] }, index);
-                    } else if (item.type === "radio") {
-                      return /* @__PURE__ */ jsxs(
-                        "div",
-                        {
-                          className: mergeClasses(styles.accordionHeader, styles.accordionItem),
-                          style: { padding: tokens.spacingHorizontalXS },
-                          children: [
-                            /* @__PURE__ */ jsx("div", { style: { marginLeft: 2 }, children: imageRenderer({ src: item.image, alt: item.title, width: 74, height: 74 }) }),
-                            /* @__PURE__ */ jsxs("div", { className: styles.accordionTitleAndInfo, style: { marginLeft: 18 }, children: [
+                      ]
+                    },
+                    index
+                  );
+                } else if (item.type === "radio") {
+                  return /* @__PURE__ */ jsxs(
+                    "div",
+                    {
+                      className: mergeClasses(
+                        styles.accordionHeader,
+                        styles.accordionItem
+                      ),
+                      style: { padding: tokens.spacingHorizontalXS },
+                      children: [
+                        /* @__PURE__ */ jsx("div", { style: { marginLeft: 2 }, children: imageRenderer({
+                          src: item.image,
+                          alt: item.title,
+                          width: 74,
+                          height: 74
+                        }) }),
+                        /* @__PURE__ */ jsxs(
+                          "div",
+                          {
+                            className: styles.accordionTitleAndInfo,
+                            style: { marginLeft: 18 },
+                            children: [
                               /* @__PURE__ */ jsx(Body1, { children: item.title }),
                               /* @__PURE__ */ jsx(Caption1, { children: item.info })
-                            ] }),
-                            /* @__PURE__ */ jsx(Radio, { value: item.title })
-                          ]
-                        },
-                        index
-                      );
-                    }
-                    return null;
-                  })
+                            ]
+                          }
+                        ),
+                        /* @__PURE__ */ jsx(Radio, { value: item.title })
+                      ]
+                    },
+                    index
+                  );
                 }
-              )
+                return null;
+              })
             }
-          ),
-          /* @__PURE__ */ jsxs("div", { className: styles.footer, children: [
-            /* @__PURE__ */ jsx(Button, { appearance: "secondary", shape: "circular", onClick: onClose, children: "Batal" }),
-            /* @__PURE__ */ jsx(
-              Button,
-              {
-                appearance: "primary",
-                shape: "circular",
-                onClick: handleConfirm,
-                disabled: !selectedServiceTitle,
-                children: "Simpan"
-              }
-            )
-          ] })
-        ] })
-      ] }) })
-    }
-  );
-};
-
-// src/components/ModalTypeOfService/constants.ts
-var DEFAULT_VEHICLE_ICONS = {
-  pedestrian: "/assets/images/icons/pedestrian.webp",
-  roadbike: "/assets/images/icons/roadbike.webp",
-  motorbike1: "/assets/images/icons/motorbike-1.webp",
-  motorbike2: "/assets/images/icons/motorbike-2.svg",
-  smallCar: "/assets/images/icons/small-car.webp",
-  smallBus: "/assets/images/icons/small-bus.webp",
-  bigBus: "/assets/images/icons/big-bus.webp",
-  truck: "/assets/images/icons/truck.webp",
-  bigTruck: "/assets/images/icons/big-truck.webp",
-  looseLoad: "/assets/images/icons/loose-load.webp"
+          )
+        }
+      ),
+      /* @__PURE__ */ jsxs("div", { className: styles.footer, children: [
+        /* @__PURE__ */ jsx(Button, { appearance: "secondary", shape: "circular", onClick: onClose, children: mergedLabels.cancelButton }),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            appearance: "primary",
+            shape: "circular",
+            onClick: handleConfirm,
+            disabled: !selectedServiceTitle,
+            children: mergedLabels.saveButton
+          }
+        )
+      ] })
+    ] })
+  ] }) }) });
 };
 
 // src/components/SortMenu/SortMenu.constants.ts
@@ -5245,7 +5544,7 @@ var getSortLabel = (value) => {
   const option = DEFAULT_SORT_OPTIONS.find((opt) => opt.value === value);
   return option?.label || "Rekomendasi";
 };
-var useStyles14 = makeStyles({
+var useStyles15 = makeStyles({
   container: {
     display: "flex",
     width: "100%",
@@ -5279,7 +5578,7 @@ var SortMenu = ({
   sortButtonText = "Urutkan Berdasarkan",
   clearFiltersText = "{count} Filter Dipilih"
 }) => {
-  const styles = useStyles14();
+  const styles = useStyles15();
   const handleReset = () => {
     onChange("rekomendasi");
   };
@@ -5345,20 +5644,37 @@ var SortMenu = ({
 };
 
 // src/components/ModalFilterTicket/ModalFilterTicket.constants.ts
-var DEFAULT_LABELS3 = {
-  title: "Filter dengan",
-  serviceTypeLabel: "Jenis Layanan",
-  departureTimeLabel: "Waktu pergi",
-  arrivalTimeLabel: "Waktu tiba",
-  priceLabel: "Harga",
-  priceRangeText: (min, max) => {
-    const formatPrice = (price) => new Intl.NumberFormat("id-ID").format(price);
-    return `Mulai dari IDR ${formatPrice(min)} - ${formatPrice(max)}`;
-  },
-  durationLabel: "Durasi perjalanan",
-  durationRangeText: (min, max) => `Perjalanan ${min} - ${max} jam`,
-  resetButton: "Reset",
-  applyButton: "Terapkan"
+var DEFAULT_LABELS9 = {
+  id: {
+    title: "Filter dengan",
+    serviceTypeLabel: "Jenis Layanan",
+    departureTimeLabel: "Waktu pergi",
+    arrivalTimeLabel: "Waktu tiba",
+    priceLabel: "Harga",
+    priceRangeText: (min, max) => {
+      const formatPrice = (price) => new Intl.NumberFormat("id-ID").format(price);
+      return `Mulai dari IDR ${formatPrice(min)} - ${formatPrice(max)}`;
+    },
+    durationLabel: "Durasi perjalanan",
+    durationRangeText: (min, max) => `Perjalanan ${min} - ${max} jam`,
+    resetButton: "Reset",
+    applyButton: "Terapkan"
+  },
+  en: {
+    title: "Filter by",
+    serviceTypeLabel: "Service Type",
+    departureTimeLabel: "Departure time",
+    arrivalTimeLabel: "Arrival time",
+    priceLabel: "Price",
+    priceRangeText: (min, max) => {
+      const formatPrice = (price) => new Intl.NumberFormat("en-US").format(price);
+      return `From IDR ${formatPrice(min)} - ${formatPrice(max)}`;
+    },
+    durationLabel: "Travel duration",
+    durationRangeText: (min, max) => `${min} - ${max} hours trip`,
+    resetButton: "Reset",
+    applyButton: "Apply"
+  }
 };
 var DEFAULT_SERVICE_TYPES = [
   { value: "ropax-regular", label: "Ropax Regular" },
@@ -5383,7 +5699,7 @@ var DEFAULT_DURATION_RANGE = {
   min: 0,
   max: 8
 };
-var useStyles15 = makeStyles({
+var useStyles16 = makeStyles({
   dialogSurface: {
     maxWidth: "600px",
     width: "100%"
@@ -5422,7 +5738,10 @@ var useStyles15 = makeStyles({
     display: "flex",
     flexDirection: "column",
     gap: tokens.spacingVerticalS,
-    ...shorthands.padding(tokens.spacingHorizontalNone, tokens.spacingHorizontalSNudge)
+    ...shorthands.padding(
+      tokens.spacingHorizontalNone,
+      tokens.spacingHorizontalSNudge
+    )
   },
   sliderValues: {
     display: "flex",
@@ -5466,6 +5785,7 @@ var useStyles15 = makeStyles({
   }
 });
 var ModalFilterTicket = ({
+  language = "id",
   open,
   onOpenChange,
   selectedServiceTypes,
@@ -5488,8 +5808,8 @@ var ModalFilterTicket = ({
   minDuration = DEFAULT_DURATION_RANGE.min,
   maxDuration = DEFAULT_DURATION_RANGE.max
 }) => {
-  const styles = useStyles15();
-  const mergedLabels = { ...DEFAULT_LABELS3, ...labels };
+  const styles = useStyles16();
+  const mergedLabels = { ...DEFAULT_LABELS9[language], ...labels };
   const [rangeReady, setRangeReady] = useState(false);
   useEffect(() => {
     if (open) {
@@ -5644,7 +5964,9 @@ var ModalFilterTicket = ({
       /* @__PURE__ */ jsxs("div", { className: styles.section, children: [
         /* @__PURE__ */ jsx(Body1, { children: mergedLabels.serviceTypeLabel }),
         /* @__PURE__ */ jsx("div", { className: styles.buttonGrid, children: serviceTypes.map((service) => {
-          const isSelected = selectedServiceTypes.includes(service.value);
+          const isSelected = selectedServiceTypes.includes(
+            service.value
+          );
           return /* @__PURE__ */ jsx(
             Button,
             {
@@ -5662,26 +5984,58 @@ var ModalFilterTicket = ({
       /* @__PURE__ */ jsx(Divider, {}),
       /* @__PURE__ */ jsxs("div", { className: styles.section, children: [
         /* @__PURE__ */ jsx(Body1, { children: mergedLabels.departureTimeLabel }),
-        /* @__PURE__ */ jsx(Row, { children: timeSlots.map((slot) => /* @__PURE__ */ jsx(Col, { xs: 6, sm: 6, md: 6, lg: 3, xl: 3, xxl: 3, xxxl: 3, children: /* @__PURE__ */ jsx("div", { className: styles.checkboxWrapper, children: /* @__PURE__ */ jsx(
-          Checkbox,
+        /* @__PURE__ */ jsx(Row, { children: timeSlots.map((slot) => /* @__PURE__ */ jsx(
+          Col,
           {
-            label: slot.label,
-            checked: departureTime.includes(slot.value),
-            onChange: (_, data) => handleDepartureTimeChange(slot.value, data.checked)
-          }
-        ) }) }, slot.value)) })
+            xs: 6,
+            sm: 6,
+            md: 6,
+            lg: 3,
+            xl: 3,
+            xxl: 3,
+            xxxl: 3,
+            children: /* @__PURE__ */ jsx("div", { className: styles.checkboxWrapper, children: /* @__PURE__ */ jsx(
+              Checkbox,
+              {
+                label: slot.label,
+                checked: departureTime.includes(slot.value),
+                onChange: (_, data) => handleDepartureTimeChange(
+                  slot.value,
+                  data.checked
+                )
+              }
+            ) })
+          },
+          slot.value
+        )) })
       ] }),
       /* @__PURE__ */ jsx(Divider, {}),
       /* @__PURE__ */ jsxs("div", { className: styles.section, children: [
         /* @__PURE__ */ jsx(Body1, { children: mergedLabels.arrivalTimeLabel }),
-        /* @__PURE__ */ jsx(Row, { children: timeSlots.map((slot) => /* @__PURE__ */ jsx(Col, { xs: 6, sm: 6, md: 6, lg: 3, xl: 3, xxl: 3, xxxl: 3, children: /* @__PURE__ */ jsx("div", { className: styles.checkboxWrapper, children: /* @__PURE__ */ jsx(
-          Checkbox,
+        /* @__PURE__ */ jsx(Row, { children: timeSlots.map((slot) => /* @__PURE__ */ jsx(
+          Col,
           {
-            label: slot.label,
-            checked: arrivalTime.includes(slot.value),
-            onChange: (_, data) => handleArrivalTimeChange(slot.value, data.checked)
-          }
-        ) }) }, slot.value)) })
+            xs: 6,
+            sm: 6,
+            md: 6,
+            lg: 3,
+            xl: 3,
+            xxl: 3,
+            xxxl: 3,
+            children: /* @__PURE__ */ jsx("div", { className: styles.checkboxWrapper, children: /* @__PURE__ */ jsx(
+              Checkbox,
+              {
+                label: slot.label,
+                checked: arrivalTime.includes(slot.value),
+                onChange: (_, data) => handleArrivalTimeChange(
+                  slot.value,
+                  data.checked
+                )
+              }
+            ) })
+          },
+          slot.value
+        )) })
       ] }),
       /* @__PURE__ */ jsx(Divider, {}),
       /* @__PURE__ */ jsxs("div", { className: styles.containerRange, children: [
@@ -5712,7 +6066,10 @@ var ModalFilterTicket = ({
       /* @__PURE__ */ jsxs("div", { className: styles.containerRange, children: [
         /* @__PURE__ */ jsxs("div", { className: styles.spaceText, children: [
           /* @__PURE__ */ jsx(Subtitle2, { children: mergedLabels.durationLabel }),
-          /* @__PURE__ */ jsx(Body1, { children: mergedLabels.durationRangeText(durationRange[0], durationRange[1]) })
+          /* @__PURE__ */ jsx(Body1, { children: mergedLabels.durationRangeText(
+            durationRange[0],
+            durationRange[1]
+          ) })
         ] }),
         /* @__PURE__ */ jsxs("div", { className: styles.sliderContainer, children: [
           rangeReady && /* @__PURE__ */ jsx(
@@ -5758,13 +6115,13 @@ var ModalFilterTicket = ({
 };
 
 // src/components/DateFilter/DateFilter.constants.ts
-var DEFAULT_LABELS4 = {
+var DEFAULT_LABELS10 = {
   prevButtonAriaLabel: "Previous dates",
   nextButtonAriaLabel: "Next dates",
   calendarButtonAriaLabel: "Open calendar"
 };
 var DEFAULT_SCROLL_AMOUNT = 150;
-var useStyles16 = makeStyles({
+var useStyles17 = makeStyles({
   container: {
     display: "flex",
     alignItems: "stretch",
@@ -5845,9 +6202,9 @@ var DateFilter = ({
   scrollAmount = DEFAULT_SCROLL_AMOUNT,
   labels
 }) => {
-  const styles = useStyles16();
+  const styles = useStyles17();
   const scrollRef = useRef(null);
-  const mergedLabels = { ...DEFAULT_LABELS4, ...labels };
+  const mergedLabels = { ...DEFAULT_LABELS10, ...labels };
   const handlePrev = () => {
     scrollRef.current?.scrollBy({ left: -scrollAmount, behavior: "smooth" });
   };
@@ -5905,6 +6262,54 @@ var DateFilter = ({
 };
 
 // src/components/ModalSearchTicket/ModalSearchTicket.constants.ts
+var DEFAULT_LABELS11 = {
+  id: {
+    title: "Cari Jadwal Lainnya",
+    fromLabel: "Dari",
+    fromPlaceholder: "Pilih pelabuhan asal",
+    fromRequired: "Pelabuhan asal wajib diisi",
+    toLabel: "Ke",
+    toPlaceholder: "Pilih pelabuhan tujuan",
+    toRequired: "Pelabuhan tujuan wajib diisi",
+    departureDateLabel: "Tanggal Berangkat",
+    departureDatePlaceholder: "Pilih Tanggal Berangkat",
+    departureDateRequired: "Tanggal Berangkat wajib diisi",
+    roundTripLabel: "Pulang Pergi",
+    returnDateLabel: "Tanggal Pulang",
+    returnDatePlaceholder: "Pilih Tanggal Pulang",
+    returnDateRequired: "Tanggal Pulang wajib diisi",
+    serviceClassLabel: "Kelas Layanan",
+    serviceClassPlaceholder: "Pilih Kelas Layanan",
+    typeOfServiceLabel: "Jenis penumpang",
+    typeOfServicePlaceholder: "Pilih Jenis penumpang",
+    passengerLabel: "Penumpang",
+    passengerPlaceholder: "Pilih Penumpang",
+    searchButton: "Cari Tiket"
+  },
+  en: {
+    title: "Search Other Schedules",
+    fromLabel: "From",
+    fromPlaceholder: "Select origin harbor",
+    fromRequired: "Origin harbor is required",
+    toLabel: "To",
+    toPlaceholder: "Select destination harbor",
+    toRequired: "Destination harbor is required",
+    departureDateLabel: "Departure Date",
+    departureDatePlaceholder: "Select Departure Date",
+    departureDateRequired: "Departure date is required",
+    roundTripLabel: "Round Trip",
+    returnDateLabel: "Return Date",
+    returnDatePlaceholder: "Select Return Date",
+    returnDateRequired: "Return date is required",
+    serviceClassLabel: "Service Class",
+    serviceClassPlaceholder: "Select Service Class",
+    typeOfServiceLabel: "Type of Passenger",
+    typeOfServicePlaceholder: "Select Type of Passenger",
+    passengerLabel: "Passenger",
+    passengerPlaceholder: "Select Passenger",
+    searchButton: "Search Ticket"
+  }
+};
 var DEFAULT_FORM_VALUES = {
   from: "",
   to: "",
@@ -5915,7 +6320,7 @@ var DEFAULT_FORM_VALUES = {
   typeOfService: "",
   passenger: ""
 };
-var useStyles17 = makeStyles({
+var useStyles18 = makeStyles({
   dialogSurface: {
     maxWidth: "900px",
     width: "100%"
@@ -5988,6 +6393,8 @@ var useStyles17 = makeStyles({
   }
 });
 var ModalSearchTicket = ({
+  language = "id",
+  labels,
   open,
   onClose,
   defaultValues,
@@ -6015,7 +6422,8 @@ var ModalSearchTicket = ({
   showRoundTrip = true,
   ...props
 }) => {
-  const styles = useStyles17();
+  const styles = useStyles18();
+  const mergedLabels = { ...DEFAULT_LABELS11[language], ...labels };
   const { control, setValue, handleSubmit, watch } = useForm({
     defaultValues: {
       ...DEFAULT_FORM_VALUES,
@@ -6075,7 +6483,7 @@ var ModalSearchTicket = ({
                 onClick: onClose
               }
             ),
-            children: "Cari Jadwal Lainnya"
+            children: mergedLabels.title
           }
         ),
         /* @__PURE__ */ jsx(DialogContent, { className: styles.content, children: /* @__PURE__ */ jsx("form", { onSubmit: handleSubmit(onFormSubmit), children: /* @__PURE__ */ jsxs(Row, { style: { width: "100%" }, className: styles.formInnerRow, children: [
@@ -6096,7 +6504,7 @@ var ModalSearchTicket = ({
                       InputDynamic_default,
                       {
                         name: "from",
-                        label: "Dari",
+                        label: mergedLabels.fromLabel,
                         control,
                         type: "text",
                         contentBefore: /* @__PURE__ */ jsx(
@@ -6108,11 +6516,11 @@ var ModalSearchTicket = ({
                         ),
                         appearance: "filled-lighter",
                         size: "medium",
-                        placeholder: "Pilih pelabuhan asal",
+                        placeholder: mergedLabels.fromPlaceholder,
                         onClick: onSelectOrigin,
                         onChange: handleFromChange,
                         validationRules: {
-                          required: "Pelabuhan asal wajib diisi"
+                          required: mergedLabels.fromRequired
                         },
                         required: true
                       }
@@ -6164,7 +6572,7 @@ var ModalSearchTicket = ({
                     InputDynamic_default,
                     {
                       name: "to",
-                      label: "Ke",
+                      label: mergedLabels.toLabel,
                       control,
                       type: "text",
                       contentBefore: /* @__PURE__ */ jsx(
@@ -6177,10 +6585,10 @@ var ModalSearchTicket = ({
                       disabled: toDisabled,
                       appearance: "filled-lighter",
                       size: "medium",
-                      placeholder: "Pilih pelabuhan tujuan",
+                      placeholder: mergedLabels.toPlaceholder,
                       onClick: onSelectDestination,
                       validationRules: {
-                        required: "Pelabuhan tujuan wajib diisi"
+                        required: mergedLabels.toRequired
                       },
                       required: true
                     }
@@ -6203,7 +6611,7 @@ var ModalSearchTicket = ({
                     InputDynamic_default,
                     {
                       name: "startDate",
-                      label: "Tanggal Berangkat",
+                      label: mergedLabels.departureDateLabel,
                       control,
                       type: "text",
                       contentBefore: /* @__PURE__ */ jsx(
@@ -6215,11 +6623,11 @@ var ModalSearchTicket = ({
                       ),
                       appearance: "filled-lighter",
                       size: "medium",
-                      placeholder: "Pilih Tanggal Berangkat",
+                      placeholder: mergedLabels.departureDatePlaceholder,
                       onClick: onSelectDepartureDate,
                       required: true,
                       validationRules: {
-                        required: "Tanggal Berangkat wajib diisi"
+                        required: mergedLabels.departureDateRequired
                       }
                     }
                   ) })
@@ -6240,7 +6648,7 @@ var ModalSearchTicket = ({
                     InputDynamic_default,
                     {
                       name: "roundTrip",
-                      label: "Pulang Pergi",
+                      label: mergedLabels.roundTripLabel,
                       control,
                       type: "switch",
                       disabled: roundTripDisabled,
@@ -6263,7 +6671,7 @@ var ModalSearchTicket = ({
                     InputDynamic_default,
                     {
                       name: "endDate",
-                      label: "Tanggal Pulang",
+                      label: mergedLabels.returnDateLabel,
                       control,
                       type: "text",
                       contentBefore: /* @__PURE__ */ jsx(
@@ -6275,13 +6683,13 @@ var ModalSearchTicket = ({
                       ),
                       appearance: "filled-lighter",
                       size: "medium",
-                      placeholder: "Pilih Tanggal Pulang",
+                      placeholder: mergedLabels.returnDatePlaceholder,
                       onClick: onSelectReturnDate,
                       disabled: endDateDisabled,
                       style: { borderColor: "transparent" },
                       required: roundTripValue,
                       validationRules: {
-                        required: "Tanggal Pulang wajib diisi"
+                        required: mergedLabels.returnDateRequired
                       }
                     }
                   )
@@ -6331,7 +6739,7 @@ var ModalSearchTicket = ({
                       InputDynamic_default,
                       {
                         name: "serviceClass",
-                        label: "Kelas Layanan",
+                        label: mergedLabels.serviceClassLabel,
                         control,
                         type: "text",
                         contentBefore: /* @__PURE__ */ jsx(
@@ -6343,7 +6751,7 @@ var ModalSearchTicket = ({
                         ),
                         appearance: "filled-lighter",
                         size: "medium",
-                        placeholder: "Pilih Kelas Layanan",
+                        placeholder: mergedLabels.serviceClassPlaceholder,
                         onClick: onSelectServiceClass,
                         required: true,
                         disabled: serviceClassDisabled
@@ -6365,7 +6773,7 @@ var ModalSearchTicket = ({
                       InputDynamic_default,
                       {
                         name: "typeOfService",
-                        label: "Jenis penumpang",
+                        label: mergedLabels.typeOfServiceLabel,
                         control,
                         type: "text",
                         contentBefore: /* @__PURE__ */ jsx(
@@ -6377,7 +6785,7 @@ var ModalSearchTicket = ({
                         ),
                         appearance: "filled-lighter",
                         size: "medium",
-                        placeholder: "Pilih Jenis penumpang",
+                        placeholder: mergedLabels.typeOfServicePlaceholder,
                         onClick: onSelectTypeOfService,
                         required: true,
                         disabled: typeOfServiceDisabled
@@ -6400,7 +6808,7 @@ var ModalSearchTicket = ({
                       {
                         required: true,
                         name: "passenger",
-                        label: "Penumpang",
+                        label: mergedLabels.passengerLabel,
                         control,
                         type: "text",
                         contentBefore: /* @__PURE__ */ jsx(
@@ -6412,7 +6820,7 @@ var ModalSearchTicket = ({
                         ),
                         appearance: "filled-lighter",
                         size: "medium",
-                        placeholder: "Pilih Penumpang",
+                        placeholder: mergedLabels.passengerPlaceholder,
                         onClick: onSelectPassenger
                       }
                     )
@@ -6440,7 +6848,7 @@ var ModalSearchTicket = ({
                   type: "submit",
                   icon: /* @__PURE__ */ jsx(Icon, { icon: "fluent:vehicle-ship-20-filled" }),
                   disabled: isSubmitDisabled,
-                  children: "Cari Tiket"
+                  children: mergedLabels.searchButton
                 }
               )
             }
@@ -6450,7 +6858,7 @@ var ModalSearchTicket = ({
     }
   );
 };
-var useStyles18 = makeStyles({
+var useStyles19 = makeStyles({
   stepperWrapper: {
     position: "relative",
     width: "100%",
@@ -6573,7 +6981,7 @@ var Stepper = ({
   currentStep,
   className
 }) => {
-  const styles = useStyles18();
+  const styles = useStyles19();
   const currentStepIndex = useMemo(() => {
     if (typeof currentStep === "number") {
       return steps.findIndex((step) => step.number === currentStep);
@@ -6626,7 +7034,23 @@ var Stepper = ({
     ] }, step.id)) })
   ] }) });
 };
-var useStyles19 = makeStyles({
+
+// src/components/CardOrdererInfo/CardOrdererInfo.constants.ts
+var DEFAULT_LABELS12 = {
+  id: {
+    title: "Informasi Pemesan",
+    ordererName: "Nama Pemesan",
+    phoneNumber: "Nomor Handphone",
+    email: "Email"
+  },
+  en: {
+    title: "Orderer Information",
+    ordererName: "Orderer Name",
+    phoneNumber: "Phone Number",
+    email: "Email"
+  }
+};
+var useStyles20 = makeStyles({
   card: {
     padding: "1.5rem",
     borderRadius: tokens.borderRadiusXLarge,
@@ -6651,29 +7075,32 @@ var useStyles19 = makeStyles({
   }
 });
 var CardOrdererInfo = ({
+  language = "id",
   orderer,
+  labels,
   className
 }) => {
-  const styles = useStyles19();
+  const styles = useStyles20();
+  const mergedLabels = { ...DEFAULT_LABELS12[language], ...labels };
   return /* @__PURE__ */ jsxs(Card, { className: className || styles.card, children: [
-    /* @__PURE__ */ jsx(Title3, { children: "Informasi Pemesan" }),
+    /* @__PURE__ */ jsx(Title3, { children: mergedLabels.title }),
     /* @__PURE__ */ jsxs("div", { className: styles.container, children: [
       /* @__PURE__ */ jsxs("div", { className: styles.fieldGroup, children: [
-        /* @__PURE__ */ jsx(Subtitle2, { className: styles.label, children: "Nama Pemesan" }),
+        /* @__PURE__ */ jsx(Subtitle2, { className: styles.label, children: mergedLabels.ordererName }),
         /* @__PURE__ */ jsx(Body1, { className: styles.value, children: orderer?.name || "-" })
       ] }),
       /* @__PURE__ */ jsxs("div", { className: styles.fieldGroup, children: [
-        /* @__PURE__ */ jsx(Subtitle2, { className: styles.label, children: "Nomor Handphone" }),
+        /* @__PURE__ */ jsx(Subtitle2, { className: styles.label, children: mergedLabels.phoneNumber }),
         /* @__PURE__ */ jsx(Body1, { className: styles.value, children: orderer?.phoneNumber || "-" })
       ] }),
       /* @__PURE__ */ jsxs("div", { className: styles.fieldGroup, children: [
-        /* @__PURE__ */ jsx(Subtitle2, { className: styles.label, children: "Email" }),
+        /* @__PURE__ */ jsx(Subtitle2, { className: styles.label, children: mergedLabels.email }),
         /* @__PURE__ */ jsx(Body1, { className: styles.value, children: orderer?.email || "-" })
       ] })
     ] })
   ] });
 };
-var useStyles20 = makeStyles({
+var useStyles21 = makeStyles({
   dialogSurface: {
     maxWidth: "600px",
     width: "100%",
@@ -6726,7 +7153,7 @@ var ModalListPassenger = ({
   sameAsOrderer,
   onSameAsOrdererChange
 }) => {
-  const styles = useStyles20();
+  const styles = useStyles21();
   const handleClose = () => {
     onClose();
     onSearchChange("");
@@ -6840,7 +7267,7 @@ var ModalListPassenger = ({
     }
   );
 };
-var useStyles21 = makeStyles({
+var useStyles22 = makeStyles({
   dialogSurface: {
     maxWidth: "600px",
     width: "100%",
@@ -6870,7 +7297,7 @@ var ModalPassengerForm = ({
   cityOptions,
   ticketClassOptions
 }) => {
-  const styles = useStyles21();
+  const styles = useStyles22();
   const { control, handleSubmit, reset } = useForm({
     defaultValues
   });
@@ -7056,6 +7483,18 @@ var ModalPassengerForm = ({
     }
   );
 };
+
+// src/components/CardPassengerList/CardPassengerList.constants.ts
+var DEFAULT_LABELS13 = {
+  id: {
+    defaultTitle: "Data Penumpang",
+    passengerPrefix: "Penumpang"
+  },
+  en: {
+    defaultTitle: "Passenger Data",
+    passengerPrefix: "Passenger"
+  }
+};
 var getBadgeConfig = (ticketClass) => {
   const normalizedClass = ticketClass?.toUpperCase();
   switch (normalizedClass) {
@@ -7084,7 +7523,7 @@ var getBadgeConfig = (ticketClass) => {
       };
   }
 };
-var useStyles22 = makeStyles({
+var useStyles23 = makeStyles({
   card: {
     padding: "1.5rem",
     borderRadius: tokens.borderRadiusXLarge,
@@ -7160,15 +7599,19 @@ var useStyles22 = makeStyles({
   }
 });
 var CardPassengerList = ({
-  title = "Data Penumpang",
+  language = "id",
+  title,
   passengers,
   onPassengerClick,
+  labels,
   className
 }) => {
-  const styles = useStyles22();
+  const styles = useStyles23();
+  const mergedLabels = { ...DEFAULT_LABELS13[language], ...labels };
+  const displayTitle = title || mergedLabels.defaultTitle;
   return /* @__PURE__ */ jsxs(Card, { className: className || styles.card, children: [
     /* @__PURE__ */ jsxs("div", { className: styles.headerContainer, children: [
-      /* @__PURE__ */ jsx(Title3, { className: styles.headerTitle, children: title }),
+      /* @__PURE__ */ jsx(Title3, { className: styles.headerTitle, children: displayTitle }),
       /* @__PURE__ */ jsx("div", { className: styles.headerLine })
     ] }),
     /* @__PURE__ */ jsx("div", { className: styles.passengerList, children: passengers.map((passenger, index) => {
@@ -7188,32 +7631,46 @@ var CardPassengerList = ({
           },
           children: [
             /* @__PURE__ */ jsx("div", { className: styles.passengerInfo, children: /* @__PURE__ */ jsxs(Subtitle2, { className: styles.passengerText, children: [
-              passenger.name || `Penumpang ${index + 1}`,
-              " (",
+              passenger.name || `${mergedLabels.passengerPrefix} ${index + 1}`,
+              " ",
+              "(",
               passenger.passengerType,
               ")"
             ] }) }),
-            /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: "1rem" }, children: [
-              /* @__PURE__ */ jsxs("div", { className: styles.badgeContainer, children: [
-                badgeConfig.icon && /* @__PURE__ */ jsx(
-                  "img",
-                  {
-                    src: badgeConfig.icon,
-                    alt: passenger.serviceName,
-                    className: styles.badgeIcon
-                  }
-                ),
-                /* @__PURE__ */ jsx(
-                  "div",
-                  {
-                    className: styles.badgeContent,
-                    style: { backgroundColor: badgeConfig.color },
-                    children: passenger.serviceName
-                  }
-                )
-              ] }),
-              /* @__PURE__ */ jsx(Icon, { icon: "fluent:chevron-right-24-regular", width: 20, height: 20 })
-            ] })
+            /* @__PURE__ */ jsxs(
+              "div",
+              {
+                style: { display: "flex", alignItems: "center", gap: "1rem" },
+                children: [
+                  /* @__PURE__ */ jsxs("div", { className: styles.badgeContainer, children: [
+                    badgeConfig.icon && /* @__PURE__ */ jsx(
+                      "img",
+                      {
+                        src: badgeConfig.icon,
+                        alt: passenger.serviceName,
+                        className: styles.badgeIcon
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(
+                      "div",
+                      {
+                        className: styles.badgeContent,
+                        style: { backgroundColor: badgeConfig.color },
+                        children: passenger.serviceName
+                      }
+                    )
+                  ] }),
+                  /* @__PURE__ */ jsx(
+                    Icon,
+                    {
+                      icon: "fluent:chevron-right-24-regular",
+                      width: 20,
+                      height: 20
+                    }
+                  )
+                ]
+              }
+            )
           ]
         },
         passenger.id || `passenger-${index}`
@@ -7221,7 +7678,7 @@ var CardPassengerList = ({
     }) })
   ] });
 };
-var useStyles23 = makeStyles({
+var useStyles24 = makeStyles({
   card: {
     padding: "1.5rem",
     borderRadius: tokens.borderRadiusXLarge,
@@ -7258,7 +7715,7 @@ var CardVehicleDetail = ({
   hasLoad,
   onHasLoadChange
 }) => {
-  const styles = useStyles23();
+  const styles = useStyles24();
   return /* @__PURE__ */ jsxs(Card, { className: styles.card, children: [
     /* @__PURE__ */ jsxs("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "center" }, children: [
       /* @__PURE__ */ jsx(Subtitle1, { className: styles.headerTitle, children: "Detail Kendaraan" }),
@@ -7306,7 +7763,7 @@ var CardVehicleDetail = ({
     ] })
   ] });
 };
-var useStyles24 = makeStyles({
+var useStyles25 = makeStyles({
   card: {
     padding: "1.5rem",
     borderRadius: tokens.borderRadiusXLarge,
@@ -7363,7 +7820,7 @@ var CardVehicleOwnerForm = ({
   companyOptions = [],
   cityOptions = []
 }) => {
-  const styles = useStyles24();
+  const styles = useStyles25();
   return /* @__PURE__ */ jsxs(Card, { className: styles.card, children: [
     /* @__PURE__ */ jsxs("div", { className: styles.header, children: [
       /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", flex: 1 }, children: [
@@ -8007,7 +8464,33 @@ var CardVehicleOwnerForm = ({
     )) })
   ] });
 };
-var useStyles25 = makeStyles({
+
+// src/components/CardBookingTicket/CardBookingTicket.constants.ts
+var DEFAULT_LABELS14 = {
+  id: {
+    bookingDetails: "Booking Details",
+    routeTitle: "Rute Perjalanan",
+    estimationPrefix: "Estimasi",
+    totalPriceLabel: "Total Harga",
+    nextButton: "Lanjutkan",
+    previousButton: "Sebelumnya",
+    viewBookingButton: "Lihat Pemesanan",
+    changePaymentButton: "Ubah Metode Pembayaran",
+    timezoneLabel: "WIB"
+  },
+  en: {
+    bookingDetails: "Booking Details",
+    routeTitle: "Travel Route",
+    estimationPrefix: "Estimation",
+    totalPriceLabel: "Total Price",
+    nextButton: "Continue",
+    previousButton: "Previous",
+    viewBookingButton: "View Booking",
+    changePaymentButton: "Change Payment Method",
+    timezoneLabel: "WIB"
+  }
+};
+var useStyles26 = makeStyles({
   container: {
     display: "flex",
     flexDirection: "column",
@@ -8119,6 +8602,8 @@ var useStyles25 = makeStyles({
   }
 });
 var CardBookingTicket = ({
+  language = "id",
+  labels,
   shipName = "KMP PORTLINK",
   shipType = "Water Taxi",
   shipTypeColor = "success",
@@ -8137,13 +8622,22 @@ var CardBookingTicket = ({
   onPrevious,
   className
 }) => {
-  const styles = useStyles25();
+  const styles = useStyles26();
+  const mergedLabels = { ...DEFAULT_LABELS14[language], ...labels };
   return /* @__PURE__ */ jsx("div", { className: `${styles.container} ${className || ""}`, children: /* @__PURE__ */ jsxs("div", { className: styles.bookingDetail, children: [
     /* @__PURE__ */ jsxs(Card, { className: styles.bookingDetailTop, children: [
-      /* @__PURE__ */ jsx(Subtitle1, { children: "Booking Details" }),
+      /* @__PURE__ */ jsx(Subtitle1, { children: mergedLabels.bookingDetails }),
       /* @__PURE__ */ jsxs("div", { className: styles.headerBookingDetail, children: [
         /* @__PURE__ */ jsxs("div", { className: styles.shipInfo, children: [
-          /* @__PURE__ */ jsx("img", { src: "/assets/logo/asdp-default.svg", width: 81, height: 54, alt: "asdp" }),
+          /* @__PURE__ */ jsx(
+            "img",
+            {
+              src: "/assets/logo/asdp-default.svg",
+              width: 81,
+              height: 54,
+              alt: "asdp"
+            }
+          ),
           /* @__PURE__ */ jsx(Body1, { children: shipName })
         ] }),
         /* @__PURE__ */ jsx(
@@ -8159,20 +8653,22 @@ var CardBookingTicket = ({
           }
         )
       ] }),
-      /* @__PURE__ */ jsx(Body1Strong, { children: "Rute Perjalanan" }),
+      /* @__PURE__ */ jsx(Body1Strong, { children: mergedLabels.routeTitle }),
       /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs("div", { className: styles.ticketInfo, children: [
         /* @__PURE__ */ jsxs("div", { className: styles.ticketTime, children: [
           /* @__PURE__ */ jsx(Caption2, { children: departureDay }),
           /* @__PURE__ */ jsxs(Body1Stronger, { children: [
             departureTime,
-            " WIB"
+            " ",
+            mergedLabels.timezoneLabel
           ] }),
           /* @__PURE__ */ jsx(Caption2, { children: departureLocation })
         ] }),
         /* @__PURE__ */ jsxs("div", { className: styles.ticketDuration, children: [
           /* @__PURE__ */ jsx(Icon, { icon: "fluent:vehicle-ship-24-regular" }),
           /* @__PURE__ */ jsxs(Caption2, { children: [
-            "Estimasi ",
+            mergedLabels.estimationPrefix,
+            " ",
             duration
           ] })
         ] }),
@@ -8180,7 +8676,8 @@ var CardBookingTicket = ({
           /* @__PURE__ */ jsx(Caption2, { children: arrivalDay }),
           /* @__PURE__ */ jsxs(Body1Stronger, { children: [
             arrivalTime,
-            " WIB"
+            " ",
+            mergedLabels.timezoneLabel
           ] }),
           /* @__PURE__ */ jsx(Caption2, { children: arrivalLocation })
         ] })
@@ -8190,7 +8687,7 @@ var CardBookingTicket = ({
     ] }),
     /* @__PURE__ */ jsxs(Card, { className: styles.bookingDetailBottom, children: [
       /* @__PURE__ */ jsxs("div", { className: styles.totalPrice, children: [
-        /* @__PURE__ */ jsx(Subtitle1, { children: "Total Harga" }),
+        /* @__PURE__ */ jsx(Subtitle1, { children: mergedLabels.totalPriceLabel }),
         /* @__PURE__ */ jsxs(Title3, { className: styles.priceText, children: [
           "IDR ",
           totalPrice
@@ -8215,10 +8712,12 @@ var CardBookingTicket = ({
             style: { width: "100%" },
             icon: /* @__PURE__ */ jsx(Icon, { icon: "fluent:chevron-right-20-regular" }),
             iconPosition: "after",
-            children: "Lanjutkan"
+            children: mergedLabels.nextButton
           }
         ),
-        ["addon", "meals", "review", "payment", "eticket"].includes(reservationStep) && !["pay"].includes(paymentStep) && /* @__PURE__ */ jsx(
+        ["addon", "meals", "review", "payment", "eticket"].includes(
+          reservationStep
+        ) && !["pay"].includes(paymentStep) && /* @__PURE__ */ jsx(
           Button,
           {
             appearance: "secondary",
@@ -8228,7 +8727,7 @@ var CardBookingTicket = ({
             className: styles.secondaryButton,
             icon: /* @__PURE__ */ jsx(Icon, { icon: "fluent:chevron-left-20-regular" }),
             iconPosition: "before",
-            children: "Sebelumnya"
+            children: mergedLabels.previousButton
           }
         )
       ] }),
@@ -8241,7 +8740,7 @@ var CardBookingTicket = ({
             size: "large",
             style: { width: "100%" },
             onClick: onNext,
-            children: "Lihat Pemesanan"
+            children: mergedLabels.viewBookingButton
           }
         ),
         /* @__PURE__ */ jsx(
@@ -8252,14 +8751,24 @@ var CardBookingTicket = ({
             size: "large",
             className: styles.secondaryButton,
             onClick: onPrevious,
-            children: "Ubah Metode Pembayaran"
+            children: mergedLabels.changePaymentButton
           }
         )
       ] })
     ] })
   ] }) });
 };
-var useStyles26 = makeStyles({
+
+// src/components/CardFAQ/CardFAQ.constants.ts
+var DEFAULT_LABELS15 = {
+  id: {
+    title: "FAQ"
+  },
+  en: {
+    title: "FAQ"
+  }
+};
+var useStyles27 = makeStyles({
   faqSection: {
     // marginTop: '2rem', // Let parent control spacing if needed, or keep consistent
   },
@@ -8299,27 +8808,63 @@ var FAQ_ITEMS = [
     answer: "Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sint maiores debitis, earum animi dolorum unde asperiores accusantium nemo consectetur nulla reiciendis eveniet pariatur autem rerum adipisci sequi officia vero ipsam!"
   }
 ];
-var CardFAQ = ({ className }) => {
-  const styles = useStyles26();
+var CardFAQ = ({
+  language = "id",
+  labels,
+  className
+}) => {
+  const styles = useStyles27();
+  const mergedLabels = { ...DEFAULT_LABELS15[language], ...labels };
   return /* @__PURE__ */ jsxs(Card, { className: styles.faqCard, children: [
-    /* @__PURE__ */ jsx(Subtitle1, { children: "FAQ" }),
-    /* @__PURE__ */ jsx(Accordion, { collapsible: true, children: FAQ_ITEMS.map((item) => /* @__PURE__ */ jsxs(AccordionItem, { value: item.value, className: styles.accordionItem, children: [
-      /* @__PURE__ */ jsxs(AccordionHeader, { className: styles.accordionHeader, expandIconPosition: "end", children: [
-        /* @__PURE__ */ jsx(
-          Icon,
-          {
-            icon: "fluent:question-circle-28-regular",
-            style: { marginRight: "5px" }
-          }
-        ),
-        " ",
-        item.question
-      ] }),
-      /* @__PURE__ */ jsx(AccordionPanel, { children: item.answer })
-    ] }, item.value)) })
+    /* @__PURE__ */ jsx(Subtitle1, { children: mergedLabels.title }),
+    /* @__PURE__ */ jsx(Accordion, { collapsible: true, children: FAQ_ITEMS.map((item) => /* @__PURE__ */ jsxs(
+      AccordionItem,
+      {
+        value: item.value,
+        className: styles.accordionItem,
+        children: [
+          /* @__PURE__ */ jsxs(
+            AccordionHeader,
+            {
+              className: styles.accordionHeader,
+              expandIconPosition: "end",
+              children: [
+                /* @__PURE__ */ jsx(
+                  Icon,
+                  {
+                    icon: "fluent:question-circle-28-regular",
+                    style: { marginRight: "5px" }
+                  }
+                ),
+                " ",
+                item.question
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsx(AccordionPanel, { children: item.answer })
+        ]
+      },
+      item.value
+    )) })
   ] });
 };
-var useStyles27 = makeStyles({
+
+// src/components/CardAddon/CardAddon.constants.ts
+var DEFAULT_LABELS16 = {
+  id: {
+    viewDetail: "Lihat detail",
+    totalPrice: "Total Harga",
+    passengerInsurance: "Asuransi Penumpang",
+    removeOrder: "Hapus Pesanan"
+  },
+  en: {
+    viewDetail: "View Details",
+    totalPrice: "Total Price",
+    passengerInsurance: "Passenger Insurance",
+    removeOrder: "Remove Order"
+  }
+};
+var useStyles28 = makeStyles({
   card: {
     backgroundColor: tokens.colorNeutralBackground1,
     boxShadow: tokens.shadow4,
@@ -8384,7 +8929,10 @@ var useStyles27 = makeStyles({
   },
   // Assurance Styles
   badge: {
-    ...shorthands.padding(tokens.spacingVerticalNone, tokens.spacingHorizontalL),
+    ...shorthands.padding(
+      tokens.spacingVerticalNone,
+      tokens.spacingHorizontalL
+    ),
     backgroundColor: tokens.colorPaletteBlueBackground2,
     // Approximate for Shared_Dark_blue_Primary if not avail
     color: tokens.colorNeutralForegroundOnBrand,
@@ -8475,6 +9023,8 @@ var useStyles27 = makeStyles({
   }
 });
 var CardAddon = ({
+  language = "id",
+  labels,
   title,
   itemTitle,
   itemSubtitle,
@@ -8487,7 +9037,8 @@ var CardAddon = ({
   children,
   className
 }) => {
-  const styles = useStyles27();
+  const styles = useStyles28();
+  const mergedLabels = { ...DEFAULT_LABELS16[language], ...labels };
   return /* @__PURE__ */ jsx(Card, { className: `${styles.card} ${className || ""}`, children: /* @__PURE__ */ jsxs("div", { className: styles.gapRow, children: [
     /* @__PURE__ */ jsxs("div", { className: styles.titleDivider, children: [
       /* @__PURE__ */ jsx(Title3, { className: styles.textTitle, children: title }),
@@ -8535,7 +9086,7 @@ var CardAddon = ({
             onClick: footerData.onActionClick,
             icon: /* @__PURE__ */ jsx(Icon, { icon: "fluent:chevron-down-12-regular" }),
             iconPosition: "after",
-            children: /* @__PURE__ */ jsx(Caption1, { className: styles.detailToogle, children: footerData.actionLabel || "Lihat detail" })
+            children: /* @__PURE__ */ jsx(Caption1, { className: styles.detailToogle, children: footerData.actionLabel || mergedLabels.viewDetail })
           }
         ) })
       ] }) }),
@@ -8551,7 +9102,8 @@ var CardAddon = ({
             style: { backgroundColor: "rgb(30, 57, 141)" },
             children: [
               assuranceData.totalPassenger,
-              " Asuransi Penumpang"
+              " ",
+              mergedLabels.passengerInsurance
             ]
           }
         ) }),
@@ -8569,7 +9121,7 @@ var CardAddon = ({
             ] })
           ] }, idx)),
           /* @__PURE__ */ jsxs("div", { className: styles.breakdownRow, children: [
-            /* @__PURE__ */ jsx(Subtitle2, { children: "Total Harga" }),
+            /* @__PURE__ */ jsx(Subtitle2, { children: mergedLabels.totalPrice }),
             /* @__PURE__ */ jsxs(Subtitle2, { children: [
               "Rp",
               assuranceData.totalPrice.toLocaleString("id-ID")
@@ -8596,7 +9148,8 @@ var CardAddon = ({
             item.price.toLocaleString("id-ID"),
             " x ",
             item.quantity,
-            " = Rp",
+            " ",
+            "= Rp",
             (item.price * item.quantity).toLocaleString("id-ID")
           ] })
         ] }),
@@ -8642,7 +9195,7 @@ var CardAddon = ({
               onClick: () => mealData.onDelete(item.id),
               children: [
                 /* @__PURE__ */ jsx(DeleteRegular, { fontSize: 18 }),
-                "Hapus Pesanan"
+                mergedLabels.removeOrder
               ]
             }
           )
@@ -8675,7 +9228,17 @@ var CardAddon = ({
     ] })
   ] }) });
 };
-var useStyles28 = makeStyles({
+
+// src/components/CardMealCatalog/CardMealCatalog.constants.ts
+var DEFAULT_LABELS17 = {
+  id: {
+    addButton: "Tambah"
+  },
+  en: {
+    addButton: "Add"
+  }
+};
+var useStyles29 = makeStyles({
   container: {
     display: "flex",
     flexDirection: "column",
@@ -8805,6 +9368,8 @@ var useStyles28 = makeStyles({
   }
 });
 var CardMealCatalog = ({
+  language = "id",
+  labels,
   banner,
   disclaimerText,
   categories,
@@ -8812,7 +9377,8 @@ var CardMealCatalog = ({
   onUpdateQuantity,
   className
 }) => {
-  const styles = useStyles28();
+  const styles = useStyles29();
+  const mergedLabels = { ...DEFAULT_LABELS17[language], ...labels };
   return /* @__PURE__ */ jsxs("div", { className: `${styles.container} ${className || ""}`, children: [
     /* @__PURE__ */ jsxs("div", { className: styles.banner, children: [
       /* @__PURE__ */ jsx("div", { className: styles.bannerOverlay }),
@@ -8835,11 +9401,25 @@ var CardMealCatalog = ({
       /* @__PURE__ */ jsx(Caption1, { children: disclaimerText })
     ] }),
     categories.map((cat, index) => /* @__PURE__ */ jsxs("section", { children: [
-      /* @__PURE__ */ jsx(Title3, { className: styles.sectionTitle, style: { textTransform: "capitalize" }, children: cat.category }),
+      /* @__PURE__ */ jsx(
+        Title3,
+        {
+          className: styles.sectionTitle,
+          style: { textTransform: "capitalize" },
+          children: cat.category
+        }
+      ),
       /* @__PURE__ */ jsx("br", {}),
       /* @__PURE__ */ jsx("br", {}),
       /* @__PURE__ */ jsx("div", { className: styles.grid, children: cat.list.map((item) => /* @__PURE__ */ jsxs(Card, { className: styles.productCard, children: [
-        /* @__PURE__ */ jsx(Image, { src: item.image, alt: item.name, className: styles.productImage }),
+        /* @__PURE__ */ jsx(
+          Image,
+          {
+            src: item.image,
+            alt: item.name,
+            className: styles.productImage
+          }
+        ),
         /* @__PURE__ */ jsxs("div", { className: styles.productInfo, children: [
           /* @__PURE__ */ jsxs("div", { children: [
             /* @__PURE__ */ jsx(Subtitle2, { children: item.name }),
@@ -8877,7 +9457,7 @@ var CardMealCatalog = ({
                 shape: "rounded",
                 className: styles.customAddButton,
                 onClick: () => onAdd(item),
-                children: "Tambah"
+                children: mergedLabels.addButton
               }
             )
           ] })
@@ -8886,7 +9466,13 @@ var CardMealCatalog = ({
     ] }, index))
   ] });
 };
-var useStyles29 = makeStyles({
+
+// src/components/CardReview/CardReview.constants.ts
+var DEFAULT_LABELS18 = {
+  id: {},
+  en: {}
+};
+var useStyles30 = makeStyles({
   card: {
     padding: "1.5rem",
     borderRadius: tokens.borderRadiusXLarge,
@@ -8929,13 +9515,16 @@ var useStyles29 = makeStyles({
   }
 });
 var CardReview = ({
+  language = "id",
+  labels,
   title,
   items,
   children,
   className,
   headerAction
 }) => {
-  const styles = useStyles29();
+  const styles = useStyles30();
+  ({ ...DEFAULT_LABELS18[language], ...labels });
   return /* @__PURE__ */ jsxs(Card, { className: `${styles.card} ${className || ""}`, children: [
     /* @__PURE__ */ jsxs("div", { className: styles.headerContainer, children: [
       /* @__PURE__ */ jsx(Subtitle1, { className: styles.headerTitle, children: title }),
@@ -8944,19 +9533,55 @@ var CardReview = ({
     ] }),
     /* @__PURE__ */ jsxs("div", { className: styles.contentContainer, children: [
       items?.map((item, index) => /* @__PURE__ */ jsxs("div", { className: `${styles.row} ${item.className || ""}`, children: [
-        typeof item.label === "string" ? /* @__PURE__ */ jsx(Caption1, { className: `${styles.defaultLabel} ${item.labelClassName || ""}`, children: item.label }) : (
+        typeof item.label === "string" ? /* @__PURE__ */ jsx(
+          Caption1,
+          {
+            className: `${styles.defaultLabel} ${item.labelClassName || ""}`,
+            children: item.label
+          }
+        ) : (
           // Clone element to append className if it's a valid React element
           React5.isValidElement(item.label) ? React5.cloneElement(item.label, {
             className: `${styles.defaultLabel} ${item.labelClassName || ""}${item.label.props.className ? " " + item.label.props.className : ""}`
-          }) : /* @__PURE__ */ jsx("div", { className: `${styles.defaultLabel} ${item.labelClassName || ""}`, children: item.label })
+          }) : /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: `${styles.defaultLabel} ${item.labelClassName || ""}`,
+              children: item.label
+            }
+          )
         ),
-        typeof item.value === "string" || typeof item.value === "number" ? /* @__PURE__ */ jsx(Body1, { className: `${styles.defaultValue} ${item.valueClassName || ""}`, children: item.value }) : /* @__PURE__ */ jsx("div", { className: `${styles.defaultValue} ${item.valueClassName || ""}`, children: item.value })
+        typeof item.value === "string" || typeof item.value === "number" ? /* @__PURE__ */ jsx(
+          Body1,
+          {
+            className: `${styles.defaultValue} ${item.valueClassName || ""}`,
+            children: item.value
+          }
+        ) : /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: `${styles.defaultValue} ${item.valueClassName || ""}`,
+            children: item.value
+          }
+        )
       ] }, index)),
       children
     ] })
   ] });
 };
-var useStyles30 = makeStyles({
+
+// src/components/CardReviewPassenger/CardReviewPassenger.constants.ts
+var DEFAULT_LABELS19 = {
+  id: {
+    title: "Penumpang",
+    idNumber: "Nomor ID"
+  },
+  en: {
+    title: "Passenger",
+    idNumber: "ID Number"
+  }
+};
+var useStyles31 = makeStyles({
   card: {
     padding: "1.5rem",
     borderRadius: tokens.borderRadiusXLarge,
@@ -9048,14 +9673,18 @@ var useStyles30 = makeStyles({
   }
 });
 var CardReviewPassenger = ({
-  title = "Penumpang",
+  language = "id",
+  labels,
+  title,
   passengers,
   className
 }) => {
-  const styles = useStyles30();
+  const styles = useStyles31();
+  const mergedLabels = { ...DEFAULT_LABELS19[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: title }),
+      /* @__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) => {
@@ -9085,21 +9714,50 @@ var CardReviewPassenger = ({
           ] })
         ] }),
         /* @__PURE__ */ jsxs("div", { className: styles.fields, children: [
-          /* @__PURE__ */ jsx(Field, { label: "Nomor ID", 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 }) })
-            }
-          )
+          /* @__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);
     }) })
   ] });
 };
-var useStyles31 = makeStyles({
+
+// src/components/CardPriceDetails/CardPriceDetails.constants.ts
+var DEFAULT_LABELS20 = {
+  id: {
+    defaultTitle: "Rincian Harga",
+    totalPayment: "Total Pembayaran",
+    bookingTerms: [
+      "Transaksi booking akan dibatalkan secara otomatis apabila Anda tidak menyelesaikan pembayaran pada periode waktu yang telah ditentukan.",
+      "Setelah pembayaran berhasil, dokumen E-Tiket dapat di unduh melalui E-Mail atau menu \u201CPesanan Saya\u201D di Web Reservation atau Mobile Application Ferizy.",
+      "Dokumen E-Tiket wajib ditunjukan saat melakukan proses Masuk Pelabuhan (Check-In)",
+      "Anda sudah dapat Masuk Pelabuhan (Check-In) mulai dari 2 (dua) jam sebelum jadwal masukpelabuhan yang Anda pilih.",
+      "Tiket akan hangus (expired) apabila Anda belum Masuk Pelabuhan (Check-In) hingga melewati batas waktu jadwal Masuk Pelabuhan yang Anda pilih."
+    ],
+    agreementInfo: "Dengan menekan tombol \u201CLanjutkan Pembayaran\u201D, maka saya telah membaca dan menyetujui :",
+    agreementLinkFerizy: "Syarat & Ketentuan",
+    agreementCovidInfo: "Ketentuan persyaratan menyeberang sesuai dengan\xA0",
+    agreementCovidLink: "Surat Edaran Satgas Covid-19 Nomor 23 Tahun 2022.",
+    agreementFinal: "Bahwa apabila saya didapati tidak memenuhi ketentuan persyaratan menyeberang pada butir 2 (dua) diatas yang mengakibatkan saya terlambat atau tidak dapat melakukan Check-In di pelabuhan tepat waktu, maka saya menerima dan menyetujui untuk diproses sesuai dengan Syarat & Ketentuan Ferizy sebagaimana tersebut pada butir 1 (satu) di atas."
+  },
+  en: {
+    defaultTitle: "Price Details",
+    totalPayment: "Total Payment",
+    bookingTerms: [
+      "Booking transaction will be canceled automatically if you do not complete the payment within the specified time period.",
+      'Once payment is successful, E-Ticket document can be downloaded via E-Mail or the "My Orders" menu on Ferizy Web Reservation or Mobile Application.',
+      "E-Ticket document must be shown during the Port Entrance (Check-In) process.",
+      "You can enter the Port (Check-In) starting from 2 (two) hours before the port entrance schedule you selected.",
+      "Ticket will expire if you have not entered the Port (Check-In) and have passed the Port entrance schedule time you selected."
+    ],
+    agreementInfo: 'By clicking the "Continue Payment" button, I have read and agree to:',
+    agreementLinkFerizy: "Ferizy Terms & Conditions",
+    agreementCovidInfo: "Crossing requirement provisions in accordance with\xA0",
+    agreementCovidLink: "Covid-19 Task Force Circular Letter Number 23 of 2022.",
+    agreementFinal: "That if I am found not to meet the crossing requirement provisions in point 2 (two) above which results in me being late or unable to Check-In at the port on time, then I accept and agree to be processed in accordance with the Ferizy Terms & Conditions as mentioned in point 1 (one) above."
+  }
+};
+var useStyles32 = makeStyles({
   list: {
     margin: 0,
     padding: 0,
@@ -9117,37 +9775,34 @@ var useStyles31 = makeStyles({
     }
   }
 });
-var PriceDetailsTerms = () => {
-  const styles = useStyles31();
+var PriceDetailsTerms = ({
+  language = "id"
+}) => {
+  const styles = useStyles32();
   const linkColor = tokens.colorBrandBackground;
-  const bookingTerms = [
-    "Transaksi booking akan dibatalkan secara otomatis apabila Anda tidak menyelesaikan pembayaran pada periode waktu yang telah ditentukan.",
-    "Setelah pembyaran berhasil, dikumen E-Tiket dapat di unduh melailui E-Mail atau menu \u201CPesanan Saya\u201D di Web Reservation atau Mobile Application Ferizy.",
-    "Dokumen E-Tiket wajib ditunjukan saat melakukan proses Masuk Pelabuhan (Check-In)",
-    "Anda sudah dapat Masuk Pelabuhan (Check-In) mulai dari 2 (dua) jam sebelum jadwal masukpelabuhan yang Anda pilih.",
-    "Tiket akan hangus (expired) apabila Anda belum Masuk Pelabuhan (Check-In) hingga melewati batas waktu jadwal Masuk Pelabuhan yang Anda pilih."
-  ];
+  const labels = DEFAULT_LABELS20[language];
+  const bookingTerms = labels.bookingTerms;
   const agreementTerms = [
     /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(Link, { href: "/terms-and-conditions", style: { color: linkColor }, children: "Syarat & Ketentuan" }),
+      /* @__PURE__ */ jsx(Link, { href: "/terms-and-conditions", style: { color: linkColor }, children: labels.agreementLinkFerizy }),
       "\xA0Ferizy."
     ] }),
     /* @__PURE__ */ jsxs(Fragment, { children: [
-      "Ketentuan persyaratan menyeberang sesuai dengan\xA0",
-      /* @__PURE__ */ jsx(Link, { href: "/surat-edaran-satgas-covid-19", style: { color: linkColor }, children: "Surat Edaran Satgas Covid-19 Nomor 23 Tahun 2002." })
+      labels.agreementCovidInfo,
+      /* @__PURE__ */ jsx(Link, { href: "/surat-edaran-satgas-covid-19", style: { color: linkColor }, children: labels.agreementCovidLink })
     ] }),
-    "Bahwa apabila saya didapati tidak memenuhi ketentuan persyaratan menyeberang pada butir 2 (dua) diatas yang mengakibatkan saya terlambat atau tidaj dapat melakukan Check-In di pelabuhan tepat waktu, maka saya menerima dan menyetujui untuk diproses sesuai dengan Syarat & Ketentuan Ferizy sebagaimana tersebut pada butir 1 (satu) di atas."
+    labels.agreementFinal
   ];
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(Body1, { children: /* @__PURE__ */ jsx("ul", { className: styles.list, children: bookingTerms.map((term, index) => /* @__PURE__ */ jsx("li", { className: styles.listItem, children: term }, index)) }) }),
     /* @__PURE__ */ jsx(Divider, {}),
     /* @__PURE__ */ jsxs(Body1, { children: [
-      "Dengan menekan tombol \u201CLanjutkan Pembayaran\u201D, maka saya telah membaca dan menyetujuii :",
+      labels.agreementInfo,
       /* @__PURE__ */ jsx("ul", { className: styles.list, children: agreementTerms.map((term, index) => /* @__PURE__ */ jsx("li", { className: styles.listItem, children: term }, index)) })
     ] })
   ] });
 };
-var useStyles32 = makeStyles({
+var useStyles33 = makeStyles({
   card: {
     padding: "1.5rem",
     borderRadius: tokens.borderRadiusXLarge,
@@ -9218,11 +9873,15 @@ var useStyles32 = makeStyles({
   }
 });
 var CardPriceDetails = ({
-  title = "Rincian Harga",
+  language = "id",
+  title,
   sections,
-  total
+  total,
+  labels
 }) => {
-  const styles = useStyles32();
+  const styles = useStyles33();
+  const mergedLabels = { ...DEFAULT_LABELS20[language], ...labels };
+  const displayTitle = title || mergedLabels.defaultTitle;
   const getVariantClass = (variant) => {
     switch (variant) {
       case "danger":
@@ -9252,7 +9911,7 @@ var CardPriceDetails = ({
   };
   return /* @__PURE__ */ jsxs(Card, { className: styles.card, children: [
     /* @__PURE__ */ jsxs("div", { className: styles.headerContainer, children: [
-      /* @__PURE__ */ jsx(Subtitle1, { className: styles.headerTitle, children: title }),
+      /* @__PURE__ */ jsx(Subtitle1, { className: styles.headerTitle, children: displayTitle }),
       /* @__PURE__ */ jsx("div", { className: styles.headerLine })
     ] }),
     /* @__PURE__ */ jsxs("div", { className: styles.container, children: [
@@ -9267,18 +9926,24 @@ var CardPriceDetails = ({
       }),
       /* @__PURE__ */ jsx(Divider, {}),
       /* @__PURE__ */ jsxs("div", { className: styles.totalRow, children: [
-        /* @__PURE__ */ jsx(Subtitle1, { className: styles.totalLabel, children: "Total Pembayaran" }),
+        /* @__PURE__ */ jsx(Subtitle1, { className: styles.totalLabel, children: mergedLabels.totalPayment }),
         /* @__PURE__ */ jsxs(Subtitle1, { className: styles.totalValue, children: [
           "Rp. ",
           total.toLocaleString("id-ID")
         ] })
       ] }),
       /* @__PURE__ */ jsx(Divider, {}),
-      /* @__PURE__ */ jsx(PriceDetailsTerms, {})
+      /* @__PURE__ */ jsx(PriceDetailsTerms, { language })
     ] })
   ] });
 };
-var useStyles33 = makeStyles({
+
+// src/components/CardPaymentMethodList/CardPaymentMethodList.constants.ts
+var DEFAULT_LABELS21 = {
+  id: {},
+  en: {}
+};
+var useStyles34 = makeStyles({
   container: {
     display: "flex",
     flexDirection: "column",
@@ -9323,17 +9988,23 @@ var useStyles33 = makeStyles({
   card: {
     position: "relative",
     borderRadius: tokens.borderRadiusXLarge,
-    ...shorthands.padding(tokens.spacingHorizontalXL, tokens.spacingVerticalXXL),
+    ...shorthands.padding(
+      tokens.spacingHorizontalXL,
+      tokens.spacingVerticalXXL
+    ),
     backgroundColor: tokens.colorNeutralBackground1,
     zIndex: 3
   }
 });
 var CardPaymentMethodList = ({
+  language = "id",
+  labels,
   methods,
   selectedValue,
   onSelect
 }) => {
-  const styles = useStyles33();
+  const styles = useStyles34();
+  ({ ...DEFAULT_LABELS21[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: [
@@ -9378,7 +10049,17 @@ var CardPaymentMethodList = ({
     ] }) })
   ] }, category.value || index)) }) });
 };
-var useStyles34 = makeStyles({
+
+// src/components/CardPaymentGuide/CardPaymentGuide.constants.ts
+var DEFAULT_LABELS22 = {
+  id: {
+    title: "Cara Pembayaran"
+  },
+  en: {
+    title: "Payment Method"
+  }
+};
+var useStyles35 = makeStyles({
   container: {
     display: "flex",
     flexDirection: "column",
@@ -9409,20 +10090,49 @@ var useStyles34 = makeStyles({
   }
 });
 var CardPaymentGuide = ({
-  title = "Cara Pembayaran",
+  language = "id",
+  labels,
+  title,
   guides,
   className
 }) => {
-  const styles = useStyles34();
+  const styles = useStyles35();
+  const mergedLabels = { ...DEFAULT_LABELS22[language], ...labels };
+  const displayTitle = title || mergedLabels.title;
   return /* @__PURE__ */ jsxs("div", { className: `${styles.container} ${className || ""}`, children: [
-    title && /* @__PURE__ */ jsx("div", { className: styles.titleContainer, children: /* @__PURE__ */ jsx(Subtitle1, { className: styles.title, children: title }) }),
-    /* @__PURE__ */ jsx(Accordion, { collapsible: true, multiple: true, children: guides.map((guide, index) => /* @__PURE__ */ jsxs(AccordionItem, { value: guide.value || String(index), children: [
-      /* @__PURE__ */ jsx(AccordionHeader, { expandIconPosition: "end", children: /* @__PURE__ */ jsx(Body1, { children: guide.title }) }),
-      /* @__PURE__ */ jsx(AccordionPanel, { children: /* @__PURE__ */ jsx("ul", { className: styles.list, children: guide.steps.map((step, stepIndex) => /* @__PURE__ */ jsx("li", { className: styles.listItem, children: /* @__PURE__ */ jsx(Body1, { children: step }) }, stepIndex)) }) })
-    ] }, guide.value || index)) })
+    title && /* @__PURE__ */ jsx("div", { className: styles.titleContainer, children: /* @__PURE__ */ jsx(Subtitle1, { className: styles.title, children: displayTitle }) }),
+    /* @__PURE__ */ jsx(Accordion, { collapsible: true, multiple: true, children: guides.map((guide, index) => /* @__PURE__ */ jsxs(
+      AccordionItem,
+      {
+        value: guide.value || String(index),
+        children: [
+          /* @__PURE__ */ jsx(AccordionHeader, { expandIconPosition: "end", children: /* @__PURE__ */ jsx(Body1, { children: guide.title }) }),
+          /* @__PURE__ */ jsx(AccordionPanel, { children: /* @__PURE__ */ jsx("ul", { className: styles.list, children: guide.steps.map((step, stepIndex) => /* @__PURE__ */ jsx("li", { className: styles.listItem, children: /* @__PURE__ */ jsx(Body1, { children: step }) }, stepIndex)) }) })
+        ]
+      },
+      guide.value || index
+    )) })
   ] });
 };
-var useStyles35 = makeStyles({
+
+// src/components/CardPaymentInfo/CardPaymentInfo.constants.ts
+var DEFAULT_LABELS23 = {
+  id: {
+    expiryPrefix: "Kode virtual akun berlaku sampai",
+    copyCodeButton: "Salin Kode",
+    totalPayment: "Total Pembayaran",
+    checkStatusInfo: "Klik tombol dibawah ini jika sudah melakukan pembayaran",
+    checkStatusButton: "Cek Status Pembayaran"
+  },
+  en: {
+    expiryPrefix: "Virtual account code valid until",
+    copyCodeButton: "Copy Code",
+    totalPayment: "Total Payment",
+    checkStatusInfo: "Click the button below if you have made the payment",
+    checkStatusButton: "Check Payment Status"
+  }
+};
+var useStyles36 = makeStyles({
   container: {
     display: "flex",
     flexDirection: "column",
@@ -9494,6 +10204,8 @@ var useStyles35 = makeStyles({
   }
 });
 var CardPaymentInfo = ({
+  language = "id",
+  labels,
   expiryDate,
   bank,
   virtualAccount,
@@ -9502,10 +10214,11 @@ var CardPaymentInfo = ({
   onCopyVA,
   onCheckStatus
 }) => {
-  const styles = useStyles35();
+  const styles = useStyles36();
+  const mergedLabels = { ...DEFAULT_LABELS23[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: "Kode virtual akun berlaku sampai" }),
+      /* @__PURE__ */ jsx(Subtitle1, { children: mergedLabels.expiryPrefix }),
       /* @__PURE__ */ jsx(Title2, { className: styles.expiryTitle, children: expiryDate })
     ] }),
     /* @__PURE__ */ jsxs("div", { className: styles.infoCard, children: [
@@ -9523,7 +10236,7 @@ var CardPaymentInfo = ({
               size: "large",
               shape: "circular",
               onClick: onCopyVA,
-              children: "Salin Kode"
+              children: mergedLabels.copyCodeButton
             }
           )
         ] })
@@ -9532,7 +10245,7 @@ var CardPaymentInfo = ({
         Field,
         {
           size: "large",
-          label: /* @__PURE__ */ jsx(Subtitle2, { style: { color: tokens.colorNeutralForeground1 }, children: "Total Pembayaran" }),
+          label: /* @__PURE__ */ jsx(Subtitle2, { style: { color: tokens.colorNeutralForeground1 }, children: mergedLabels.totalPayment }),
           children: /* @__PURE__ */ jsx(
             Input,
             {
@@ -9545,7 +10258,7 @@ var CardPaymentInfo = ({
       )
     ] }),
     /* @__PURE__ */ jsxs("div", { children: [
-      /* @__PURE__ */ jsx("div", { style: { marginBottom: tokens.spacingVerticalM }, children: /* @__PURE__ */ jsx(Subtitle2, { style: { color: tokens.colorNeutralForeground2 }, children: "Klik tombol dibawah ini jika sudah melakukan pembayaran" }) }),
+      /* @__PURE__ */ jsx("div", { style: { marginBottom: tokens.spacingVerticalM }, children: /* @__PURE__ */ jsx(Subtitle2, { style: { color: tokens.colorNeutralForeground2 }, children: mergedLabels.checkStatusInfo }) }),
       /* @__PURE__ */ jsx(
         Button,
         {
@@ -9554,14 +10267,44 @@ var CardPaymentInfo = ({
           shape: "circular",
           className: styles.checkStatusButton,
           onClick: onCheckStatus,
-          children: "Cek Status Pembayaran"
+          children: mergedLabels.checkStatusButton
         }
       )
     ] }),
-    /* @__PURE__ */ jsx(CardPaymentGuide, { guides })
+    /* @__PURE__ */ jsx(CardPaymentGuide, { guides, language })
   ] }) });
 };
-var useStyles36 = makeStyles({
+
+// src/components/CardStatusOrder/CardStatusOrder.constants.ts
+var DEFAULT_LABELS24 = {
+  id: {
+    detailTitle: "Detail Pemesanan",
+    statusLabel: "Status",
+    bookingCodeLabel: "Kode Booking",
+    scheduleLabel: "Jadwal Masuk Pelabuhan",
+    routeLabel: "Rute",
+    userTypeLabel: "Jenis Pengguna Jasa",
+    serviceLabel: "Layanan",
+    viewTicketButton: "Lihat E-Tiket",
+    defaultStatus: "Sudah Dibayar",
+    defaultTitle: "Pembayaran berhasil",
+    defaultDescription: "Tiket Anda aktif dan siap digunakan."
+  },
+  en: {
+    detailTitle: "Booking Details",
+    statusLabel: "Status",
+    bookingCodeLabel: "Booking Code",
+    scheduleLabel: "Port Entrance Schedule",
+    routeLabel: "Route",
+    userTypeLabel: "User Service Type",
+    serviceLabel: "Service",
+    viewTicketButton: "View E-Ticket",
+    defaultStatus: "Paid",
+    defaultTitle: "Payment successful",
+    defaultDescription: "Your ticket is active and ready to use."
+  }
+};
+var useStyles37 = makeStyles({
   activeCard: {
     width: "100%",
     // padding: tokens.spacingHorizontalNone, // default
@@ -9608,6 +10351,8 @@ var useStyles36 = makeStyles({
   }
 });
 var CardStatusOrder = ({
+  language = "id",
+  labels,
   bookingCode,
   departureDate,
   departureTime,
@@ -9620,16 +10365,20 @@ var CardStatusOrder = ({
   serviceType,
   vehicleNumber,
   shipType,
-  statusLabel = "Sudah Dibayar",
+  statusLabel,
   statusIcon,
   statusColor = "success",
   illustrationUrl = "/assets/images/illustrations/ticket.svg",
-  title = "Pembayaran berhasil",
-  description = "Tiket Anda aktif dan siap digunakan.",
+  title,
+  description,
   onClickViewTicket,
   className
 }) => {
-  const styles = useStyles36();
+  const styles = useStyles37();
+  const mergedLabels = { ...DEFAULT_LABELS24[language], ...labels };
+  const displayStatus = statusLabel || mergedLabels.defaultStatus;
+  const displayTitle = title || mergedLabels.defaultTitle;
+  const displayDescription = description || mergedLabels.defaultDescription;
   return /* @__PURE__ */ jsx("div", { className: `${styles.activeCard} ${className || ""}`, children: /* @__PURE__ */ jsxs(Row, { nogutter: true, className: styles.colGap, children: [
     /* @__PURE__ */ jsx(Col, { xs: "content", children: /* @__PURE__ */ jsxs(Row, { direction: "column", nogutter: true, children: [
       /* @__PURE__ */ jsx(Col, { xs: "content", children: /* @__PURE__ */ jsx(
@@ -9642,8 +10391,8 @@ var CardStatusOrder = ({
         }
       ) }),
       /* @__PURE__ */ jsx(Col, { xs: "content", children: /* @__PURE__ */ jsxs(Row, { direction: "column", justify: "center", align: "center", nogutter: true, children: [
-        /* @__PURE__ */ jsx(Col, { xs: "content", children: /* @__PURE__ */ jsx(Subtitle2, { children: title }) }),
-        /* @__PURE__ */ jsx(Col, { xs: "content", children: /* @__PURE__ */ jsx(Body1, { children: description }) })
+        /* @__PURE__ */ jsx(Col, { xs: "content", children: /* @__PURE__ */ jsx(Subtitle2, { children: displayTitle }) }),
+        /* @__PURE__ */ jsx(Col, { xs: "content", children: /* @__PURE__ */ jsx(Body1, { children: displayDescription }) })
       ] }) })
     ] }) }),
     /* @__PURE__ */ jsx(Col, { children: /* @__PURE__ */ jsx("div", { className: styles.cardInfo, children: /* @__PURE__ */ jsxs(
@@ -9656,11 +10405,11 @@ var CardStatusOrder = ({
         className: styles.rowGap,
         children: [
           /* @__PURE__ */ jsx(Col, { xs: 12, children: /* @__PURE__ */ jsxs("div", { className: styles.titleDivider, children: [
-            /* @__PURE__ */ jsx(Subtitle1, { children: "Detail Pemesanan" }),
+            /* @__PURE__ */ jsx(Subtitle1, { children: mergedLabels.detailTitle }),
             /* @__PURE__ */ jsx(Divider, { style: { width: 0 } })
           ] }) }),
           /* @__PURE__ */ jsx(Col, { xs: 12, children: /* @__PURE__ */ jsxs(Row, { justify: "center", align: "center", nogutter: true, children: [
-            /* @__PURE__ */ jsx(Col, { children: /* @__PURE__ */ jsx(Body1, { children: "Status" }) }),
+            /* @__PURE__ */ jsx(Col, { children: /* @__PURE__ */ jsx(Body1, { children: mergedLabels.statusLabel }) }),
             /* @__PURE__ */ jsx(Col, { xs: "content", children: /* @__PURE__ */ jsx(
               Badge,
               {
@@ -9669,17 +10418,17 @@ var CardStatusOrder = ({
                 appearance: "filled",
                 shape: "rounded",
                 icon: statusIcon || /* @__PURE__ */ jsx(Icon, { icon: "fluent:checkmark-circle-20-regular" }),
-                children: statusLabel
+                children: displayStatus
               }
             ) })
           ] }) }),
           /* @__PURE__ */ jsx(Col, { xs: 12, children: /* @__PURE__ */ jsxs(Row, { direction: "column", nogutter: true, className: styles.gapdetail, children: [
             /* @__PURE__ */ jsx(Col, { xs: 12, children: /* @__PURE__ */ jsxs("div", { className: styles.itemDetail, children: [
-              /* @__PURE__ */ jsx(Caption1Stronger, { children: "Kode Booking" }),
+              /* @__PURE__ */ jsx(Caption1Stronger, { children: mergedLabels.bookingCodeLabel }),
               /* @__PURE__ */ jsx(Caption1, { children: bookingCode })
             ] }) }),
             /* @__PURE__ */ jsx(Col, { xs: 12, children: /* @__PURE__ */ jsxs("div", { className: styles.itemDetail, children: [
-              /* @__PURE__ */ jsx(Caption1Stronger, { children: "Jadwal Masuk Pelabuhan" }),
+              /* @__PURE__ */ jsx(Caption1Stronger, { children: mergedLabels.scheduleLabel }),
               /* @__PURE__ */ jsxs(Caption1, { children: [
                 departureDate,
                 ", ",
@@ -9687,7 +10436,7 @@ var CardStatusOrder = ({
               ] })
             ] }) }),
             /* @__PURE__ */ jsx(Col, { xs: 12, children: /* @__PURE__ */ jsxs("div", { className: styles.itemDetail, children: [
-              /* @__PURE__ */ jsx(Caption1Stronger, { children: "Rute" }),
+              /* @__PURE__ */ jsx(Caption1Stronger, { children: mergedLabels.routeLabel }),
               /* @__PURE__ */ jsxs(Caption1, { children: [
                 origin,
                 " ",
@@ -9697,11 +10446,11 @@ var CardStatusOrder = ({
               ] })
             ] }) }),
             /* @__PURE__ */ jsx(Col, { xs: 12, children: /* @__PURE__ */ jsxs("div", { className: styles.itemDetail, children: [
-              /* @__PURE__ */ jsx(Caption1Stronger, { children: "Jenis Pengguna Jasa" }),
+              /* @__PURE__ */ jsx(Caption1Stronger, { children: mergedLabels.userTypeLabel }),
               /* @__PURE__ */ jsx(Caption1, { children: vehicleClass })
             ] }) }),
             /* @__PURE__ */ jsx(Col, { xs: 12, children: /* @__PURE__ */ jsxs("div", { className: styles.itemDetail, children: [
-              /* @__PURE__ */ jsx(Caption1Stronger, { children: "Layanan" }),
+              /* @__PURE__ */ jsx(Caption1Stronger, { children: mergedLabels.serviceLabel }),
               /* @__PURE__ */ jsx(Caption1, { children: shipType || serviceType })
             ] }) })
           ] }) }),
@@ -9713,7 +10462,7 @@ var CardStatusOrder = ({
               style: { width: "100%" },
               shape: "circular",
               onClick: onClickViewTicket,
-              children: "Lihat E-Tiket"
+              children: mergedLabels.viewTicketButton
             }
           ) })
         ]
@@ -9721,7 +10470,7 @@ var CardStatusOrder = ({
     ) }) })
   ] }) });
 };
-var useStyles37 = makeStyles({
+var useStyles38 = makeStyles({
   surface: {
     width: "680px",
     maxWidth: "90vw",
@@ -9843,7 +10592,7 @@ var ModalPriceDetail = ({
   grandTotal,
   ...props
 }) => {
-  const styles = useStyles37();
+  const styles = useStyles38();
   return /* @__PURE__ */ jsx(Dialog, { open: isOpen, onOpenChange: (_, data) => onOpenChange(data.open), ...props, children: /* @__PURE__ */ jsx(DialogSurface, { className: styles.surface, children: /* @__PURE__ */ jsxs(DialogBody, { children: [
     /* @__PURE__ */ jsx(
       DialogTitle,
@@ -9934,13 +10683,23 @@ var ModalPriceDetail = ({
     ] }) }) })
   ] }) }) });
 };
-var useStyles38 = makeStyles({
+
+// src/components/CardProfileMenu/CardProfileMenu.constants.ts
+var DEFAULT_LABELS25 = {
+  id: {},
+  en: {}
+};
+var useStyles39 = makeStyles({
   container: {
     display: "flex",
     flexDirection: "column",
     backgroundColor: tokens.colorNeutralBackground1,
     ...shorthands.padding(tokens.spacingVerticalL),
-    ...shorthands.border(tokens.strokeWidthThin, "solid", tokens.colorNeutralStroke1),
+    ...shorthands.border(
+      tokens.strokeWidthThin,
+      "solid",
+      tokens.colorNeutralStroke1
+    ),
     borderRadius: tokens.borderRadiusXLarge,
     rowGap: tokens.spacingHorizontalXXL,
     width: "100%"
@@ -9982,11 +10741,14 @@ var useStyles38 = makeStyles({
   }
 });
 var CardProfileMenu = ({
+  language = "id",
+  labels,
   sections,
   selectedValue,
   onTabSelect
 }) => {
-  const styles = useStyles38();
+  const styles = useStyles39();
+  ({ ...DEFAULT_LABELS25[language], ...labels });
   const handleTabSelect = (_, data) => {
     onTabSelect(data.value);
   };
@@ -10015,6 +10777,6 @@ var CardProfileMenu = ({
   ) });
 };
 
-export { BackgroundTicketCard_default as BackgroundTicketCard, BackgroundTicketCardVertical_default as BackgroundTicketCardVertical, CardAddon, CardBanner, CardBookingTicket, CardFAQ, CardMealCatalog, CardOrdererInfo, CardPassengerList, CardPaymentGuide, CardPaymentInfo, CardPaymentMethodList, CardPriceDetails, CardProfileMenu, CardPromo, CardReview, CardReviewPassenger, CardServiceMenu, CardStatusOrder, CardTicket, CardTicketSearch, DEFAULT_LABELS as CardTicketSearchDefaultLabels, CardTicketSearchSummary, DEFAULT_LABELS2 as CardTicketSearchSummaryDefaultLabels, CardVehicleDetail, CardVehicleOwnerForm, CarouselWithCustomNav, DEFAULT_COUNTRY_CODES, DEFAULT_DURATION_RANGE, DEFAULT_PRICE_RANGE, DEFAULT_SCROLL_AMOUNT, DEFAULT_SERVICE_CLASSES, DEFAULT_SERVICE_TYPES, DEFAULT_SORT_OPTIONS, DEFAULT_TIME_SLOTS, DEFAULT_VEHICLE_ICONS, DateFilter, DEFAULT_LABELS4 as DateFilterDefaultLabels, InputDynamic_default as InputDynamic, MODAL_PRESETS, ModalFilterTicket, DEFAULT_LABELS3 as ModalFilterTicketDefaultLabels, ModalIllustration, ModalListPassenger, ModalPassengerForm, ModalPriceDetail, ModalSearchHarbor, ModalSearchTicket, ModalSelectDate, ModalService, ModalTotalPassengers, ModalTypeOfService, SortMenu, Stepper, getBadgeConfig, getModalPreset, getSortLabel };
+export { BackgroundTicketCard_default as BackgroundTicketCard, BackgroundTicketCardVertical_default as BackgroundTicketCardVertical, CardAddon, CardBanner, CardBookingTicket, CardFAQ, CardMealCatalog, CardOrdererInfo, CardPassengerList, CardPaymentGuide, CardPaymentInfo, CardPaymentMethodList, CardPriceDetails, CardProfileMenu, CardPromo, CardReview, CardReviewPassenger, CardServiceMenu, CardStatusOrder, CardTicket, CardTicketSearch, DEFAULT_LABELS3 as CardTicketSearchDefaultLabels, CardTicketSearchSummary, DEFAULT_LABELS4 as CardTicketSearchSummaryDefaultLabels, CardVehicleDetail, CardVehicleOwnerForm, CarouselWithCustomNav, DEFAULT_COUNTRY_CODES, DEFAULT_DURATION_RANGE, DEFAULT_PRICE_RANGE, DEFAULT_SCROLL_AMOUNT, DEFAULT_SERVICE_CLASSES, DEFAULT_SERVICE_TYPES, DEFAULT_SORT_OPTIONS, DEFAULT_TIME_SLOTS, DEFAULT_VEHICLE_ICONS, DateFilter, DEFAULT_LABELS10 as DateFilterDefaultLabels, InputDynamic_default as InputDynamic, MODAL_PRESETS, ModalFilterTicket, DEFAULT_LABELS9 as ModalFilterTicketDefaultLabels, ModalIllustration, ModalListPassenger, ModalPassengerForm, ModalPriceDetail, ModalSearchHarbor, ModalSearchTicket, ModalSelectDate, ModalService, ModalTotalPassengers, ModalTypeOfService, SortMenu, Stepper, getBadgeConfig, getModalPreset, getSortLabel };
 //# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map