@asdp/ferryui 0.1.22-dev.9630 → 0.1.22-dev.9700

package/dist/index.d.mts

@@ -1462,6 +1462,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
@@ -2818,24 +2829,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 +2847,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
@@ -3794,6 +3787,12 @@ interface FileUploadProps<T extends FieldValues = FieldValues> {
      */
     pdfIcon?: string;
     downloadTemplateDocument?: boolean;
+    /**
+     * Optional info label text to display with an info icon next to the label.
+     * When not provided, no info label is displayed.
+     * Example: 'Maximum file size is 10MB'
+     */
+    infoLabel?: string;
 }
 
 declare const FileUpload: React$1.ForwardRefExoticComponent<FileUploadProps<react_hook_form.FieldValues> & React$1.RefAttributes<HTMLDivElement>>;
@@ -3884,4 +3883,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

@@ -1462,6 +1462,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
@@ -2818,24 +2829,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 +2847,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
@@ -3794,6 +3787,12 @@ interface FileUploadProps<T extends FieldValues = FieldValues> {
      */
     pdfIcon?: string;
     downloadTemplateDocument?: boolean;
+    /**
+     * Optional info label text to display with an info icon next to the label.
+     * When not provided, no info label is displayed.
+     * Example: 'Maximum file size is 10MB'
+     */
+    infoLabel?: string;
 }
 
 declare const FileUpload: React$1.ForwardRefExoticComponent<FileUploadProps<react_hook_form.FieldValues> & React$1.RefAttributes<HTMLDivElement>>;
@@ -3884,4 +3883,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

@@ -247,6 +247,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",
@@ -11858,6 +11860,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 +11897,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 +11918,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 +11950,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
                     }
@@ -15899,8 +15924,8 @@ var uploadStyles = reactComponents.makeStyles({
     pointerEvents: "none"
   },
   filePreviewImage: {
-    width: "48px",
-    height: "48px",
+    width: "32px",
+    height: "32px",
     borderRadius: reactComponents.tokens.borderRadiusSmall,
     objectFit: "cover"
   },
@@ -15908,6 +15933,18 @@ var uploadStyles = reactComponents.makeStyles({
     maxWidth: "100%",
     maxHeight: "70vh",
     objectFit: "contain"
+  },
+  infoLabel: {
+    '& [role="note"]': {
+      backgroundColor: "black",
+      color: "white"
+    }
+  },
+  label: {
+    whiteSpace: "nowrap",
+    overflow: "hidden",
+    textOverflow: "ellipsis",
+    display: "block"
   }
 });
 var FileUpload = React__default.default.forwardRef(
@@ -15923,7 +15960,8 @@ var FileUpload = React__default.default.forwardRef(
     language = "id",
     labels: customLabels,
     pdfIcon,
-    downloadTemplateDocument = false
+    downloadTemplateDocument = false,
+    infoLabel
   }, ref) => {
     const mergedLabels = { ...DEFAULT_LABELS39[language], ...customLabels };
     const styles = uploadStyles();
@@ -16056,8 +16094,11 @@ var FileUpload = React__default.default.forwardRef(
             return /* @__PURE__ */ jsxRuntime.jsxs(
               reactComponents.Field,
               {
+                ref,
                 required,
-                label: /* @__PURE__ */ jsxRuntime.jsx(reactComponents.Body1, { children: label }),
+                label: {
+                  children: (_, slotProps) => infoLabel ? /* @__PURE__ */ jsxRuntime.jsx(reactComponents.InfoLabel, { ...slotProps, info: infoLabel, className: styles.infoLabel, children: /* @__PURE__ */ jsxRuntime.jsx(reactComponents.Body1, { className: styles.label, children: label }) }) : /* @__PURE__ */ jsxRuntime.jsx(reactComponents.Body1, { className: styles.label, children: label })
+                },
                 className: styles.fieldContainer,
                 children: [
                   /* @__PURE__ */ jsxRuntime.jsx(
@@ -16137,8 +16178,10 @@ var FileUpload = React__default.default.forwardRef(
               {
                 ref,
                 required,
-                label: /* @__PURE__ */ jsxRuntime.jsx(reactComponents.Body1, { children: label }),
                 className: styles.fieldContainer,
+                label: {
+                  children: (_, slotProps) => infoLabel ? /* @__PURE__ */ jsxRuntime.jsx(reactComponents.InfoLabel, { ...slotProps, info: infoLabel, className: styles.infoLabel, children: /* @__PURE__ */ jsxRuntime.jsx(reactComponents.Body1, { className: styles.label, children: label }) }) : /* @__PURE__ */ jsxRuntime.jsx(reactComponents.Body1, { className: styles.label, children: label })
+                },
                 children: [
                   /* @__PURE__ */ jsxRuntime.jsxs(
                     reactGridSystem.Container,