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

package/dist/index.js

@@ -199,6 +199,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 = reactComponents.makeStyles({
   carousel: {},
   customCarouselNav: {
@@ -256,32 +270,49 @@ var useStyles2 = reactComponents.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] = React5.useState(0);
+  const labels = React5__default.default.useMemo(
+    () => ({
+      ...DEFAULT_LABELS2[language],
+      ...customLabels,
+      ...deprecatedAriaLabel && { carouselAriaLabel: deprecatedAriaLabel }
+    }),
+    [language, customLabels, deprecatedAriaLabel]
+  );
   const activeIndex = controlledIndex !== void 0 ? controlledIndex : internalIndex;
-  const handleIndexChange = React5.useCallback((index) => {
-    if (controlledIndex === void 0) {
-      setInternalIndex(index);
-    }
-    onActiveIndexChange?.(index);
-  }, [controlledIndex, onActiveIndexChange]);
+  const handleIndexChange = React5.useCallback(
+    (index) => {
+      if (controlledIndex === void 0) {
+        setInternalIndex(index);
+      }
+      onActiveIndexChange?.(index);
+    },
+    [controlledIndex, onActiveIndexChange]
+  );
+  const defaultAnnouncement = React5.useCallback(
+    (index, totalSlides) => {
+      return labels.announcementTemplate.replace("{index}", (index + 1).toString()).replace("{total}", totalSlides.toString());
+    },
+    [labels.announcementTemplate]
+  );
+  const announcement = customAnnouncement || defaultAnnouncement;
   return /* @__PURE__ */ jsxRuntime.jsxs(
     reactComponents.Carousel,
     {
@@ -298,7 +329,7 @@ var CarouselWithCustomNav = ({
           reactComponents.CarouselSlider,
           {
             cardFocus,
-            "aria-label": ariaLabel,
+            "aria-label": labels.carouselAriaLabel,
             children
           }
         ) }),
@@ -311,7 +342,15 @@ var CarouselWithCustomNav = ({
             },
             appearance: "brand",
             className: styles.carouselNavButton,
-            children: (index) => /* @__PURE__ */ jsxRuntime.jsx(reactComponents.CarouselNavButton, { "aria-label": `Slide ${index + 1}` })
+            children: (index) => /* @__PURE__ */ jsxRuntime.jsx(
+              reactComponents.CarouselNavButton,
+              {
+                "aria-label": labels.slideAriaLabel.replace(
+                  "{index}",
+                  (index + 1).toString()
+                )
+              }
+            )
           }
         )
       ]
@@ -320,7 +359,7 @@ var CarouselWithCustomNav = ({
 };
 
 // src/components/CardPromo/CardPromo.constants.ts
-var DEFAULT_LABELS2 = {
+var DEFAULT_LABELS3 = {
   id: {
     defaultImageAlt: "Gambar Promo",
     defaultButtonText: "Lihat Detail"
@@ -431,7 +470,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}`;
@@ -532,7 +571,7 @@ var CardPromo = ({
 };
 
 // src/components/CardBanner/CardBanner.constants.ts
-var DEFAULT_LABELS3 = {
+var DEFAULT_LABELS4 = {
   id: {
     bannerAriaLabel: "Banner {index} dari {total}",
     bannerAriaLabelSingle: "Banner {index}",
@@ -577,7 +616,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(
@@ -760,7 +799,7 @@ var extendedTokens = {
   colorBrandForegroundLinkSelected: customBrand[110]});
 
 // src/components/CardTicket/CardTicket.constants.ts
-var DEFAULT_LABELS4 = {
+var DEFAULT_LABELS5 = {
   id: {
     availableSeatsLabel: "Tersedia",
     estimationPrefix: "Estimasi",
@@ -769,7 +808,8 @@ var DEFAULT_LABELS4 = {
     totalPriceLabel: "Total harga",
     facilitiesLabel: "Fasilitas",
     selectTicketButton: "Pilih Tiket",
-    timezoneLabel: "WIB"
+    timezoneLabel: "WIB",
+    currencySymbol: "IDR"
   },
   en: {
     availableSeatsLabel: "Available",
@@ -779,7 +819,8 @@ var DEFAULT_LABELS4 = {
     totalPriceLabel: "Total price",
     facilitiesLabel: "Facilities",
     selectTicketButton: "Select Ticket",
-    timezoneLabel: "WIB"
+    timezoneLabel: "WIB",
+    currencySymbol: "IDR"
   }
 };
 var useStyles5 = reactComponents.makeStyles({
@@ -1002,7 +1043,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 };
@@ -1284,8 +1325,11 @@ var CardTicket = ({
                         justifyContent: "end"
                       },
                       children: [
-                        "IDR\xA0",
-                        totalPrice.toLocaleString("id-ID")
+                        mergedLabels.currencySymbol,
+                        "\xA0",
+                        totalPrice.toLocaleString(
+                          language === "id" ? "id-ID" : "en-US"
+                        )
                       ]
                     }
                   )
@@ -1508,7 +1552,7 @@ var BackgroundTicketCardVertical = (props) => /* @__PURE__ */ jsxRuntime.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",
@@ -1657,7 +1701,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 reactComponents.mergeClasses(styles.menuItem, isActive && styles.menuItemActive);
@@ -1783,7 +1827,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",
@@ -2048,7 +2092,7 @@ var InputDynamic = ({
   labels
 }) => {
   const styles = useStyles7();
-  const mergedLabels = { ...DEFAULT_LABELS6[language], ...labels };
+  const mergedLabels = { ...DEFAULT_LABELS7[language], ...labels };
   const [showPassword, setShowPassword] = React5.useState(false);
   const [isPhoneMode, setIsPhoneMode] = React5.useState(false);
   const [emailOrPhoneType, setEmailOrPhoneType] = React5.useState("none");
@@ -3146,7 +3190,7 @@ var DEFAULT_COUNTRY_CODES = [
 ];
 
 // src/components/CardTicketSearch/CardTicketSearch.constants.ts
-var DEFAULT_LABELS7 = {
+var DEFAULT_LABELS8 = {
   id: {
     fromLabel: "Dari",
     toLabel: "Ke",
@@ -3163,7 +3207,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",
@@ -3181,7 +3229,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 = reactComponents.makeStyles({
@@ -3322,7 +3374,7 @@ var CardTicketSearch = ({
 }) => {
   const styles = useStyles8();
   const labels = React5__default.default.useMemo(
-    () => ({ ...DEFAULT_LABELS7[language], ...customLabels }),
+    () => ({ ...DEFAULT_LABELS8[language], ...customLabels }),
     [language, customLabels]
   );
   const { control, setValue, getValues, handleSubmit } = reactHookForm.useForm({
@@ -3351,7 +3403,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__default.default.useEffect(() => {
     if (onRoundTripChange) {
       onRoundTripChange(roundTripValue);
@@ -3428,114 +3490,150 @@ var CardTicketSearch = ({
               children: /* @__PURE__ */ jsxRuntime.jsx("form", { onSubmit: handleSubmit(handleFormSubmit), children: /* @__PURE__ */ jsxRuntime.jsxs(reactGridSystem.Row, { style: { width: "100%" }, className: styles.formInnerRow, children: [
                 /* @__PURE__ */ jsxRuntime.jsx(reactGridSystem.Col, { xs: 12, sm: 12, lg: 12, xl: 6, xxl: 6, xxxl: 6, children: /* @__PURE__ */ jsxRuntime.jsxs(reactGridSystem.Row, { style: { gap: "16px" }, className: styles.formFieldRow, children: [
                   /* @__PURE__ */ jsxRuntime.jsx(reactGridSystem.Col, { xs: 12, sm: 12, lg: 12, xl: 12, xxl: 12, xxxl: 12, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles.formField, children: /* @__PURE__ */ jsxRuntime.jsxs(reactGridSystem.Row, { children: [
-                    /* @__PURE__ */ jsxRuntime.jsxs(reactGridSystem.Col, { xs: 12, sm: 12, md: 12, lg: 12, xl: 12, xxl: 12, xxxl: 12, children: [
-                      /* @__PURE__ */ jsxRuntime.jsx(
-                        InputDynamic_default,
-                        {
-                          name: "from",
-                          label: labels.fromLabel,
-                          control,
-                          type: "text",
-                          contentBefore: /* @__PURE__ */ jsxRuntime.jsx(
-                            iconify_js.Icon,
+                    /* @__PURE__ */ jsxRuntime.jsxs(
+                      reactGridSystem.Col,
+                      {
+                        xs: 12,
+                        sm: 12,
+                        md: 12,
+                        lg: 12,
+                        xl: 12,
+                        xxl: 12,
+                        xxxl: 12,
+                        children: [
+                          /* @__PURE__ */ jsxRuntime.jsx(
+                            InputDynamic_default,
                             {
-                              icon: "fluent:vehicle-ship-16-filled",
-                              color: reactComponents.tokens.colorBrandBackground
+                              name: "from",
+                              label: labels.fromLabel,
+                              control,
+                              type: "text",
+                              contentBefore: /* @__PURE__ */ jsxRuntime.jsx(
+                                iconify_js.Icon,
+                                {
+                                  icon: "fluent:vehicle-ship-16-filled",
+                                  color: reactComponents.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__ */ jsxRuntime.jsxs("div", { className: styles.deviderButton, children: [
-                        /* @__PURE__ */ jsxRuntime.jsx(reactComponents.Divider, {}),
-                        " ",
-                        /* @__PURE__ */ jsxRuntime.jsx(
-                          reactComponents.Button,
-                          {
-                            onClick: onSwitchClick,
-                            className: styles.buttonSwitch,
-                            shape: "circular",
-                            appearance: "secondary",
-                            size: "large",
-                            disabled: switchDisabled,
-                            icon: /* @__PURE__ */ jsxRuntime.jsx(
-                              "div",
+                          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles.deviderButton, children: [
+                            /* @__PURE__ */ jsxRuntime.jsx(reactComponents.Divider, {}),
+                            " ",
+                            /* @__PURE__ */ jsxRuntime.jsx(
+                              reactComponents.Button,
                               {
-                                className: `${styles.switchIcon} ${isRotating ? styles.switchIconRotate : ""}`,
-                                children: /* @__PURE__ */ jsxRuntime.jsx(
-                                  "img",
+                                onClick: onSwitchClick,
+                                className: styles.buttonSwitch,
+                                shape: "circular",
+                                appearance: "secondary",
+                                size: "large",
+                                disabled: switchDisabled,
+                                icon: /* @__PURE__ */ jsxRuntime.jsx(
+                                  "div",
                                   {
-                                    src: "/assets/images/icons/switch.svg",
-                                    alt: "Switch",
-                                    width: 26,
-                                    height: 26
+                                    className: `${styles.switchIcon} ${isRotating ? styles.switchIconRotate : ""}`,
+                                    children: /* @__PURE__ */ jsxRuntime.jsx(
+                                      "img",
+                                      {
+                                        src: "/assets/images/icons/switch.svg",
+                                        alt: "Switch",
+                                        width: 26,
+                                        height: 26
+                                      }
+                                    )
                                   }
                                 )
                               }
                             )
-                          }
-                        )
-                      ] })
-                    ] }),
-                    /* @__PURE__ */ jsxRuntime.jsx(reactGridSystem.Col, { xs: 12, sm: 12, md: 12, lg: 12, xl: 12, xxl: 12, xxxl: 12, children: /* @__PURE__ */ jsxRuntime.jsx(
-                      InputDynamic_default,
+                          ] })
+                        ]
+                      }
+                    ),
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      reactGridSystem.Col,
                       {
-                        name: "to",
-                        label: labels.toLabel,
-                        control,
-                        type: "text",
-                        contentBefore: /* @__PURE__ */ jsxRuntime.jsx(
-                          iconify_js.Icon,
+                        xs: 12,
+                        sm: 12,
+                        md: 12,
+                        lg: 12,
+                        xl: 12,
+                        xxl: 12,
+                        xxxl: 12,
+                        children: /* @__PURE__ */ jsxRuntime.jsx(
+                          InputDynamic_default,
                           {
-                            icon: "fluent:location-24-filled",
-                            color: reactComponents.tokens.colorBrandBackground
+                            name: "to",
+                            label: labels.toLabel,
+                            control,
+                            type: "text",
+                            contentBefore: /* @__PURE__ */ jsxRuntime.jsx(
+                              iconify_js.Icon,
+                              {
+                                icon: "fluent:location-24-filled",
+                                color: reactComponents.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__ */ jsxRuntime.jsx(reactGridSystem.Col, { xs: 12, sm: 12, lg: 12, xl: 12, xxl: 12, xxxl: 12, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles.formField, children: /* @__PURE__ */ jsxRuntime.jsxs(reactGridSystem.Row, { style: { height: "100%" }, children: [
-                    /* @__PURE__ */ jsxRuntime.jsx(reactGridSystem.Col, { xs: 7, sm: 7, md: 7, lg: 7, xl: 7, xxl: 7, xxxl: 7, children: /* @__PURE__ */ jsxRuntime.jsx("div", { style: { position: "relative", zIndex: 2 }, children: /* @__PURE__ */ jsxRuntime.jsx(
-                      InputDynamic_default,
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      reactGridSystem.Col,
                       {
-                        name: "startDate",
-                        label: labels.departureDateLabel,
-                        control,
-                        type: "text",
-                        contentBefore: /* @__PURE__ */ jsxRuntime.jsx(
-                          iconify_js.Icon,
+                        xs: 7,
+                        sm: 7,
+                        md: 7,
+                        lg: 7,
+                        xl: 7,
+                        xxl: 7,
+                        xxxl: 7,
+                        children: /* @__PURE__ */ jsxRuntime.jsx("div", { style: { position: "relative", zIndex: 2 }, children: /* @__PURE__ */ jsxRuntime.jsx(
+                          InputDynamic_default,
                           {
-                            icon: "fluent:calendar-24-filled",
-                            color: reactComponents.tokens.colorBrandBackground
+                            name: "startDate",
+                            label: labels.departureDateLabel,
+                            control,
+                            type: "text",
+                            contentBefore: /* @__PURE__ */ jsxRuntime.jsx(
+                              iconify_js.Icon,
+                              {
+                                icon: "fluent:calendar-24-filled",
+                                color: reactComponents.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__ */ jsxRuntime.jsx(
                       reactGridSystem.Col,
                       {
@@ -3560,32 +3658,44 @@ var CardTicketSearch = ({
                         )
                       }
                     ),
-                    roundTripValue && /* @__PURE__ */ jsxRuntime.jsx(reactGridSystem.Col, { xs: 12, sm: 12, md: 12, lg: 12, xl: 12, xxl: 12, xxxl: 12, children: /* @__PURE__ */ jsxRuntime.jsx(
-                      InputDynamic_default,
+                    roundTripValue && /* @__PURE__ */ jsxRuntime.jsx(
+                      reactGridSystem.Col,
                       {
-                        name: "endDate",
-                        label: labels.returnDateLabel,
-                        control,
-                        type: "text",
-                        contentBefore: /* @__PURE__ */ jsxRuntime.jsx(
-                          iconify_js.Icon,
+                        xs: 12,
+                        sm: 12,
+                        md: 12,
+                        lg: 12,
+                        xl: 12,
+                        xxl: 12,
+                        xxxl: 12,
+                        children: /* @__PURE__ */ jsxRuntime.jsx(
+                          InputDynamic_default,
                           {
-                            icon: "fluent:calendar-24-filled",
-                            color: reactComponents.tokens.colorBrandBackground
+                            name: "endDate",
+                            label: labels.returnDateLabel,
+                            control,
+                            type: "text",
+                            contentBefore: /* @__PURE__ */ jsxRuntime.jsx(
+                              iconify_js.Icon,
+                              {
+                                icon: "fluent:calendar-24-filled",
+                                color: reactComponents.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__ */ jsxRuntime.jsx(reactGridSystem.Visible, { xl: true, xxl: true, xxxl: true, children: /* @__PURE__ */ jsxRuntime.jsx(
@@ -3597,7 +3707,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__ */ jsxRuntime.jsx(reactComponents.Divider, { vertical: true, style: { height: "100%" } })
                   }
                 ) }),
@@ -3617,71 +3731,107 @@ var CardTicketSearch = ({
                     className: styles.serviceCol,
                     children: /* @__PURE__ */ jsxRuntime.jsxs(reactGridSystem.Row, { style: { height: "100%", gap: "16px" }, children: [
                       /* @__PURE__ */ jsxRuntime.jsx(reactGridSystem.Col, { xs: 12, sm: 12, lg: 12, xl: 12, xxl: 12, xxxl: 12, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles.formField, children: /* @__PURE__ */ jsxRuntime.jsxs(reactGridSystem.Row, { style: { height: "100%", gap: "16px" }, children: [
-                        /* @__PURE__ */ jsxRuntime.jsx(reactGridSystem.Col, { xs: 12, sm: 12, md: 12, lg: 12, xl: 12, xxl: 12, xxxl: 12, children: /* @__PURE__ */ jsxRuntime.jsx(
-                          InputDynamic_default,
+                        /* @__PURE__ */ jsxRuntime.jsx(
+                          reactGridSystem.Col,
                           {
-                            name: "serviceClass",
-                            label: labels.serviceClassLabel,
-                            control,
-                            type: "text",
-                            contentBefore: /* @__PURE__ */ jsxRuntime.jsx(
-                              iconify_js.Icon,
+                            xs: 12,
+                            sm: 12,
+                            md: 12,
+                            lg: 12,
+                            xl: 12,
+                            xxl: 12,
+                            xxxl: 12,
+                            children: /* @__PURE__ */ jsxRuntime.jsx(
+                              InputDynamic_default,
                               {
-                                icon: "fluent:ribbon-star-24-filled",
-                                color: reactComponents.tokens.colorBrandBackground
+                                name: "serviceClass",
+                                label: labels.serviceClassLabel,
+                                control,
+                                type: "text",
+                                contentBefore: /* @__PURE__ */ jsxRuntime.jsx(
+                                  iconify_js.Icon,
+                                  {
+                                    icon: "fluent:ribbon-star-24-filled",
+                                    color: reactComponents.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__ */ jsxRuntime.jsx(reactGridSystem.Col, { xs: 12, sm: 12, md: 12, lg: 12, xl: 12, xxl: 12, xxxl: 12, children: /* @__PURE__ */ jsxRuntime.jsx(
-                          InputDynamic_default,
+                        ),
+                        /* @__PURE__ */ jsxRuntime.jsx(
+                          reactGridSystem.Col,
                           {
-                            name: "typeOfService",
-                            label: labels.typeOfServiceLabel,
-                            control,
-                            type: "text",
-                            contentBefore: /* @__PURE__ */ jsxRuntime.jsx(
-                              iconify_js.Icon,
+                            xs: 12,
+                            sm: 12,
+                            md: 12,
+                            lg: 12,
+                            xl: 12,
+                            xxl: 12,
+                            xxxl: 12,
+                            children: /* @__PURE__ */ jsxRuntime.jsx(
+                              InputDynamic_default,
                               {
-                                icon: "fluent:apps-list-24-filled",
-                                color: reactComponents.tokens.colorBrandBackground
+                                name: "typeOfService",
+                                label: labels.typeOfServiceLabel,
+                                control,
+                                type: "text",
+                                contentBefore: /* @__PURE__ */ jsxRuntime.jsx(
+                                  iconify_js.Icon,
+                                  {
+                                    icon: "fluent:apps-list-24-filled",
+                                    color: reactComponents.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__ */ jsxRuntime.jsx(reactGridSystem.Col, { xs: 12, sm: 12, md: 12, lg: 12, xl: 12, xxl: 12, xxxl: 12, children: /* @__PURE__ */ jsxRuntime.jsx(
-                          InputDynamic_default,
+                        ),
+                        showPassengerField && /* @__PURE__ */ jsxRuntime.jsx(
+                          reactGridSystem.Col,
                           {
-                            required: true,
-                            name: "passenger",
-                            label: labels.passengerLabel,
-                            control,
-                            type: "text",
-                            contentBefore: /* @__PURE__ */ jsxRuntime.jsx(
-                              iconify_js.Icon,
+                            xs: 12,
+                            sm: 12,
+                            md: 12,
+                            lg: 12,
+                            xl: 12,
+                            xxl: 12,
+                            xxxl: 12,
+                            children: /* @__PURE__ */ jsxRuntime.jsx(
+                              InputDynamic_default,
                               {
-                                icon: "fluent:people-24-filled",
-                                color: reactComponents.tokens.colorBrandBackground
+                                required: true,
+                                name: "passenger",
+                                label: labels.passengerLabel,
+                                control,
+                                type: "text",
+                                contentBefore: /* @__PURE__ */ jsxRuntime.jsx(
+                                  iconify_js.Icon,
+                                  {
+                                    icon: "fluent:people-24-filled",
+                                    color: reactComponents.tokens.colorBrandBackground
+                                  }
+                                ),
+                                appearance: "filled-lighter",
+                                size: "medium",
+                                placeholder: labels.placeholderPassenger,
+                                onClick: onPassengerClick
                               }
-                            ),
-                            appearance: "filled-lighter",
-                            size: "medium",
-                            placeholder: labels.placeholderPassenger,
-                            onClick: onPassengerClick
+                            )
                           }
-                        ) })
+                        )
                       ] }) }) }),
                       /* @__PURE__ */ jsxRuntime.jsx(reactGridSystem.Col, { xs: 12, sm: 12, lg: 12, xl: 12, xxl: 12, xxxl: 12, children: /* @__PURE__ */ jsxRuntime.jsx(
                         reactComponents.Button,
@@ -3708,7 +3858,7 @@ var CardTicketSearch = ({
 };
 
 // src/components/CardTicketSearchSummary/CardTicketSearchSummary.constants.ts
-var DEFAULT_LABELS8 = {
+var DEFAULT_LABELS9 = {
   id: {
     originHarbor: "Pelabuhan Keberangkatan",
     destinationHarbor: "Pelabuhan Tujuan",
@@ -3809,7 +3959,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))
@@ -4134,7 +4284,7 @@ var CardTicketSearchSummary = ({
 };
 
 // src/components/ModalSearchHarbor/ModalSearchHarbor.constants.ts
-var DEFAULT_LABELS9 = {
+var DEFAULT_LABELS10 = {
   id: {
     title: "Pilih Pelabuhan",
     searchPlaceholder: "Cari Pelabuhan...",
@@ -4286,7 +4436,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);
@@ -4434,7 +4584,7 @@ var ModalSearchHarbor = ({
 };
 
 // src/components/ModalSelectDate/ModalSelectDate.constants.ts
-var DEFAULT_LABELS10 = {
+var DEFAULT_LABELS11 = {
   id: {
     title: "Pilih Tanggal",
     oneWay: "Sekali Jalan",
@@ -4567,7 +4717,7 @@ var ModalSelectDate = ({
   showRoundtrip = true
 }) => {
   const styles = useStyles11();
-  const mergedLabels = { ...DEFAULT_LABELS10[language], ...labels };
+  const mergedLabels = { ...DEFAULT_LABELS11[language], ...labels };
   React5.useEffect(() => {
     moment__default.default.locale(language === "id" ? "id" : "en");
   }, [language]);
@@ -4790,7 +4940,7 @@ var ModalSelectDate = ({
 };
 
 // src/components/ModalService/ModalService.constants.ts
-var DEFAULT_LABELS11 = {
+var DEFAULT_LABELS12 = {
   id: {
     title: "Pilih Kelas Layanan",
     loading: "Memuat...",
@@ -4892,7 +5042,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] = React5.useState(selectedServiceIds);
   React5.useEffect(() => {
@@ -4998,7 +5148,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.",
@@ -5105,7 +5255,7 @@ var ModalTotalPassengers = ({
   infoMessage
 }) => {
   const styles = useStyles13();
-  const mergedLabels = { ...DEFAULT_LABELS12[language], ...labels };
+  const mergedLabels = { ...DEFAULT_LABELS13[language], ...labels };
   const [passengers, setPassengers] = React5.useState([]);
   const [openItems, setOpenItems] = React5.useState([]);
   const defaultInfoMessage = mergedLabels.infoMessage.replace(
@@ -5370,7 +5520,7 @@ var ModalTotalPassengers = ({
 };
 
 // src/components/ModalTypeOfService/ModalTypeOfService.constants.ts
-var DEFAULT_LABELS13 = {
+var DEFAULT_LABELS14 = {
   id: {
     title: "Pilih Tipe Layanan",
     cancelButton: "Batal",
@@ -5451,7 +5601,7 @@ var ModalTypeOfService = ({
   renderImage
 }) => {
   const styles = useStyles14();
-  const mergedLabels = { ...DEFAULT_LABELS13[language], ...labels };
+  const mergedLabels = { ...DEFAULT_LABELS14[language], ...labels };
   const [selectedServiceTitle, setSelectedServiceTitle] = React5.useState(
     selectedService?.title || ""
   );
@@ -5693,6 +5843,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" },
@@ -5728,17 +5907,50 @@ var useStyles15 = reactComponents.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__default.default.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__default.default.useMemo(
+    () => customSortOptions || getSortOptions(labels),
+    [customSortOptions, labels]
+  );
+  const currentSortLabel = React5__default.default.useMemo(
+    () => sortOptions.find((opt) => opt.value === value)?.label || labels.recommendation,
+    [sortOptions, value, labels.recommendation]
+  );
   const handleReset = () => {
     onChange("rekomendasi");
   };
@@ -5753,7 +5965,7 @@ var SortMenu = ({
         shape: "circular",
         className: styles.button,
         onClick: onFilterClick,
-        children: filterButtonText
+        children: labels.filterButtonText
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsxs(reactComponents.Menu, { children: [
@@ -5765,10 +5977,24 @@ var SortMenu = ({
           type: "button",
           shape: "circular",
           className: styles.button,
-          children: sortButtonText
+          children: labels.sortButtonText
         }
       ) }),
-      /* @__PURE__ */ jsxRuntime.jsx(reactComponents.MenuPopover, { children: /* @__PURE__ */ jsxRuntime.jsx(reactComponents.MenuList, { children: /* @__PURE__ */ jsxRuntime.jsx(reactComponents.RadioGroup, { value, onChange: (_, data) => onChange(data.value), children: sortOptions.map((option) => /* @__PURE__ */ jsxRuntime.jsx(reactComponents.Radio, { value: option.value, label: option.label }, option.value)) }) }) })
+      /* @__PURE__ */ jsxRuntime.jsx(reactComponents.MenuPopover, { children: /* @__PURE__ */ jsxRuntime.jsx(reactComponents.MenuList, { children: /* @__PURE__ */ jsxRuntime.jsx(
+        reactComponents.RadioGroup,
+        {
+          value,
+          onChange: (_, data) => onChange(data.value),
+          children: sortOptions.map((option) => /* @__PURE__ */ jsxRuntime.jsx(
+            reactComponents.Radio,
+            {
+              value: option.value,
+              label: option.label
+            },
+            option.value
+          ))
+        }
+      ) }) })
     ] }),
     /* @__PURE__ */ jsxRuntime.jsx(reactComponents.Divider, { vertical: true, className: styles.divider }),
     /* @__PURE__ */ jsxRuntime.jsx(
@@ -5781,7 +6007,7 @@ var SortMenu = ({
         type: "button",
         shape: "circular",
         className: styles.button,
-        children: getSortLabel(value)
+        children: currentSortLabel
       }
     ),
     totalActiveFilters > 0 && onClearFilters && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
@@ -5796,7 +6022,10 @@ var SortMenu = ({
           onClick: onClearFilters,
           shape: "circular",
           className: styles.button,
-          children: clearFiltersText.replace("{count}", totalActiveFilters.toString())
+          children: labels.clearFiltersText.replace(
+            "{count}",
+            totalActiveFilters.toString()
+          )
         }
       )
     ] })
@@ -5804,7 +6033,7 @@ var SortMenu = ({
 };
 
 // src/components/ModalFilterTicket/ModalFilterTicket.constants.ts
-var DEFAULT_LABELS14 = {
+var DEFAULT_LABELS16 = {
   id: {
     title: "Filter dengan",
     serviceTypeLabel: "Jenis Layanan",
@@ -5818,7 +6047,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",
@@ -5833,7 +6064,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 = [
@@ -5969,7 +6202,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] = React5.useState(false);
   React5.useEffect(() => {
     if (open) {
@@ -6004,7 +6237,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 = React5.useCallback(
     ({ props, children }) => {
@@ -6248,11 +6483,13 @@ var ModalFilterTicket = ({
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles.sliderValues, children: [
             /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
               minDuration,
-              " jam"
+              " ",
+              mergedLabels.hourUnit
             ] }),
             /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
               maxDuration,
-              " jam"
+              " ",
+              mergedLabels.hourUnit
             ] })
           ] })
         ] })
@@ -6275,10 +6512,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 = reactComponents.makeStyles({
@@ -6360,11 +6604,15 @@ var DateFilter = ({
   showNavigation = true,
   showCalendarButton = true,
   scrollAmount = DEFAULT_SCROLL_AMOUNT,
+  language = "id",
   labels
 }) => {
   const styles = useStyles17();
   const scrollRef = React5.useRef(null);
-  const mergedLabels = { ...DEFAULT_LABELS15, ...labels };
+  const mergedLabels = {
+    ...DEFAULT_LABELS17[language],
+    ...labels
+  };
   const handlePrev = () => {
     scrollRef.current?.scrollBy({ left: -scrollAmount, behavior: "smooth" });
   };
@@ -6422,7 +6670,7 @@ var DateFilter = ({
 };
 
 // src/components/ModalSearchTicket/ModalSearchTicket.constants.ts
-var DEFAULT_LABELS16 = {
+var DEFAULT_LABELS18 = {
   id: {
     title: "Cari Jadwal Lainnya",
     fromLabel: "Dari",
@@ -6583,7 +6831,7 @@ var ModalSearchTicket = ({
   ...props
 }) => {
   const styles = useStyles18();
-  const mergedLabels = { ...DEFAULT_LABELS16[language], ...labels };
+  const mergedLabels = { ...DEFAULT_LABELS18[language], ...labels };
   const { control, setValue, handleSubmit, watch } = reactHookForm.useForm({
     defaultValues: {
       ...DEFAULT_FORM_VALUES,
@@ -7020,7 +7268,7 @@ var ModalSearchTicket = ({
 };
 
 // src/components/Stepper/Stepper.constants.ts
-var DEFAULT_LABELS17 = {
+var DEFAULT_LABELS19 = {
   id: {
     stepperBackgroundAlt: "Latar Belakang Stepper",
     ferryIconAlt: "Ikon Kapal"
@@ -7156,7 +7404,7 @@ var Stepper = ({
   labels
 }) => {
   const styles = useStyles19();
-  const mergedLabels = { ...DEFAULT_LABELS17[language], ...labels };
+  const mergedLabels = { ...DEFAULT_LABELS19[language], ...labels };
   const currentStepIndex = React5.useMemo(() => {
     if (typeof currentStep === "number") {
       return steps.findIndex((step) => step.number === currentStep);
@@ -7212,7 +7460,7 @@ var Stepper = ({
 };
 
 // src/components/CardOrdererInfo/CardOrdererInfo.constants.ts
-var DEFAULT_LABELS18 = {
+var DEFAULT_LABELS20 = {
   id: {
     title: "Informasi Pemesan",
     ordererName: "Nama Pemesan",
@@ -7257,7 +7505,7 @@ var CardOrdererInfo = ({
   className
 }) => {
   const styles = useStyles20();
-  const mergedLabels = { ...DEFAULT_LABELS18[language], ...labels };
+  const mergedLabels = { ...DEFAULT_LABELS20[language], ...labels };
   return /* @__PURE__ */ jsxRuntime.jsxs(reactComponents.Card, { className: className || styles.card, children: [
     /* @__PURE__ */ jsxRuntime.jsx(reactComponents.Title3, { children: mergedLabels.title }),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles.container, children: [
@@ -7278,7 +7526,7 @@ var CardOrdererInfo = ({
 };
 
 // src/components/ModalListPassenger/ModalListPassenger.constants.ts
-var DEFAULT_LABELS19 = {
+var DEFAULT_LABELS21 = {
   id: {
     title: "Detail Penumpang",
     sameAsOrderer: "Sama Dengan Pemesan",
@@ -7350,7 +7598,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();
@@ -7467,7 +7715,7 @@ var ModalListPassenger = ({
 };
 
 // src/components/ModalPassengerForm/ModalPassengerForm.constants.ts
-var DEFAULT_LABELS20 = {
+var DEFAULT_LABELS22 = {
   id: {
     title: "Detail Penumpang",
     titleLabel: "Title",
@@ -7568,9 +7816,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;
@@ -7770,7 +8018,7 @@ var ModalPassengerForm = ({
 };
 
 // src/components/CardPassengerList/CardPassengerList.constants.ts
-var DEFAULT_LABELS21 = {
+var DEFAULT_LABELS23 = {
   id: {
     defaultTitle: "Data Penumpang",
     passengerPrefix: "Penumpang"
@@ -7892,7 +8140,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__ */ jsxRuntime.jsxs(reactComponents.Card, { className: className || styles.card, children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles.headerContainer, children: [
@@ -7965,7 +8213,7 @@ var CardPassengerList = ({
 };
 
 // src/components/CardVehicleDetail/CardVehicleDetail.constants.ts
-var DEFAULT_LABELS22 = {
+var DEFAULT_LABELS24 = {
   id: {
     title: "Detail Kendaraan",
     vehicleNumberLabel: "Nomor Kendaraan",
@@ -8023,7 +8271,7 @@ var CardVehicleDetail = ({
   labels
 }) => {
   const styles = useStyles24();
-  const mergedLabels = { ...DEFAULT_LABELS22[language], ...labels };
+  const mergedLabels = { ...DEFAULT_LABELS24[language], ...labels };
   return /* @__PURE__ */ jsxRuntime.jsxs(reactComponents.Card, { className: styles.card, children: [
     /* @__PURE__ */ jsxRuntime.jsxs(
       "div",
@@ -8083,7 +8331,7 @@ var CardVehicleDetail = ({
 };
 
 // src/components/CardVehicleOwnerForm/CardVehicleOwnerForm.constants.ts
-var DEFAULT_LABELS23 = {
+var DEFAULT_LABELS25 = {
   id: {
     title: "Informasi Pemilik & Muatan",
     addOwnerButton: "Tambah Pemilik",
@@ -8109,6 +8357,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",
@@ -8129,7 +8378,9 @@ var DEFAULT_LABELS23 = {
       kg: "Kg",
       ton: "Ton",
       unit: "Unit"
-    }
+    },
+    pricePlaceholder: "Rp. 0",
+    currencySymbol: "Rp."
   },
   en: {
     title: "Owner & Cargo Information",
@@ -8156,6 +8407,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",
@@ -8176,7 +8428,9 @@ var DEFAULT_LABELS23 = {
       kg: "Kg",
       ton: "Ton",
       unit: "Unit"
-    }
+    },
+    pricePlaceholder: "Rp. 0",
+    currencySymbol: "Rp."
   }
 };
 var useStyles25 = reactComponents.makeStyles({
@@ -8239,7 +8493,7 @@ var CardVehicleOwnerForm = ({
   labels
 }) => {
   const styles = useStyles25();
-  const mergedLabels = { ...DEFAULT_LABELS23[language], ...labels };
+  const mergedLabels = { ...DEFAULT_LABELS25[language], ...labels };
   return /* @__PURE__ */ jsxRuntime.jsxs(reactComponents.Card, { className: styles.card, children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles.header, children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", alignItems: "center", flex: 1 }, children: [
@@ -8886,7 +9140,7 @@ var CardVehicleOwnerForm = ({
                                       {
                                         control,
                                         name: `owners.${index}.price`,
-                                        placeholder: "Rp. 0",
+                                        placeholder: mergedLabels.pricePlaceholder,
                                         disabled: true,
                                         size: "large",
                                         type: "text"
@@ -9014,7 +9268,7 @@ var CardVehicleOwnerForm = ({
 };
 
 // src/components/CardBookingTicket/CardBookingTicket.constants.ts
-var DEFAULT_LABELS24 = {
+var DEFAULT_LABELS26 = {
   id: {
     bookingDetails: "Booking Details",
     routeTitle: "Rute Perjalanan",
@@ -9024,7 +9278,8 @@ var DEFAULT_LABELS24 = {
     previousButton: "Sebelumnya",
     viewBookingButton: "Lihat Pemesanan",
     changePaymentButton: "Ubah Metode Pembayaran",
-    timezoneLabel: "WIB"
+    timezoneLabel: "WIB",
+    currencySymbol: "IDR"
   },
   en: {
     bookingDetails: "Booking Details",
@@ -9035,7 +9290,8 @@ var DEFAULT_LABELS24 = {
     previousButton: "Previous",
     viewBookingButton: "View Booking",
     changePaymentButton: "Change Payment Method",
-    timezoneLabel: "WIB"
+    timezoneLabel: "WIB",
+    currencySymbol: "IDR"
   }
 };
 var useStyles26 = reactComponents.makeStyles({
@@ -9171,7 +9427,7 @@ var CardBookingTicket = ({
   className
 }) => {
   const styles = useStyles26();
-  const mergedLabels = { ...DEFAULT_LABELS24[language], ...labels };
+  const mergedLabels = { ...DEFAULT_LABELS26[language], ...labels };
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${styles.container} ${className || ""}`, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles.bookingDetail, children: [
     /* @__PURE__ */ jsxRuntime.jsxs(reactComponents.Card, { className: styles.bookingDetailTop, children: [
       /* @__PURE__ */ jsxRuntime.jsx(reactComponents.Subtitle1, { children: mergedLabels.bookingDetails }),
@@ -9237,7 +9493,8 @@ var CardBookingTicket = ({
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles.totalPrice, children: [
         /* @__PURE__ */ jsxRuntime.jsx(reactComponents.Subtitle1, { children: mergedLabels.totalPriceLabel }),
         /* @__PURE__ */ jsxRuntime.jsxs(reactComponents.Title3, { className: styles.priceText, children: [
-          "IDR ",
+          mergedLabels.currencySymbol,
+          " ",
           totalPrice
         ] }),
         /* @__PURE__ */ jsxRuntime.jsx(
@@ -9308,7 +9565,7 @@ var CardBookingTicket = ({
 };
 
 // src/components/CardFAQ/CardFAQ.constants.ts
-var DEFAULT_LABELS25 = {
+var DEFAULT_LABELS27 = {
   id: {
     title: "Pertanyaan yang sering diajukan"
   },
@@ -9387,7 +9644,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__ */ jsxRuntime.jsxs(reactComponents.Card, { className: styles.faqCard, children: [
     /* @__PURE__ */ jsxRuntime.jsx(reactComponents.Subtitle1, { children: mergedLabels.title }),
@@ -9424,18 +9681,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 = reactComponents.makeStyles({
@@ -9612,7 +9871,7 @@ var CardAddon = ({
   className
 }) => {
   const styles = useStyles28();
-  const mergedLabels = { ...DEFAULT_LABELS26[language], ...labels };
+  const mergedLabels = { ...DEFAULT_LABELS28[language], ...labels };
   return /* @__PURE__ */ jsxRuntime.jsx(reactComponents.Card, { className: `${styles.card} ${className || ""}`, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles.gapRow, children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles.titleDivider, children: [
       /* @__PURE__ */ jsxRuntime.jsx(reactComponents.Title3, { className: styles.textTitle, children: title }),
@@ -9644,8 +9903,11 @@ var CardAddon = ({
           footerData.priceLabel,
           " ",
           /* @__PURE__ */ jsxRuntime.jsxs(reactComponents.Caption1Stronger, { children: [
-            "Rp",
-            footerData.price.toLocaleString("id-ID"),
+            mergedLabels.currencySymbol,
+            " ",
+            footerData.price.toLocaleString(
+              language === "id" ? "id-ID" : "en-US"
+            ),
             footerData.priceUnit
           ] })
         ] }) }),
@@ -9690,15 +9952,21 @@ var CardAddon = ({
               ")"
             ] }),
             /* @__PURE__ */ jsxRuntime.jsxs(reactComponents.Body1, { children: [
-              "Rp",
-              item.totalPrice.toLocaleString("id-ID")
+              mergedLabels.currencySymbol,
+              " ",
+              item.totalPrice.toLocaleString(
+                language === "id" ? "id-ID" : "en-US"
+              )
             ] })
           ] }, idx)),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles.breakdownRow, children: [
             /* @__PURE__ */ jsxRuntime.jsx(reactComponents.Subtitle2, { children: mergedLabels.totalPrice }),
             /* @__PURE__ */ jsxRuntime.jsxs(reactComponents.Subtitle2, { children: [
-              "Rp",
-              assuranceData.totalPrice.toLocaleString("id-ID")
+              mergedLabels.currencySymbol,
+              " ",
+              assuranceData.totalPrice.toLocaleString(
+                language === "id" ? "id-ID" : "en-US"
+              )
             ] })
           ] })
         ] })
@@ -9718,13 +9986,20 @@ var CardAddon = ({
           /* @__PURE__ */ jsxRuntime.jsx(reactComponents.Body1Strong, { children: item.name }),
           /* @__PURE__ */ jsxRuntime.jsx(reactComponents.Caption1, { className: styles.mealDescription, children: item.description }),
           /* @__PURE__ */ jsxRuntime.jsxs(reactComponents.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__ */ jsxRuntime.jsxs("div", { className: styles.mealActions, children: [
@@ -9779,8 +10054,11 @@ var CardAddon = ({
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles.totalContainer, children: [
           /* @__PURE__ */ jsxRuntime.jsx(reactComponents.Subtitle2, { children: footerData.priceLabel }),
           /* @__PURE__ */ jsxRuntime.jsxs(reactComponents.Subtitle1, { style: { fontSize: reactComponents.tokens.fontSizeBase600 }, children: [
-            "Rp. ",
-            footerData.price.toLocaleString("id-ID")
+            mergedLabels.currencySymbol,
+            " ",
+            footerData.price.toLocaleString(
+              language === "id" ? "id-ID" : "en-US"
+            )
           ] })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsx("div", { style: { width: "100%" }, children: /* @__PURE__ */ jsxRuntime.jsx(
@@ -9804,12 +10082,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 = reactComponents.makeStyles({
@@ -9952,7 +10232,7 @@ var CardMealCatalog = ({
   className
 }) => {
   const styles = useStyles29();
-  const mergedLabels = { ...DEFAULT_LABELS27[language], ...labels };
+  const mergedLabels = { ...DEFAULT_LABELS29[language], ...labels };
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${styles.container} ${className || ""}`, children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles.banner, children: [
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles.bannerOverlay }),
@@ -10001,8 +10281,11 @@ var CardMealCatalog = ({
           ] }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles.productFooter, children: [
             /* @__PURE__ */ jsxRuntime.jsxs(reactComponents.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__ */ jsxRuntime.jsxs("div", { className: styles.quantitySelector, children: [
               /* @__PURE__ */ jsxRuntime.jsx(
@@ -10042,7 +10325,7 @@ var CardMealCatalog = ({
 };
 
 // src/components/CardReview/CardReview.constants.ts
-var DEFAULT_LABELS28 = {
+var DEFAULT_LABELS30 = {
   id: {},
   en: {}
 };
@@ -10098,7 +10381,7 @@ var CardReview = ({
   headerAction
 }) => {
   const styles = useStyles30();
-  ({ ...DEFAULT_LABELS28[language], ...labels });
+  ({ ...DEFAULT_LABELS30[language], ...labels });
   return /* @__PURE__ */ jsxRuntime.jsxs(reactComponents.Card, { className: `${styles.card} ${className || ""}`, children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles.headerContainer, children: [
       /* @__PURE__ */ jsxRuntime.jsx(reactComponents.Subtitle1, { className: styles.headerTitle, children: title }),
@@ -10145,7 +10428,7 @@ var CardReview = ({
 };
 
 // src/components/CardReviewPassenger/CardReviewPassenger.constants.ts
-var DEFAULT_LABELS29 = {
+var DEFAULT_LABELS31 = {
   id: {
     title: "Penumpang",
     idNumber: "Nomor ID"
@@ -10254,7 +10537,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__ */ jsxRuntime.jsxs(reactComponents.Card, { className: `${styles.card} ${className || ""}`, children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles.headerContainer, children: [
@@ -10297,7 +10580,7 @@ var CardReviewPassenger = ({
 };
 
 // src/components/CardPriceDetails/CardPriceDetails.constants.ts
-var DEFAULT_LABELS30 = {
+var DEFAULT_LABELS32 = {
   id: {
     defaultTitle: "Rincian Harga",
     totalPayment: "Total Pembayaran",
@@ -10309,7 +10592,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.",
@@ -10359,10 +10642,7 @@ var PriceDetailsTerms = ({
   const linkColor = reactComponents.tokens.colorBrandBackground;
   const bookingTerms = labels.bookingTerms;
   const agreementTerms = [
-    /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(reactComponents.Link, { href: "/terms-and-conditions", style: { color: linkColor }, children: labels.agreementLinkFerizy }),
-      "\xA0Ferizy."
-    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsx(reactComponents.Link, { href: "/terms-and-conditions", style: { color: linkColor }, children: labels.agreementLinkFerizy }) }),
     /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
       labels.agreementCovidInfo,
       /* @__PURE__ */ jsxRuntime.jsx(reactComponents.Link, { href: "/surat-edaran-satgas-covid-19", style: { color: linkColor }, children: labels.agreementCovidLink })
@@ -10456,7 +10736,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) {
@@ -10476,10 +10756,10 @@ var CardPriceDetails = ({
         isTaxLike ? /* @__PURE__ */ jsxRuntime.jsx(reactComponents.Body1Strong, { className: variantClass, children: item.name }) : /* @__PURE__ */ jsxRuntime.jsx(reactComponents.Caption1, { className: reactComponents.mergeClasses(styles.label, variantClass), children: item.name }),
         isTaxLike ? /* @__PURE__ */ jsxRuntime.jsxs(reactComponents.Body1Strong, { className: reactComponents.mergeClasses(styles.value, variantClass), children: [
           mergedLabels.currencyPrefix,
-          item.price.toLocaleString("id-ID")
+          item.price.toLocaleString(language === "id" ? "id-ID" : "en-US")
         ] }) : /* @__PURE__ */ jsxRuntime.jsxs(reactComponents.Body1, { className: reactComponents.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__ */ jsxRuntime.jsx(reactComponents.Caption1, { className: styles.description, children: item.description })
@@ -10505,7 +10785,7 @@ var CardPriceDetails = ({
         /* @__PURE__ */ jsxRuntime.jsx(reactComponents.Subtitle1, { className: styles.totalLabel, children: mergedLabels.totalPayment }),
         /* @__PURE__ */ jsxRuntime.jsxs(reactComponents.Subtitle1, { className: styles.totalValue, children: [
           mergedLabels.currencyPrefix,
-          total.toLocaleString("id-ID")
+          total.toLocaleString(language === "id" ? "id-ID" : "en-US")
         ] })
       ] }),
       /* @__PURE__ */ jsxRuntime.jsx(reactComponents.Divider, {}),
@@ -10515,7 +10795,7 @@ var CardPriceDetails = ({
 };
 
 // src/components/CardPaymentMethodList/CardPaymentMethodList.constants.ts
-var DEFAULT_LABELS31 = {
+var DEFAULT_LABELS33 = {
   id: {},
   en: {}
 };
@@ -10580,7 +10860,7 @@ var CardPaymentMethodList = ({
   onSelect
 }) => {
   const styles = useStyles34();
-  ({ ...DEFAULT_LABELS31[language], ...labels });
+  ({ ...DEFAULT_LABELS33[language], ...labels });
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles.card, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${styles.container}`, children: methods.map((category, index) => /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
     index > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles.dividerContainer, children: /* @__PURE__ */ jsxRuntime.jsx(reactComponents.Divider, {}) }),
     /* @__PURE__ */ jsxRuntime.jsx(reactComponents.Accordion, { multiple: true, collapsible: true, children: /* @__PURE__ */ jsxRuntime.jsxs(reactComponents.AccordionItem, { value: category.value, children: [
@@ -10628,7 +10908,7 @@ var CardPaymentMethodList = ({
 };
 
 // src/components/CardPaymentGuide/CardPaymentGuide.constants.ts
-var DEFAULT_LABELS32 = {
+var DEFAULT_LABELS34 = {
   id: {
     title: "Cara Pembayaran"
   },
@@ -10674,7 +10954,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__ */ jsxRuntime.jsxs("div", { className: `${styles.container} ${className || ""}`, children: [
     title && /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles.titleContainer, children: /* @__PURE__ */ jsxRuntime.jsx(reactComponents.Subtitle1, { className: styles.title, children: displayTitle }) }),
@@ -10693,20 +10973,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 = reactComponents.makeStyles({
@@ -10792,7 +11074,7 @@ var CardPaymentInfo = ({
   onCheckStatus
 }) => {
   const styles = useStyles36();
-  const mergedLabels = { ...DEFAULT_LABELS33[language], ...labels };
+  const mergedLabels = { ...DEFAULT_LABELS35[language], ...labels };
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles.card, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles.container, children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles.headerRow, children: [
       /* @__PURE__ */ jsxRuntime.jsx(reactComponents.Subtitle1, { children: mergedLabels.expiryPrefix }),
@@ -10827,7 +11109,7 @@ var CardPaymentInfo = ({
             reactComponents.Input,
             {
               disabled: true,
-              value: `Rp. ${totalAmount.toLocaleString("id-ID")}`,
+              value: `${mergedLabels.currencySymbol} ${totalAmount.toLocaleString(language === "id" ? "id-ID" : "en-US")}`,
               className: styles.input
             }
           )
@@ -10853,7 +11135,7 @@ var CardPaymentInfo = ({
 };
 
 // src/components/CardStatusOrder/CardStatusOrder.constants.ts
-var DEFAULT_LABELS34 = {
+var DEFAULT_LABELS36 = {
   id: {
     detailTitle: "Detail Pemesanan",
     statusLabel: "Status",
@@ -10952,7 +11234,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;
@@ -11049,7 +11331,7 @@ var CardStatusOrder = ({
 };
 
 // src/components/ModalPriceDetail/ModalPriceDetail.constants.ts
-var DEFAULT_LABELS35 = {
+var DEFAULT_LABELS37 = {
   id: {
     title: "Rincian Harga",
     addonHeader: "Add On",
@@ -11201,7 +11483,7 @@ var ModalPriceDetail = ({
   ...props
 }) => {
   const styles = useStyles38();
-  const mergedLabels = { ...DEFAULT_LABELS35[language], ...labels };
+  const mergedLabels = { ...DEFAULT_LABELS37[language], ...labels };
   return /* @__PURE__ */ jsxRuntime.jsx(
     reactComponents.Dialog,
     {
@@ -11251,7 +11533,9 @@ var ModalPriceDetail = ({
               /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs(
@@ -11263,7 +11547,9 @@ var ModalPriceDetail = ({
                   /* @__PURE__ */ jsxRuntime.jsxs("span", { style: { float: "right" }, children: [
                     mergedLabels.currencyCode,
                     " ",
-                    item.price.toLocaleString("id-ID")
+                    item.price.toLocaleString(
+                      language === "id" ? "id-ID" : "en-US"
+                    )
                   ] })
                 ]
               },
@@ -11277,7 +11563,9 @@ var ModalPriceDetail = ({
               /* @__PURE__ */ jsxRuntime.jsxs("span", { className: styles.priceValue, children: [
                 mergedLabels.currencyCode,
                 " ",
-                item.price.toLocaleString("id-ID")
+                item.price.toLocaleString(
+                  language === "id" ? "id-ID" : "en-US"
+                )
               ] })
             ] }, item.key))
           ] }),
@@ -11286,14 +11574,18 @@ var ModalPriceDetail = ({
             /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles.totalLabel, children: mergedLabels.subTotalLabel }),
             /* @__PURE__ */ jsxRuntime.jsxs("span", { className: styles.totalValue, children: [
               mergedLabels.currencyCode,
-              subTotal.toLocaleString("id-ID")
+              subTotal.toLocaleString(
+                language === "id" ? "id-ID" : "en-US"
+              )
             ] })
           ] }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles.row, children: [
             /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles.totalTagihanLabel, children: mergedLabels.totalTagihanLabel }),
             /* @__PURE__ */ jsxRuntime.jsxs("span", { className: styles.totalTagihanValue, children: [
               mergedLabels.currencyCode,
-              subTotal.toLocaleString("id-ID")
+              subTotal.toLocaleString(
+                language === "id" ? "id-ID" : "en-US"
+              )
             ] })
           ] }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { marginTop: reactComponents.tokens.spacingVerticalL }, children: [
@@ -11301,7 +11593,9 @@ var ModalPriceDetail = ({
               /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles.ppnLabel, children: mergedLabels.ppnLabel }),
               /* @__PURE__ */ jsxRuntime.jsxs("span", { className: styles.ppnValue, children: [
                 mergedLabels.currencyCode,
-                taxAmount.toLocaleString("id-ID")
+                taxAmount.toLocaleString(
+                  language === "id" ? "id-ID" : "en-US"
+                )
               ] })
             ] }),
             /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles.ppnNote, children: mergedLabels.ppnNote })
@@ -11315,7 +11609,9 @@ var ModalPriceDetail = ({
                 /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles.grandTotalLabel, children: mergedLabels.grandTotalLabel }),
                 /* @__PURE__ */ jsxRuntime.jsxs("span", { className: styles.grandTotalValue, children: [
                   mergedLabels.currencyPrefix,
-                  grandTotal.toLocaleString("id-ID")
+                  grandTotal.toLocaleString(
+                    language === "id" ? "id-ID" : "en-US"
+                  )
                 ] })
               ]
             }
@@ -11327,7 +11623,7 @@ var ModalPriceDetail = ({
 };
 
 // src/components/CardProfileMenu/CardProfileMenu.constants.ts
-var DEFAULT_LABELS36 = {
+var DEFAULT_LABELS38 = {
   id: {},
   en: {}
 };
@@ -11390,7 +11686,7 @@ var CardProfileMenu = ({
   onTabSelect
 }) => {
   const styles = useStyles39();
-  ({ ...DEFAULT_LABELS36[language], ...labels });
+  ({ ...DEFAULT_LABELS38[language], ...labels });
   const handleTabSelect = (_, data) => {
     onTabSelect(data.value);
   };
@@ -11440,9 +11736,9 @@ exports.CardServiceMenu = CardServiceMenu;
 exports.CardStatusOrder = CardStatusOrder;
 exports.CardTicket = CardTicket;
 exports.CardTicketSearch = CardTicketSearch;
-exports.CardTicketSearchDefaultLabels = DEFAULT_LABELS7;
+exports.CardTicketSearchDefaultLabels = DEFAULT_LABELS8;
 exports.CardTicketSearchSummary = CardTicketSearchSummary;
-exports.CardTicketSearchSummaryDefaultLabels = DEFAULT_LABELS8;
+exports.CardTicketSearchSummaryDefaultLabels = DEFAULT_LABELS9;
 exports.CardVehicleDetail = CardVehicleDetail;
 exports.CardVehicleOwnerForm = CardVehicleOwnerForm;
 exports.CarouselWithCustomNav = CarouselWithCustomNav;
@@ -11456,11 +11752,11 @@ exports.DEFAULT_SORT_OPTIONS = DEFAULT_SORT_OPTIONS;
 exports.DEFAULT_TIME_SLOTS = DEFAULT_TIME_SLOTS;
 exports.DEFAULT_VEHICLE_ICONS = DEFAULT_VEHICLE_ICONS;
 exports.DateFilter = DateFilter;
-exports.DateFilterDefaultLabels = DEFAULT_LABELS15;
+exports.DateFilterDefaultLabels = DEFAULT_LABELS17;
 exports.InputDynamic = InputDynamic_default;
 exports.MODAL_PRESETS = MODAL_PRESETS;
 exports.ModalFilterTicket = ModalFilterTicket;
-exports.ModalFilterTicketDefaultLabels = DEFAULT_LABELS14;
+exports.ModalFilterTicketDefaultLabels = DEFAULT_LABELS16;
 exports.ModalIllustration = ModalIllustration;
 exports.ModalListPassenger = ModalListPassenger;
 exports.ModalPassengerForm = ModalPassengerForm;