npm - @asdp/ferryui - Versions diffs - 0.1.22-dev.8578 → 0.1.22-dev.8630 - Mend

@asdp/ferryui 0.1.22-dev.8578 → 0.1.22-dev.8630

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (7) hide show

package/dist/index.d.mts CHANGED Viewed

@@ -540,6 +540,7 @@ interface CardTicketSearchProps {
     onSwitchClick?: () => void;
     onRoundTripChange?: (value: boolean) => void;
     onSubmit?: (data: CardTicketSearchFormData) => void;
+    onServiceClick?: (serviceId: ServiceId) => void;
     /**
      * Active service ID
      * @default 'ferry'
@@ -1039,11 +1040,28 @@ interface ServiceClass {
  */
 declare const DEFAULT_SERVICE_CLASSES: ServiceClass[];
+type PassengerTypeCode = "ADULT" | "CHILD" | "INFANT" | "ELDERLY";
 /**
  * Passenger object structure
  */
 interface Passenger {
-    [key: string]: any;
+    isOrderer?: boolean;
+    isCompleted?: boolean;
+    id?: number;
+    title?: string;
+    name: string;
+    idType?: string;
+    idNumber?: string;
+    age?: number;
+    date?: string;
+    category?: PassengerTypeCode;
+    ticketClass: PassengerServiceCode;
+    cityId?: string;
+    phoneNumber?: {
+        countryCode: string;
+        phoneNumber: string;
+    };
+    email?: string;
 }
 /**
  * Service with passenger count
@@ -2550,4 +2568,4 @@ interface CardProfileMenuProps {
 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 };
+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, type MealCategory, type MealItem, 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 PaymentGuideStep, type PaymentMethodCategory, type PaymentStep, type PriceDetailItem, type ProfileMenuSection, type ProfileMenuTab, type RadioOption, type ReservationStep, type ReviewPassengerItem, 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 };

package/dist/index.d.ts CHANGED Viewed

@@ -540,6 +540,7 @@ interface CardTicketSearchProps {
     onSwitchClick?: () => void;
     onRoundTripChange?: (value: boolean) => void;
     onSubmit?: (data: CardTicketSearchFormData) => void;
+    onServiceClick?: (serviceId: ServiceId) => void;
     /**
      * Active service ID
      * @default 'ferry'
@@ -1039,11 +1040,28 @@ interface ServiceClass {
  */
 declare const DEFAULT_SERVICE_CLASSES: ServiceClass[];
+type PassengerTypeCode = "ADULT" | "CHILD" | "INFANT" | "ELDERLY";
 /**
  * Passenger object structure
  */
 interface Passenger {
-    [key: string]: any;
+    isOrderer?: boolean;
+    isCompleted?: boolean;
+    id?: number;
+    title?: string;
+    name: string;
+    idType?: string;
+    idNumber?: string;
+    age?: number;
+    date?: string;
+    category?: PassengerTypeCode;
+    ticketClass: PassengerServiceCode;
+    cityId?: string;
+    phoneNumber?: {
+        countryCode: string;
+        phoneNumber: string;
+    };
+    email?: string;
 }
 /**
  * Service with passenger count
@@ -2550,4 +2568,4 @@ interface CardProfileMenuProps {
 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 };
+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, type MealCategory, type MealItem, 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 PaymentGuideStep, type PaymentMethodCategory, type PaymentStep, type PriceDetailItem, type ProfileMenuSection, type ProfileMenuTab, type RadioOption, type ReservationStep, type ReviewPassengerItem, 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 };

package/dist/index.js CHANGED Viewed

@@ -3066,7 +3066,8 @@ var CardTicketSearch = ({
   className,
   isRotating = false,
   showPassengerField = false,
-  showRoundTrip = true
+  showRoundTrip = true,
+  onServiceClick
 }) => {
   const styles = useStyles7();
   const labels = React5__default.default.useMemo(
@@ -3149,7 +3150,8 @@ var CardTicketSearch = ({
                 {
                   className: styles.serviceMenuCard,
                   activeServiceId,
-                  language
+                  language,
+                  onServiceClick
                 }
               )
             }
@@ -4716,17 +4718,19 @@ var ModalTotalPassengers = ({
   const defaultInfoMessage = `Anda dapat menambahkan hingga ${maxPassengers} penumpang pada golongan kendaraan ini.`;
   React5.useEffect(() => {
     if (passengerTypes.length === 0) return;
-    const defaultPassengers = passengerTypes.map((passengerType) => ({
-      passengerTypeId: passengerType.id,
-      passengerTypeCode: passengerType.passengerTypeCode,
-      passengerTypeName: passengerType.passengerTypeName,
-      services: serviceClasses.map((sc) => ({
-        serviceId: sc.id,
-        serviceName: sc.serviceName,
-        count: 0,
-        passengers: []
-      }))
-    }));
+    const defaultPassengers = passengerTypes.map(
+      (passengerType) => ({
+        passengerTypeId: passengerType.id,
+        passengerTypeCode: passengerType.passengerTypeCode,
+        passengerTypeName: passengerType.passengerTypeName,
+        services: serviceClasses.map((sc) => ({
+          serviceId: sc.id,
+          serviceName: sc.serviceName,
+          count: 0,
+          passengers: []
+        }))
+      })
+    );
     if (selectedPassengers && selectedPassengers.length > 0) {
       const mergedPassengers = defaultPassengers.map((defaultP) => {
         const selectedP = selectedPassengers.find(
@@ -4734,8 +4738,14 @@ var ModalTotalPassengers = ({
         );
         if (selectedP) {
           const mergedServices = defaultP.services.map((defaultS) => {
-            const selectedS = selectedP.services.find((s) => s.serviceName === defaultS.serviceName);
-            return selectedS ? { ...defaultS, count: selectedS.count, passengers: selectedS.passengers || [] } : defaultS;
+            const selectedS = selectedP.services.find(
+              (s) => s.serviceName === defaultS.serviceName
+            );
+            return selectedS ? {
+              ...defaultS,
+              count: selectedS.count,
+              passengers: selectedS.passengers || []
+            } : defaultS;
           });
           return { ...defaultP, services: mergedServices };
         }
@@ -4755,18 +4765,26 @@ var ModalTotalPassengers = ({
     }
   }, [open, passengerTypes, serviceClasses, selectedPassengers]);
   const getServiceCount = (passengerTypeCode, serviceName) => {
-    const passenger = passengers.find((p) => p.passengerTypeCode === passengerTypeCode);
+    const passenger = passengers.find(
+      (p) => p.passengerTypeCode === passengerTypeCode
+    );
     if (!passenger) return 0;
-    const service = passenger.services.find((s) => s.serviceName === serviceName);
+    const service = passenger.services.find(
+      (s) => s.serviceName === serviceName
+    );
     return service?.count || 0;
   };
   const getTotalForType = (passengerTypeCode) => {
-    const passenger = passengers.find((p) => p.passengerTypeCode === passengerTypeCode);
+    const passenger = passengers.find(
+      (p) => p.passengerTypeCode === passengerTypeCode
+    );
     if (!passenger) return "0";
     const parts = [];
     passenger.services.forEach((service) => {
       if (service.count > 0) {
-        const serviceClass = serviceClasses.find((sc) => sc.serviceName === service.serviceName);
+        const serviceClass = serviceClasses.find(
+          (sc) => sc.serviceName === service.serviceName
+        );
         const serviceName = serviceClass?.name || service.serviceName;
         parts.push(`${service.count} ${serviceName}`);
       }
@@ -4809,7 +4827,10 @@ var ModalTotalPassengers = ({
             services: passenger.services.map((service) => {
               if (service.serviceName === serviceName && service.count > 0) {
                 const newCount = service.count - 1;
-                const newPassengers = (service.passengers || []).slice(0, newCount);
+                const newPassengers = (service.passengers || []).slice(
+                  0,
+                  newCount
+                );
                 return {
                   ...service,
                   count: newCount,
@@ -4831,52 +4852,58 @@ var ModalTotalPassengers = ({
     })).filter((passenger) => passenger.services.length > 0);
     onSave(filteredPassengers);
   };
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    reactComponents.Dialog,
-    {
-      open,
-      onOpenChange: (_, data) => !data.open && onClose(),
-      children: /* @__PURE__ */ jsxRuntime.jsx(reactComponents.DialogSurface, { children: /* @__PURE__ */ jsxRuntime.jsxs(reactComponents.DialogBody, { children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
-          reactComponents.DialogTitle,
+  return /* @__PURE__ */ jsxRuntime.jsx(reactComponents.Dialog, { open, onOpenChange: (_, data) => !data.open && onClose(), children: /* @__PURE__ */ jsxRuntime.jsx(reactComponents.DialogSurface, { children: /* @__PURE__ */ jsxRuntime.jsxs(reactComponents.DialogBody, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      reactComponents.DialogTitle,
+      {
+        action: /* @__PURE__ */ jsxRuntime.jsx(
+          reactComponents.Button,
           {
-            action: /* @__PURE__ */ jsxRuntime.jsx(
-              reactComponents.Button,
-              {
-                appearance: "subtle",
-                "aria-label": "close",
-                icon: /* @__PURE__ */ jsxRuntime.jsx(react.Icon, { icon: "fluent:dismiss-12-regular" }),
-                onClick: onClose
-              }
-            ),
-            children: title
+            appearance: "subtle",
+            "aria-label": "close",
+            icon: /* @__PURE__ */ jsxRuntime.jsx(react.Icon, { icon: "fluent:dismiss-12-regular" }),
+            onClick: onClose
           }
         ),
-        /* @__PURE__ */ jsxRuntime.jsxs(reactComponents.DialogContent, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(reactComponents.MessageBar, { shape: "rounded", children: /* @__PURE__ */ jsxRuntime.jsx(reactComponents.MessageBarBody, { children: infoMessage || defaultInfoMessage }) }),
-          isLoading ? /* @__PURE__ */ jsxRuntime.jsx(reactComponents.Body1, { children: "Loading..." }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-            /* @__PURE__ */ jsxRuntime.jsx(
-              reactComponents.Accordion,
-              {
-                collapsible: true,
-                multiple: true,
-                openItems,
-                onToggle: (_, data) => setOpenItems(data.openItems),
-                className: styles.passengerSection,
-                children: passengerTypes.map((passengerType) => {
-                  return /* @__PURE__ */ jsxRuntime.jsxs(
-                    reactComponents.AccordionItem,
-                    {
-                      value: String(passengerType.id),
-                      className: styles.accordionItem,
-                      children: [
-                        /* @__PURE__ */ jsxRuntime.jsxs(reactComponents.AccordionHeader, { className: styles.accordionHeader, expandIconPosition: "end", children: [
+        children: title
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsxs(reactComponents.DialogContent, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(reactComponents.MessageBar, { shape: "rounded", children: /* @__PURE__ */ jsxRuntime.jsx(reactComponents.MessageBarBody, { children: infoMessage || defaultInfoMessage }) }),
+      isLoading ? /* @__PURE__ */ jsxRuntime.jsx(reactComponents.Body1, { children: "Loading..." }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          reactComponents.Accordion,
+          {
+            collapsible: true,
+            multiple: true,
+            openItems,
+            onToggle: (_, data) => setOpenItems(data.openItems),
+            className: styles.passengerSection,
+            children: passengerTypes.map((passengerType) => {
+              return /* @__PURE__ */ jsxRuntime.jsxs(
+                reactComponents.AccordionItem,
+                {
+                  value: String(passengerType.id),
+                  className: styles.accordionItem,
+                  children: [
+                    /* @__PURE__ */ jsxRuntime.jsxs(
+                      reactComponents.AccordionHeader,
+                      {
+                        className: styles.accordionHeader,
+                        expandIconPosition: "end",
+                        children: [
                           passengerType.passengerTypeName,
                           " (",
                           getTotalForType(passengerType.passengerTypeCode),
                           ")"
-                        ] }),
-                        /* @__PURE__ */ jsxRuntime.jsx(reactComponents.AccordionPanel, { className: styles.accordionPanel, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles.nestedSection, children: serviceClasses.map((service) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles.nestedRow, children: [
+                        ]
+                      }
+                    ),
+                    /* @__PURE__ */ jsxRuntime.jsx(reactComponents.AccordionPanel, { className: styles.accordionPanel, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles.nestedSection, children: serviceClasses.map((service) => /* @__PURE__ */ jsxRuntime.jsxs(
+                      "div",
+                      {
+                        className: styles.nestedRow,
+                        children: [
                           /* @__PURE__ */ jsxRuntime.jsx(reactComponents.Body1, { children: service.name }),
                           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles.passengerCount, children: [
                             /* @__PURE__ */ jsxRuntime.jsx(
@@ -4920,29 +4947,30 @@ var ModalTotalPassengers = ({
                               }
                             )
                           ] })
-                        ] }, service.key)) }) })
-                      ]
-                    },
-                    passengerType.id
-                  );
-                })
-              }
-            ),
-            /* @__PURE__ */ jsxRuntime.jsx(
-              reactComponents.Button,
-              {
-                appearance: "primary",
-                size: "medium",
-                className: styles.submitButton,
-                onClick: handleSave,
-                children: "Simpan"
-              }
-            )
-          ] })
-        ] })
-      ] }) })
-    }
-  );
+                        ]
+                      },
+                      service.key
+                    )) }) })
+                  ]
+                },
+                passengerType.id
+              );
+            })
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          reactComponents.Button,
+          {
+            appearance: "primary",
+            size: "medium",
+            className: styles.submitButton,
+            onClick: handleSave,
+            children: "Simpan"
+          }
+        )
+      ] })
+    ] })
+  ] }) }) });
 };
 var useStyles13 = reactComponents.makeStyles({
   dialogSurface: {