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

package/dist/index.d.mts

@@ -3,6 +3,13 @@ import { CarouselAnnouncerFunction, DialogProps } from '@fluentui/react-componen
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { FieldValues, Path, Control, UseFormWatch, UseFormSetValue, UseFormGetValues } from 'react-hook-form';
 
+type Language = 'id' | 'en';
+
+interface ModalIllustrationLabels {
+    defaultImageAlt: string;
+    defaultTitle: string;
+    defaultButtonText: string;
+}
 interface ModalIllustrationButton {
     /**
      * Button text
@@ -69,58 +76,96 @@ interface ModalIllustrationProps {
      * If provided, buttons will be displayed side by side
      */
     secondaryButton?: ModalIllustrationButton;
+    /**
+     * Language for labels
+     * @default 'id'
+     */
+    language?: Language;
+    /**
+     * Custom labels override
+     */
+    labels?: Partial<ModalIllustrationLabels>;
 }
+
 declare const ModalIllustration: React$1.FC<ModalIllustrationProps>;
 
-/**
- * Preset configurations for common modal use cases
- */
-declare const MODAL_PRESETS: {
-    /**
-     * Modal for radius/location restriction
-     */
+declare const PRESET_CONTENT: {
     readonly RADIUS: {
-        readonly title: "Anda berada di luar area pemesanan";
-        readonly message: "Pemesanan tiket tidak dapat dilakukan dari lokasi Anda saat ini. Fitur pembatasan wilayah sedang aktif untuk mencegah pemesanan tidak sah.";
-        readonly imageSrc: "/assets/images/illustrations/radius.svg";
-        readonly imageAlt: "Radius Limitation Illustration";
+        readonly id: {
+            readonly title: "Anda berada di luar area pemesanan";
+            readonly message: "Pemesanan tiket tidak dapat dilakukan dari lokasi Anda saat ini. Fitur pembatasan wilayah sedang aktif untuk mencegah pemesanan tidak sah.";
+            readonly imageSrc: "/assets/images/illustrations/radius.svg";
+            readonly imageAlt: "Radius Limitation Illustration";
+        };
+        readonly en: {
+            readonly title: "You are outside the booking area";
+            readonly message: "Ticket booking cannot be done from your current location. Location restriction feature is active to prevent unauthorized booking.";
+            readonly imageSrc: "/assets/images/illustrations/radius.svg";
+            readonly imageAlt: "Radius Limitation Illustration";
+        };
     };
-    /**
-     * Modal for expired session
-     */
     readonly SESSION_EXPIRED: {
-        readonly title: "Sesi anda telah berakhir";
-        readonly message: "Waktu sesi Anda telah habis untuk alasan keamanan. Silakan klik tombol dibawah untuk masuk kembali.";
-        readonly imageSrc: "/assets/images/illustrations/sessionexp.svg";
-        readonly imageAlt: "Session Expired Illustration";
+        readonly id: {
+            readonly title: "Sesi anda telah berakhir";
+            readonly message: "Waktu sesi Anda telah habis untuk alasan keamanan. Silakan klik tombol dibawah untuk masuk kembali.";
+            readonly imageSrc: "/assets/images/illustrations/sessionexp.svg";
+            readonly imageAlt: "Session Expired Illustration";
+        };
+        readonly en: {
+            readonly title: "Your session has expired";
+            readonly message: "Your session time has run out for security reasons. Please click the button below to sign in again.";
+            readonly imageSrc: "/assets/images/illustrations/sessionexp.svg";
+            readonly imageAlt: "Session Expired Illustration";
+        };
     };
-    /**
-     * Modal for purchase period expired
-     */
     readonly PURCHASE_PERIOD_EXPIRED: {
-        readonly title: "Waktu pembelian telah berakhir";
-        readonly message: "Pemesanan tiket ditutup 1 jam sebelum jadwal keberangkatan. Silakan pilih jadwal keberangkatan lain yang masih tersedia.";
-        readonly imageSrc: "/assets/images/illustrations/pay.svg";
-        readonly imageAlt: "Purchase Period Expired Illustration";
+        readonly id: {
+            readonly title: "Waktu pembelian telah berakhir";
+            readonly message: "Pemesanan tiket ditutup 1 jam sebelum jadwal keberangkatan. Silakan pilih jadwal keberangkatan lain yang masih tersedia.";
+            readonly imageSrc: "/assets/images/illustrations/pay.svg";
+            readonly imageAlt: "Purchase Period Expired Illustration";
+        };
+        readonly en: {
+            readonly title: "Purchase period has expired";
+            readonly message: "Ticket booking closes 1 hour before departure schedule. Please choose another available departure schedule.";
+            readonly imageSrc: "/assets/images/illustrations/pay.svg";
+            readonly imageAlt: "Purchase Period Expired Illustration";
+        };
     };
-    /**
-     * Modal for transaction limit reached
-     */
     readonly TRANSACTION_LIMIT: {
-        readonly title: "Anda mencapai batas transaksi tertunda";
-        readonly message: "Anda telah mencapai batas transaksi tertunda. Pemesanan dapat dilakukan kembali setelah transaksi sebelumnya diselesaikan.";
-        readonly imageSrc: "/assets/images/illustrations/mobile-pay.svg";
-        readonly imageAlt: "Transaction Limit Illustration";
+        readonly id: {
+            readonly title: "Anda mencapai batas transaksi tertunda";
+            readonly message: "Anda telah mencapai batas transaksi tertunda. Pemesanan dapat dilakukan kembali setelah transaksi sebelumnya diselesaikan.";
+            readonly imageSrc: "/assets/images/illustrations/mobile-pay.svg";
+            readonly imageAlt: "Transaction Limit Illustration";
+        };
+        readonly en: {
+            readonly title: "Pending transaction limit reached";
+            readonly message: "You have reached the pending transaction limit. Booking can be done again after the previous transaction is completed.";
+            readonly imageSrc: "/assets/images/illustrations/mobile-pay.svg";
+            readonly imageAlt: "Transaction Limit Illustration";
+        };
     };
 };
+
 /**
  * Type for preset keys
  */
-type ModalPresetKey = keyof typeof MODAL_PRESETS;
+type ModalPresetKey = keyof typeof PRESET_CONTENT;
 /**
  * Helper function to get preset configuration
  */
-declare const getModalPreset: (presetKey: ModalPresetKey) => Partial<ModalIllustrationProps>;
+declare const getModalPreset: (presetKey: ModalPresetKey, language?: Language) => Partial<ModalIllustrationProps>;
+/**
+ * @deprecated Use getModalPreset instead
+ * Preset configurations for common modal use cases (defaults to ID)
+ */
+declare const MODAL_PRESETS: {
+    readonly RADIUS: Partial<ModalIllustrationProps>;
+    readonly SESSION_EXPIRED: Partial<ModalIllustrationProps>;
+    readonly PURCHASE_PERIOD_EXPIRED: Partial<ModalIllustrationProps>;
+    readonly TRANSACTION_LIMIT: Partial<ModalIllustrationProps>;
+};
 
 interface CarouselWithCustomNavProps {
     /**
@@ -181,8 +226,6 @@ interface CarouselWithCustomNavProps {
 }
 declare const CarouselWithCustomNav: React$1.FC<CarouselWithCustomNavProps>;
 
-type Language = 'id' | 'en';
-
 interface CardPromoLabels {
     defaultImageAlt: string;
     defaultButtonText: string;
@@ -259,6 +302,11 @@ interface CardPromoProps {
 
 declare const CardPromo: React$1.FC<CardPromoProps>;
 
+interface CardBannerLabels {
+    bannerAriaLabel: string;
+    bannerAriaLabelSingle: string;
+    loadingBanner: string;
+}
 interface CardBannerProps {
     /**
      * Banner image URL
@@ -284,7 +332,17 @@ interface CardBannerProps {
      * Loading state
      */
     isLoading?: boolean;
+    /**
+     * Language for accessibility labels
+     * @default 'id'
+     */
+    language?: 'id' | 'en';
+    /**
+     * Custom labels override
+     */
+    labels?: Partial<CardBannerLabels>;
 }
+
 declare const CardBanner: React$1.FC<CardBannerProps>;
 
 interface CardTicketLabels {
@@ -399,79 +457,19 @@ declare const BackgroundTicketCard: (props: React$1.SVGProps<SVGSVGElement>) =>
  */
 declare const BackgroundTicketCardVertical: (props: React$1.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
 
-declare const SERVICE_MENU_ITEMS: {
-    readonly ferry: {
-        readonly id: "ferry";
-        readonly logo: "/assets/images/icons/ferry.svg";
-        readonly labels: {
-            readonly id: {
-                readonly label: "Ferry";
-                readonly description: "Layanan penyeberangan ferry ASDP";
-            };
-            readonly en: {
-                readonly label: "Ferry";
-                readonly description: "ASDP Ferry Crossing Service";
-            };
-        };
-    };
-    readonly ifcs: {
-        readonly id: "ifcs";
-        readonly logo: "/assets/logo/asdp-default.svg";
-        readonly labels: {
-            readonly id: {
-                readonly label: "IFCS";
-                readonly description: "Integrated Ferry Control System";
-            };
-            readonly en: {
-                readonly label: "IFCS";
-                readonly description: "Integrated Ferry Control System";
-            };
-        };
-    };
-    readonly skpt: {
-        readonly id: "skpt";
-        readonly logo: "/assets/logo/asdp-default.svg";
-        readonly labels: {
-            readonly id: {
-                readonly label: "SKPT";
-                readonly description: "Sistem Karcis Penumpang Terpadu";
-            };
-            readonly en: {
-                readonly label: "SKPT";
-                readonly description: "Integrated Passenger Ticketing System";
-            };
-        };
-    };
-    readonly hotel: {
-        readonly id: "hotel";
-        readonly logo: "/assets/images/icons/hotel.svg";
-        readonly labels: {
-            readonly id: {
-                readonly label: "Hotel";
-                readonly description: "Layanan pemesanan hotel";
-            };
-            readonly en: {
-                readonly label: "Hotel";
-                readonly description: "Hotel Booking Service";
-            };
-        };
-    };
-    readonly other: {
-        readonly id: "other";
-        readonly logo: "/assets/images/icons/other.svg";
-        readonly labels: {
-            readonly id: {
-                readonly label: "Lainnya";
-                readonly description: "Layanan lainnya";
-            };
-            readonly en: {
-                readonly label: "Other";
-                readonly description: "Other Services";
-            };
-        };
-    };
-};
-type ServiceId = keyof typeof SERVICE_MENU_ITEMS;
+type ServiceId = 'ferry' | 'ifcs' | 'skpt' | 'hotel' | 'other';
+interface CardServiceMenuLabels {
+    ferryLabel: string;
+    ferryDescription: string;
+    ifcsLabel: string;
+    ifcsDescription: string;
+    skptLabel: string;
+    skptDescription: string;
+    hotelLabel: string;
+    hotelDescription: string;
+    otherLabel: string;
+    otherDescription: string;
+}
 interface CardServiceMenuProps {
     /**
      * Currently active service ID
@@ -496,7 +494,12 @@ interface CardServiceMenuProps {
      * Custom className for the card
      */
     className?: string;
+    /**
+     * Custom labels override
+     */
+    labels?: Partial<CardServiceMenuLabels>;
 }
+
 declare const CardServiceMenu: React$1.FC<CardServiceMenuProps>;
 
 interface ServiceMenuItem {
@@ -755,6 +758,23 @@ interface InputDynamicProps<T extends FieldValues = FieldValues> {
     onInput?: (e: React.FormEvent<HTMLInputElement>) => void;
     contentAfter?: React.ReactNode;
     onChange?: (value: any) => void;
+    /**
+     * Language for labels
+     * @default 'id'
+     */
+    language?: 'id' | 'en';
+    /**
+     * Custom labels override
+     */
+    labels?: Partial<InputDynamicLabels>;
+}
+interface InputDynamicLabels {
+    emailOrPhonePlaceholder: string;
+    emailPlaceholder: string;
+    phonePlaceholder: string;
+    identityPlaceholder: string;
+    identityPhonePlaceholder: string;
+    identityIdPlaceholder: string;
 }
 
 declare const InputDynamic: React$1.FC<InputDynamicProps>;
@@ -1027,6 +1047,13 @@ interface ServiceItem {
      */
     serviceDescription: string;
 }
+interface ModalServiceLabels {
+    title: string;
+    loading: string;
+    error: string;
+    selectAll: string;
+    saveButton: string;
+}
 /**
  * Props for ModalService component
  */
@@ -1067,7 +1094,17 @@ interface ModalServiceProps {
      * @default false
      */
     isError?: boolean;
+    /**
+     * Language for labels
+     * @default 'id'
+     */
+    language?: Language;
+    /**
+     * Custom labels override
+     */
+    labels?: Partial<ModalServiceLabels>;
 }
+
 /**
  * ModalService - A reusable modal component for selecting service classes
  *
@@ -1861,6 +1898,47 @@ interface StepperProps {
      * Additional CSS class name
      */
     className?: string;
+    /**
+     * Custom colors for stepper elements
+     */
+    colors?: {
+        active?: string;
+        completed?: string;
+        inactive?: string;
+        activeBackground?: string;
+        completedBackground?: string;
+        inactiveBackground?: string;
+        label?: string;
+        connectorDefault?: string;
+        connectorCompleted?: string;
+        connectorActive?: string;
+    };
+    /**
+     * Custom dimensions for stepper elements
+     */
+    dimensions?: {
+        height?: string;
+        mobileHeight?: string;
+        circleSize?: string;
+        mobileCircleSize?: string;
+        ferryIconWidth?: string;
+        ferryIconHeight?: string;
+        mobileFerryIconWidth?: string;
+        mobileFerryIconHeight?: string;
+    };
+    /**
+     * Language for labels
+     * @default 'id'
+     */
+    language?: 'id' | 'en';
+    /**
+     * Custom labels override
+     */
+    labels?: Partial<StepperLabels>;
+}
+interface StepperLabels {
+    stepperBackgroundAlt: string;
+    ferryIconAlt: string;
 }
 type StepStatus = 'completed' | 'active' | 'inactive';
 
@@ -1900,6 +1978,13 @@ interface CardOrdererInfoProps {
 
 declare const CardOrdererInfo: React$1.FC<CardOrdererInfoProps>;
 
+interface ModalListPassengerLabels {
+    title: string;
+    sameAsOrderer: string;
+    searchPlaceholder: string;
+    addPassengerButton: string;
+    cancelButton: string;
+}
 interface PassengerItem {
     /**
      * Unique identifier for the passenger
@@ -1964,6 +2049,15 @@ interface ModalListPassengerProps {
      * Callback when "Sama Dengan Pemesan" switch changes
      */
     onSameAsOrdererChange: (checked: boolean) => void;
+    /**
+     * Language for labels
+     * @default 'id'
+     */
+    language?: Language;
+    /**
+     * Custom labels override
+     */
+    labels?: Partial<ModalListPassengerLabels>;
 }
 
 /**
@@ -1993,6 +2087,39 @@ interface ModalListPassengerProps {
  */
 declare const ModalListPassenger: React$1.FC<ModalListPassengerProps>;
 
+interface ModalPassengerFormLabels {
+    title: string;
+    titleLabel: string;
+    titlePlaceholder: string;
+    nameLabel: string;
+    namePlaceholder: string;
+    idTypeLabel: string;
+    idTypePlaceholder: string;
+    idNumberLabel: string;
+    idNumberPlaceholder: string;
+    ageLabel: string;
+    agePlaceholder: string;
+    dateLabel: string;
+    datePlaceholder: string;
+    cityLabel: string;
+    cityPlaceholder: string;
+    ticketClassLabel: string;
+    saveButton: string;
+    cancelButton: string;
+    errors: {
+        requiredTitle: string;
+        requiredName: string;
+        minLengthName: string;
+        requiredIdType: string;
+        requiredIdNumber: string;
+        minLengthIdNumber: string;
+        requiredAge: string;
+        minAge: string;
+        maxAge: string;
+        requiredDate: string;
+        requiredCity: string;
+    };
+}
 interface PassengerFormData {
     /**
      * Passenger title (Tuan, Nyonya, Nona)
@@ -2082,6 +2209,15 @@ interface ModalPassengerFormProps {
      * Options for ticket class radio field
      */
     ticketClassOptions: RadioOption[];
+    /**
+     * Language for labels
+     * @default 'id'
+     */
+    language?: Language;
+    /**
+     * Custom labels override
+     */
+    labels?: Partial<ModalPassengerFormLabels>;
 }
 
 /**
@@ -2185,20 +2321,11 @@ interface CardVehicleDetailLabels {
     title: string;
     vehicleNumberLabel: string;
     vehicleNumberPlaceholder: string;
-    loadQuestion: string;
+    hasLoadLabel: string;
     yesLabel: string;
     noLabel: string;
 }
 interface CardVehicleDetailProps {
-    /**
-     * Language for labels
-     * @default 'id'
-     */
-    language?: Language;
-    /**
-     * Custom labels override
-     */
-    labels?: Partial<CardVehicleDetailLabels>;
     /**
      * Title of the vehicle service type
      */
@@ -2226,9 +2353,18 @@ interface CardVehicleDetailProps {
      */
     hasLoad?: 'true' | 'false';
     /**
-     * Callback when "Has Load" option changes
+     * Has Load Change Handler
      */
     onHasLoadChange?: (value: 'true' | 'false') => void;
+    /**
+     * Language for labels
+     * @default 'id'
+     */
+    language?: Language;
+    /**
+     * Custom labels override
+     */
+    labels?: Partial<CardVehicleDetailLabels>;
 }
 
 declare const CardVehicleDetail: React$1.FC<CardVehicleDetailProps>;
@@ -2312,10 +2448,68 @@ interface CardVehicleOwnerFormProps {
      * Options for company select inputs
      */
     companyOptions?: SelectOption[];
+    /**
+     * Options for city select inputs
     /**
      * Options for city select inputs
       * @default [] */
     cityOptions?: SelectOption[];
+    /**
+     * Language for labels
+     * @default 'id'
+     */
+    language?: 'id' | 'en';
+    /**
+     * Custom labels override
+     */
+    labels?: Partial<CardVehicleOwnerFormLabels>;
+}
+interface CardVehicleOwnerFormLabels {
+    title: string;
+    addOwnerButton: string;
+    ownerInfoTitle: string;
+    senderNameLabel: string;
+    senderTypeCompany: string;
+    senderTypeIndividual: string;
+    selectCompanyPlaceholder: string;
+    inputSenderNamePlaceholder: string;
+    estimatedWeightLabel: string;
+    inputNumberPlaceholder: string;
+    originCityLabel: string;
+    destinationCityLabel: string;
+    selectPlaceholder: string;
+    cargoOwnerTitle: string;
+    cargoOwnerCompanyPlaceholder: string;
+    cargoOwnerIndividualPlaceholder: string;
+    otherCompanyHelperText: string;
+    logisticsCompanyTitle: string;
+    logisticsCompanyPlaceholder: string;
+    logisticsIndividualPlaceholder: string;
+    cargoReceiverTitle: string;
+    cargoReceiverCompanyPlaceholder: string;
+    cargoReceiverIndividualPlaceholder: string;
+    totalWeightLabel: string;
+    cargoListTitle: string;
+    cargoItemTitle: string;
+    commodityLabel: string;
+    commodityHelperTextPrefix: string;
+    hereLinkText: string;
+    cargoTypeLabel: string;
+    cargoTypeHelperText: string;
+    cargoQuantityLabel: string;
+    priceLabel: string;
+    industryTypeLabel: string;
+    industryTypeHelperText: string;
+    cargoCategoryLabel: string;
+    cargoCategoryHelperTextPrefix: string;
+    deleteCargoButton: string;
+    addCargoButton: string;
+    cargoTypeOptions: {
+        karung: string;
+        kg: string;
+        ton: string;
+        unit: string;
+    };
 }
 
 declare const CardVehicleOwnerForm: React$1.FC<CardVehicleOwnerFormProps>;
@@ -2415,6 +2609,11 @@ interface CardBookingTicketProps {
 
 declare const CardBookingTicket: React$1.FC<CardBookingTicketProps>;
 
+interface FAQItem {
+    value: string;
+    question: string;
+    answer: string;
+}
 interface CardFAQLabels {
     title: string;
 }
@@ -2428,6 +2627,11 @@ interface CardFAQProps {
      * Custom labels override
      */
     labels?: Partial<CardFAQLabels>;
+    /**
+     * List of FAQ items
+     * If not provided, default items will be shown
+     */
+    items?: FAQItem[];
     /**
      * Optional class name for the container
      */
@@ -2710,6 +2914,7 @@ interface CardPriceDetailsLabels {
     agreementCovidInfo: string;
     agreementCovidLink: string;
     agreementFinal: string;
+    currencyPrefix: string;
 }
 interface CardPriceDetailsProps {
     /**
@@ -2742,6 +2947,7 @@ interface PaymentOption {
     label: string;
     value: string;
     image: string;
+    disabled?: boolean;
 }
 interface PaymentMethodCategory {
     title: string;
@@ -2872,6 +3078,17 @@ interface CardStatusOrderProps {
 
 declare const CardStatusOrder: React$1.FC<CardStatusOrderProps>;
 
+interface ModalPriceDetailLabels {
+    title: string;
+    addonHeader: string;
+    subTotalLabel: string;
+    totalTagihanLabel: string;
+    ppnLabel: string;
+    ppnNote: string;
+    grandTotalLabel: string;
+    currencyPrefix: string;
+    currencyCode: string;
+}
 interface PriceDetailItem {
     key: string;
     label: string | React.ReactNode;
@@ -2887,6 +3104,15 @@ interface ModalPriceDetailProps {
     subTotal: number;
     taxAmount: number;
     grandTotal: number;
+    /**
+     * Language for labels
+     * @default 'id'
+     */
+    language?: Language;
+    /**
+     * Custom labels override
+     */
+    labels?: Partial<ModalPriceDetailLabels>;
 }
 
 declare const ModalPriceDetail: React$1.FC<ModalPriceDetailProps>;