@asdp/ferryui 0.1.22-dev.10750 → 0.1.22-dev.10755

package/dist/index.d.mts

@@ -3811,6 +3811,7 @@ interface PaymentMethodCategory {
 }
 interface CardPaymentMethodListLabels {
     selectAriaLabel: string;
+    method: string;
 }
 interface CardPaymentMethodListProps {
     /**
@@ -3829,6 +3830,62 @@ interface CardPaymentMethodListProps {
 
 declare const CardPaymentMethodList: React$1.FC<CardPaymentMethodListProps>;
 
+interface FavoritePaymentOption {
+    label: string;
+    value: string;
+    image: string;
+    disabled?: boolean;
+}
+interface CardPaymentMethodFavoriteLabels {
+    /** Card title */
+    method: string;
+    /** Warning message above the payment options */
+    warningMessage: string;
+    /** Label for the "view all methods" action */
+    viewAllMethods: string;
+    /** Prefix for radio option aria-label */
+    selectAriaLabel: string;
+}
+interface CardPaymentMethodFavoriteProps {
+    /**
+     * Language for labels
+     * @default 'id'
+     */
+    language?: Language;
+    /**
+     * Custom labels override
+     */
+    labels?: Partial<CardPaymentMethodFavoriteLabels>;
+    /**
+     * Favorite payment methods shown in the list
+     */
+    methods: FavoritePaymentOption[];
+    /**
+     * Currently selected payment method value
+     */
+    selectedValue?: string;
+    /**
+     * Called when a payment method is selected
+     */
+    onSelect: (value: string) => void;
+    /**
+     * Called when "view all payment methods" is clicked
+     */
+    onViewAllMethods?: () => void;
+    /**
+     * Whether to show the warning message bar
+     * @default true
+     */
+    showWarning?: boolean;
+    /**
+     * Whether to show the "view all payment methods" button
+     * @default true
+     */
+    showViewAllButton?: boolean;
+}
+
+declare const CardPaymentMethodFavorite: React$1.FC<CardPaymentMethodFavoriteProps>;
+
 interface PaymentGuideStep {
     title: string;
     value: string;
@@ -4127,4 +4184,4 @@ interface ModalListMenuServiceProps {
 
 declare const ModalListMenuService: React$1.FC<ModalListMenuServiceProps>;
 
-export { API_CONFIG, API_ERROR_MESSAGES, BackgroundTicketCard, BackgroundTicketCardVertical, type BadgeConfig, type BillingDetail, COUNTRIES, CardAddon, type CardAddonProps, CardBanner, type CardBannerProps, CardBookingAddOn, type CardBookingAddOnData, type CardBookingAddOnItem, type CardBookingAddOnLabels, type CardBookingAddOnProps, CardBookingTicket, type CardBookingTicketProps, CardFAQ, type CardFAQProps, CardMealCatalog, type CardMealCatalogProps, CardOrdererInfo, type CardOrdererInfoProps, CardPassengerList, type CardPassengerListProps, CardPaymentGuide, type CardPaymentGuideProps, CardPaymentInfo, type CardPaymentInfoProps, CardPaymentMethodList, type CardPaymentMethodListProps, CardPriceDetails, type CardPriceDetailsProps, CardProfileMenu, type CardProfileMenuLabels, type CardProfileMenuProps, CardPromo, type CardPromoProps, CardReview, CardReviewDetail, type CardReviewDetailProps, CardReviewPassenger, type CardReviewPassengerProps, type CardReviewProps, CardServiceMenu, type CardServiceMenuProps, CardStatusOrder, type CardStatusOrderProps, CardTicket, type CardTicketProps, CardTicketSearch, DEFAULT_LABELS$4 as CardTicketSearchDefaultLabels, type CardTicketSearchFormData, type CardTicketSearchLabels, type CardTicketSearchProps, type ServiceMenuItem as CardTicketSearchServiceMenuItem, CardTicketSearchSummary, DEFAULT_LABELS$3 as CardTicketSearchSummaryDefaultLabels, type CardTicketSearchSummaryProps, CardVehicleDetail, type CardVehicleDetailProps, CardVehicleOwnerForm, type CardVehicleOwnerFormProps, type CargoItem, CarouselWithCustomNav, type CarouselWithCustomNavProps, type CountryOption, DEFAULT_DURATION_RANGE, DEFAULT_PRICE_RANGE, DEFAULT_SCROLL_AMOUNT, DEFAULT_SERVICE_TYPES, DEFAULT_SORT_OPTIONS, DEFAULT_TIME_SLOTS, DEFAULT_VEHICLE_ICONS, DateFilter, DEFAULT_LABELS as DateFilterDefaultLabels, type DateFilterLabels, type DateFilterProps, type DateItem, type DepartureItem, EmptyContent, type EmptyContentButton, DEFAULT_LABELS$2 as EmptyContentDefaultLabels, type EmptyContentLabels, type EmptyContentProps, FileUpload, type FileUploadProps, type FilterCount, GENDER, type GENDER_TYPE, HARDCODED_ID, HARDCODED_NAME, HTTP_STATUS, type HarborItem, IDENTITY_TYPE, type IDENTITY_TYPE_TYPE, type IdentityType, InputDynamic, type InputDynamicProps, type InputType, LOAD_TYPE, type LOAD_TYPE_TYPE, type LoadType, MANIFEST_ENTITY, type MANIFEST_ENTITY_TYPE, MODAL_PRESETS, MY_TICKET_STATUS, type MY_TICKET_STATUS_TYPE, MY_TICKET_TAB, type MY_TICKET_TAB_TYPE, type MealCategory, type MealItem, ModalFilterTicket, DEFAULT_LABELS$1 as ModalFilterTicketDefaultLabels, type ModalFilterTicketLabels, type ModalFilterTicketProps, ModalIllustration, type ModalIllustrationButton, type ModalIllustrationProps, ModalListMenuService, type ModalListMenuServiceProps, ModalListPassenger, type ModalListPassengerProps, ModalPassengerForm, type ModalPassengerFormProps, type ModalPresetKey, ModalPreviewImage, type ModalPreviewImageProps, ModalPriceDetail, type ModalPriceDetailProps, ModalSearchHarbor, type ModalSearchHarborProps, ModalSearchTicket, type ModalSearchTicketProps, ModalSelectDate, type ModalSelectDateProps, ModalService, type CardServiceMenuItem as ModalServiceItem, type ModalServiceProps, ModalTotalPassengers, type ModalTotalPassengersProps, ModalTypeOfService, type ModalTypeOfServiceProps, PASSENGER_TYPE, type PASSENGER_TYPE_TYPE, type Passenger, type PassengerClass, type PassengerFormData, type PassengerService, type PassengerType, type PaymentGuideStep, type PaymentMethodCategory, type PaymentStep, type PriceDetailItem, type ProfileMenuSection, type ProfileMenuTab, type Provider, type RadioOption, type ReservationStep, type ReviewPassengerItem, type RouteItem, type SearchSummaryField, type SearchTicketFormData, type SelectOption, type SelectedPassengerItem, type ServiceId, type ServiceItem, SortMenu, type SortMenuProps, type SortOption, type StepStatus, Stepper, type StepperProps, type StepperStep, type TabType, type TypeOfService, type VehicleOwner, calculateAge, getBadgeConfig, getModalPreset, getSortLabel, hexToRgba };
+export { API_CONFIG, API_ERROR_MESSAGES, BackgroundTicketCard, BackgroundTicketCardVertical, type BadgeConfig, type BillingDetail, COUNTRIES, CardAddon, type CardAddonProps, CardBanner, type CardBannerProps, CardBookingAddOn, type CardBookingAddOnData, type CardBookingAddOnItem, type CardBookingAddOnLabels, type CardBookingAddOnProps, CardBookingTicket, type CardBookingTicketProps, CardFAQ, type CardFAQProps, CardMealCatalog, type CardMealCatalogProps, CardOrdererInfo, type CardOrdererInfoProps, CardPassengerList, type CardPassengerListProps, CardPaymentGuide, type CardPaymentGuideProps, CardPaymentInfo, type CardPaymentInfoProps, CardPaymentMethodFavorite, type CardPaymentMethodFavoriteProps, CardPaymentMethodList, type CardPaymentMethodListProps, CardPriceDetails, type CardPriceDetailsProps, CardProfileMenu, type CardProfileMenuLabels, type CardProfileMenuProps, CardPromo, type CardPromoProps, CardReview, CardReviewDetail, type CardReviewDetailProps, CardReviewPassenger, type CardReviewPassengerProps, type CardReviewProps, CardServiceMenu, type CardServiceMenuProps, CardStatusOrder, type CardStatusOrderProps, CardTicket, type CardTicketProps, CardTicketSearch, DEFAULT_LABELS$4 as CardTicketSearchDefaultLabels, type CardTicketSearchFormData, type CardTicketSearchLabels, type CardTicketSearchProps, type ServiceMenuItem as CardTicketSearchServiceMenuItem, CardTicketSearchSummary, DEFAULT_LABELS$3 as CardTicketSearchSummaryDefaultLabels, type CardTicketSearchSummaryProps, CardVehicleDetail, type CardVehicleDetailProps, CardVehicleOwnerForm, type CardVehicleOwnerFormProps, type CargoItem, CarouselWithCustomNav, type CarouselWithCustomNavProps, type CountryOption, DEFAULT_DURATION_RANGE, DEFAULT_PRICE_RANGE, DEFAULT_SCROLL_AMOUNT, DEFAULT_SERVICE_TYPES, DEFAULT_SORT_OPTIONS, DEFAULT_TIME_SLOTS, DEFAULT_VEHICLE_ICONS, DateFilter, DEFAULT_LABELS as DateFilterDefaultLabels, type DateFilterLabels, type DateFilterProps, type DateItem, type DepartureItem, EmptyContent, type EmptyContentButton, DEFAULT_LABELS$2 as EmptyContentDefaultLabels, type EmptyContentLabels, type EmptyContentProps, type FavoritePaymentOption, FileUpload, type FileUploadProps, type FilterCount, GENDER, type GENDER_TYPE, HARDCODED_ID, HARDCODED_NAME, HTTP_STATUS, type HarborItem, IDENTITY_TYPE, type IDENTITY_TYPE_TYPE, type IdentityType, InputDynamic, type InputDynamicProps, type InputType, LOAD_TYPE, type LOAD_TYPE_TYPE, type LoadType, MANIFEST_ENTITY, type MANIFEST_ENTITY_TYPE, MODAL_PRESETS, MY_TICKET_STATUS, type MY_TICKET_STATUS_TYPE, MY_TICKET_TAB, type MY_TICKET_TAB_TYPE, type MealCategory, type MealItem, ModalFilterTicket, DEFAULT_LABELS$1 as ModalFilterTicketDefaultLabels, type ModalFilterTicketLabels, type ModalFilterTicketProps, ModalIllustration, type ModalIllustrationButton, type ModalIllustrationProps, ModalListMenuService, type ModalListMenuServiceProps, ModalListPassenger, type ModalListPassengerProps, ModalPassengerForm, type ModalPassengerFormProps, type ModalPresetKey, ModalPreviewImage, type ModalPreviewImageProps, ModalPriceDetail, type ModalPriceDetailProps, ModalSearchHarbor, type ModalSearchHarborProps, ModalSearchTicket, type ModalSearchTicketProps, ModalSelectDate, type ModalSelectDateProps, ModalService, type CardServiceMenuItem as ModalServiceItem, type ModalServiceProps, ModalTotalPassengers, type ModalTotalPassengersProps, ModalTypeOfService, type ModalTypeOfServiceProps, PASSENGER_TYPE, type PASSENGER_TYPE_TYPE, type Passenger, type PassengerClass, type PassengerFormData, type PassengerService, type PassengerType, type PaymentGuideStep, type PaymentMethodCategory, type PaymentStep, type PriceDetailItem, type ProfileMenuSection, type ProfileMenuTab, type Provider, type RadioOption, type ReservationStep, type ReviewPassengerItem, type RouteItem, type SearchSummaryField, type SearchTicketFormData, type SelectOption, type SelectedPassengerItem, type ServiceId, type ServiceItem, SortMenu, type SortMenuProps, type SortOption, type StepStatus, Stepper, type StepperProps, type StepperStep, type TabType, type TypeOfService, type VehicleOwner, calculateAge, getBadgeConfig, getModalPreset, getSortLabel, hexToRgba };

package/dist/index.d.ts

@@ -3811,6 +3811,7 @@ interface PaymentMethodCategory {
 }
 interface CardPaymentMethodListLabels {
     selectAriaLabel: string;
+    method: string;
 }
 interface CardPaymentMethodListProps {
     /**
@@ -3829,6 +3830,62 @@ interface CardPaymentMethodListProps {
 
 declare const CardPaymentMethodList: React$1.FC<CardPaymentMethodListProps>;
 
+interface FavoritePaymentOption {
+    label: string;
+    value: string;
+    image: string;
+    disabled?: boolean;
+}
+interface CardPaymentMethodFavoriteLabels {
+    /** Card title */
+    method: string;
+    /** Warning message above the payment options */
+    warningMessage: string;
+    /** Label for the "view all methods" action */
+    viewAllMethods: string;
+    /** Prefix for radio option aria-label */
+    selectAriaLabel: string;
+}
+interface CardPaymentMethodFavoriteProps {
+    /**
+     * Language for labels
+     * @default 'id'
+     */
+    language?: Language;
+    /**
+     * Custom labels override
+     */
+    labels?: Partial<CardPaymentMethodFavoriteLabels>;
+    /**
+     * Favorite payment methods shown in the list
+     */
+    methods: FavoritePaymentOption[];
+    /**
+     * Currently selected payment method value
+     */
+    selectedValue?: string;
+    /**
+     * Called when a payment method is selected
+     */
+    onSelect: (value: string) => void;
+    /**
+     * Called when "view all payment methods" is clicked
+     */
+    onViewAllMethods?: () => void;
+    /**
+     * Whether to show the warning message bar
+     * @default true
+     */
+    showWarning?: boolean;
+    /**
+     * Whether to show the "view all payment methods" button
+     * @default true
+     */
+    showViewAllButton?: boolean;
+}
+
+declare const CardPaymentMethodFavorite: React$1.FC<CardPaymentMethodFavoriteProps>;
+
 interface PaymentGuideStep {
     title: string;
     value: string;
@@ -4127,4 +4184,4 @@ interface ModalListMenuServiceProps {
 
 declare const ModalListMenuService: React$1.FC<ModalListMenuServiceProps>;
 
-export { API_CONFIG, API_ERROR_MESSAGES, BackgroundTicketCard, BackgroundTicketCardVertical, type BadgeConfig, type BillingDetail, COUNTRIES, CardAddon, type CardAddonProps, CardBanner, type CardBannerProps, CardBookingAddOn, type CardBookingAddOnData, type CardBookingAddOnItem, type CardBookingAddOnLabels, type CardBookingAddOnProps, CardBookingTicket, type CardBookingTicketProps, CardFAQ, type CardFAQProps, CardMealCatalog, type CardMealCatalogProps, CardOrdererInfo, type CardOrdererInfoProps, CardPassengerList, type CardPassengerListProps, CardPaymentGuide, type CardPaymentGuideProps, CardPaymentInfo, type CardPaymentInfoProps, CardPaymentMethodList, type CardPaymentMethodListProps, CardPriceDetails, type CardPriceDetailsProps, CardProfileMenu, type CardProfileMenuLabels, type CardProfileMenuProps, CardPromo, type CardPromoProps, CardReview, CardReviewDetail, type CardReviewDetailProps, CardReviewPassenger, type CardReviewPassengerProps, type CardReviewProps, CardServiceMenu, type CardServiceMenuProps, CardStatusOrder, type CardStatusOrderProps, CardTicket, type CardTicketProps, CardTicketSearch, DEFAULT_LABELS$4 as CardTicketSearchDefaultLabels, type CardTicketSearchFormData, type CardTicketSearchLabels, type CardTicketSearchProps, type ServiceMenuItem as CardTicketSearchServiceMenuItem, CardTicketSearchSummary, DEFAULT_LABELS$3 as CardTicketSearchSummaryDefaultLabels, type CardTicketSearchSummaryProps, CardVehicleDetail, type CardVehicleDetailProps, CardVehicleOwnerForm, type CardVehicleOwnerFormProps, type CargoItem, CarouselWithCustomNav, type CarouselWithCustomNavProps, type CountryOption, DEFAULT_DURATION_RANGE, DEFAULT_PRICE_RANGE, DEFAULT_SCROLL_AMOUNT, DEFAULT_SERVICE_TYPES, DEFAULT_SORT_OPTIONS, DEFAULT_TIME_SLOTS, DEFAULT_VEHICLE_ICONS, DateFilter, DEFAULT_LABELS as DateFilterDefaultLabels, type DateFilterLabels, type DateFilterProps, type DateItem, type DepartureItem, EmptyContent, type EmptyContentButton, DEFAULT_LABELS$2 as EmptyContentDefaultLabels, type EmptyContentLabels, type EmptyContentProps, FileUpload, type FileUploadProps, type FilterCount, GENDER, type GENDER_TYPE, HARDCODED_ID, HARDCODED_NAME, HTTP_STATUS, type HarborItem, IDENTITY_TYPE, type IDENTITY_TYPE_TYPE, type IdentityType, InputDynamic, type InputDynamicProps, type InputType, LOAD_TYPE, type LOAD_TYPE_TYPE, type LoadType, MANIFEST_ENTITY, type MANIFEST_ENTITY_TYPE, MODAL_PRESETS, MY_TICKET_STATUS, type MY_TICKET_STATUS_TYPE, MY_TICKET_TAB, type MY_TICKET_TAB_TYPE, type MealCategory, type MealItem, ModalFilterTicket, DEFAULT_LABELS$1 as ModalFilterTicketDefaultLabels, type ModalFilterTicketLabels, type ModalFilterTicketProps, ModalIllustration, type ModalIllustrationButton, type ModalIllustrationProps, ModalListMenuService, type ModalListMenuServiceProps, ModalListPassenger, type ModalListPassengerProps, ModalPassengerForm, type ModalPassengerFormProps, type ModalPresetKey, ModalPreviewImage, type ModalPreviewImageProps, ModalPriceDetail, type ModalPriceDetailProps, ModalSearchHarbor, type ModalSearchHarborProps, ModalSearchTicket, type ModalSearchTicketProps, ModalSelectDate, type ModalSelectDateProps, ModalService, type CardServiceMenuItem as ModalServiceItem, type ModalServiceProps, ModalTotalPassengers, type ModalTotalPassengersProps, ModalTypeOfService, type ModalTypeOfServiceProps, PASSENGER_TYPE, type PASSENGER_TYPE_TYPE, type Passenger, type PassengerClass, type PassengerFormData, type PassengerService, type PassengerType, type PaymentGuideStep, type PaymentMethodCategory, type PaymentStep, type PriceDetailItem, type ProfileMenuSection, type ProfileMenuTab, type Provider, type RadioOption, type ReservationStep, type ReviewPassengerItem, type RouteItem, type SearchSummaryField, type SearchTicketFormData, type SelectOption, type SelectedPassengerItem, type ServiceId, type ServiceItem, SortMenu, type SortMenuProps, type SortOption, type StepStatus, Stepper, type StepperProps, type StepperStep, type TabType, type TypeOfService, type VehicleOwner, calculateAge, getBadgeConfig, getModalPreset, getSortLabel, hexToRgba };
+export { API_CONFIG, API_ERROR_MESSAGES, BackgroundTicketCard, BackgroundTicketCardVertical, type BadgeConfig, type BillingDetail, COUNTRIES, CardAddon, type CardAddonProps, CardBanner, type CardBannerProps, CardBookingAddOn, type CardBookingAddOnData, type CardBookingAddOnItem, type CardBookingAddOnLabels, type CardBookingAddOnProps, CardBookingTicket, type CardBookingTicketProps, CardFAQ, type CardFAQProps, CardMealCatalog, type CardMealCatalogProps, CardOrdererInfo, type CardOrdererInfoProps, CardPassengerList, type CardPassengerListProps, CardPaymentGuide, type CardPaymentGuideProps, CardPaymentInfo, type CardPaymentInfoProps, CardPaymentMethodFavorite, type CardPaymentMethodFavoriteProps, CardPaymentMethodList, type CardPaymentMethodListProps, CardPriceDetails, type CardPriceDetailsProps, CardProfileMenu, type CardProfileMenuLabels, type CardProfileMenuProps, CardPromo, type CardPromoProps, CardReview, CardReviewDetail, type CardReviewDetailProps, CardReviewPassenger, type CardReviewPassengerProps, type CardReviewProps, CardServiceMenu, type CardServiceMenuProps, CardStatusOrder, type CardStatusOrderProps, CardTicket, type CardTicketProps, CardTicketSearch, DEFAULT_LABELS$4 as CardTicketSearchDefaultLabels, type CardTicketSearchFormData, type CardTicketSearchLabels, type CardTicketSearchProps, type ServiceMenuItem as CardTicketSearchServiceMenuItem, CardTicketSearchSummary, DEFAULT_LABELS$3 as CardTicketSearchSummaryDefaultLabels, type CardTicketSearchSummaryProps, CardVehicleDetail, type CardVehicleDetailProps, CardVehicleOwnerForm, type CardVehicleOwnerFormProps, type CargoItem, CarouselWithCustomNav, type CarouselWithCustomNavProps, type CountryOption, DEFAULT_DURATION_RANGE, DEFAULT_PRICE_RANGE, DEFAULT_SCROLL_AMOUNT, DEFAULT_SERVICE_TYPES, DEFAULT_SORT_OPTIONS, DEFAULT_TIME_SLOTS, DEFAULT_VEHICLE_ICONS, DateFilter, DEFAULT_LABELS as DateFilterDefaultLabels, type DateFilterLabels, type DateFilterProps, type DateItem, type DepartureItem, EmptyContent, type EmptyContentButton, DEFAULT_LABELS$2 as EmptyContentDefaultLabels, type EmptyContentLabels, type EmptyContentProps, type FavoritePaymentOption, FileUpload, type FileUploadProps, type FilterCount, GENDER, type GENDER_TYPE, HARDCODED_ID, HARDCODED_NAME, HTTP_STATUS, type HarborItem, IDENTITY_TYPE, type IDENTITY_TYPE_TYPE, type IdentityType, InputDynamic, type InputDynamicProps, type InputType, LOAD_TYPE, type LOAD_TYPE_TYPE, type LoadType, MANIFEST_ENTITY, type MANIFEST_ENTITY_TYPE, MODAL_PRESETS, MY_TICKET_STATUS, type MY_TICKET_STATUS_TYPE, MY_TICKET_TAB, type MY_TICKET_TAB_TYPE, type MealCategory, type MealItem, ModalFilterTicket, DEFAULT_LABELS$1 as ModalFilterTicketDefaultLabels, type ModalFilterTicketLabels, type ModalFilterTicketProps, ModalIllustration, type ModalIllustrationButton, type ModalIllustrationProps, ModalListMenuService, type ModalListMenuServiceProps, ModalListPassenger, type ModalListPassengerProps, ModalPassengerForm, type ModalPassengerFormProps, type ModalPresetKey, ModalPreviewImage, type ModalPreviewImageProps, ModalPriceDetail, type ModalPriceDetailProps, ModalSearchHarbor, type ModalSearchHarborProps, ModalSearchTicket, type ModalSearchTicketProps, ModalSelectDate, type ModalSelectDateProps, ModalService, type CardServiceMenuItem as ModalServiceItem, type ModalServiceProps, ModalTotalPassengers, type ModalTotalPassengersProps, ModalTypeOfService, type ModalTypeOfServiceProps, PASSENGER_TYPE, type PASSENGER_TYPE_TYPE, type Passenger, type PassengerClass, type PassengerFormData, type PassengerService, type PassengerType, type PaymentGuideStep, type PaymentMethodCategory, type PaymentStep, type PriceDetailItem, type ProfileMenuSection, type ProfileMenuTab, type Provider, type RadioOption, type ReservationStep, type ReviewPassengerItem, type RouteItem, type SearchSummaryField, type SearchTicketFormData, type SelectOption, type SelectedPassengerItem, type ServiceId, type ServiceItem, SortMenu, type SortMenuProps, type SortOption, type StepStatus, Stepper, type StepperProps, type StepperStep, type TabType, type TypeOfService, type VehicleOwner, calculateAge, getBadgeConfig, getModalPreset, getSortLabel, hexToRgba };

package/dist/index.js

@@ -16432,10 +16432,12 @@ var CardPriceDetails = ({
 // src/components/CardPaymentMethodList/CardPaymentMethodList.constants.ts
 var DEFAULT_LABELS36 = {
   id: {
-    selectAriaLabel: "Pilih metode pembayaran"
+    selectAriaLabel: "Pilih metode pembayaran",
+    method: "Metode Pembayaran"
   },
   en: {
-    selectAriaLabel: "Select payment method"
+    selectAriaLabel: "Select payment method",
+    method: "Payment Method"
   }
 };
 var useStyles38 = reactComponents.makeStyles({
@@ -16500,55 +16502,160 @@ var CardPaymentMethodList = ({
 }) => {
   const styles = useStyles38();
   const mergedLabels = { ...DEFAULT_LABELS36[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: [
-      /* @__PURE__ */ jsxRuntime.jsx(
-        reactComponents.AccordionHeader,
-        {
-          expandIconPosition: "end",
-          className: styles.title,
-          children: /* @__PURE__ */ jsxRuntime.jsx(reactComponents.Body1, { children: category.title || category.value })
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx(reactComponents.AccordionPanel, { children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles.itemContainer, children: category.options.map((option) => /* @__PURE__ */ jsxRuntime.jsxs(
-        "div",
-        {
-          className: styles.optionContainer,
-          onClick: () => onSelect(option.value),
-          children: [
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles.codeImage, children: [
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles.card, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${styles.container}`, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(reactComponents.Subtitle1, { children: mergedLabels.method }),
+    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: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          reactComponents.AccordionHeader,
+          {
+            expandIconPosition: "end",
+            className: styles.title,
+            children: /* @__PURE__ */ jsxRuntime.jsx(reactComponents.Body1, { children: category.title || category.value })
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(reactComponents.AccordionPanel, { children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles.itemContainer, children: category.options.map((option) => /* @__PURE__ */ jsxRuntime.jsxs(
+          "div",
+          {
+            className: styles.optionContainer,
+            onClick: () => onSelect(option.value),
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles.codeImage, children: [
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  "img",
+                  {
+                    src: option.image,
+                    alt: option.label,
+                    className: styles.image
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsx(reactComponents.Subtitle2, { className: styles.optionLabel, children: option.label })
+              ] }),
               /* @__PURE__ */ jsxRuntime.jsx(
-                "img",
+                reactComponents.Radio,
                 {
-                  src: option.image,
-                  alt: option.label,
-                  className: styles.image
+                  checked: selectedValue === option.value,
+                  onChange: () => onSelect(option.value),
+                  value: option.value,
+                  name: "payment-method",
+                  disabled: option.disabled,
+                  "aria-label": `${mergedLabels.selectAriaLabel} ${option.label}`
                 }
-              ),
-              /* @__PURE__ */ jsxRuntime.jsx(reactComponents.Subtitle2, { className: styles.optionLabel, children: option.label })
-            ] }),
-            /* @__PURE__ */ jsxRuntime.jsx(
-              reactComponents.Radio,
-              {
-                checked: selectedValue === option.value,
-                onChange: () => onSelect(option.value),
-                value: option.value,
-                name: "payment-method",
-                disabled: option.disabled,
-                "aria-label": `${mergedLabels.selectAriaLabel} ${option.label}`
-              }
-            )
-          ]
-        },
-        option.value
-      )) }) })
-    ] }) })
-  ] }, category.value || index)) }) });
+              )
+            ]
+          },
+          option.value
+        )) }) })
+      ] }) })
+    ] }, category.value || index))
+  ] }) });
 };
 
-// src/components/CardPaymentGuide/CardPaymentGuide.constants.ts
+// src/components/CardPaymentMethodFavorite/CardPaymentMethodFavorite.constants.ts
 var DEFAULT_LABELS37 = {
+  id: {
+    method: "Metode Pembayaran Favorit",
+    warningMessage: "Harap pilih salah satu metode pembayaran di bawah ini untuk melanjutkan.",
+    viewAllMethods: "Lihat Semua Metode Pembayaran",
+    selectAriaLabel: "Pilih metode pembayaran"
+  },
+  en: {
+    method: "Favorite Payment Method",
+    warningMessage: "Please select one of the payment methods below to continue.",
+    viewAllMethods: "View All Payment Methods",
+    selectAriaLabel: "Select payment method"
+  }
+};
+var useStyles39 = reactComponents.makeStyles({
+  container: {
+    display: "flex",
+    flexDirection: "column",
+    width: "100%",
+    rowGap: reactComponents.tokens.spacingHorizontalXXL
+  },
+  image: {
+    width: "40px",
+    height: "40px",
+    objectFit: "contain"
+  },
+  card: {
+    position: "relative",
+    borderRadius: reactComponents.tokens.borderRadiusXLarge,
+    ...reactComponents.shorthands.padding(
+      reactComponents.tokens.spacingHorizontalXL,
+      reactComponents.tokens.spacingVerticalXXL
+    ),
+    backgroundColor: reactComponents.tokens.colorNeutralBackground1,
+    zIndex: 3
+  }
+});
+var CardPaymentMethodFavorite = ({
+  language = "id",
+  labels,
+  methods,
+  selectedValue,
+  onSelect,
+  onViewAllMethods,
+  showWarning = true,
+  showViewAllButton = true
+}) => {
+  const styles = useStyles39();
+  const mergedLabels = { ...DEFAULT_LABELS37[language], ...labels };
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles.card, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${styles.container}`, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(reactComponents.Subtitle1, { children: mergedLabels.method }),
+    showWarning && /* @__PURE__ */ jsxRuntime.jsx(
+      reactComponents.MessageBar,
+      {
+        intent: "warning",
+        style: { borderRadius: reactComponents.tokens.borderRadiusLarge },
+        children: /* @__PURE__ */ jsxRuntime.jsx(
+          reactComponents.Caption1Strong,
+          {
+            style: { color: reactComponents.tokens.colorStatusWarningForeground1 },
+            children: mergedLabels.warningMessage
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(reactGridSystem.Row, { nogutter: true, style: { gap: reactComponents.tokens.spacingVerticalL }, children: methods.map((option) => /* @__PURE__ */ jsxRuntime.jsx(reactGridSystem.Col, { xs: 12, children: /* @__PURE__ */ jsxRuntime.jsxs(reactGridSystem.Row, { justify: "between", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(reactGridSystem.Col, { xs: "content", children: /* @__PURE__ */ jsxRuntime.jsx(
+        "img",
+        {
+          src: option.image,
+          alt: option.label,
+          className: styles.image
+        }
+      ) }),
+      /* @__PURE__ */ jsxRuntime.jsx(reactGridSystem.Col, { children: /* @__PURE__ */ jsxRuntime.jsx(reactComponents.Subtitle2, { children: option.label }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(reactGridSystem.Col, { xs: "content", children: /* @__PURE__ */ jsxRuntime.jsx(
+        reactComponents.Radio,
+        {
+          checked: selectedValue === option.value,
+          onChange: () => onSelect(option.value),
+          value: option.value,
+          name: "payment-method-favorite",
+          disabled: option.disabled,
+          "aria-label": `${mergedLabels.selectAriaLabel} ${option.label}`
+        }
+      ) })
+    ] }) }, option.value)) }),
+    showViewAllButton && /* @__PURE__ */ jsxRuntime.jsx(
+      reactComponents.Button,
+      {
+        style: { width: "100%" },
+        appearance: "transparent",
+        iconPosition: "after",
+        icon: /* @__PURE__ */ jsxRuntime.jsx(reactIcons.ChevronDownRegular, {}),
+        onClick: onViewAllMethods,
+        children: mergedLabels.viewAllMethods
+      }
+    )
+  ] }) });
+};
+
+// src/components/CardPaymentGuide/CardPaymentGuide.constants.ts
+var DEFAULT_LABELS38 = {
   id: {
     title: "Cara Pembayaran"
   },
@@ -16556,7 +16663,7 @@ var DEFAULT_LABELS37 = {
     title: "Payment Method"
   }
 };
-var useStyles39 = reactComponents.makeStyles({
+var useStyles40 = reactComponents.makeStyles({
   container: {
     display: "flex",
     flexDirection: "column",
@@ -16592,8 +16699,8 @@ var CardPaymentGuide = ({
   guides,
   className
 }) => {
-  const styles = useStyles39();
-  const mergedLabels = { ...DEFAULT_LABELS37[language], ...labels };
+  const styles = useStyles40();
+  const mergedLabels = { ...DEFAULT_LABELS38[language], ...labels };
   const displayTitle = title || mergedLabels.title;
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${styles.container} ${className || ""}`, children: [
     displayTitle && /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles.titleContainer, children: /* @__PURE__ */ jsxRuntime.jsx(reactComponents.Subtitle1, { className: styles.title, children: displayTitle }) }),
@@ -16612,7 +16719,7 @@ var CardPaymentGuide = ({
 };
 
 // src/components/CardPaymentInfo/CardPaymentInfo.constants.ts
-var DEFAULT_LABELS38 = {
+var DEFAULT_LABELS39 = {
   id: {
     expiryPrefix: "Kode virtual akun berlaku sampai",
     copyCodeButton: "Salin Kode",
@@ -16632,7 +16739,7 @@ var DEFAULT_LABELS38 = {
     changePayment: "Change Payment Method"
   }
 };
-var useStyles40 = reactComponents.makeStyles({
+var useStyles41 = reactComponents.makeStyles({
   container: {
     display: "flex",
     flexDirection: "column",
@@ -16724,8 +16831,8 @@ var CardPaymentInfo = ({
   onCheckStatus,
   onChangePayment
 }) => {
-  const styles = useStyles40();
-  const mergedLabels = { ...DEFAULT_LABELS38[language], ...labels };
+  const styles = useStyles41();
+  const mergedLabels = { ...DEFAULT_LABELS39[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 }),
@@ -16797,7 +16904,7 @@ var CardPaymentInfo = ({
 };
 
 // src/components/CardStatusOrder/CardStatusOrder.constants.ts
-var DEFAULT_LABELS39 = {
+var DEFAULT_LABELS40 = {
   id: {
     detailTitle: "Detail Pemesanan",
     statusLabel: "Status",
@@ -16827,7 +16934,7 @@ var DEFAULT_LABELS39 = {
     illustrationAlt: "E-Ticket Illustration"
   }
 };
-var useStyles41 = reactComponents.makeStyles({
+var useStyles42 = reactComponents.makeStyles({
   activeCard: {
     width: "100%",
     // padding: tokens.spacingHorizontalNone, // default
@@ -16897,8 +17004,8 @@ var CardStatusOrder = ({
   onClickViewTicket,
   className
 }) => {
-  const styles = useStyles41();
-  const mergedLabels = { ...DEFAULT_LABELS39[language], ...labels };
+  const styles = useStyles42();
+  const mergedLabels = { ...DEFAULT_LABELS40[language], ...labels };
   const displayStatus = statusLabel || mergedLabels.defaultStatus;
   const displayTitle = title || mergedLabels.defaultTitle;
   const displayDescription = description || mergedLabels.defaultDescription;
@@ -16995,7 +17102,7 @@ var CardStatusOrder = ({
 };
 
 // src/components/ModalPriceDetail/ModalPriceDetail.constants.ts
-var DEFAULT_LABELS40 = {
+var DEFAULT_LABELS41 = {
   id: {
     title: "Rincian Harga",
     passengerDetailHeader: "Detail Penumpang",
@@ -17027,7 +17134,7 @@ var DEFAULT_LABELS40 = {
     closeAriaLabel: "Close"
   }
 };
-var useStyles42 = reactComponents.makeStyles({
+var useStyles43 = reactComponents.makeStyles({
   surface: {
     width: "680px",
     maxWidth: "90vw",
@@ -17187,8 +17294,8 @@ var ModalPriceDetail = ({
   roundTripGrandTotal,
   ...props
 }) => {
-  const styles = useStyles42();
-  const mergedLabels = { ...DEFAULT_LABELS40[language], ...labels };
+  const styles = useStyles43();
+  const mergedLabels = { ...DEFAULT_LABELS41[language], ...labels };
   const locale = language === "id" ? "id-ID" : "en-US";
   const formatCurrency = (value) => `${mergedLabels.currencyCode} ${value.toLocaleString(locale)}`;
   const passengerItemsFromNested = detailItems.flatMap(
@@ -17717,7 +17824,7 @@ var ModalPriceDetail = ({
 // src/components/FileUpload/FileUpload.constants.ts
 var ACCEPTED_FILES = ".pdf,.jpg,.jpeg,.png";
 var MAX_FILE_SIZE_MB = 10;
-var DEFAULT_LABELS41 = {
+var DEFAULT_LABELS42 = {
   id: {
     placeholder: "Ketuk untuk pilih file",
     maxSizeWarning: "Maksimal {maxSize}MB per file dalam format PDF, JPG, JPEG, PNG.",
@@ -17735,7 +17842,7 @@ var DEFAULT_LABELS41 = {
     downloadTemplateDocument: "Download Template Document"
   }
 };
-var useStyles43 = reactComponents.makeStyles({
+var useStyles44 = reactComponents.makeStyles({
   surface: {
     maxWidth: "90vw",
     maxHeight: "90vh",
@@ -17762,7 +17869,7 @@ var ModalPreviewImage = ({
   imageUrl,
   alt = "Preview"
 }) => {
-  const styles = useStyles43();
+  const styles = useStyles44();
   return /* @__PURE__ */ jsxRuntime.jsx(reactComponents.Dialog, { open, onOpenChange: (_, data) => onOpenChange(data.open), children: /* @__PURE__ */ jsxRuntime.jsx(reactComponents.DialogSurface, { className: styles.surface, children: /* @__PURE__ */ jsxRuntime.jsxs(reactComponents.DialogBody, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(
       reactComponents.DialogTitle,
@@ -17888,7 +17995,7 @@ var FileUpload = React__default.default.forwardRef(
     downloadTemplateDocument = false,
     infoLabel
   }, ref) => {
-    const mergedLabels = { ...DEFAULT_LABELS41[language], ...customLabels };
+    const mergedLabels = { ...DEFAULT_LABELS42[language], ...customLabels };
     const styles = uploadStyles();
     const fileInputRef = React.useRef(null);
     const [, setIsDragOver] = React.useState(false);
@@ -18325,11 +18432,11 @@ function hexToRgba(hex, alpha = 1) {
 }
 
 // src/components/CardProfileMenu/CardProfileMenu.constants.ts
-var DEFAULT_LABELS42 = {
+var DEFAULT_LABELS43 = {
   id: {},
   en: {}
 };
-var useStyles44 = reactComponents.makeStyles({
+var useStyles45 = reactComponents.makeStyles({
   container: {
     display: "flex",
     flexDirection: "column",
@@ -18389,8 +18496,8 @@ var CardProfileMenu = ({
   selectedValue,
   onTabSelect
 }) => {
-  const styles = useStyles44();
-  ({ ...DEFAULT_LABELS42[language], ...labels });
+  const styles = useStyles45();
+  ({ ...DEFAULT_LABELS43[language], ...labels });
   const handleTabSelect = (_, data) => {
     onTabSelect(data.value);
   };
@@ -18434,6 +18541,7 @@ exports.CardOrdererInfo = CardOrdererInfo;
 exports.CardPassengerList = CardPassengerList;
 exports.CardPaymentGuide = CardPaymentGuide;
 exports.CardPaymentInfo = CardPaymentInfo;
+exports.CardPaymentMethodFavorite = CardPaymentMethodFavorite;
 exports.CardPaymentMethodList = CardPaymentMethodList;
 exports.CardPriceDetails = CardPriceDetails;
 exports.CardProfileMenu = CardProfileMenu;