@asdp/ferryui 0.1.16 → 0.1.20

package/dist/index.d.mts

@@ -235,6 +235,10 @@ interface CardPromoProps {
      * Loading state
      */
     isLoading?: boolean;
+    /**
+     * Image Only
+     */
+    imageOnly?: boolean;
 }
 declare const CardPromo: React$1.FC<CardPromoProps>;
 
@@ -355,26 +359,96 @@ declare const BackgroundTicketCard: (props: React$1.SVGProps<SVGSVGElement>) =>
  */
 declare const BackgroundTicketCardVertical: (props: React$1.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
 
-interface ServiceMenuItem {
-    id: string;
-    label: string;
-    logo?: string;
-    description?: string;
-    customStyle?: React$1.CSSProperties;
-}
+type Language = 'id' | 'en';
+
+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;
 interface CardServiceMenuProps {
     /**
-     * Array of menu items to display
+     * Currently active service ID
+     * @default 'ferry'
      */
-    items: ServiceMenuItem[];
+    activeServiceId?: ServiceId;
     /**
-     * Currently active item ID
+     * Language for labels (Indonesian or English)
+     * @default 'id'
      */
-    activeItemId?: string;
+    language?: Language;
     /**
-     * Callback when an item is clicked
+     * Callback when a service is clicked
      */
-    onItemClick?: (itemId: string) => void;
+    onServiceClick?: (serviceId: ServiceId) => void;
     /**
      * Whether to show descriptions on desktop
      * @default true
@@ -387,6 +461,107 @@ interface CardServiceMenuProps {
 }
 declare const CardServiceMenu: React$1.FC<CardServiceMenuProps>;
 
+interface ServiceMenuItem {
+    id: string;
+    label: string;
+    logo: string;
+    description: string;
+}
+interface CardTicketSearchFormData {
+    from: string;
+    to: string;
+    startDate: string;
+    roundTrip: boolean;
+    endDate: string;
+    serviceClass: string;
+    typeOfService: string;
+    passenger: string;
+}
+interface CardTicketSearchLabels {
+    fromLabel: string;
+    toLabel: string;
+    departureDateLabel: string;
+    returnDateLabel: string;
+    serviceClassLabel: string;
+    typeOfServiceLabel: string;
+    passengerLabel: string;
+    roundTripLabel: string;
+    searchButton: string;
+    placeholderPort: string;
+    placeholderDestinationPort: string;
+    placeholderDepartureDate: string;
+    placeholderReturnDate: string;
+    placeholderTypeClass: string;
+    placeholderTypeService: string;
+    placeholderPassenger: string;
+}
+interface CardTicketSearchProps {
+    /**
+     * Language for labels (Indonesian or English)
+     * @default 'id'
+     */
+    language?: Language;
+    /**
+     * Form values
+     */
+    from?: string;
+    to?: string;
+    startDate?: string;
+    endDate?: string;
+    roundTrip?: boolean;
+    serviceClass?: string;
+    typeOfService?: string;
+    passenger?: string;
+    /**
+     * Disabled states
+     */
+    toDisabled?: boolean;
+    endDateDisabled?: boolean;
+    serviceClassDisabled?: boolean;
+    typeOfServiceDisabled?: boolean;
+    switchDisabled?: boolean;
+    roundTripDisabled?: boolean;
+    submitDisabled?: boolean;
+    /**
+     * Event handlers
+     */
+    onFromClick?: () => void;
+    onToClick?: () => void;
+    onFromChange?: () => void;
+    onStartDateClick?: () => void;
+    onEndDateClick?: () => void;
+    onServiceClassClick?: () => void;
+    onTypeOfServiceClick?: () => void;
+    onPassengerClick?: () => void;
+    onSwitchClick?: () => void;
+    onRoundTripChange?: (value: boolean) => void;
+    onSubmit?: (data: CardTicketSearchFormData) => void;
+    /**
+     * Active service ID
+     * @default 'ferry'
+     */
+    activeServiceId?: ServiceId;
+    /**
+     * Custom labels override (optional)
+     * If not provided, default labels based on locale will be used
+     */
+    labels?: Partial<CardTicketSearchLabels>;
+    /**
+     * Styling
+     */
+    className?: string;
+    /**
+     * UI state
+     */
+    isRotating?: boolean;
+    showPassengerField?: boolean;
+    showRoundTrip?: boolean;
+}
+
+declare const CardTicketSearch: React$1.FC<CardTicketSearchProps>;
+
+declare const DEFAULT_LABELS: Record<Language, CardTicketSearchLabels>;
+
 type InputType = 'checkbox' | 'date' | 'datetime-local' | 'email' | 'file' | 'identity' | 'emailOrPhone' | 'number' | 'otp' | 'passport' | 'password' | 'phone' | 'radio' | 'radiobutton' | 'select' | 'switch' | 'tel' | 'text' | 'textarea' | 'time' | 'url';
 interface SelectOption {
     value: string;
@@ -466,7 +641,7 @@ interface InputDynamicProps<T extends FieldValues = FieldValues> {
     onChange?: (value: any) => void;
 }
 
-declare function InputDynamic<T extends FieldValues = FieldValues>({ name, control, label, type, placeholder, required, disabled, options, multiple, accept, rows, min, max, step, isMultiSelect, selectScrollbarColor, contentBefore, appearance, validationRules, helperText, className, layout, size, onClick, style, countryCodes, defaultCountry, maxLength, autoAdvance, otpIndex, hasError, autoComplete, onInput, contentAfter, onChange, }: InputDynamicProps<T>): react_jsx_runtime.JSX.Element;
+declare const InputDynamic: React$1.FC<InputDynamicProps>;
 
 declare const DEFAULT_COUNTRY_CODES: CountryCode[];
 
@@ -579,7 +754,7 @@ interface ModalSearchHarborProps {
  * />
  * ```
  */
-declare const ModalSearchHarbor: React.FC<ModalSearchHarborProps>;
+declare const ModalSearchHarbor: React$1.FC<ModalSearchHarborProps>;
 
 /**
  * Tab type for trip selection
@@ -670,7 +845,7 @@ interface ModalSelectDateProps {
  * />
  * ```
  */
-declare const ModalSelectDate: React.FC<ModalSelectDateProps>;
+declare const ModalSelectDate: React$1.FC<ModalSelectDateProps>;
 
 /**
  * Service item structure
@@ -757,7 +932,7 @@ interface ModalServiceProps {
  * />
  * ```
  */
-declare const ModalService: React.FC<ModalServiceProps>;
+declare const ModalService: React$1.FC<ModalServiceProps>;
 
 /**
  * Service class codes for passenger services
@@ -978,4 +1153,4 @@ declare const DEFAULT_VEHICLE_ICONS: {
     readonly looseLoad: "/assets/images/icons/loose-load.webp";
 };
 
-export { BackgroundTicketCard, BackgroundTicketCardVertical, CardBanner, type CardBannerProps, CardPromo, type CardPromoProps, CardServiceMenu, type CardServiceMenuProps, CardTicket, type CardTicketButton, type CardTicketProps, CarouselWithCustomNav, type CarouselWithCustomNavProps, type CountryCode, DEFAULT_COUNTRY_CODES, DEFAULT_SERVICE_CLASSES, DEFAULT_VEHICLE_ICONS, type HarborItem, InputDynamic, type InputDynamicProps, type InputType, MODAL_PRESETS, ModalIllustration, type ModalIllustrationButton, type ModalIllustrationProps, type ModalPresetKey, ModalSearchHarbor, type ModalSearchHarborProps, ModalSelectDate, type ModalSelectDateProps, ModalService, type ModalServiceProps, ModalTotalPassengers, type ModalTotalPassengersProps, ModalTypeOfService, type ModalTypeOfServiceProps, type Passenger, type PassengerService, type PassengerServiceCode, type PassengerType, type RadioOption, type SelectOption, type SelectedPassengerItem, type ServiceClass, type ServiceItem, type ServiceMenuItem, type TabType, type TypeOfService, getModalPreset };
+export { BackgroundTicketCard, BackgroundTicketCardVertical, CardBanner, type CardBannerProps, CardPromo, type CardPromoProps, CardServiceMenu, type CardServiceMenuProps, CardTicket, type CardTicketButton, type CardTicketProps, CardTicketSearch, DEFAULT_LABELS as CardTicketSearchDefaultLabels, type CardTicketSearchFormData, type CardTicketSearchLabels, type CardTicketSearchProps, type ServiceMenuItem as CardTicketSearchServiceMenuItem, CarouselWithCustomNav, type CarouselWithCustomNavProps, type CountryCode, DEFAULT_COUNTRY_CODES, DEFAULT_SERVICE_CLASSES, DEFAULT_VEHICLE_ICONS, type HarborItem, InputDynamic, type InputDynamicProps, type InputType, MODAL_PRESETS, ModalIllustration, type ModalIllustrationButton, type ModalIllustrationProps, type ModalPresetKey, ModalSearchHarbor, type ModalSearchHarborProps, ModalSelectDate, type ModalSelectDateProps, ModalService, type ModalServiceProps, ModalTotalPassengers, type ModalTotalPassengersProps, ModalTypeOfService, type ModalTypeOfServiceProps, type Passenger, type PassengerService, type PassengerServiceCode, type PassengerType, type RadioOption, type SelectOption, type SelectedPassengerItem, type ServiceClass, type ServiceId, type ServiceItem, type TabType, type TypeOfService, getModalPreset };

package/dist/index.d.ts

@@ -235,6 +235,10 @@ interface CardPromoProps {
      * Loading state
      */
     isLoading?: boolean;
+    /**
+     * Image Only
+     */
+    imageOnly?: boolean;
 }
 declare const CardPromo: React$1.FC<CardPromoProps>;
 
@@ -355,26 +359,96 @@ declare const BackgroundTicketCard: (props: React$1.SVGProps<SVGSVGElement>) =>
  */
 declare const BackgroundTicketCardVertical: (props: React$1.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
 
-interface ServiceMenuItem {
-    id: string;
-    label: string;
-    logo?: string;
-    description?: string;
-    customStyle?: React$1.CSSProperties;
-}
+type Language = 'id' | 'en';
+
+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;
 interface CardServiceMenuProps {
     /**
-     * Array of menu items to display
+     * Currently active service ID
+     * @default 'ferry'
      */
-    items: ServiceMenuItem[];
+    activeServiceId?: ServiceId;
     /**
-     * Currently active item ID
+     * Language for labels (Indonesian or English)
+     * @default 'id'
      */
-    activeItemId?: string;
+    language?: Language;
     /**
-     * Callback when an item is clicked
+     * Callback when a service is clicked
      */
-    onItemClick?: (itemId: string) => void;
+    onServiceClick?: (serviceId: ServiceId) => void;
     /**
      * Whether to show descriptions on desktop
      * @default true
@@ -387,6 +461,107 @@ interface CardServiceMenuProps {
 }
 declare const CardServiceMenu: React$1.FC<CardServiceMenuProps>;
 
+interface ServiceMenuItem {
+    id: string;
+    label: string;
+    logo: string;
+    description: string;
+}
+interface CardTicketSearchFormData {
+    from: string;
+    to: string;
+    startDate: string;
+    roundTrip: boolean;
+    endDate: string;
+    serviceClass: string;
+    typeOfService: string;
+    passenger: string;
+}
+interface CardTicketSearchLabels {
+    fromLabel: string;
+    toLabel: string;
+    departureDateLabel: string;
+    returnDateLabel: string;
+    serviceClassLabel: string;
+    typeOfServiceLabel: string;
+    passengerLabel: string;
+    roundTripLabel: string;
+    searchButton: string;
+    placeholderPort: string;
+    placeholderDestinationPort: string;
+    placeholderDepartureDate: string;
+    placeholderReturnDate: string;
+    placeholderTypeClass: string;
+    placeholderTypeService: string;
+    placeholderPassenger: string;
+}
+interface CardTicketSearchProps {
+    /**
+     * Language for labels (Indonesian or English)
+     * @default 'id'
+     */
+    language?: Language;
+    /**
+     * Form values
+     */
+    from?: string;
+    to?: string;
+    startDate?: string;
+    endDate?: string;
+    roundTrip?: boolean;
+    serviceClass?: string;
+    typeOfService?: string;
+    passenger?: string;
+    /**
+     * Disabled states
+     */
+    toDisabled?: boolean;
+    endDateDisabled?: boolean;
+    serviceClassDisabled?: boolean;
+    typeOfServiceDisabled?: boolean;
+    switchDisabled?: boolean;
+    roundTripDisabled?: boolean;
+    submitDisabled?: boolean;
+    /**
+     * Event handlers
+     */
+    onFromClick?: () => void;
+    onToClick?: () => void;
+    onFromChange?: () => void;
+    onStartDateClick?: () => void;
+    onEndDateClick?: () => void;
+    onServiceClassClick?: () => void;
+    onTypeOfServiceClick?: () => void;
+    onPassengerClick?: () => void;
+    onSwitchClick?: () => void;
+    onRoundTripChange?: (value: boolean) => void;
+    onSubmit?: (data: CardTicketSearchFormData) => void;
+    /**
+     * Active service ID
+     * @default 'ferry'
+     */
+    activeServiceId?: ServiceId;
+    /**
+     * Custom labels override (optional)
+     * If not provided, default labels based on locale will be used
+     */
+    labels?: Partial<CardTicketSearchLabels>;
+    /**
+     * Styling
+     */
+    className?: string;
+    /**
+     * UI state
+     */
+    isRotating?: boolean;
+    showPassengerField?: boolean;
+    showRoundTrip?: boolean;
+}
+
+declare const CardTicketSearch: React$1.FC<CardTicketSearchProps>;
+
+declare const DEFAULT_LABELS: Record<Language, CardTicketSearchLabels>;
+
 type InputType = 'checkbox' | 'date' | 'datetime-local' | 'email' | 'file' | 'identity' | 'emailOrPhone' | 'number' | 'otp' | 'passport' | 'password' | 'phone' | 'radio' | 'radiobutton' | 'select' | 'switch' | 'tel' | 'text' | 'textarea' | 'time' | 'url';
 interface SelectOption {
     value: string;
@@ -466,7 +641,7 @@ interface InputDynamicProps<T extends FieldValues = FieldValues> {
     onChange?: (value: any) => void;
 }
 
-declare function InputDynamic<T extends FieldValues = FieldValues>({ name, control, label, type, placeholder, required, disabled, options, multiple, accept, rows, min, max, step, isMultiSelect, selectScrollbarColor, contentBefore, appearance, validationRules, helperText, className, layout, size, onClick, style, countryCodes, defaultCountry, maxLength, autoAdvance, otpIndex, hasError, autoComplete, onInput, contentAfter, onChange, }: InputDynamicProps<T>): react_jsx_runtime.JSX.Element;
+declare const InputDynamic: React$1.FC<InputDynamicProps>;
 
 declare const DEFAULT_COUNTRY_CODES: CountryCode[];
 
@@ -579,7 +754,7 @@ interface ModalSearchHarborProps {
  * />
  * ```
  */
-declare const ModalSearchHarbor: React.FC<ModalSearchHarborProps>;
+declare const ModalSearchHarbor: React$1.FC<ModalSearchHarborProps>;
 
 /**
  * Tab type for trip selection
@@ -670,7 +845,7 @@ interface ModalSelectDateProps {
  * />
  * ```
  */
-declare const ModalSelectDate: React.FC<ModalSelectDateProps>;
+declare const ModalSelectDate: React$1.FC<ModalSelectDateProps>;
 
 /**
  * Service item structure
@@ -757,7 +932,7 @@ interface ModalServiceProps {
  * />
  * ```
  */
-declare const ModalService: React.FC<ModalServiceProps>;
+declare const ModalService: React$1.FC<ModalServiceProps>;
 
 /**
  * Service class codes for passenger services
@@ -978,4 +1153,4 @@ declare const DEFAULT_VEHICLE_ICONS: {
     readonly looseLoad: "/assets/images/icons/loose-load.webp";
 };
 
-export { BackgroundTicketCard, BackgroundTicketCardVertical, CardBanner, type CardBannerProps, CardPromo, type CardPromoProps, CardServiceMenu, type CardServiceMenuProps, CardTicket, type CardTicketButton, type CardTicketProps, CarouselWithCustomNav, type CarouselWithCustomNavProps, type CountryCode, DEFAULT_COUNTRY_CODES, DEFAULT_SERVICE_CLASSES, DEFAULT_VEHICLE_ICONS, type HarborItem, InputDynamic, type InputDynamicProps, type InputType, MODAL_PRESETS, ModalIllustration, type ModalIllustrationButton, type ModalIllustrationProps, type ModalPresetKey, ModalSearchHarbor, type ModalSearchHarborProps, ModalSelectDate, type ModalSelectDateProps, ModalService, type ModalServiceProps, ModalTotalPassengers, type ModalTotalPassengersProps, ModalTypeOfService, type ModalTypeOfServiceProps, type Passenger, type PassengerService, type PassengerServiceCode, type PassengerType, type RadioOption, type SelectOption, type SelectedPassengerItem, type ServiceClass, type ServiceItem, type ServiceMenuItem, type TabType, type TypeOfService, getModalPreset };
+export { BackgroundTicketCard, BackgroundTicketCardVertical, CardBanner, type CardBannerProps, CardPromo, type CardPromoProps, CardServiceMenu, type CardServiceMenuProps, CardTicket, type CardTicketButton, type CardTicketProps, CardTicketSearch, DEFAULT_LABELS as CardTicketSearchDefaultLabels, type CardTicketSearchFormData, type CardTicketSearchLabels, type CardTicketSearchProps, type ServiceMenuItem as CardTicketSearchServiceMenuItem, CarouselWithCustomNav, type CarouselWithCustomNavProps, type CountryCode, DEFAULT_COUNTRY_CODES, DEFAULT_SERVICE_CLASSES, DEFAULT_VEHICLE_ICONS, type HarborItem, InputDynamic, type InputDynamicProps, type InputType, MODAL_PRESETS, ModalIllustration, type ModalIllustrationButton, type ModalIllustrationProps, type ModalPresetKey, ModalSearchHarbor, type ModalSearchHarborProps, ModalSelectDate, type ModalSelectDateProps, ModalService, type ModalServiceProps, ModalTotalPassengers, type ModalTotalPassengersProps, ModalTypeOfService, type ModalTypeOfServiceProps, type Passenger, type PassengerService, type PassengerServiceCode, type PassengerType, type RadioOption, type SelectOption, type SelectedPassengerItem, type ServiceClass, type ServiceId, type ServiceItem, type TabType, type TypeOfService, getModalPreset };