@asdp/ferryui 0.1.22-dev.9698 → 0.1.22-dev.9701

package/dist/index.d.mts

@@ -147,6 +147,34 @@ declare const PRESET_CONTENT: {
             readonly imageAlt: "Transaction Limit Illustration";
         };
     };
+    readonly UNAUTHENTICATED: {
+        readonly id: {
+            readonly title: "Masuk untuk melanjutkan pemesanan";
+            readonly message: "Untuk memesan tiket dan mengisi manifest penumpang, Anda perlu masuk terlebih dahulu. Pilihan jadwal Anda akan tetap tersimpan.";
+            readonly imageSrc: "/assets/images/illustrations/auth.svg";
+            readonly imageAlt: "Unauthenticated Illustration";
+        };
+        readonly en: {
+            readonly title: "Sign in to continue booking";
+            readonly message: "To book tickets and fill in the passenger manifest, you need to sign in first. Your schedule selection will be saved.";
+            readonly imageSrc: "/assets/images/illustrations/auth.svg";
+            readonly imageAlt: "Unauthenticated Illustration";
+        };
+    };
+    readonly PROFILE_NOT_COMPLETE: {
+        readonly id: {
+            readonly title: "Profil Belum Lengkap";
+            readonly message: "Untuk melanjutkan pemesanan tiket, kami memerlukan data profil yang lengkap sesuai ketentuan ASDP. Lengkapi profil Anda terlebih dahulu agar dapat melanjutkan ke pengisian manifest.";
+            readonly imageSrc: "/assets/images/illustrations/profile.svg";
+            readonly imageAlt: "Profile Not Complete Illustration";
+        };
+        readonly en: {
+            readonly title: "Profile Not Complete";
+            readonly message: "To continue booking tickets, we need complete profile data according to ASDP provisions. Please complete your profile first to proceed to manifest filling.";
+            readonly imageSrc: "/assets/images/illustrations/profile.svg";
+            readonly imageAlt: "Profile Not Complete Illustration";
+        };
+    };
 };
 
 /**
@@ -166,6 +194,8 @@ declare const MODAL_PRESETS: {
     readonly SESSION_EXPIRED: Partial<ModalIllustrationProps>;
     readonly PURCHASE_PERIOD_EXPIRED: Partial<ModalIllustrationProps>;
     readonly TRANSACTION_LIMIT: Partial<ModalIllustrationProps>;
+    readonly UNAUTHENTICATED: Partial<ModalIllustrationProps>;
+    readonly PROFILE_NOT_COMPLETE: Partial<ModalIllustrationProps>;
 };
 
 interface CarouselWithCustomNavLabels {
@@ -403,6 +433,7 @@ interface CardTicketLabels {
     timezoneLabel: string;
     currencySymbol: string;
     logoAlt: string;
+    verifyingTicketButton: string;
 }
 interface CardTicketProps {
     /**
@@ -439,6 +470,7 @@ interface CardTicketProps {
      */
     onSelectTicket?: () => void;
     isLoading?: boolean;
+    isVerifyingTicket?: boolean;
 }
 interface DepartureItem {
     departureDay: string;
@@ -1462,6 +1494,17 @@ interface Passenger {
     regencyName: string;
     phoneNumber: string;
     email: string;
+    passengerType?: string;
+    serviceName?: string;
+    _indices?: {
+        i0: number;
+        i1: number;
+        i2: number;
+        passengerAgeId: number;
+        passengerAgeLabel: string;
+        passengerClassId: number;
+        passengerClassLabel: string;
+    };
 }
 /**
  * Service with passenger count
@@ -1889,8 +1932,10 @@ declare const DEFAULT_VEHICLE_ICONS: {
 };
 
 interface SortOption {
-    value: string;
     label: string;
+    value: string;
+    sortBy: string;
+    sortDir: string;
 }
 interface FilterCount {
     typeService?: number;
@@ -1925,9 +1970,9 @@ interface SortMenuProps {
      */
     value: string;
     /**
-     * Callback when sort value changes
+     * Callback when sort value changes — receives full SortOption object
      */
-    onChange: (value: string) => void;
+    onChange: (option: SortOption) => void;
     /**
      * Total active filter categories
      * @default 0
@@ -1971,10 +2016,7 @@ declare const SortMenu: React$1.FC<SortMenuProps>;
 /**
  * @deprecated Use getSortOptions and find the label from there
  */
-declare const DEFAULT_SORT_OPTIONS: {
-    value: string;
-    label: string;
-}[];
+declare const DEFAULT_SORT_OPTIONS: SortOption[];
 /**
  * @deprecated Use labels directly
  */
@@ -1995,13 +2037,19 @@ interface ModalFilterTicketProps {
      */
     onOpenChange: (open: boolean) => void;
     /**
-     * Selected service types
+     * Selected service types as objects with id and label
      */
-    selectedServiceTypes: string[];
+    selectedServiceTypes: Array<{
+        id: number;
+        label: string;
+    }>;
     /**
      * Callback when service types change
      */
-    onServiceTypesChange: (serviceTypes: string[]) => void;
+    onServiceTypesChange: (serviceTypes: Array<{
+        id: number;
+        label: string;
+    }>) => void;
     /**
      * Selected departure time slots
      */
@@ -2050,7 +2098,7 @@ interface ModalFilterTicketProps {
      * Service types list (from API data)
      */
     serviceTypes?: Array<{
-        value: string;
+        value: number;
         label: string;
     }>;
     /**
@@ -2818,24 +2866,6 @@ interface ModalPassengerFormProps {
 
 declare const ModalPassengerForm: React$1.FC<ModalPassengerFormProps>;
 
-interface PassengerListItem {
-    /**
-     * Unique identifier for the passenger
-     */
-    id?: number;
-    /**
-     * Passenger name
-     */
-    name?: string;
-    /**
-     * Passenger type code (e.g., "ADULT", "CHILD", "INFANT")
-     */
-    passengerType?: string;
-    /**
-     * Service class name (e.g., "ECONOMY", "BUSINESS", "EXECUTIVE")
-     */
-    serviceName?: string;
-}
 interface CardPassengerListLabels {
     defaultTitle: string;
     passengerPrefix: string;
@@ -2854,11 +2884,11 @@ interface CardPassengerListProps {
     /**
      * List of passengers to display
      */
-    passengers: PassengerListItem[];
+    passengers: Passenger[];
     /**
      * Callback when a passenger is clicked
      */
-    onPassengerClick: (passenger: PassengerListItem) => void;
+    onPassengerClick: (passenger: Passenger) => void;
     /**
      * Custom labels override (optional)
      * If not provided, default labels based on language will be used
@@ -3890,4 +3920,4 @@ interface ModalListMenuServiceProps {
 
 declare const ModalListMenuService: React$1.FC<ModalListMenuServiceProps>;
 
-export { API_CONFIG, API_ENDPOINTS, API_ERROR_MESSAGES, BackgroundTicketCard, BackgroundTicketCardVertical, type BadgeConfig, type BillingDetail, COUNTRIES, CardAddon, type CardAddonProps, CardBanner, type CardBannerProps, 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, 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, HTTP_STATUS, type HarborItem, IDENTITY_TYPE, type IDENTITY_TYPE_TYPE, 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 PassengerItem as ModalListPassengerItem, 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 PassengerListItem, 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_ENDPOINTS, API_ERROR_MESSAGES, BackgroundTicketCard, BackgroundTicketCardVertical, type BadgeConfig, type BillingDetail, COUNTRIES, CardAddon, type CardAddonProps, CardBanner, type CardBannerProps, 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, 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, HTTP_STATUS, type HarborItem, IDENTITY_TYPE, type IDENTITY_TYPE_TYPE, 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 PassengerItem as ModalListPassengerItem, 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

@@ -147,6 +147,34 @@ declare const PRESET_CONTENT: {
             readonly imageAlt: "Transaction Limit Illustration";
         };
     };
+    readonly UNAUTHENTICATED: {
+        readonly id: {
+            readonly title: "Masuk untuk melanjutkan pemesanan";
+            readonly message: "Untuk memesan tiket dan mengisi manifest penumpang, Anda perlu masuk terlebih dahulu. Pilihan jadwal Anda akan tetap tersimpan.";
+            readonly imageSrc: "/assets/images/illustrations/auth.svg";
+            readonly imageAlt: "Unauthenticated Illustration";
+        };
+        readonly en: {
+            readonly title: "Sign in to continue booking";
+            readonly message: "To book tickets and fill in the passenger manifest, you need to sign in first. Your schedule selection will be saved.";
+            readonly imageSrc: "/assets/images/illustrations/auth.svg";
+            readonly imageAlt: "Unauthenticated Illustration";
+        };
+    };
+    readonly PROFILE_NOT_COMPLETE: {
+        readonly id: {
+            readonly title: "Profil Belum Lengkap";
+            readonly message: "Untuk melanjutkan pemesanan tiket, kami memerlukan data profil yang lengkap sesuai ketentuan ASDP. Lengkapi profil Anda terlebih dahulu agar dapat melanjutkan ke pengisian manifest.";
+            readonly imageSrc: "/assets/images/illustrations/profile.svg";
+            readonly imageAlt: "Profile Not Complete Illustration";
+        };
+        readonly en: {
+            readonly title: "Profile Not Complete";
+            readonly message: "To continue booking tickets, we need complete profile data according to ASDP provisions. Please complete your profile first to proceed to manifest filling.";
+            readonly imageSrc: "/assets/images/illustrations/profile.svg";
+            readonly imageAlt: "Profile Not Complete Illustration";
+        };
+    };
 };
 
 /**
@@ -166,6 +194,8 @@ declare const MODAL_PRESETS: {
     readonly SESSION_EXPIRED: Partial<ModalIllustrationProps>;
     readonly PURCHASE_PERIOD_EXPIRED: Partial<ModalIllustrationProps>;
     readonly TRANSACTION_LIMIT: Partial<ModalIllustrationProps>;
+    readonly UNAUTHENTICATED: Partial<ModalIllustrationProps>;
+    readonly PROFILE_NOT_COMPLETE: Partial<ModalIllustrationProps>;
 };
 
 interface CarouselWithCustomNavLabels {
@@ -403,6 +433,7 @@ interface CardTicketLabels {
     timezoneLabel: string;
     currencySymbol: string;
     logoAlt: string;
+    verifyingTicketButton: string;
 }
 interface CardTicketProps {
     /**
@@ -439,6 +470,7 @@ interface CardTicketProps {
      */
     onSelectTicket?: () => void;
     isLoading?: boolean;
+    isVerifyingTicket?: boolean;
 }
 interface DepartureItem {
     departureDay: string;
@@ -1462,6 +1494,17 @@ interface Passenger {
     regencyName: string;
     phoneNumber: string;
     email: string;
+    passengerType?: string;
+    serviceName?: string;
+    _indices?: {
+        i0: number;
+        i1: number;
+        i2: number;
+        passengerAgeId: number;
+        passengerAgeLabel: string;
+        passengerClassId: number;
+        passengerClassLabel: string;
+    };
 }
 /**
  * Service with passenger count
@@ -1889,8 +1932,10 @@ declare const DEFAULT_VEHICLE_ICONS: {
 };
 
 interface SortOption {
-    value: string;
     label: string;
+    value: string;
+    sortBy: string;
+    sortDir: string;
 }
 interface FilterCount {
     typeService?: number;
@@ -1925,9 +1970,9 @@ interface SortMenuProps {
      */
     value: string;
     /**
-     * Callback when sort value changes
+     * Callback when sort value changes — receives full SortOption object
      */
-    onChange: (value: string) => void;
+    onChange: (option: SortOption) => void;
     /**
      * Total active filter categories
      * @default 0
@@ -1971,10 +2016,7 @@ declare const SortMenu: React$1.FC<SortMenuProps>;
 /**
  * @deprecated Use getSortOptions and find the label from there
  */
-declare const DEFAULT_SORT_OPTIONS: {
-    value: string;
-    label: string;
-}[];
+declare const DEFAULT_SORT_OPTIONS: SortOption[];
 /**
  * @deprecated Use labels directly
  */
@@ -1995,13 +2037,19 @@ interface ModalFilterTicketProps {
      */
     onOpenChange: (open: boolean) => void;
     /**
-     * Selected service types
+     * Selected service types as objects with id and label
      */
-    selectedServiceTypes: string[];
+    selectedServiceTypes: Array<{
+        id: number;
+        label: string;
+    }>;
     /**
      * Callback when service types change
      */
-    onServiceTypesChange: (serviceTypes: string[]) => void;
+    onServiceTypesChange: (serviceTypes: Array<{
+        id: number;
+        label: string;
+    }>) => void;
     /**
      * Selected departure time slots
      */
@@ -2050,7 +2098,7 @@ interface ModalFilterTicketProps {
      * Service types list (from API data)
      */
     serviceTypes?: Array<{
-        value: string;
+        value: number;
         label: string;
     }>;
     /**
@@ -2818,24 +2866,6 @@ interface ModalPassengerFormProps {
 
 declare const ModalPassengerForm: React$1.FC<ModalPassengerFormProps>;
 
-interface PassengerListItem {
-    /**
-     * Unique identifier for the passenger
-     */
-    id?: number;
-    /**
-     * Passenger name
-     */
-    name?: string;
-    /**
-     * Passenger type code (e.g., "ADULT", "CHILD", "INFANT")
-     */
-    passengerType?: string;
-    /**
-     * Service class name (e.g., "ECONOMY", "BUSINESS", "EXECUTIVE")
-     */
-    serviceName?: string;
-}
 interface CardPassengerListLabels {
     defaultTitle: string;
     passengerPrefix: string;
@@ -2854,11 +2884,11 @@ interface CardPassengerListProps {
     /**
      * List of passengers to display
      */
-    passengers: PassengerListItem[];
+    passengers: Passenger[];
     /**
      * Callback when a passenger is clicked
      */
-    onPassengerClick: (passenger: PassengerListItem) => void;
+    onPassengerClick: (passenger: Passenger) => void;
     /**
      * Custom labels override (optional)
      * If not provided, default labels based on language will be used
@@ -3890,4 +3920,4 @@ interface ModalListMenuServiceProps {
 
 declare const ModalListMenuService: React$1.FC<ModalListMenuServiceProps>;
 
-export { API_CONFIG, API_ENDPOINTS, API_ERROR_MESSAGES, BackgroundTicketCard, BackgroundTicketCardVertical, type BadgeConfig, type BillingDetail, COUNTRIES, CardAddon, type CardAddonProps, CardBanner, type CardBannerProps, 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, 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, HTTP_STATUS, type HarborItem, IDENTITY_TYPE, type IDENTITY_TYPE_TYPE, 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 PassengerItem as ModalListPassengerItem, 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 PassengerListItem, 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_ENDPOINTS, API_ERROR_MESSAGES, BackgroundTicketCard, BackgroundTicketCardVertical, type BadgeConfig, type BillingDetail, COUNTRIES, CardAddon, type CardAddonProps, CardBanner, type CardBannerProps, 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, 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, HTTP_STATUS, type HarborItem, IDENTITY_TYPE, type IDENTITY_TYPE_TYPE, 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 PassengerItem as ModalListPassengerItem, 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

@@ -89,6 +89,34 @@ var PRESET_CONTENT = {
       imageSrc: "/assets/images/illustrations/mobile-pay.svg",
       imageAlt: "Transaction Limit Illustration"
     }
+  },
+  UNAUTHENTICATED: {
+    id: {
+      title: "Masuk untuk melanjutkan pemesanan",
+      message: "Untuk memesan tiket dan mengisi manifest penumpang, Anda perlu masuk terlebih dahulu. Pilihan jadwal Anda akan tetap tersimpan.",
+      imageSrc: "/assets/images/illustrations/auth.svg",
+      imageAlt: "Unauthenticated Illustration"
+    },
+    en: {
+      title: "Sign in to continue booking",
+      message: "To book tickets and fill in the passenger manifest, you need to sign in first. Your schedule selection will be saved.",
+      imageSrc: "/assets/images/illustrations/auth.svg",
+      imageAlt: "Unauthenticated Illustration"
+    }
+  },
+  PROFILE_NOT_COMPLETE: {
+    id: {
+      title: "Profil Belum Lengkap",
+      message: "Untuk melanjutkan pemesanan tiket, kami memerlukan data profil yang lengkap sesuai ketentuan ASDP. Lengkapi profil Anda terlebih dahulu agar dapat melanjutkan ke pengisian manifest.",
+      imageSrc: "/assets/images/illustrations/profile.svg",
+      imageAlt: "Profile Not Complete Illustration"
+    },
+    en: {
+      title: "Profile Not Complete",
+      message: "To continue booking tickets, we need complete profile data according to ASDP provisions. Please complete your profile first to proceed to manifest filling.",
+      imageSrc: "/assets/images/illustrations/profile.svg",
+      imageAlt: "Profile Not Complete Illustration"
+    }
   }
 };
 var useStyles = reactComponents.makeStyles({
@@ -198,7 +226,9 @@ var MODAL_PRESETS = {
   RADIUS: getModalPreset("RADIUS", "id"),
   SESSION_EXPIRED: getModalPreset("SESSION_EXPIRED", "id"),
   PURCHASE_PERIOD_EXPIRED: getModalPreset("PURCHASE_PERIOD_EXPIRED", "id"),
-  TRANSACTION_LIMIT: getModalPreset("TRANSACTION_LIMIT", "id")
+  TRANSACTION_LIMIT: getModalPreset("TRANSACTION_LIMIT", "id"),
+  UNAUTHENTICATED: getModalPreset("UNAUTHENTICATED", "id"),
+  PROFILE_NOT_COMPLETE: getModalPreset("PROFILE_NOT_COMPLETE", "id")
 };
 
 // src/components/CarouselWithCustomNav/CarouselWithCustomNav.constants.ts
@@ -247,6 +277,8 @@ var fontWeight = {
 var sharedColors = {
   "Shared_Cranberry_Primary": "#c50f1f",
   "Shared_Red_Primary": "#d13438",
+  "Shared_Orange_Shade_20": "#bc4b09",
+  "Shared_Orange_Tint_60": "#fff9f5",
   "Shared_Green_Primary": "#107c10"};
 var lightModeColors = {
   "Neutral_Foreground_Disabled_Rest": "#bdbdbd",
@@ -1121,7 +1153,8 @@ var DEFAULT_LABELS5 = {
     selectTicketButton: "Pilih Tiket",
     timezoneLabel: "WIB",
     currencySymbol: "IDR",
-    logoAlt: "Logo ASDP"
+    logoAlt: "Logo ASDP",
+    verifyingTicketButton: "Memeriksa Tiket"
   },
   en: {
     availableSeatsLabel: "Available",
@@ -1133,7 +1166,8 @@ var DEFAULT_LABELS5 = {
     selectTicketButton: "Select Ticket",
     timezoneLabel: "WIB",
     currencySymbol: "IDR",
-    logoAlt: "ASDP Logo"
+    logoAlt: "ASDP Logo",
+    verifyingTicketButton: "Verifying Ticket"
   }
 };
 
@@ -1349,7 +1383,8 @@ var CardTicket = ({
   onPriceDetailClick,
   onPolicyClick,
   onSelectTicket,
-  isLoading = false
+  isLoading = false,
+  isVerifyingTicket = false
 }) => {
   const styles = useStyles5();
   const { width } = useWindowSize();
@@ -1699,8 +1734,13 @@ var CardTicket = ({
                   style: { backgroundColor: brandColors["60"] },
                   size: "medium",
                   shape: "circular",
-                  icon: /* @__PURE__ */ jsxRuntime.jsx(react.Icon, { icon: "fluent:ticket-diagonal-24-filled" }),
-                  children: buttonText || mergedLabels.selectTicketButton
+                  icon: isVerifyingTicket ? null : /* @__PURE__ */ jsxRuntime.jsx(react.Icon, { icon: "fluent:ticket-diagonal-24-filled" }),
+                  disabled: isVerifyingTicket,
+                  children: isVerifyingTicket ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(reactComponents.Spinner, { size: "extra-tiny", style: { marginRight: "5px" } }),
+                    " ",
+                    mergedLabels.verifyingTicketButton
+                  ] }) : buttonText || mergedLabels.selectTicketButton
                 }
               )
             ] }),
@@ -8748,18 +8788,18 @@ var DEFAULT_LABELS16 = {
   }
 };
 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 }
+  { value: "recommended", sortBy: "recommendation", sortDir: "ASC", label: labels.recommendation },
+  { value: "price-desc", sortBy: "price", sortDir: "DESC", label: labels.highestPrice },
+  { value: "price-asc", sortBy: "price", sortDir: "ASC", label: labels.lowestPrice },
+  { value: "departure-asc", sortBy: "departure", sortDir: "ASC", label: labels.earliestDeparture },
+  { value: "departure-desc", sortBy: "departure", sortDir: "DESC", label: labels.latestDeparture }
 ];
 var DEFAULT_SORT_OPTIONS = [
-  { value: "rekomendasi", label: "Rekomendasi" },
-  { value: "harga-tertinggi", label: "Harga Tertinggi" },
-  { value: "harga-terendah", label: "Harga Terendah" },
-  { value: "keberangkatan-paling-awal", label: "Keberangkatan Paling Awal" },
-  { value: "keberangkatan-paling-akhir", label: "Keberangkatan Paling Akhir" }
+  { value: "recommended", sortBy: "recommendation", sortDir: "ASC", label: "Rekomendasi" },
+  { value: "price-desc", sortBy: "price", sortDir: "DESC", label: "Harga Tertinggi" },
+  { value: "price-asc", sortBy: "price", sortDir: "ASC", label: "Harga Terendah" },
+  { value: "departure-asc", sortBy: "departure", sortDir: "ASC", label: "Keberangkatan Paling Awal" },
+  { value: "departure-desc", sortBy: "departure", sortDir: "DESC", label: "Keberangkatan Paling Akhir" }
 ];
 var getSortLabel = (value) => {
   const option = DEFAULT_SORT_OPTIONS.find((opt) => opt.value === value);
@@ -8833,8 +8873,9 @@ var SortMenu = ({
     () => sortOptions.find((opt) => opt.value === value)?.label || labels.recommendation,
     [sortOptions, value, labels.recommendation]
   );
+  const defaultOption = sortOptions.find((opt) => opt.value === "recommended") || sortOptions[0];
   const handleReset = () => {
-    onChange("rekomendasi");
+    onChange(defaultOption);
   };
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles.container, children: [
     onFilterClick && /* @__PURE__ */ jsxRuntime.jsx(
@@ -8866,7 +8907,10 @@ var SortMenu = ({
         reactComponents.RadioGroup,
         {
           value,
-          onChange: (_, data) => onChange(data.value),
+          onChange: (_, data) => {
+            const selected = sortOptions.find((opt) => opt.value === data.value);
+            if (selected) onChange(selected);
+          },
           children: sortOptions.map((option) => /* @__PURE__ */ jsxRuntime.jsx(
             reactComponents.Radio,
             {
@@ -9115,11 +9159,12 @@ var ModalFilterTicket = ({
       };
     }
   }, [open]);
-  const handleServiceTypeToggle = (value) => {
-    if (selectedServiceTypes.includes(value)) {
-      onServiceTypesChange(selectedServiceTypes.filter((s) => s !== value));
+  const handleServiceTypeToggle = (service) => {
+    const exists = selectedServiceTypes.some((s) => s.id === service.value);
+    if (exists) {
+      onServiceTypesChange(selectedServiceTypes.filter((s) => s.id !== service.value));
     } else {
-      onServiceTypesChange([...selectedServiceTypes, value]);
+      onServiceTypesChange([...selectedServiceTypes, { id: service.value, label: service.label }]);
     }
   };
   const handleDepartureTimeChange = (value, checked) => {
@@ -9295,8 +9340,8 @@ var ModalFilterTicket = ({
       isLoading ? renderServiceTypesSkeleton() : /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles.section, children: [
         /* @__PURE__ */ jsxRuntime.jsx(reactComponents.Body1, { children: mergedLabels.serviceTypeLabel }),
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles.buttonGrid, children: serviceTypes.map((service) => {
-          const isSelected = selectedServiceTypes.includes(
-            service.value
+          const isSelected = selectedServiceTypes.some(
+            (s) => s.id === service.value
           );
           return /* @__PURE__ */ jsxRuntime.jsx(
             reactComponents.Button,
@@ -9304,7 +9349,7 @@ var ModalFilterTicket = ({
               appearance: isSelected ? "primary" : "outline",
               className: isSelected ? "" : styles.outlinePrimary,
               size: "large",
-              onClick: () => handleServiceTypeToggle(service.value),
+              onClick: () => handleServiceTypeToggle(service),
               style: { width: "100%" },
               children: service.label
             },
@@ -11858,6 +11903,25 @@ var useStyles25 = reactComponents.makeStyles({
     height: "32px",
     zIndex: 1,
     filter: "drop-shadow(0px 2px 2px rgba(0, 0, 0, 0.1))"
+  },
+  warningBanner: {
+    display: "flex",
+    alignItems: "center",
+    gap: "0.75rem",
+    backgroundColor: sharedColors.Shared_Orange_Tint_60,
+    border: `1px solid ${sharedColors.Shared_Orange_Shade_20}`,
+    borderRadius: reactComponents.tokens.borderRadiusLarge,
+    padding: "0.75rem 1rem",
+    marginBottom: "1.5rem"
+  },
+  warningIcon: {
+    color: sharedColors.Shared_Orange_Shade_20,
+    flexShrink: 0,
+    display: "flex"
+  },
+  warningText: {
+    color: sharedColors.Shared_Orange_Shade_20,
+    fontSize: reactComponents.tokens.fontSizeBase300
   }
 });
 var CardPassengerList = ({
@@ -11876,6 +11940,10 @@ var CardPassengerList = ({
       /* @__PURE__ */ jsxRuntime.jsx(reactComponents.Title3, { className: styles.headerTitle, children: displayTitle }),
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles.headerLine })
     ] }),
+    passengers.filter((p) => p.id).length !== passengers.length && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles.warningBanner, children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles.warningIcon, children: /* @__PURE__ */ jsxRuntime.jsx(react.Icon, { icon: "fluent:warning-20-filled", width: 24, height: 24 }) }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles.warningText, children: "Harap isi data penumpang dibawah ini untuk bisa melanjutkan pembelian tiket." })
+    ] }),
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles.passengerList, children: passengers.map((passenger, index) => {
       const badgeConfig = getBadgeConfig(passenger.serviceName);
       return /* @__PURE__ */ jsxRuntime.jsxs(
@@ -11893,7 +11961,7 @@ var CardPassengerList = ({
           },
           children: [
             /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles.passengerInfo, children: /* @__PURE__ */ jsxRuntime.jsxs(reactComponents.Subtitle2, { className: styles.passengerText, children: [
-              passenger.name || `${mergedLabels.passengerPrefix} ${index + 1}`,
+              passenger.fullName || `${mergedLabels.passengerPrefix} ${index + 1}`,
               " ",
               "(",
               passenger.passengerType,
@@ -11925,7 +11993,7 @@ var CardPassengerList = ({
                   /* @__PURE__ */ jsxRuntime.jsx(
                     react.Icon,
                     {
-                      icon: passenger.name && passenger.serviceName ? "fluent:edit-24-regular" : "fluent:chevron-right-24-regular",
+                      icon: passenger.id && passenger.serviceName ? "fluent:edit-24-regular" : "fluent:chevron-right-24-regular",
                       width: 20,
                       height: 20
                     }