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

package/dist/index.mjs

@@ -3057,7 +3057,8 @@ var CardTicketSearch = ({
   className,
   isRotating = false,
   showPassengerField = false,
-  showRoundTrip = true
+  showRoundTrip = true,
+  onServiceClick
 }) => {
   const styles = useStyles7();
   const labels = React5.useMemo(
@@ -3140,7 +3141,8 @@ var CardTicketSearch = ({
                 {
                   className: styles.serviceMenuCard,
                   activeServiceId,
-                  language
+                  language,
+                  onServiceClick
                 }
               )
             }
@@ -4707,17 +4709,19 @@ var ModalTotalPassengers = ({
   const defaultInfoMessage = `Anda dapat menambahkan hingga ${maxPassengers} penumpang pada golongan kendaraan ini.`;
   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(
@@ -4725,8 +4729,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 };
         }
@@ -4746,18 +4756,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}`);
       }
@@ -4800,7 +4818,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,
@@ -4822,52 +4843,58 @@ var ModalTotalPassengers = ({
     })).filter((passenger) => passenger.services.length > 0);
     onSave(filteredPassengers);
   };
-  return /* @__PURE__ */ jsx(
-    Dialog,
-    {
-      open,
-      onOpenChange: (_, data) => !data.open && onClose(),
-      children: /* @__PURE__ */ jsx(DialogSurface, { children: /* @__PURE__ */ jsxs(DialogBody, { children: [
-        /* @__PURE__ */ jsx(
-          DialogTitle,
+  return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange: (_, data) => !data.open && onClose(), children: /* @__PURE__ */ jsx(DialogSurface, { children: /* @__PURE__ */ jsxs(DialogBody, { children: [
+    /* @__PURE__ */ jsx(
+      DialogTitle,
+      {
+        action: /* @__PURE__ */ jsx(
+          Button,
           {
-            action: /* @__PURE__ */ jsx(
-              Button,
-              {
-                appearance: "subtle",
-                "aria-label": "close",
-                icon: /* @__PURE__ */ jsx(Icon, { icon: "fluent:dismiss-12-regular" }),
-                onClick: onClose
-              }
-            ),
-            children: title
+            appearance: "subtle",
+            "aria-label": "close",
+            icon: /* @__PURE__ */ jsx(Icon, { icon: "fluent:dismiss-12-regular" }),
+            onClick: onClose
           }
         ),
-        /* @__PURE__ */ jsxs(DialogContent, { children: [
-          /* @__PURE__ */ jsx(MessageBar, { shape: "rounded", children: /* @__PURE__ */ jsx(MessageBarBody, { children: infoMessage || defaultInfoMessage }) }),
-          isLoading ? /* @__PURE__ */ jsx(Body1, { children: "Loading..." }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-            /* @__PURE__ */ jsx(
-              Accordion,
-              {
-                collapsible: true,
-                multiple: true,
-                openItems,
-                onToggle: (_, data) => setOpenItems(data.openItems),
-                className: styles.passengerSection,
-                children: passengerTypes.map((passengerType) => {
-                  return /* @__PURE__ */ jsxs(
-                    AccordionItem,
-                    {
-                      value: String(passengerType.id),
-                      className: styles.accordionItem,
-                      children: [
-                        /* @__PURE__ */ jsxs(AccordionHeader, { className: styles.accordionHeader, expandIconPosition: "end", children: [
+        children: title
+      }
+    ),
+    /* @__PURE__ */ jsxs(DialogContent, { children: [
+      /* @__PURE__ */ jsx(MessageBar, { shape: "rounded", children: /* @__PURE__ */ jsx(MessageBarBody, { children: infoMessage || defaultInfoMessage }) }),
+      isLoading ? /* @__PURE__ */ jsx(Body1, { children: "Loading..." }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(
+          Accordion,
+          {
+            collapsible: true,
+            multiple: true,
+            openItems,
+            onToggle: (_, data) => setOpenItems(data.openItems),
+            className: styles.passengerSection,
+            children: passengerTypes.map((passengerType) => {
+              return /* @__PURE__ */ jsxs(
+                AccordionItem,
+                {
+                  value: String(passengerType.id),
+                  className: styles.accordionItem,
+                  children: [
+                    /* @__PURE__ */ jsxs(
+                      AccordionHeader,
+                      {
+                        className: styles.accordionHeader,
+                        expandIconPosition: "end",
+                        children: [
                           passengerType.passengerTypeName,
                           " (",
                           getTotalForType(passengerType.passengerTypeCode),
                           ")"
-                        ] }),
-                        /* @__PURE__ */ jsx(AccordionPanel, { className: styles.accordionPanel, children: /* @__PURE__ */ jsx("div", { className: styles.nestedSection, children: serviceClasses.map((service) => /* @__PURE__ */ jsxs("div", { className: styles.nestedRow, children: [
+                        ]
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(AccordionPanel, { className: styles.accordionPanel, children: /* @__PURE__ */ jsx("div", { className: styles.nestedSection, children: serviceClasses.map((service) => /* @__PURE__ */ jsxs(
+                      "div",
+                      {
+                        className: styles.nestedRow,
+                        children: [
                           /* @__PURE__ */ jsx(Body1, { children: service.name }),
                           /* @__PURE__ */ jsxs("div", { className: styles.passengerCount, children: [
                             /* @__PURE__ */ jsx(
@@ -4911,29 +4938,30 @@ var ModalTotalPassengers = ({
                               }
                             )
                           ] })
-                        ] }, service.key)) }) })
-                      ]
-                    },
-                    passengerType.id
-                  );
-                })
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              Button,
-              {
-                appearance: "primary",
-                size: "medium",
-                className: styles.submitButton,
-                onClick: handleSave,
-                children: "Simpan"
-              }
-            )
-          ] })
-        ] })
-      ] }) })
-    }
-  );
+                        ]
+                      },
+                      service.key
+                    )) }) })
+                  ]
+                },
+                passengerType.id
+              );
+            })
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            appearance: "primary",
+            size: "medium",
+            className: styles.submitButton,
+            onClick: handleSave,
+            children: "Simpan"
+          }
+        )
+      ] })
+    ] })
+  ] }) }) });
 };
 var useStyles13 = makeStyles({
   dialogSurface: {