@asdp/ferryui 0.1.22-dev.8649 → 0.1.22-dev.8653

package/dist/index.mjs

@@ -190,6 +190,20 @@ var MODAL_PRESETS = {
   PURCHASE_PERIOD_EXPIRED: getModalPreset("PURCHASE_PERIOD_EXPIRED", "id"),
   TRANSACTION_LIMIT: getModalPreset("TRANSACTION_LIMIT", "id")
 };
+
+// src/components/CarouselWithCustomNav/CarouselWithCustomNav.constants.ts
+var DEFAULT_LABELS2 = {
+  id: {
+    carouselAriaLabel: "Carousel",
+    slideAriaLabel: "Slide {index}",
+    announcementTemplate: "Carousel slide {index} dari {total}"
+  },
+  en: {
+    carouselAriaLabel: "Carousel",
+    slideAriaLabel: "Slide {index}",
+    announcementTemplate: "Carousel slide {index} of {total}"
+  }
+};
 var useStyles2 = makeStyles({
   carousel: {},
   customCarouselNav: {
@@ -247,32 +261,49 @@ var useStyles2 = makeStyles({
     }
   }
 });
-var defaultAnnouncement = (index, totalSlides) => {
-  return `Carousel slide ${index + 1} of ${totalSlides}`;
-};
 var CarouselWithCustomNav = ({
+  language = "id",
+  labels: customLabels,
   children,
   circular = true,
   draggable = true,
   align = "start",
   whitespace = false,
-  announcement = defaultAnnouncement,
+  announcement: customAnnouncement,
   activeIndex: controlledIndex,
   onActiveIndexChange,
-  ariaLabel = "Carousel",
+  ariaLabel: deprecatedAriaLabel,
   darkNavBackground = true,
   className,
   cardFocus = false
 }) => {
   const styles = useStyles2();
   const [internalIndex, setInternalIndex] = useState(0);
+  const labels = React5.useMemo(
+    () => ({
+      ...DEFAULT_LABELS2[language],
+      ...customLabels,
+      ...deprecatedAriaLabel && { carouselAriaLabel: deprecatedAriaLabel }
+    }),
+    [language, customLabels, deprecatedAriaLabel]
+  );
   const activeIndex = controlledIndex !== void 0 ? controlledIndex : internalIndex;
-  const handleIndexChange = useCallback((index) => {
-    if (controlledIndex === void 0) {
-      setInternalIndex(index);
-    }
-    onActiveIndexChange?.(index);
-  }, [controlledIndex, onActiveIndexChange]);
+  const handleIndexChange = useCallback(
+    (index) => {
+      if (controlledIndex === void 0) {
+        setInternalIndex(index);
+      }
+      onActiveIndexChange?.(index);
+    },
+    [controlledIndex, onActiveIndexChange]
+  );
+  const defaultAnnouncement = useCallback(
+    (index, totalSlides) => {
+      return labels.announcementTemplate.replace("{index}", (index + 1).toString()).replace("{total}", totalSlides.toString());
+    },
+    [labels.announcementTemplate]
+  );
+  const announcement = customAnnouncement || defaultAnnouncement;
   return /* @__PURE__ */ jsxs(
     Carousel,
     {
@@ -289,7 +320,7 @@ var CarouselWithCustomNav = ({
           CarouselSlider,
           {
             cardFocus,
-            "aria-label": ariaLabel,
+            "aria-label": labels.carouselAriaLabel,
             children
           }
         ) }),
@@ -302,7 +333,15 @@ var CarouselWithCustomNav = ({
             },
             appearance: "brand",
             className: styles.carouselNavButton,
-            children: (index) => /* @__PURE__ */ jsx(CarouselNavButton, { "aria-label": `Slide ${index + 1}` })
+            children: (index) => /* @__PURE__ */ jsx(
+              CarouselNavButton,
+              {
+                "aria-label": labels.slideAriaLabel.replace(
+                  "{index}",
+                  (index + 1).toString()
+                )
+              }
+            )
           }
         )
       ]
@@ -311,7 +350,7 @@ var CarouselWithCustomNav = ({
 };
 
 // src/components/CardPromo/CardPromo.constants.ts
-var DEFAULT_LABELS2 = {
+var DEFAULT_LABELS3 = {
   id: {
     defaultImageAlt: "Gambar Promo",
     defaultButtonText: "Lihat Detail"
@@ -422,7 +461,7 @@ var CardPromo = ({
   labels
 }) => {
   const classes = useStyles3();
-  const mergedLabels = { ...DEFAULT_LABELS2[language], ...labels };
+  const mergedLabels = { ...DEFAULT_LABELS3[language], ...labels };
   const displayImageAlt = imageAlt || mergedLabels.defaultImageAlt;
   const displayButtonText = buttonText || mergedLabels.defaultButtonText;
   const ariaLabel = totalCards ? `Card ${index + 1} of ${totalCards}` : `Promo card ${index + 1}`;
@@ -523,7 +562,7 @@ var CardPromo = ({
 };
 
 // src/components/CardBanner/CardBanner.constants.ts
-var DEFAULT_LABELS3 = {
+var DEFAULT_LABELS4 = {
   id: {
     bannerAriaLabel: "Banner {index} dari {total}",
     bannerAriaLabelSingle: "Banner {index}",
@@ -568,7 +607,7 @@ var CardBanner = ({
 }) => {
   const classes = useStyles4();
   const mergedLabels = {
-    ...DEFAULT_LABELS3[language],
+    ...DEFAULT_LABELS4[language],
     ...labels
   };
   const ariaLabel = totalBanners ? mergedLabels.bannerAriaLabel.replace("{index}", (index + 1).toString()).replace("{total}", totalBanners.toString()) : mergedLabels.bannerAriaLabelSingle.replace(
@@ -751,7 +790,7 @@ var extendedTokens = {
   colorBrandForegroundLinkSelected: customBrand[110]});
 
 // src/components/CardTicket/CardTicket.constants.ts
-var DEFAULT_LABELS4 = {
+var DEFAULT_LABELS5 = {
   id: {
     availableSeatsLabel: "Tersedia",
     estimationPrefix: "Estimasi",
@@ -760,7 +799,8 @@ var DEFAULT_LABELS4 = {
     totalPriceLabel: "Total harga",
     facilitiesLabel: "Fasilitas",
     selectTicketButton: "Pilih Tiket",
-    timezoneLabel: "WIB"
+    timezoneLabel: "WIB",
+    currencySymbol: "IDR"
   },
   en: {
     availableSeatsLabel: "Available",
@@ -770,7 +810,8 @@ var DEFAULT_LABELS4 = {
     totalPriceLabel: "Total price",
     facilitiesLabel: "Facilities",
     selectTicketButton: "Select Ticket",
-    timezoneLabel: "WIB"
+    timezoneLabel: "WIB",
+    currencySymbol: "IDR"
   }
 };
 var useStyles5 = makeStyles({
@@ -993,7 +1034,7 @@ var CardTicket = ({
 }) => {
   const styles = useStyles5();
   const { width } = useWindowSize();
-  const mergedLabels = { ...DEFAULT_LABELS4[language], ...labels };
+  const mergedLabels = { ...DEFAULT_LABELS5[language], ...labels };
   const getCircularVerticalConfig = () => {
     if (width <= 1600) return { count: 6, spacing: 60, top: 10 };
     return { count: 5, spacing: 60, top: 18 };
@@ -1275,8 +1316,11 @@ var CardTicket = ({
                         justifyContent: "end"
                       },
                       children: [
-                        "IDR\xA0",
-                        totalPrice.toLocaleString("id-ID")
+                        mergedLabels.currencySymbol,
+                        "\xA0",
+                        totalPrice.toLocaleString(
+                          language === "id" ? "id-ID" : "en-US"
+                        )
                       ]
                     }
                   )
@@ -1499,7 +1543,7 @@ var BackgroundTicketCardVertical = (props) => /* @__PURE__ */ jsxs(
 var BackgroundTicketCardVertical_default = BackgroundTicketCardVertical;
 
 // src/components/CardServiceMenu/CardServiceMenu.constants.ts
-var DEFAULT_LABELS5 = {
+var DEFAULT_LABELS6 = {
   id: {
     ferryLabel: "Ferry",
     ferryDescription: "Layanan penyeberangan ferry ASDP",
@@ -1648,7 +1692,7 @@ var CardServiceMenu = ({
   labels
 }) => {
   const styles = useStyles6();
-  const mergedLabels = { ...DEFAULT_LABELS5[language], ...labels };
+  const mergedLabels = { ...DEFAULT_LABELS6[language], ...labels };
   const getMenuItemClass = (serviceId) => {
     const isActive = activeServiceId === serviceId;
     return mergeClasses(styles.menuItem, isActive && styles.menuItemActive);
@@ -1774,7 +1818,7 @@ DatePickerInput.displayName = "DatePickerInput";
 var DatePickerInput_default = DatePickerInput;
 
 // src/components/InputDynamic/InputDynamic.constants.ts
-var DEFAULT_LABELS6 = {
+var DEFAULT_LABELS7 = {
   id: {
     emailOrPhonePlaceholder: "Email atau Nomor HP",
     emailPlaceholder: "Email",
@@ -2039,7 +2083,7 @@ var InputDynamic = ({
   labels
 }) => {
   const styles = useStyles7();
-  const mergedLabels = { ...DEFAULT_LABELS6[language], ...labels };
+  const mergedLabels = { ...DEFAULT_LABELS7[language], ...labels };
   const [showPassword, setShowPassword] = useState(false);
   const [isPhoneMode, setIsPhoneMode] = useState(false);
   const [emailOrPhoneType, setEmailOrPhoneType] = useState("none");
@@ -3137,7 +3181,7 @@ var DEFAULT_COUNTRY_CODES = [
 ];
 
 // src/components/CardTicketSearch/CardTicketSearch.constants.ts
-var DEFAULT_LABELS7 = {
+var DEFAULT_LABELS8 = {
   id: {
     fromLabel: "Dari",
     toLabel: "Ke",
@@ -3154,7 +3198,11 @@ var DEFAULT_LABELS7 = {
     placeholderReturnDate: "Pilih Tanggal Kepulangan",
     placeholderTypeClass: "Pilih Kelas Layanan",
     placeholderTypeService: "Pilih Jenis Layanan",
-    placeholderPassenger: "Pilih Jumlah Penumpang"
+    placeholderPassenger: "Pilih Jumlah Penumpang",
+    errorOriginRequired: "Pelabuhan asal wajib diisi",
+    errorDestinationRequired: "Pelabuhan tujuan wajib diisi",
+    errorDepartureDateRequired: "Tanggal Berangkat wajib diisi",
+    errorReturnDateRequired: "Tanggal Pulang wajib diisi"
   },
   en: {
     fromLabel: "From",
@@ -3172,7 +3220,11 @@ var DEFAULT_LABELS7 = {
     placeholderReturnDate: "Select Return Date",
     placeholderTypeClass: "Select Service Class",
     placeholderTypeService: "Select Service Type",
-    placeholderPassenger: "Select Number of Passengers"
+    placeholderPassenger: "Select Number of Passengers",
+    errorOriginRequired: "Origin port is required",
+    errorDestinationRequired: "Destination port is required",
+    errorDepartureDateRequired: "Departure date is required",
+    errorReturnDateRequired: "Return date is required"
   }
 };
 var useStyles8 = makeStyles({
@@ -3313,7 +3365,7 @@ var CardTicketSearch = ({
 }) => {
   const styles = useStyles8();
   const labels = React5.useMemo(
-    () => ({ ...DEFAULT_LABELS7[language], ...customLabels }),
+    () => ({ ...DEFAULT_LABELS8[language], ...customLabels }),
     [language, customLabels]
   );
   const { control, setValue, getValues, handleSubmit } = useForm({
@@ -3342,7 +3394,17 @@ var CardTicketSearch = ({
     setValue("serviceClass", serviceClass);
     setValue("typeOfService", typeOfService);
     setValue("passenger", passenger);
-  }, [from, to, startDate, endDate, roundTrip, serviceClass, typeOfService, passenger, setValue]);
+  }, [
+    from,
+    to,
+    startDate,
+    endDate,
+    roundTrip,
+    serviceClass,
+    typeOfService,
+    passenger,
+    setValue
+  ]);
   React5.useEffect(() => {
     if (onRoundTripChange) {
       onRoundTripChange(roundTripValue);
@@ -3419,114 +3481,150 @@ var CardTicketSearch = ({
               children: /* @__PURE__ */ jsx("form", { onSubmit: handleSubmit(handleFormSubmit), children: /* @__PURE__ */ jsxs(Row, { style: { width: "100%" }, className: styles.formInnerRow, children: [
                 /* @__PURE__ */ jsx(Col, { xs: 12, sm: 12, lg: 12, xl: 6, xxl: 6, xxxl: 6, children: /* @__PURE__ */ jsxs(Row, { style: { gap: "16px" }, className: styles.formFieldRow, children: [
                   /* @__PURE__ */ jsx(Col, { xs: 12, sm: 12, lg: 12, xl: 12, xxl: 12, xxxl: 12, children: /* @__PURE__ */ jsx("div", { className: styles.formField, children: /* @__PURE__ */ jsxs(Row, { children: [
-                    /* @__PURE__ */ jsxs(Col, { xs: 12, sm: 12, md: 12, lg: 12, xl: 12, xxl: 12, xxxl: 12, children: [
-                      /* @__PURE__ */ jsx(
-                        InputDynamic_default,
-                        {
-                          name: "from",
-                          label: labels.fromLabel,
-                          control,
-                          type: "text",
-                          contentBefore: /* @__PURE__ */ jsx(
-                            Icon$1,
+                    /* @__PURE__ */ jsxs(
+                      Col,
+                      {
+                        xs: 12,
+                        sm: 12,
+                        md: 12,
+                        lg: 12,
+                        xl: 12,
+                        xxl: 12,
+                        xxxl: 12,
+                        children: [
+                          /* @__PURE__ */ jsx(
+                            InputDynamic_default,
                             {
-                              icon: "fluent:vehicle-ship-16-filled",
-                              color: tokens.colorBrandBackground
+                              name: "from",
+                              label: labels.fromLabel,
+                              control,
+                              type: "text",
+                              contentBefore: /* @__PURE__ */ jsx(
+                                Icon$1,
+                                {
+                                  icon: "fluent:vehicle-ship-16-filled",
+                                  color: tokens.colorBrandBackground
+                                }
+                              ),
+                              appearance: "filled-lighter",
+                              size: "medium",
+                              placeholder: labels.placeholderPort,
+                              onClick: onFromClick,
+                              onChange: handleFromChange,
+                              validationRules: {
+                                required: labels.errorOriginRequired
+                              },
+                              required: true
                             }
                           ),
-                          appearance: "filled-lighter",
-                          size: "medium",
-                          placeholder: labels.placeholderPort,
-                          onClick: onFromClick,
-                          onChange: handleFromChange,
-                          validationRules: {
-                            required: "Pelabuhan asal wajib diisi"
-                          },
-                          required: true
-                        }
-                      ),
-                      /* @__PURE__ */ jsxs("div", { className: styles.deviderButton, children: [
-                        /* @__PURE__ */ jsx(Divider, {}),
-                        " ",
-                        /* @__PURE__ */ jsx(
-                          Button,
-                          {
-                            onClick: onSwitchClick,
-                            className: styles.buttonSwitch,
-                            shape: "circular",
-                            appearance: "secondary",
-                            size: "large",
-                            disabled: switchDisabled,
-                            icon: /* @__PURE__ */ jsx(
-                              "div",
+                          /* @__PURE__ */ jsxs("div", { className: styles.deviderButton, children: [
+                            /* @__PURE__ */ jsx(Divider, {}),
+                            " ",
+                            /* @__PURE__ */ jsx(
+                              Button,
                               {
-                                className: `${styles.switchIcon} ${isRotating ? styles.switchIconRotate : ""}`,
-                                children: /* @__PURE__ */ jsx(
-                                  "img",
+                                onClick: onSwitchClick,
+                                className: styles.buttonSwitch,
+                                shape: "circular",
+                                appearance: "secondary",
+                                size: "large",
+                                disabled: switchDisabled,
+                                icon: /* @__PURE__ */ jsx(
+                                  "div",
                                   {
-                                    src: "/assets/images/icons/switch.svg",
-                                    alt: "Switch",
-                                    width: 26,
-                                    height: 26
+                                    className: `${styles.switchIcon} ${isRotating ? styles.switchIconRotate : ""}`,
+                                    children: /* @__PURE__ */ jsx(
+                                      "img",
+                                      {
+                                        src: "/assets/images/icons/switch.svg",
+                                        alt: "Switch",
+                                        width: 26,
+                                        height: 26
+                                      }
+                                    )
                                   }
                                 )
                               }
                             )
-                          }
-                        )
-                      ] })
-                    ] }),
-                    /* @__PURE__ */ jsx(Col, { xs: 12, sm: 12, md: 12, lg: 12, xl: 12, xxl: 12, xxxl: 12, children: /* @__PURE__ */ jsx(
-                      InputDynamic_default,
+                          ] })
+                        ]
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(
+                      Col,
                       {
-                        name: "to",
-                        label: labels.toLabel,
-                        control,
-                        type: "text",
-                        contentBefore: /* @__PURE__ */ jsx(
-                          Icon$1,
+                        xs: 12,
+                        sm: 12,
+                        md: 12,
+                        lg: 12,
+                        xl: 12,
+                        xxl: 12,
+                        xxxl: 12,
+                        children: /* @__PURE__ */ jsx(
+                          InputDynamic_default,
                           {
-                            icon: "fluent:location-24-filled",
-                            color: tokens.colorBrandBackground
+                            name: "to",
+                            label: labels.toLabel,
+                            control,
+                            type: "text",
+                            contentBefore: /* @__PURE__ */ jsx(
+                              Icon$1,
+                              {
+                                icon: "fluent:location-24-filled",
+                                color: tokens.colorBrandBackground
+                              }
+                            ),
+                            disabled: toDisabled,
+                            appearance: "filled-lighter",
+                            size: "medium",
+                            placeholder: labels.placeholderDestinationPort,
+                            onClick: onToClick,
+                            validationRules: {
+                              required: labels.errorDestinationRequired
+                            },
+                            required: true
                           }
-                        ),
-                        disabled: toDisabled,
-                        appearance: "filled-lighter",
-                        size: "medium",
-                        placeholder: labels.placeholderDestinationPort,
-                        onClick: onToClick,
-                        validationRules: {
-                          required: "Pelabuhan tujuan wajib diisi"
-                        },
-                        required: true
+                        )
                       }
-                    ) })
+                    )
                   ] }) }) }),
                   /* @__PURE__ */ jsx(Col, { xs: 12, sm: 12, lg: 12, xl: 12, xxl: 12, xxxl: 12, children: /* @__PURE__ */ jsx("div", { className: styles.formField, children: /* @__PURE__ */ jsxs(Row, { style: { height: "100%" }, children: [
-                    /* @__PURE__ */ jsx(Col, { xs: 7, sm: 7, md: 7, lg: 7, xl: 7, xxl: 7, xxxl: 7, children: /* @__PURE__ */ jsx("div", { style: { position: "relative", zIndex: 2 }, children: /* @__PURE__ */ jsx(
-                      InputDynamic_default,
+                    /* @__PURE__ */ jsx(
+                      Col,
                       {
-                        name: "startDate",
-                        label: labels.departureDateLabel,
-                        control,
-                        type: "text",
-                        contentBefore: /* @__PURE__ */ jsx(
-                          Icon$1,
+                        xs: 7,
+                        sm: 7,
+                        md: 7,
+                        lg: 7,
+                        xl: 7,
+                        xxl: 7,
+                        xxxl: 7,
+                        children: /* @__PURE__ */ jsx("div", { style: { position: "relative", zIndex: 2 }, children: /* @__PURE__ */ jsx(
+                          InputDynamic_default,
                           {
-                            icon: "fluent:calendar-24-filled",
-                            color: tokens.colorBrandBackground
+                            name: "startDate",
+                            label: labels.departureDateLabel,
+                            control,
+                            type: "text",
+                            contentBefore: /* @__PURE__ */ jsx(
+                              Icon$1,
+                              {
+                                icon: "fluent:calendar-24-filled",
+                                color: tokens.colorBrandBackground
+                              }
+                            ),
+                            appearance: "filled-lighter",
+                            size: "medium",
+                            placeholder: labels.placeholderDepartureDate,
+                            onClick: onStartDateClick,
+                            required: true,
+                            validationRules: {
+                              required: labels.errorDepartureDateRequired
+                            }
                           }
-                        ),
-                        appearance: "filled-lighter",
-                        size: "medium",
-                        placeholder: labels.placeholderDepartureDate,
-                        onClick: onStartDateClick,
-                        required: true,
-                        validationRules: {
-                          required: "Tanggal Berangkat wajib diisi"
-                        }
+                        ) })
                       }
-                    ) }) }),
+                    ),
                     showRoundTrip && /* @__PURE__ */ jsx(
                       Col,
                       {
@@ -3551,32 +3649,44 @@ var CardTicketSearch = ({
                         )
                       }
                     ),
-                    roundTripValue && /* @__PURE__ */ jsx(Col, { xs: 12, sm: 12, md: 12, lg: 12, xl: 12, xxl: 12, xxxl: 12, children: /* @__PURE__ */ jsx(
-                      InputDynamic_default,
+                    roundTripValue && /* @__PURE__ */ jsx(
+                      Col,
                       {
-                        name: "endDate",
-                        label: labels.returnDateLabel,
-                        control,
-                        type: "text",
-                        contentBefore: /* @__PURE__ */ jsx(
-                          Icon$1,
+                        xs: 12,
+                        sm: 12,
+                        md: 12,
+                        lg: 12,
+                        xl: 12,
+                        xxl: 12,
+                        xxxl: 12,
+                        children: /* @__PURE__ */ jsx(
+                          InputDynamic_default,
                           {
-                            icon: "fluent:calendar-24-filled",
-                            color: tokens.colorBrandBackground
+                            name: "endDate",
+                            label: labels.returnDateLabel,
+                            control,
+                            type: "text",
+                            contentBefore: /* @__PURE__ */ jsx(
+                              Icon$1,
+                              {
+                                icon: "fluent:calendar-24-filled",
+                                color: tokens.colorBrandBackground
+                              }
+                            ),
+                            appearance: "filled-lighter",
+                            size: "medium",
+                            placeholder: labels.placeholderReturnDate,
+                            onClick: onEndDateClick,
+                            disabled: endDateDisabled,
+                            style: { borderColor: "transparent" },
+                            required: roundTripValue,
+                            validationRules: {
+                              required: labels.errorReturnDateRequired
+                            }
                           }
-                        ),
-                        appearance: "filled-lighter",
-                        size: "medium",
-                        placeholder: labels.placeholderReturnDate,
-                        onClick: onEndDateClick,
-                        disabled: endDateDisabled,
-                        style: { borderColor: "transparent" },
-                        required: roundTripValue,
-                        validationRules: {
-                          required: "Tanggal Pulang wajib diisi"
-                        }
+                        )
                       }
-                    ) })
+                    )
                   ] }) }) })
                 ] }) }),
                 /* @__PURE__ */ jsx(Visible, { xl: true, xxl: true, xxxl: true, children: /* @__PURE__ */ jsx(
@@ -3588,7 +3698,11 @@ var CardTicketSearch = ({
                     xl: 1,
                     xxl: 1,
                     xxxl: 1,
-                    style: { display: "flex", alignItems: "center", justifyContent: "center" },
+                    style: {
+                      display: "flex",
+                      alignItems: "center",
+                      justifyContent: "center"
+                    },
                     children: /* @__PURE__ */ jsx(Divider, { vertical: true, style: { height: "100%" } })
                   }
                 ) }),
@@ -3608,71 +3722,107 @@ var CardTicketSearch = ({
                     className: styles.serviceCol,
                     children: /* @__PURE__ */ jsxs(Row, { style: { height: "100%", gap: "16px" }, children: [
                       /* @__PURE__ */ jsx(Col, { xs: 12, sm: 12, lg: 12, xl: 12, xxl: 12, xxxl: 12, children: /* @__PURE__ */ jsx("div", { className: styles.formField, children: /* @__PURE__ */ jsxs(Row, { style: { height: "100%", gap: "16px" }, children: [
-                        /* @__PURE__ */ jsx(Col, { xs: 12, sm: 12, md: 12, lg: 12, xl: 12, xxl: 12, xxxl: 12, children: /* @__PURE__ */ jsx(
-                          InputDynamic_default,
+                        /* @__PURE__ */ jsx(
+                          Col,
                           {
-                            name: "serviceClass",
-                            label: labels.serviceClassLabel,
-                            control,
-                            type: "text",
-                            contentBefore: /* @__PURE__ */ jsx(
-                              Icon$1,
+                            xs: 12,
+                            sm: 12,
+                            md: 12,
+                            lg: 12,
+                            xl: 12,
+                            xxl: 12,
+                            xxxl: 12,
+                            children: /* @__PURE__ */ jsx(
+                              InputDynamic_default,
                               {
-                                icon: "fluent:ribbon-star-24-filled",
-                                color: tokens.colorBrandBackground
+                                name: "serviceClass",
+                                label: labels.serviceClassLabel,
+                                control,
+                                type: "text",
+                                contentBefore: /* @__PURE__ */ jsx(
+                                  Icon$1,
+                                  {
+                                    icon: "fluent:ribbon-star-24-filled",
+                                    color: tokens.colorBrandBackground
+                                  }
+                                ),
+                                appearance: "filled-lighter",
+                                size: "medium",
+                                placeholder: labels.placeholderTypeClass,
+                                onClick: onServiceClassClick,
+                                required: true,
+                                disabled: serviceClassDisabled
                               }
-                            ),
-                            appearance: "filled-lighter",
-                            size: "medium",
-                            placeholder: labels.placeholderTypeClass,
-                            onClick: onServiceClassClick,
-                            required: true,
-                            disabled: serviceClassDisabled
+                            )
                           }
-                        ) }),
-                        /* @__PURE__ */ jsx(Col, { xs: 12, sm: 12, md: 12, lg: 12, xl: 12, xxl: 12, xxxl: 12, children: /* @__PURE__ */ jsx(
-                          InputDynamic_default,
+                        ),
+                        /* @__PURE__ */ jsx(
+                          Col,
                           {
-                            name: "typeOfService",
-                            label: labels.typeOfServiceLabel,
-                            control,
-                            type: "text",
-                            contentBefore: /* @__PURE__ */ jsx(
-                              Icon$1,
+                            xs: 12,
+                            sm: 12,
+                            md: 12,
+                            lg: 12,
+                            xl: 12,
+                            xxl: 12,
+                            xxxl: 12,
+                            children: /* @__PURE__ */ jsx(
+                              InputDynamic_default,
                               {
-                                icon: "fluent:apps-list-24-filled",
-                                color: tokens.colorBrandBackground
+                                name: "typeOfService",
+                                label: labels.typeOfServiceLabel,
+                                control,
+                                type: "text",
+                                contentBefore: /* @__PURE__ */ jsx(
+                                  Icon$1,
+                                  {
+                                    icon: "fluent:apps-list-24-filled",
+                                    color: tokens.colorBrandBackground
+                                  }
+                                ),
+                                appearance: "filled-lighter",
+                                size: "medium",
+                                placeholder: labels.placeholderTypeService,
+                                onClick: onTypeOfServiceClick,
+                                required: true,
+                                disabled: typeOfServiceDisabled
                               }
-                            ),
-                            appearance: "filled-lighter",
-                            size: "medium",
-                            placeholder: labels.placeholderTypeService,
-                            onClick: onTypeOfServiceClick,
-                            required: true,
-                            disabled: typeOfServiceDisabled
+                            )
                           }
-                        ) }),
-                        showPassengerField && /* @__PURE__ */ jsx(Col, { xs: 12, sm: 12, md: 12, lg: 12, xl: 12, xxl: 12, xxxl: 12, children: /* @__PURE__ */ jsx(
-                          InputDynamic_default,
+                        ),
+                        showPassengerField && /* @__PURE__ */ jsx(
+                          Col,
                           {
-                            required: true,
-                            name: "passenger",
-                            label: labels.passengerLabel,
-                            control,
-                            type: "text",
-                            contentBefore: /* @__PURE__ */ jsx(
-                              Icon$1,
+                            xs: 12,
+                            sm: 12,
+                            md: 12,
+                            lg: 12,
+                            xl: 12,
+                            xxl: 12,
+                            xxxl: 12,
+                            children: /* @__PURE__ */ jsx(
+                              InputDynamic_default,
                               {
-                                icon: "fluent:people-24-filled",
-                                color: tokens.colorBrandBackground
+                                required: true,
+                                name: "passenger",
+                                label: labels.passengerLabel,
+                                control,
+                                type: "text",
+                                contentBefore: /* @__PURE__ */ jsx(
+                                  Icon$1,
+                                  {
+                                    icon: "fluent:people-24-filled",
+                                    color: tokens.colorBrandBackground
+                                  }
+                                ),
+                                appearance: "filled-lighter",
+                                size: "medium",
+                                placeholder: labels.placeholderPassenger,
+                                onClick: onPassengerClick
                               }
-                            ),
-                            appearance: "filled-lighter",
-                            size: "medium",
-                            placeholder: labels.placeholderPassenger,
-                            onClick: onPassengerClick
+                            )
                           }
-                        ) })
+                        )
                       ] }) }) }),
                       /* @__PURE__ */ jsx(Col, { xs: 12, sm: 12, lg: 12, xl: 12, xxl: 12, xxxl: 12, children: /* @__PURE__ */ jsx(
                         Button,
@@ -3699,7 +3849,7 @@ var CardTicketSearch = ({
 };
 
 // src/components/CardTicketSearchSummary/CardTicketSearchSummary.constants.ts
-var DEFAULT_LABELS8 = {
+var DEFAULT_LABELS9 = {
   id: {
     originHarbor: "Pelabuhan Keberangkatan",
     destinationHarbor: "Pelabuhan Tujuan",
@@ -3800,7 +3950,7 @@ var CardTicketSearchSummary = ({
   children
 }) => {
   const styles = useStyles9();
-  const mergedLabels = { ...DEFAULT_LABELS8[language], ...labels };
+  const mergedLabels = { ...DEFAULT_LABELS9[language], ...labels };
   const { width } = useWindowSize();
   const getCircularConfig = () => {
     if (width <= parseInt(extendedTokens.breakpointXs))
@@ -4125,7 +4275,7 @@ var CardTicketSearchSummary = ({
 };
 
 // src/components/ModalSearchHarbor/ModalSearchHarbor.constants.ts
-var DEFAULT_LABELS9 = {
+var DEFAULT_LABELS10 = {
   id: {
     title: "Pilih Pelabuhan",
     searchPlaceholder: "Cari Pelabuhan...",
@@ -4277,7 +4427,7 @@ var ModalSearchHarbor = ({
   onClearLastSearched
 }) => {
   const styles = useStyles10();
-  const mergedLabels = { ...DEFAULT_LABELS9[language], ...labels };
+  const mergedLabels = { ...DEFAULT_LABELS10[language], ...labels };
   const handleSelect = (harbor) => {
     onAddLastSearched(harbor);
     onSelectHarbor(harbor);
@@ -4425,7 +4575,7 @@ var ModalSearchHarbor = ({
 };
 
 // src/components/ModalSelectDate/ModalSelectDate.constants.ts
-var DEFAULT_LABELS10 = {
+var DEFAULT_LABELS11 = {
   id: {
     title: "Pilih Tanggal",
     oneWay: "Sekali Jalan",
@@ -4558,7 +4708,7 @@ var ModalSelectDate = ({
   showRoundtrip = true
 }) => {
   const styles = useStyles11();
-  const mergedLabels = { ...DEFAULT_LABELS10[language], ...labels };
+  const mergedLabels = { ...DEFAULT_LABELS11[language], ...labels };
   useEffect(() => {
     moment.locale(language === "id" ? "id" : "en");
   }, [language]);
@@ -4781,7 +4931,7 @@ var ModalSelectDate = ({
 };
 
 // src/components/ModalService/ModalService.constants.ts
-var DEFAULT_LABELS11 = {
+var DEFAULT_LABELS12 = {
   id: {
     title: "Pilih Kelas Layanan",
     loading: "Memuat...",
@@ -4883,7 +5033,7 @@ var ModalService = ({
   isError = false
 }) => {
   const styles = useStyles12();
-  const mergedLabels = { ...DEFAULT_LABELS11[language], ...labels };
+  const mergedLabels = { ...DEFAULT_LABELS12[language], ...labels };
   const displayTitle = title || mergedLabels.title;
   const [selectedServices, setSelectedServices] = useState(selectedServiceIds);
   useEffect(() => {
@@ -4989,7 +5139,7 @@ var ModalService = ({
 };
 
 // src/components/ModalTotalPassengers/ModalTotalPassengers.constants.ts
-var DEFAULT_LABELS12 = {
+var DEFAULT_LABELS13 = {
   id: {
     title: "Pilih Jumlah Penumpang",
     infoMessage: "Anda dapat menambahkan hingga {maxPassengers} penumpang pada golongan kendaraan ini.",
@@ -5096,7 +5246,7 @@ var ModalTotalPassengers = ({
   infoMessage
 }) => {
   const styles = useStyles13();
-  const mergedLabels = { ...DEFAULT_LABELS12[language], ...labels };
+  const mergedLabels = { ...DEFAULT_LABELS13[language], ...labels };
   const [passengers, setPassengers] = useState([]);
   const [openItems, setOpenItems] = useState([]);
   const defaultInfoMessage = mergedLabels.infoMessage.replace(
@@ -5361,7 +5511,7 @@ var ModalTotalPassengers = ({
 };
 
 // src/components/ModalTypeOfService/ModalTypeOfService.constants.ts
-var DEFAULT_LABELS13 = {
+var DEFAULT_LABELS14 = {
   id: {
     title: "Pilih Tipe Layanan",
     cancelButton: "Batal",
@@ -5442,7 +5592,7 @@ var ModalTypeOfService = ({
   renderImage
 }) => {
   const styles = useStyles14();
-  const mergedLabels = { ...DEFAULT_LABELS13[language], ...labels };
+  const mergedLabels = { ...DEFAULT_LABELS14[language], ...labels };
   const [selectedServiceTitle, setSelectedServiceTitle] = useState(
     selectedService?.title || ""
   );
@@ -5684,6 +5834,35 @@ var ModalTypeOfService = ({
 };
 
 // src/components/SortMenu/SortMenu.constants.ts
+var DEFAULT_LABELS15 = {
+  id: {
+    filterButtonText: "Filter",
+    sortButtonText: "Urutkan Berdasarkan",
+    clearFiltersText: "{count} Filter Dipilih",
+    recommendation: "Rekomendasi",
+    highestPrice: "Harga Tertinggi",
+    lowestPrice: "Harga Terendah",
+    earliestDeparture: "Keberangkatan Paling Awal",
+    latestDeparture: "Keberangkatan Paling Akhir"
+  },
+  en: {
+    filterButtonText: "Filter",
+    sortButtonText: "Sort By",
+    clearFiltersText: "{count} Filters Selected",
+    recommendation: "Recommendation",
+    highestPrice: "Highest Price",
+    lowestPrice: "Lowest Price",
+    earliestDeparture: "Earliest Departure",
+    latestDeparture: "Latest Departure"
+  }
+};
+var getSortOptions = (labels) => [
+  { value: "rekomendasi", label: labels.recommendation },
+  { value: "harga-tertinggi", label: labels.highestPrice },
+  { value: "harga-terendah", label: labels.lowestPrice },
+  { value: "keberangkatan-paling-awal", label: labels.earliestDeparture },
+  { value: "keberangkatan-paling-akhir", label: labels.latestDeparture }
+];
 var DEFAULT_SORT_OPTIONS = [
   { value: "rekomendasi", label: "Rekomendasi" },
   { value: "harga-tertinggi", label: "Harga Tertinggi" },
@@ -5719,17 +5898,50 @@ var useStyles15 = makeStyles({
   }
 });
 var SortMenu = ({
+  language = "id",
+  labels: customLabels,
   value,
   onChange,
   totalActiveFilters = 0,
   onFilterClick,
   onClearFilters,
-  sortOptions = DEFAULT_SORT_OPTIONS,
-  filterButtonText = "Filter",
-  sortButtonText = "Urutkan Berdasarkan",
-  clearFiltersText = "{count} Filter Dipilih"
+  sortOptions: customSortOptions,
+  filterButtonText: deprecatedFilterButtonText,
+  sortButtonText: deprecatedSortButtonText,
+  clearFiltersText: deprecatedClearFiltersText
 }) => {
   const styles = useStyles15();
+  const labels = React5.useMemo(
+    () => ({
+      ...DEFAULT_LABELS15[language],
+      ...customLabels,
+      // Fallback to deprecated props if provided
+      ...deprecatedFilterButtonText && {
+        filterButtonText: deprecatedFilterButtonText
+      },
+      ...deprecatedSortButtonText && {
+        sortButtonText: deprecatedSortButtonText
+      },
+      ...deprecatedClearFiltersText && {
+        clearFiltersText: deprecatedClearFiltersText
+      }
+    }),
+    [
+      language,
+      customLabels,
+      deprecatedFilterButtonText,
+      deprecatedSortButtonText,
+      deprecatedClearFiltersText
+    ]
+  );
+  const sortOptions = React5.useMemo(
+    () => customSortOptions || getSortOptions(labels),
+    [customSortOptions, labels]
+  );
+  const currentSortLabel = React5.useMemo(
+    () => sortOptions.find((opt) => opt.value === value)?.label || labels.recommendation,
+    [sortOptions, value, labels.recommendation]
+  );
   const handleReset = () => {
     onChange("rekomendasi");
   };
@@ -5744,7 +5956,7 @@ var SortMenu = ({
         shape: "circular",
         className: styles.button,
         onClick: onFilterClick,
-        children: filterButtonText
+        children: labels.filterButtonText
       }
     ),
     /* @__PURE__ */ jsxs(Menu, { children: [
@@ -5756,10 +5968,24 @@ var SortMenu = ({
           type: "button",
           shape: "circular",
           className: styles.button,
-          children: sortButtonText
+          children: labels.sortButtonText
         }
       ) }),
-      /* @__PURE__ */ jsx(MenuPopover, { children: /* @__PURE__ */ jsx(MenuList, { children: /* @__PURE__ */ jsx(RadioGroup, { value, onChange: (_, data) => onChange(data.value), children: sortOptions.map((option) => /* @__PURE__ */ jsx(Radio, { value: option.value, label: option.label }, option.value)) }) }) })
+      /* @__PURE__ */ jsx(MenuPopover, { children: /* @__PURE__ */ jsx(MenuList, { children: /* @__PURE__ */ jsx(
+        RadioGroup,
+        {
+          value,
+          onChange: (_, data) => onChange(data.value),
+          children: sortOptions.map((option) => /* @__PURE__ */ jsx(
+            Radio,
+            {
+              value: option.value,
+              label: option.label
+            },
+            option.value
+          ))
+        }
+      ) }) })
     ] }),
     /* @__PURE__ */ jsx(Divider, { vertical: true, className: styles.divider }),
     /* @__PURE__ */ jsx(
@@ -5772,7 +5998,7 @@ var SortMenu = ({
         type: "button",
         shape: "circular",
         className: styles.button,
-        children: getSortLabel(value)
+        children: currentSortLabel
       }
     ),
     totalActiveFilters > 0 && onClearFilters && /* @__PURE__ */ jsxs(Fragment, { children: [
@@ -5787,7 +6013,10 @@ var SortMenu = ({
           onClick: onClearFilters,
           shape: "circular",
           className: styles.button,
-          children: clearFiltersText.replace("{count}", totalActiveFilters.toString())
+          children: labels.clearFiltersText.replace(
+            "{count}",
+            totalActiveFilters.toString()
+          )
         }
       )
     ] })
@@ -5795,7 +6024,7 @@ var SortMenu = ({
 };
 
 // src/components/ModalFilterTicket/ModalFilterTicket.constants.ts
-var DEFAULT_LABELS14 = {
+var DEFAULT_LABELS16 = {
   id: {
     title: "Filter dengan",
     serviceTypeLabel: "Jenis Layanan",
@@ -5809,7 +6038,9 @@ var DEFAULT_LABELS14 = {
     durationLabel: "Durasi perjalanan",
     durationRangeText: (min, max) => `Perjalanan ${min} - ${max} jam`,
     resetButton: "Reset",
-    applyButton: "Terapkan"
+    applyButton: "Terapkan",
+    hourUnit: "jam",
+    currencySymbol: "IDR"
   },
   en: {
     title: "Filter by",
@@ -5824,7 +6055,9 @@ var DEFAULT_LABELS14 = {
     durationLabel: "Travel duration",
     durationRangeText: (min, max) => `${min} - ${max} hours trip`,
     resetButton: "Reset",
-    applyButton: "Apply"
+    applyButton: "Apply",
+    hourUnit: "hours",
+    currencySymbol: "IDR"
   }
 };
 var DEFAULT_SERVICE_TYPES = [
@@ -5960,7 +6193,7 @@ var ModalFilterTicket = ({
   maxDuration = DEFAULT_DURATION_RANGE.max
 }) => {
   const styles = useStyles16();
-  const mergedLabels = { ...DEFAULT_LABELS14[language], ...labels };
+  const mergedLabels = { ...DEFAULT_LABELS16[language], ...labels };
   const [rangeReady, setRangeReady] = useState(false);
   useEffect(() => {
     if (open) {
@@ -5995,7 +6228,9 @@ var ModalFilterTicket = ({
     }
   };
   const formatPrice = (price) => {
-    return new Intl.NumberFormat("id-ID").format(price);
+    return new Intl.NumberFormat(language === "id" ? "id-ID" : "en-US").format(
+      price
+    );
   };
   const renderPriceTrack = useCallback(
     ({ props, children }) => {
@@ -6239,11 +6474,13 @@ var ModalFilterTicket = ({
           /* @__PURE__ */ jsxs("div", { className: styles.sliderValues, children: [
             /* @__PURE__ */ jsxs("span", { children: [
               minDuration,
-              " jam"
+              " ",
+              mergedLabels.hourUnit
             ] }),
             /* @__PURE__ */ jsxs("span", { children: [
               maxDuration,
-              " jam"
+              " ",
+              mergedLabels.hourUnit
             ] })
           ] })
         ] })
@@ -6266,10 +6503,17 @@ var ModalFilterTicket = ({
 };
 
 // src/components/DateFilter/DateFilter.constants.ts
-var DEFAULT_LABELS15 = {
-  prevButtonAriaLabel: "Previous dates",
-  nextButtonAriaLabel: "Next dates",
-  calendarButtonAriaLabel: "Open calendar"
+var DEFAULT_LABELS17 = {
+  id: {
+    prevButtonAriaLabel: "Tanggal sebelumnya",
+    nextButtonAriaLabel: "Tanggal berikutnya",
+    calendarButtonAriaLabel: "Buka kalender"
+  },
+  en: {
+    prevButtonAriaLabel: "Previous dates",
+    nextButtonAriaLabel: "Next dates",
+    calendarButtonAriaLabel: "Open calendar"
+  }
 };
 var DEFAULT_SCROLL_AMOUNT = 150;
 var useStyles17 = makeStyles({
@@ -6351,11 +6595,15 @@ var DateFilter = ({
   showNavigation = true,
   showCalendarButton = true,
   scrollAmount = DEFAULT_SCROLL_AMOUNT,
+  language = "id",
   labels
 }) => {
   const styles = useStyles17();
   const scrollRef = useRef(null);
-  const mergedLabels = { ...DEFAULT_LABELS15, ...labels };
+  const mergedLabels = {
+    ...DEFAULT_LABELS17[language],
+    ...labels
+  };
   const handlePrev = () => {
     scrollRef.current?.scrollBy({ left: -scrollAmount, behavior: "smooth" });
   };
@@ -6413,7 +6661,7 @@ var DateFilter = ({
 };
 
 // src/components/ModalSearchTicket/ModalSearchTicket.constants.ts
-var DEFAULT_LABELS16 = {
+var DEFAULT_LABELS18 = {
   id: {
     title: "Cari Jadwal Lainnya",
     fromLabel: "Dari",
@@ -6574,7 +6822,7 @@ var ModalSearchTicket = ({
   ...props
 }) => {
   const styles = useStyles18();
-  const mergedLabels = { ...DEFAULT_LABELS16[language], ...labels };
+  const mergedLabels = { ...DEFAULT_LABELS18[language], ...labels };
   const { control, setValue, handleSubmit, watch } = useForm({
     defaultValues: {
       ...DEFAULT_FORM_VALUES,
@@ -7011,7 +7259,7 @@ var ModalSearchTicket = ({
 };
 
 // src/components/Stepper/Stepper.constants.ts
-var DEFAULT_LABELS17 = {
+var DEFAULT_LABELS19 = {
   id: {
     stepperBackgroundAlt: "Latar Belakang Stepper",
     ferryIconAlt: "Ikon Kapal"
@@ -7147,7 +7395,7 @@ var Stepper = ({
   labels
 }) => {
   const styles = useStyles19();
-  const mergedLabels = { ...DEFAULT_LABELS17[language], ...labels };
+  const mergedLabels = { ...DEFAULT_LABELS19[language], ...labels };
   const currentStepIndex = useMemo(() => {
     if (typeof currentStep === "number") {
       return steps.findIndex((step) => step.number === currentStep);
@@ -7203,7 +7451,7 @@ var Stepper = ({
 };
 
 // src/components/CardOrdererInfo/CardOrdererInfo.constants.ts
-var DEFAULT_LABELS18 = {
+var DEFAULT_LABELS20 = {
   id: {
     title: "Informasi Pemesan",
     ordererName: "Nama Pemesan",
@@ -7248,7 +7496,7 @@ var CardOrdererInfo = ({
   className
 }) => {
   const styles = useStyles20();
-  const mergedLabels = { ...DEFAULT_LABELS18[language], ...labels };
+  const mergedLabels = { ...DEFAULT_LABELS20[language], ...labels };
   return /* @__PURE__ */ jsxs(Card, { className: className || styles.card, children: [
     /* @__PURE__ */ jsx(Title3, { children: mergedLabels.title }),
     /* @__PURE__ */ jsxs("div", { className: styles.container, children: [
@@ -7269,7 +7517,7 @@ var CardOrdererInfo = ({
 };
 
 // src/components/ModalListPassenger/ModalListPassenger.constants.ts
-var DEFAULT_LABELS19 = {
+var DEFAULT_LABELS21 = {
   id: {
     title: "Detail Penumpang",
     sameAsOrderer: "Sama Dengan Pemesan",
@@ -7341,7 +7589,7 @@ var ModalListPassenger = ({
   onSameAsOrdererChange
 }) => {
   const styles = useStyles21();
-  const mergedLabels = { ...DEFAULT_LABELS19[language], ...labels };
+  const mergedLabels = { ...DEFAULT_LABELS21[language], ...labels };
   const displayTitle = title || mergedLabels.title;
   const handleClose = () => {
     onClose();
@@ -7458,7 +7706,7 @@ var ModalListPassenger = ({
 };
 
 // src/components/ModalPassengerForm/ModalPassengerForm.constants.ts
-var DEFAULT_LABELS20 = {
+var DEFAULT_LABELS22 = {
   id: {
     title: "Detail Penumpang",
     titleLabel: "Title",
@@ -7559,9 +7807,9 @@ var ModalPassengerForm = ({
   ticketClassOptions
 }) => {
   const styles = useStyles22();
-  const mergedLabels = { ...DEFAULT_LABELS20[language], ...labels };
+  const mergedLabels = { ...DEFAULT_LABELS22[language], ...labels };
   const mergedErrors = {
-    ...DEFAULT_LABELS20[language].errors,
+    ...DEFAULT_LABELS22[language].errors,
     ...labels?.errors
   };
   const displayTitle = title || mergedLabels.title;
@@ -7761,7 +8009,7 @@ var ModalPassengerForm = ({
 };
 
 // src/components/CardPassengerList/CardPassengerList.constants.ts
-var DEFAULT_LABELS21 = {
+var DEFAULT_LABELS23 = {
   id: {
     defaultTitle: "Data Penumpang",
     passengerPrefix: "Penumpang"
@@ -7883,7 +8131,7 @@ var CardPassengerList = ({
   className
 }) => {
   const styles = useStyles23();
-  const mergedLabels = { ...DEFAULT_LABELS21[language], ...labels };
+  const mergedLabels = { ...DEFAULT_LABELS23[language], ...labels };
   const displayTitle = title || mergedLabels.defaultTitle;
   return /* @__PURE__ */ jsxs(Card, { className: className || styles.card, children: [
     /* @__PURE__ */ jsxs("div", { className: styles.headerContainer, children: [
@@ -7956,7 +8204,7 @@ var CardPassengerList = ({
 };
 
 // src/components/CardVehicleDetail/CardVehicleDetail.constants.ts
-var DEFAULT_LABELS22 = {
+var DEFAULT_LABELS24 = {
   id: {
     title: "Detail Kendaraan",
     vehicleNumberLabel: "Nomor Kendaraan",
@@ -8014,7 +8262,7 @@ var CardVehicleDetail = ({
   labels
 }) => {
   const styles = useStyles24();
-  const mergedLabels = { ...DEFAULT_LABELS22[language], ...labels };
+  const mergedLabels = { ...DEFAULT_LABELS24[language], ...labels };
   return /* @__PURE__ */ jsxs(Card, { className: styles.card, children: [
     /* @__PURE__ */ jsxs(
       "div",
@@ -8074,7 +8322,7 @@ var CardVehicleDetail = ({
 };
 
 // src/components/CardVehicleOwnerForm/CardVehicleOwnerForm.constants.ts
-var DEFAULT_LABELS23 = {
+var DEFAULT_LABELS25 = {
   id: {
     title: "Informasi Pemilik & Muatan",
     addOwnerButton: "Tambah Pemilik",
@@ -8100,6 +8348,7 @@ var DEFAULT_LABELS23 = {
     cargoReceiverCompanyPlaceholder: "Pilih Nama Perusahaan Penerima Barang",
     cargoReceiverIndividualPlaceholder: "Masukkan Nama Penerima Barang",
     totalWeightLabel: "Berat Muatan dan Kendaraan (Ton)",
+    commentLabel: "Komentar",
     cargoListTitle: "Daftar Muatan",
     cargoItemTitle: "Muatan {index}",
     commodityLabel: "Data Komoditas",
@@ -8120,7 +8369,9 @@ var DEFAULT_LABELS23 = {
       kg: "Kg",
       ton: "Ton",
       unit: "Unit"
-    }
+    },
+    pricePlaceholder: "Rp. 0",
+    currencySymbol: "Rp."
   },
   en: {
     title: "Owner & Cargo Information",
@@ -8147,6 +8398,7 @@ var DEFAULT_LABELS23 = {
     cargoReceiverCompanyPlaceholder: "Select Cargo Receiver Company",
     cargoReceiverIndividualPlaceholder: "Enter Cargo Receiver Name",
     totalWeightLabel: "Cargo & Vehicle Weight (Ton)",
+    commentLabel: "Comment",
     cargoListTitle: "Cargo List",
     cargoItemTitle: "Cargo {index}",
     commodityLabel: "Commodity Data",
@@ -8167,7 +8419,9 @@ var DEFAULT_LABELS23 = {
       kg: "Kg",
       ton: "Ton",
       unit: "Unit"
-    }
+    },
+    pricePlaceholder: "Rp. 0",
+    currencySymbol: "Rp."
   }
 };
 var useStyles25 = makeStyles({
@@ -8230,7 +8484,7 @@ var CardVehicleOwnerForm = ({
   labels
 }) => {
   const styles = useStyles25();
-  const mergedLabels = { ...DEFAULT_LABELS23[language], ...labels };
+  const mergedLabels = { ...DEFAULT_LABELS25[language], ...labels };
   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: [
@@ -8877,7 +9131,7 @@ var CardVehicleOwnerForm = ({
                                       {
                                         control,
                                         name: `owners.${index}.price`,
-                                        placeholder: "Rp. 0",
+                                        placeholder: mergedLabels.pricePlaceholder,
                                         disabled: true,
                                         size: "large",
                                         type: "text"
@@ -9005,7 +9259,7 @@ var CardVehicleOwnerForm = ({
 };
 
 // src/components/CardBookingTicket/CardBookingTicket.constants.ts
-var DEFAULT_LABELS24 = {
+var DEFAULT_LABELS26 = {
   id: {
     bookingDetails: "Booking Details",
     routeTitle: "Rute Perjalanan",
@@ -9015,7 +9269,8 @@ var DEFAULT_LABELS24 = {
     previousButton: "Sebelumnya",
     viewBookingButton: "Lihat Pemesanan",
     changePaymentButton: "Ubah Metode Pembayaran",
-    timezoneLabel: "WIB"
+    timezoneLabel: "WIB",
+    currencySymbol: "IDR"
   },
   en: {
     bookingDetails: "Booking Details",
@@ -9026,7 +9281,8 @@ var DEFAULT_LABELS24 = {
     previousButton: "Previous",
     viewBookingButton: "View Booking",
     changePaymentButton: "Change Payment Method",
-    timezoneLabel: "WIB"
+    timezoneLabel: "WIB",
+    currencySymbol: "IDR"
   }
 };
 var useStyles26 = makeStyles({
@@ -9162,7 +9418,7 @@ var CardBookingTicket = ({
   className
 }) => {
   const styles = useStyles26();
-  const mergedLabels = { ...DEFAULT_LABELS24[language], ...labels };
+  const mergedLabels = { ...DEFAULT_LABELS26[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: mergedLabels.bookingDetails }),
@@ -9228,7 +9484,8 @@ var CardBookingTicket = ({
       /* @__PURE__ */ jsxs("div", { className: styles.totalPrice, children: [
         /* @__PURE__ */ jsx(Subtitle1, { children: mergedLabels.totalPriceLabel }),
         /* @__PURE__ */ jsxs(Title3, { className: styles.priceText, children: [
-          "IDR ",
+          mergedLabels.currencySymbol,
+          " ",
           totalPrice
         ] }),
         /* @__PURE__ */ jsx(
@@ -9299,7 +9556,7 @@ var CardBookingTicket = ({
 };
 
 // src/components/CardFAQ/CardFAQ.constants.ts
-var DEFAULT_LABELS25 = {
+var DEFAULT_LABELS27 = {
   id: {
     title: "Pertanyaan yang sering diajukan"
   },
@@ -9378,7 +9635,7 @@ var CardFAQ = ({
   className
 }) => {
   const styles = useStyles27();
-  const mergedLabels = { ...DEFAULT_LABELS25[language], ...labels };
+  const mergedLabels = { ...DEFAULT_LABELS27[language], ...labels };
   const faqItems = items || DEFAULT_FAQ_ITEMS[language];
   return /* @__PURE__ */ jsxs(Card, { className: styles.faqCard, children: [
     /* @__PURE__ */ jsx(Subtitle1, { children: mergedLabels.title }),
@@ -9415,18 +9672,20 @@ var CardFAQ = ({
 };
 
 // src/components/CardAddon/CardAddon.constants.ts
-var DEFAULT_LABELS26 = {
+var DEFAULT_LABELS28 = {
   id: {
     viewDetail: "Lihat detail",
     totalPrice: "Total Harga",
     passengerInsurance: "Asuransi Penumpang",
-    removeOrder: "Hapus Pesanan"
+    removeOrder: "Hapus Pesanan",
+    currencySymbol: "Rp"
   },
   en: {
     viewDetail: "View Details",
     totalPrice: "Total Price",
     passengerInsurance: "Passenger Insurance",
-    removeOrder: "Remove Order"
+    removeOrder: "Remove Order",
+    currencySymbol: "Rp"
   }
 };
 var useStyles28 = makeStyles({
@@ -9603,7 +9862,7 @@ var CardAddon = ({
   className
 }) => {
   const styles = useStyles28();
-  const mergedLabels = { ...DEFAULT_LABELS26[language], ...labels };
+  const mergedLabels = { ...DEFAULT_LABELS28[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 }),
@@ -9635,8 +9894,11 @@ var CardAddon = ({
           footerData.priceLabel,
           " ",
           /* @__PURE__ */ jsxs(Caption1Stronger, { children: [
-            "Rp",
-            footerData.price.toLocaleString("id-ID"),
+            mergedLabels.currencySymbol,
+            " ",
+            footerData.price.toLocaleString(
+              language === "id" ? "id-ID" : "en-US"
+            ),
             footerData.priceUnit
           ] })
         ] }) }),
@@ -9681,15 +9943,21 @@ var CardAddon = ({
               ")"
             ] }),
             /* @__PURE__ */ jsxs(Body1, { children: [
-              "Rp",
-              item.totalPrice.toLocaleString("id-ID")
+              mergedLabels.currencySymbol,
+              " ",
+              item.totalPrice.toLocaleString(
+                language === "id" ? "id-ID" : "en-US"
+              )
             ] })
           ] }, idx)),
           /* @__PURE__ */ jsxs("div", { className: styles.breakdownRow, children: [
             /* @__PURE__ */ jsx(Subtitle2, { children: mergedLabels.totalPrice }),
             /* @__PURE__ */ jsxs(Subtitle2, { children: [
-              "Rp",
-              assuranceData.totalPrice.toLocaleString("id-ID")
+              mergedLabels.currencySymbol,
+              " ",
+              assuranceData.totalPrice.toLocaleString(
+                language === "id" ? "id-ID" : "en-US"
+              )
             ] })
           ] })
         ] })
@@ -9709,13 +9977,20 @@ var CardAddon = ({
           /* @__PURE__ */ jsx(Body1Strong, { children: item.name }),
           /* @__PURE__ */ jsx(Caption1, { className: styles.mealDescription, children: item.description }),
           /* @__PURE__ */ jsxs(Body1Strong, { className: styles.mealPriceInfo, children: [
-            "Rp",
-            item.price.toLocaleString("id-ID"),
-            " x ",
+            mergedLabels.currencySymbol,
+            " ",
+            item.price.toLocaleString(
+              language === "id" ? "id-ID" : "en-US"
+            ),
+            " ",
+            "x ",
             item.quantity,
+            " = ",
+            mergedLabels.currencySymbol,
             " ",
-            "= Rp",
-            (item.price * item.quantity).toLocaleString("id-ID")
+            (item.price * item.quantity).toLocaleString(
+              language === "id" ? "id-ID" : "en-US"
+            )
           ] })
         ] }),
         /* @__PURE__ */ jsxs("div", { className: styles.mealActions, children: [
@@ -9770,8 +10045,11 @@ var CardAddon = ({
         /* @__PURE__ */ jsxs("div", { className: styles.totalContainer, children: [
           /* @__PURE__ */ jsx(Subtitle2, { children: footerData.priceLabel }),
           /* @__PURE__ */ jsxs(Subtitle1, { style: { fontSize: tokens.fontSizeBase600 }, children: [
-            "Rp. ",
-            footerData.price.toLocaleString("id-ID")
+            mergedLabels.currencySymbol,
+            " ",
+            footerData.price.toLocaleString(
+              language === "id" ? "id-ID" : "en-US"
+            )
           ] })
         ] }),
         /* @__PURE__ */ jsx("div", { style: { width: "100%" }, children: /* @__PURE__ */ jsx(
@@ -9795,12 +10073,14 @@ var CardAddon = ({
 };
 
 // src/components/CardMealCatalog/CardMealCatalog.constants.ts
-var DEFAULT_LABELS27 = {
+var DEFAULT_LABELS29 = {
   id: {
-    addButton: "Tambah"
+    addButton: "Tambah",
+    currencySymbol: "Rp"
   },
   en: {
-    addButton: "Add"
+    addButton: "Add",
+    currencySymbol: "Rp"
   }
 };
 var useStyles29 = makeStyles({
@@ -9943,7 +10223,7 @@ var CardMealCatalog = ({
   className
 }) => {
   const styles = useStyles29();
-  const mergedLabels = { ...DEFAULT_LABELS27[language], ...labels };
+  const mergedLabels = { ...DEFAULT_LABELS29[language], ...labels };
   return /* @__PURE__ */ jsxs("div", { className: `${styles.container} ${className || ""}`, children: [
     /* @__PURE__ */ jsxs("div", { className: styles.banner, children: [
       /* @__PURE__ */ jsx("div", { className: styles.bannerOverlay }),
@@ -9992,8 +10272,11 @@ var CardMealCatalog = ({
           ] }),
           /* @__PURE__ */ jsxs("div", { className: styles.productFooter, children: [
             /* @__PURE__ */ jsxs(Body1, { className: styles.price, children: [
-              "Rp",
-              item.price.toLocaleString("id-ID")
+              mergedLabels.currencySymbol,
+              " ",
+              item.price.toLocaleString(
+                language === "id" ? "id-ID" : "en-US"
+              )
             ] }),
             item.quantity > 0 ? /* @__PURE__ */ jsxs("div", { className: styles.quantitySelector, children: [
               /* @__PURE__ */ jsx(
@@ -10033,7 +10316,7 @@ var CardMealCatalog = ({
 };
 
 // src/components/CardReview/CardReview.constants.ts
-var DEFAULT_LABELS28 = {
+var DEFAULT_LABELS30 = {
   id: {},
   en: {}
 };
@@ -10089,7 +10372,7 @@ var CardReview = ({
   headerAction
 }) => {
   const styles = useStyles30();
-  ({ ...DEFAULT_LABELS28[language], ...labels });
+  ({ ...DEFAULT_LABELS30[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 }),
@@ -10136,7 +10419,7 @@ var CardReview = ({
 };
 
 // src/components/CardReviewPassenger/CardReviewPassenger.constants.ts
-var DEFAULT_LABELS29 = {
+var DEFAULT_LABELS31 = {
   id: {
     title: "Penumpang",
     idNumber: "Nomor ID"
@@ -10245,7 +10528,7 @@ var CardReviewPassenger = ({
   className
 }) => {
   const styles = useStyles31();
-  const mergedLabels = { ...DEFAULT_LABELS29[language], ...labels };
+  const mergedLabels = { ...DEFAULT_LABELS31[language], ...labels };
   const displayTitle = title || mergedLabels.title;
   return /* @__PURE__ */ jsxs(Card, { className: `${styles.card} ${className || ""}`, children: [
     /* @__PURE__ */ jsxs("div", { className: styles.headerContainer, children: [
@@ -10288,7 +10571,7 @@ var CardReviewPassenger = ({
 };
 
 // src/components/CardPriceDetails/CardPriceDetails.constants.ts
-var DEFAULT_LABELS30 = {
+var DEFAULT_LABELS32 = {
   id: {
     defaultTitle: "Rincian Harga",
     totalPayment: "Total Pembayaran",
@@ -10300,7 +10583,7 @@ var DEFAULT_LABELS30 = {
       "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",
+    agreementLinkFerizy: "Syarat & Ketentuan Ferizy",
     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.",
@@ -10350,10 +10633,7 @@ var PriceDetailsTerms = ({
   const linkColor = tokens.colorBrandBackground;
   const bookingTerms = labels.bookingTerms;
   const agreementTerms = [
-    /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(Link, { href: "/terms-and-conditions", style: { color: linkColor }, children: labels.agreementLinkFerizy }),
-      "\xA0Ferizy."
-    ] }),
+    /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(Link, { href: "/terms-and-conditions", style: { color: linkColor }, children: labels.agreementLinkFerizy }) }),
     /* @__PURE__ */ jsxs(Fragment, { children: [
       labels.agreementCovidInfo,
       /* @__PURE__ */ jsx(Link, { href: "/surat-edaran-satgas-covid-19", style: { color: linkColor }, children: labels.agreementCovidLink })
@@ -10447,7 +10727,7 @@ var CardPriceDetails = ({
   labels
 }) => {
   const styles = useStyles33();
-  const mergedLabels = { ...DEFAULT_LABELS30[language], ...labels };
+  const mergedLabels = { ...DEFAULT_LABELS32[language], ...labels };
   const displayTitle = title || mergedLabels.defaultTitle;
   const getVariantClass = (variant) => {
     switch (variant) {
@@ -10467,10 +10747,10 @@ var CardPriceDetails = ({
         isTaxLike ? /* @__PURE__ */ jsx(Body1Strong, { className: variantClass, children: item.name }) : /* @__PURE__ */ jsx(Caption1, { className: mergeClasses(styles.label, variantClass), children: item.name }),
         isTaxLike ? /* @__PURE__ */ jsxs(Body1Strong, { className: mergeClasses(styles.value, variantClass), children: [
           mergedLabels.currencyPrefix,
-          item.price.toLocaleString("id-ID")
+          item.price.toLocaleString(language === "id" ? "id-ID" : "en-US")
         ] }) : /* @__PURE__ */ jsxs(Body1, { className: mergeClasses(styles.value, variantClass), children: [
           item.isRedeem ? "-" : mergedLabels.currencyPrefix,
-          item.price.toLocaleString("id-ID")
+          item.price.toLocaleString(language === "id" ? "id-ID" : "en-US")
         ] })
       ] }),
       item.description && /* @__PURE__ */ jsx(Caption1, { className: styles.description, children: item.description })
@@ -10496,7 +10776,7 @@ var CardPriceDetails = ({
         /* @__PURE__ */ jsx(Subtitle1, { className: styles.totalLabel, children: mergedLabels.totalPayment }),
         /* @__PURE__ */ jsxs(Subtitle1, { className: styles.totalValue, children: [
           mergedLabels.currencyPrefix,
-          total.toLocaleString("id-ID")
+          total.toLocaleString(language === "id" ? "id-ID" : "en-US")
         ] })
       ] }),
       /* @__PURE__ */ jsx(Divider, {}),
@@ -10506,7 +10786,7 @@ var CardPriceDetails = ({
 };
 
 // src/components/CardPaymentMethodList/CardPaymentMethodList.constants.ts
-var DEFAULT_LABELS31 = {
+var DEFAULT_LABELS33 = {
   id: {},
   en: {}
 };
@@ -10571,7 +10851,7 @@ var CardPaymentMethodList = ({
   onSelect
 }) => {
   const styles = useStyles34();
-  ({ ...DEFAULT_LABELS31[language], ...labels });
+  ({ ...DEFAULT_LABELS33[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: [
@@ -10619,7 +10899,7 @@ var CardPaymentMethodList = ({
 };
 
 // src/components/CardPaymentGuide/CardPaymentGuide.constants.ts
-var DEFAULT_LABELS32 = {
+var DEFAULT_LABELS34 = {
   id: {
     title: "Cara Pembayaran"
   },
@@ -10665,7 +10945,7 @@ var CardPaymentGuide = ({
   className
 }) => {
   const styles = useStyles35();
-  const mergedLabels = { ...DEFAULT_LABELS32[language], ...labels };
+  const mergedLabels = { ...DEFAULT_LABELS34[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: displayTitle }) }),
@@ -10684,20 +10964,22 @@ var CardPaymentGuide = ({
 };
 
 // src/components/CardPaymentInfo/CardPaymentInfo.constants.ts
-var DEFAULT_LABELS33 = {
+var DEFAULT_LABELS35 = {
   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"
+    checkStatusButton: "Cek Status Pembayaran",
+    currencySymbol: "Rp."
   },
   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"
+    checkStatusButton: "Check Payment Status",
+    currencySymbol: "Rp."
   }
 };
 var useStyles36 = makeStyles({
@@ -10783,7 +11065,7 @@ var CardPaymentInfo = ({
   onCheckStatus
 }) => {
   const styles = useStyles36();
-  const mergedLabels = { ...DEFAULT_LABELS33[language], ...labels };
+  const mergedLabels = { ...DEFAULT_LABELS35[language], ...labels };
   return /* @__PURE__ */ jsx("div", { className: styles.card, children: /* @__PURE__ */ jsxs("div", { className: styles.container, children: [
     /* @__PURE__ */ jsxs("div", { className: styles.headerRow, children: [
       /* @__PURE__ */ jsx(Subtitle1, { children: mergedLabels.expiryPrefix }),
@@ -10818,7 +11100,7 @@ var CardPaymentInfo = ({
             Input,
             {
               disabled: true,
-              value: `Rp. ${totalAmount.toLocaleString("id-ID")}`,
+              value: `${mergedLabels.currencySymbol} ${totalAmount.toLocaleString(language === "id" ? "id-ID" : "en-US")}`,
               className: styles.input
             }
           )
@@ -10844,7 +11126,7 @@ var CardPaymentInfo = ({
 };
 
 // src/components/CardStatusOrder/CardStatusOrder.constants.ts
-var DEFAULT_LABELS34 = {
+var DEFAULT_LABELS36 = {
   id: {
     detailTitle: "Detail Pemesanan",
     statusLabel: "Status",
@@ -10943,7 +11225,7 @@ var CardStatusOrder = ({
   className
 }) => {
   const styles = useStyles37();
-  const mergedLabels = { ...DEFAULT_LABELS34[language], ...labels };
+  const mergedLabels = { ...DEFAULT_LABELS36[language], ...labels };
   const displayStatus = statusLabel || mergedLabels.defaultStatus;
   const displayTitle = title || mergedLabels.defaultTitle;
   const displayDescription = description || mergedLabels.defaultDescription;
@@ -11040,7 +11322,7 @@ var CardStatusOrder = ({
 };
 
 // src/components/ModalPriceDetail/ModalPriceDetail.constants.ts
-var DEFAULT_LABELS35 = {
+var DEFAULT_LABELS37 = {
   id: {
     title: "Rincian Harga",
     addonHeader: "Add On",
@@ -11192,7 +11474,7 @@ var ModalPriceDetail = ({
   ...props
 }) => {
   const styles = useStyles38();
-  const mergedLabels = { ...DEFAULT_LABELS35[language], ...labels };
+  const mergedLabels = { ...DEFAULT_LABELS37[language], ...labels };
   return /* @__PURE__ */ jsx(
     Dialog,
     {
@@ -11242,7 +11524,9 @@ var ModalPriceDetail = ({
               /* @__PURE__ */ jsxs("span", { className: styles.priceValue, children: [
                 mergedLabels.currencyPrefix,
                 " ",
-                item.price.toLocaleString("id-ID")
+                item.price.toLocaleString(
+                  language === "id" ? "id-ID" : "en-US"
+                )
               ] })
             ] }),
             item.list && item.list.map((subItem) => /* @__PURE__ */ jsxs(
@@ -11254,7 +11538,9 @@ var ModalPriceDetail = ({
                   /* @__PURE__ */ jsxs("span", { style: { float: "right" }, children: [
                     mergedLabels.currencyCode,
                     " ",
-                    item.price.toLocaleString("id-ID")
+                    item.price.toLocaleString(
+                      language === "id" ? "id-ID" : "en-US"
+                    )
                   ] })
                 ]
               },
@@ -11268,7 +11554,9 @@ var ModalPriceDetail = ({
               /* @__PURE__ */ jsxs("span", { className: styles.priceValue, children: [
                 mergedLabels.currencyCode,
                 " ",
-                item.price.toLocaleString("id-ID")
+                item.price.toLocaleString(
+                  language === "id" ? "id-ID" : "en-US"
+                )
               ] })
             ] }, item.key))
           ] }),
@@ -11277,14 +11565,18 @@ var ModalPriceDetail = ({
             /* @__PURE__ */ jsx("span", { className: styles.totalLabel, children: mergedLabels.subTotalLabel }),
             /* @__PURE__ */ jsxs("span", { className: styles.totalValue, children: [
               mergedLabels.currencyCode,
-              subTotal.toLocaleString("id-ID")
+              subTotal.toLocaleString(
+                language === "id" ? "id-ID" : "en-US"
+              )
             ] })
           ] }),
           /* @__PURE__ */ jsxs("div", { className: styles.row, children: [
             /* @__PURE__ */ jsx("span", { className: styles.totalTagihanLabel, children: mergedLabels.totalTagihanLabel }),
             /* @__PURE__ */ jsxs("span", { className: styles.totalTagihanValue, children: [
               mergedLabels.currencyCode,
-              subTotal.toLocaleString("id-ID")
+              subTotal.toLocaleString(
+                language === "id" ? "id-ID" : "en-US"
+              )
             ] })
           ] }),
           /* @__PURE__ */ jsxs("div", { style: { marginTop: tokens.spacingVerticalL }, children: [
@@ -11292,7 +11584,9 @@ var ModalPriceDetail = ({
               /* @__PURE__ */ jsx("span", { className: styles.ppnLabel, children: mergedLabels.ppnLabel }),
               /* @__PURE__ */ jsxs("span", { className: styles.ppnValue, children: [
                 mergedLabels.currencyCode,
-                taxAmount.toLocaleString("id-ID")
+                taxAmount.toLocaleString(
+                  language === "id" ? "id-ID" : "en-US"
+                )
               ] })
             ] }),
             /* @__PURE__ */ jsx("div", { className: styles.ppnNote, children: mergedLabels.ppnNote })
@@ -11306,7 +11600,9 @@ var ModalPriceDetail = ({
                 /* @__PURE__ */ jsx("span", { className: styles.grandTotalLabel, children: mergedLabels.grandTotalLabel }),
                 /* @__PURE__ */ jsxs("span", { className: styles.grandTotalValue, children: [
                   mergedLabels.currencyPrefix,
-                  grandTotal.toLocaleString("id-ID")
+                  grandTotal.toLocaleString(
+                    language === "id" ? "id-ID" : "en-US"
+                  )
                 ] })
               ]
             }
@@ -11318,7 +11614,7 @@ var ModalPriceDetail = ({
 };
 
 // src/components/CardProfileMenu/CardProfileMenu.constants.ts
-var DEFAULT_LABELS36 = {
+var DEFAULT_LABELS38 = {
   id: {},
   en: {}
 };
@@ -11381,7 +11677,7 @@ var CardProfileMenu = ({
   onTabSelect
 }) => {
   const styles = useStyles39();
-  ({ ...DEFAULT_LABELS36[language], ...labels });
+  ({ ...DEFAULT_LABELS38[language], ...labels });
   const handleTabSelect = (_, data) => {
     onTabSelect(data.value);
   };
@@ -11410,6 +11706,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_LABELS7 as CardTicketSearchDefaultLabels, CardTicketSearchSummary, DEFAULT_LABELS8 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_LABELS15 as DateFilterDefaultLabels, InputDynamic_default as InputDynamic, MODAL_PRESETS, ModalFilterTicket, DEFAULT_LABELS14 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_LABELS8 as CardTicketSearchDefaultLabels, CardTicketSearchSummary, DEFAULT_LABELS9 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_LABELS17 as DateFilterDefaultLabels, InputDynamic_default as InputDynamic, MODAL_PRESETS, ModalFilterTicket, DEFAULT_LABELS16 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