@asdp/ferryui 0.1.22-dev.8491 → 0.1.22-dev.8560

package/dist/index.d.mts

@@ -1,7 +1,7 @@
 import React$1, { ReactNode } from 'react';
 import { CarouselAnnouncerFunction, DialogProps } from '@fluentui/react-components';
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { FieldValues, Path } from 'react-hook-form';
+import { FieldValues, Path, Control, UseFormWatch, UseFormSetValue, UseFormGetValues } from 'react-hook-form';
 
 interface ModalIllustrationButton {
     /**
@@ -1943,16 +1943,6 @@ interface PassengerListItem {
      */
     serviceName?: string;
 }
-interface BadgeConfig {
-    /**
-     * Badge background color
-     */
-    color: string;
-    /**
-     * Path to badge icon
-     */
-    icon: string;
-}
 interface CardPassengerListProps {
     /**
      * Card title
@@ -1993,6 +1983,539 @@ interface CardPassengerListProps {
  */
 declare const CardPassengerList: React$1.FC<CardPassengerListProps>;
 
+interface CardVehicleDetailProps {
+    /**
+     * Title of the vehicle service type
+     */
+    serviceTitle: string;
+    /**
+     * Image URL for the vehicle service
+     */
+    serviceImage: string;
+    /**
+     * React Hook Form control
+     */
+    control: Control<any>;
+    /**
+     * Name of the form field for vehicle number
+     * @default "vehicleNumber"
+     */
+    vehicleNumberName?: string;
+    /**
+     * Whether to show the "Has Load" radio option
+     * @default false
+     */
+    showLoadOption?: boolean;
+    /**
+     * Current value of "Has Load" option
+     */
+    hasLoad?: 'true' | 'false';
+    /**
+     * Callback when "Has Load" option changes
+     */
+    onHasLoadChange?: (value: 'true' | 'false') => void;
+}
+
+declare const CardVehicleDetail: React$1.FC<CardVehicleDetailProps>;
+
+interface CargoItem {
+    id: number;
+    commodity?: string;
+    cargoType?: string;
+    quantity?: number | string;
+    industryType?: string;
+    cargoCategory?: string;
+}
+interface VehicleOwner {
+    id: number;
+    senderType?: 'Perusahaan' | 'Perseorangan';
+    senderName?: string;
+    estimatedWeight?: number | string;
+    originCity?: string;
+    destinationCity?: string;
+    cargoOwnerType?: 'Perusahaan' | 'Perseorangan';
+    cargoOwnerName?: string;
+    logisticsCompanyType?: 'Perusahaan' | 'Perseorangan';
+    logisticsCompanyName?: string;
+    cargoReceiverType?: 'Perusahaan' | 'Perseorangan';
+    cargoReceiverName?: string;
+    cargoWeight?: number | string;
+    cargoItems?: CargoItem[];
+    price?: number;
+    [key: string]: any;
+}
+interface CardVehicleOwnerFormProps {
+    /**
+     * List of owners to display
+     */
+    owners: VehicleOwner[];
+    /**
+     * Whether the vehicle has load/cargo
+     */
+    hasLoad: boolean;
+    /**
+     * React Hook Form control
+     */
+    control: Control<any>;
+    /**
+     * React Hook Form watch function
+     */
+    watch: UseFormWatch<any>;
+    /**
+     * React Hook Form setValue function
+     */
+    setValue: UseFormSetValue<any>;
+    /**
+     * React Hook Form getValues function
+     */
+    getValues: UseFormGetValues<any>;
+    /**
+     * Callback to add a new owner
+     */
+    onAddOwner: () => void;
+    /**
+     * Callback to delete an owner
+     */
+    onDeleteOwner: (id: number) => void;
+    /**
+     * Callback to update an owner's data
+     */
+    onUpdateOwner: (id: number, data: Partial<VehicleOwner>) => void;
+    /**
+     * Callback to add a cargo item to an owner
+     */
+    onAddCargo: (ownerId: number) => void;
+    /**
+     * Callback to delete a cargo item
+     */
+    onDeleteCargo: (ownerId: number, cargoId: number) => void;
+    /**
+     * Callback to update cargo quantity
+     */
+    onUpdateCargoQuantity: (ownerId: number, cargoId: number, quantity: number) => void;
+    /**
+     * Options for company select inputs
+     */
+    companyOptions?: SelectOption[];
+    /**
+     * Options for city select inputs
+      * @default [] */
+    cityOptions?: SelectOption[];
+}
+
+declare const CardVehicleOwnerForm: React$1.FC<CardVehicleOwnerFormProps>;
+
+type ReservationStep = 'manifest' | 'addon' | 'meals' | 'review' | 'payment' | 'eticket' | string;
+type PaymentStep = 'method' | 'pay' | string;
+interface CardBookingTicketProps {
+    /**
+     * Ship Name (e.g. KMP PORTLINK)
+     */
+    shipName?: string;
+    /**
+     * Ship Type (e.g. Executive, Reguler)
+     */
+    shipType?: string;
+    /**
+     * Badge color for ship type
+     */
+    shipTypeColor?: 'brand' | 'danger' | 'important' | 'informative' | 'severe' | 'subtle' | 'success' | 'warning';
+    /**
+     * Departure Day (e.g. Kamis, 25 Sep)
+     */
+    departureDay?: string;
+    /**
+     * Departure Time (e.g. 18:15)
+     */
+    departureTime?: string;
+    /**
+     * Departure Location (e.g. Merak, Banten)
+     */
+    departureLocation?: string;
+    /**
+     * Arrival Day (e.g. Jumat, 26 Sep)
+     */
+    arrivalDay?: string;
+    /**
+     * Arrival Time (e.g. 19:25)
+     */
+    arrivalTime?: string;
+    /**
+     * Arrival Location (e.g. Bakauheni, Lampung)
+     */
+    arrivalLocation?: string;
+    /**
+     * Duration string (e.g. 1 jam 10 menit)
+     */
+    duration?: string;
+    /**
+     * Total price formatted string (e.g. 50.000)
+     */
+    totalPrice: string;
+    /**
+     * Current Reservation Step
+     */
+    reservationStep: ReservationStep;
+    /**
+     * Current Payment Step
+     */
+    paymentStep: PaymentStep;
+    /**
+     * Callback for price detail click
+     */
+    onPriceDetailClick: () => void;
+    /**
+     * Callback for Next button (Lanjutkan / Lihat Pemesanan)
+     */
+    onNext: () => void;
+    /**
+     * Callback for Previous button (Sebelumnya / Ubah Metode Pembayaran)
+     */
+    onPrevious: () => void;
+    /**
+     * Whether to show or hide the card (though usually handled by parent)
+     */
+    className?: string;
+}
+
+declare const CardBookingTicket: React$1.FC<CardBookingTicketProps>;
+
+interface CardFAQProps {
+    /**
+     * Optional class name for the container
+     */
+    className?: string;
+}
+
+declare const CardFAQ: React$1.FC<CardFAQProps>;
+
+interface AddonFooterData {
+    priceLabel: string;
+    price: number;
+    priceUnit?: string;
+    actionLabel?: string;
+    onActionClick?: () => void;
+    actionType: 'detail-link' | 'primary-button';
+}
+interface AssuranceItem {
+    label: string;
+    priceDetails: string;
+    totalPrice: number;
+}
+interface AssuranceData {
+    totalPassenger: number;
+    items: AssuranceItem[];
+    totalPrice: number;
+}
+interface MealItem$1 {
+    id: number;
+    name: string;
+    image: string;
+    description: string;
+    price: number;
+    quantity: number;
+}
+interface MealData {
+    items: MealItem$1[];
+    onUpdateQuantity: (id: number, delta: number) => void;
+    onDelete: (id: number) => void;
+}
+interface CardAddonProps {
+    /**
+     * Main title of the card header
+     */
+    title: string;
+    /**
+     * Title of the content item
+     */
+    itemTitle: string;
+    /**
+     * Subtitle of the content item
+     */
+    itemSubtitle: string;
+    /**
+     * URL of the icon image
+     */
+    iconUrl?: string;
+    /**
+     * Description text displayed below the item content
+     */
+    description?: string;
+    /**
+     * Action element displayed on the right side of the item content (e.g. Switch)
+     */
+    rightAction?: React$1.ReactNode;
+    /**
+     * Data driven footer configuration
+     */
+    footerData?: AddonFooterData;
+    /**
+     * Data for Assurance breakdown view
+     */
+    assuranceData?: AssuranceData;
+    /**
+     * Data for Meal list view
+     */
+    mealData?: MealData;
+    /**
+     * Optional custom children (fallback)
+     */
+    children?: React$1.ReactNode;
+    /**
+     * Optional class name
+     */
+    className?: string;
+}
+
+declare const CardAddon: React$1.FC<CardAddonProps>;
+
+interface MealItem {
+    id: number;
+    name: string;
+    description?: string;
+    price: number;
+    image: string;
+    quantity: number;
+    [key: string]: any;
+}
+interface MealCategory {
+    category: string;
+    list: MealItem[];
+}
+interface CardMealCatalogProps {
+    /**
+     * Configuration for the top banner
+     */
+    banner: {
+        imageUrl: string;
+        title: string;
+        subtitle: string;
+    };
+    /**
+     * Text displayed in the disclaimer box
+     */
+    disclaimerText: string;
+    /**
+     * List of meal categories and their items
+     */
+    categories: MealCategory[];
+    /**
+     * Callback when "Tambah" button is clicked
+     */
+    onAdd: (item: MealItem) => void;
+    /**
+     * Callback when quantity is updated (+ or -)
+     */
+    onUpdateQuantity: (itemId: number, delta: number) => void;
+    /**
+     * Optional class name
+     */
+    className?: string;
+}
+
+declare const CardMealCatalog: React$1.FC<CardMealCatalogProps>;
+
+interface ReviewItem {
+    label: React$1.ReactNode;
+    value: React$1.ReactNode;
+    /**
+     * Optional class name for the row container
+     */
+    className?: string;
+    /**
+     * Optional class name for the label
+     */
+    labelClassName?: string;
+    /**
+     * Optional class name for the value
+     */
+    valueClassName?: string;
+}
+interface CardReviewProps {
+    /**
+     * Title of the section (e.g. "Detail Pemesan")
+     */
+    title: string;
+    /**
+     * Optional items to display as list rows
+     */
+    items?: ReviewItem[];
+    /**
+     * Custom children content (will be rendered after items if both exist)
+     */
+    children?: React$1.ReactNode;
+    /**
+     * Optional class name for the card
+     */
+    className?: string;
+    /**
+     * Optional action in the header (e.g. Ubah button) - though not present in current designs, good for extensibility
+     */
+    headerAction?: React$1.ReactNode;
+}
+
+declare const CardReview: React$1.FC<CardReviewProps>;
+
+interface ReviewPassengerItem {
+    id: string | number;
+    name: string;
+    identityNumber: string;
+    ageLabel: string;
+    ageValue: string;
+    ticketClass: string;
+    serviceClass?: string;
+}
+interface CardReviewPassengerProps {
+    /**
+     * Title of the card section, defaults to "Penumpang"
+     */
+    title?: string;
+    /**
+     * List of passengers to display
+     */
+    passengers: ReviewPassengerItem[];
+    /**
+     * Optional class name
+     */
+    className?: string;
+}
+
+declare const CardReviewPassenger: React$1.FC<CardReviewPassengerProps>;
+
+interface PriceItem {
+    name: string;
+    price: number;
+    /**
+     * If true, the value will be displayed with a minus sign or specific style (e.g. discount)
+     */
+    isRedeem?: boolean;
+    /**
+     * Variant for the text color
+     */
+    variant?: 'default' | 'danger' | 'muted';
+    /**
+     * Optional description helper text (e.g. for tax explanation)
+     */
+    description?: string;
+}
+interface PriceSection {
+    category?: string;
+    title?: string;
+    detail: PriceItem[];
+}
+interface CardPriceDetailsProps {
+    /**
+     * Title of the card, defaults to "Rincian Harga"
+     */
+    title?: string;
+    /**
+     * Sections of price details
+     */
+    sections: PriceSection[];
+    /**
+     * Total payment details
+     */
+    total: number;
+}
+
+declare const CardPriceDetails: React$1.FC<CardPriceDetailsProps>;
+
+interface PaymentOption {
+    label: string;
+    value: string;
+    image: string;
+}
+interface PaymentMethodCategory {
+    title: string;
+    value: string;
+    options: PaymentOption[];
+}
+interface CardPaymentMethodListProps {
+    methods: PaymentMethodCategory[];
+    selectedValue?: string;
+    onSelect: (value: string) => void;
+}
+
+declare const CardPaymentMethodList: React$1.FC<CardPaymentMethodListProps>;
+
+interface PaymentGuideStep {
+    title: string;
+    value: string;
+    steps: string[];
+}
+interface CardPaymentGuideProps {
+    title?: string;
+    guides: PaymentGuideStep[];
+    className?: string;
+}
+
+declare const CardPaymentGuide: React$1.FC<CardPaymentGuideProps>;
+
+interface BankInfo {
+    name: string;
+    icon: string;
+}
+interface CardPaymentInfoProps {
+    expiryDate: string;
+    bank: BankInfo;
+    virtualAccount: string;
+    totalAmount: number;
+    guides: PaymentGuideStep[];
+    onCopyVA?: () => void;
+    onCheckStatus?: () => void;
+}
+
+declare const CardPaymentInfo: React$1.FC<CardPaymentInfoProps>;
+
+interface CardStatusOrderProps {
+    bookingCode: string;
+    departureDate: string;
+    departureTime: string;
+    arrivalDate: string;
+    arrivalTime: string;
+    origin: string;
+    destination: string;
+    duration?: string;
+    vehicleClass: string;
+    serviceType: string;
+    vehicleNumber?: string;
+    shipType?: string;
+    statusLabel?: string;
+    statusIcon?: JSX.Element;
+    statusColor?: 'success' | 'danger' | 'warning' | 'brand' | 'important' | 'informative' | 'severe' | 'subtle';
+    illustrationUrl?: string;
+    title?: string;
+    description?: string;
+    onClickViewTicket?: () => void;
+    isLoading?: boolean;
+    className?: string;
+}
+
+declare const CardStatusOrder: React$1.FC<CardStatusOrderProps>;
+
+interface PriceDetailItem {
+    key: string;
+    label: string | React.ReactNode;
+    price: number;
+    badge?: string;
+    list?: PriceDetailItem[];
+}
+interface ModalPriceDetailProps {
+    isOpen: boolean;
+    onOpenChange: (open: boolean) => void;
+    detailItems: PriceDetailItem[];
+    addonItems: PriceDetailItem[];
+    subTotal: number;
+    taxAmount: number;
+    grandTotal: number;
+}
+
+declare const ModalPriceDetail: React$1.FC<ModalPriceDetailProps>;
+
+interface BadgeConfig {
+    color: string;
+    icon?: string;
+}
 /**
  * Get badge configuration based on ticket class
  * @param ticketClass - The ticket class (ECONOMY, BUSINESS, EXECUTIVE)
@@ -2000,4 +2523,31 @@ declare const CardPassengerList: React$1.FC<CardPassengerListProps>;
  */
 declare const getBadgeConfig: (ticketClass?: string) => BadgeConfig;
 
-export { BackgroundTicketCard, BackgroundTicketCardVertical, type BadgeConfig, CardBanner, type CardBannerProps, CardOrdererInfo, type CardOrdererInfoProps, CardPassengerList, type CardPassengerListProps, CardPromo, type CardPromoProps, CardServiceMenu, type CardServiceMenuProps, CardTicket, type CardTicketProps, CardTicketSearch, DEFAULT_LABELS$3 as CardTicketSearchDefaultLabels, type CardTicketSearchFormData, type CardTicketSearchLabels, type CardTicketSearchProps, type ServiceMenuItem as CardTicketSearchServiceMenuItem, CardTicketSearchSummary, DEFAULT_LABELS$2 as CardTicketSearchSummaryDefaultLabels, type CardTicketSearchSummaryProps, CarouselWithCustomNav, type CarouselWithCustomNavProps, type CountryCode, DEFAULT_COUNTRY_CODES, DEFAULT_DURATION_RANGE, DEFAULT_PRICE_RANGE, DEFAULT_SCROLL_AMOUNT, DEFAULT_SERVICE_CLASSES, DEFAULT_SERVICE_TYPES, DEFAULT_SORT_OPTIONS, DEFAULT_TIME_SLOTS, DEFAULT_VEHICLE_ICONS, DateFilter, DEFAULT_LABELS as DateFilterDefaultLabels, type DateFilterLabels, type DateFilterProps, type DateItem, type FilterCount, type HarborItem, InputDynamic, type InputDynamicProps, type InputType, MODAL_PRESETS, ModalFilterTicket, DEFAULT_LABELS$1 as ModalFilterTicketDefaultLabels, type ModalFilterTicketLabels, type ModalFilterTicketProps, ModalIllustration, type ModalIllustrationButton, type ModalIllustrationProps, ModalListPassenger, type PassengerItem as ModalListPassengerItem, type ModalListPassengerProps, ModalPassengerForm, type ModalPassengerFormProps, type ModalPresetKey, ModalSearchHarbor, type ModalSearchHarborProps, ModalSearchTicket, type ModalSearchTicketProps, ModalSelectDate, type ModalSelectDateProps, ModalService, type ModalServiceProps, ModalTotalPassengers, type ModalTotalPassengersProps, ModalTypeOfService, type ModalTypeOfServiceProps, type OrdererInfo, type Passenger, type PassengerFormData, type PassengerListItem, type PassengerService, type PassengerServiceCode, type PassengerType, type RadioOption, type SearchSummaryField, type SearchTicketFormData, type SelectOption, type SelectedPassengerItem, type ServiceClass, type ServiceId, type ServiceItem, SortMenu, type SortMenuProps, type SortOption, type StepStatus, Stepper, type StepperProps, type StepperStep, type TabType, type TypeOfService, getBadgeConfig, getModalPreset, getSortLabel };
+interface ProfileMenuTab {
+    label: string;
+    value: string;
+    icon: string;
+    href?: string;
+}
+interface ProfileMenuSection {
+    sectionLabel: string;
+    tabs: ProfileMenuTab[];
+}
+interface CardProfileMenuProps {
+    /**
+     * List of menu sections with tabs
+     */
+    sections: ProfileMenuSection[];
+    /**
+     * Currently selected tab value
+     */
+    selectedValue?: string;
+    /**
+     * Callback when a tab is selected
+     */
+    onTabSelect: (value: string) => void;
+}
+
+declare const CardProfileMenu: React$1.FC<CardProfileMenuProps>;
+
+export { BackgroundTicketCard, BackgroundTicketCardVertical, type BadgeConfig, 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 CardProfileMenuProps, CardPromo, type CardPromoProps, CardReview, CardReviewPassenger, type CardReviewPassengerProps, type CardReviewProps, CardServiceMenu, type CardServiceMenuProps, CardStatusOrder, type CardStatusOrderProps, CardTicket, type CardTicketProps, CardTicketSearch, DEFAULT_LABELS$3 as CardTicketSearchDefaultLabels, type CardTicketSearchFormData, type CardTicketSearchLabels, type CardTicketSearchProps, type ServiceMenuItem as CardTicketSearchServiceMenuItem, CardTicketSearchSummary, DEFAULT_LABELS$2 as CardTicketSearchSummaryDefaultLabels, type CardTicketSearchSummaryProps, CardVehicleDetail, type CardVehicleDetailProps, CardVehicleOwnerForm, type CardVehicleOwnerFormProps, type CargoItem, CarouselWithCustomNav, type CarouselWithCustomNavProps, type CountryCode, DEFAULT_COUNTRY_CODES, DEFAULT_DURATION_RANGE, DEFAULT_PRICE_RANGE, DEFAULT_SCROLL_AMOUNT, DEFAULT_SERVICE_CLASSES, DEFAULT_SERVICE_TYPES, DEFAULT_SORT_OPTIONS, DEFAULT_TIME_SLOTS, DEFAULT_VEHICLE_ICONS, DateFilter, DEFAULT_LABELS as DateFilterDefaultLabels, type DateFilterLabels, type DateFilterProps, type DateItem, type FilterCount, type HarborItem, InputDynamic, type InputDynamicProps, type InputType, MODAL_PRESETS, ModalFilterTicket, DEFAULT_LABELS$1 as ModalFilterTicketDefaultLabels, type ModalFilterTicketLabels, type ModalFilterTicketProps, ModalIllustration, type ModalIllustrationButton, type ModalIllustrationProps, ModalListPassenger, type PassengerItem as ModalListPassengerItem, type ModalListPassengerProps, ModalPassengerForm, type ModalPassengerFormProps, type ModalPresetKey, ModalPriceDetail, type ModalPriceDetailProps, ModalSearchHarbor, type ModalSearchHarborProps, ModalSearchTicket, type ModalSearchTicketProps, ModalSelectDate, type ModalSelectDateProps, ModalService, type ModalServiceProps, ModalTotalPassengers, type ModalTotalPassengersProps, ModalTypeOfService, type ModalTypeOfServiceProps, type OrdererInfo, type Passenger, type PassengerFormData, type PassengerListItem, type PassengerService, type PassengerServiceCode, type PassengerType, type PaymentStep, type PriceDetailItem, type ProfileMenuSection, type ProfileMenuTab, type RadioOption, type ReservationStep, type SearchSummaryField, type SearchTicketFormData, type SelectOption, type SelectedPassengerItem, type ServiceClass, type ServiceId, type ServiceItem, SortMenu, type SortMenuProps, type SortOption, type StepStatus, Stepper, type StepperProps, type StepperStep, type TabType, type TypeOfService, type VehicleOwner, getBadgeConfig, getModalPreset, getSortLabel };