@asdp/ferryui 0.1.22-dev.8918 → 0.1.22-dev.8945

package/dist/index.mjs

@@ -1681,28 +1681,40 @@ var DEFAULT_LABELS6 = {
     serviceAriaLabel: "Service"
   }
 };
-var ALIAS_MENU_ITEMS = {
-  ferry: {
-    id: "ferry",
-    logo: "/assets/images/icons/ferry.svg"
-  },
-  ifcs: {
-    id: "ifcs",
-    logo: "/assets/logo/asdp-default.svg"
-  },
-  skpt: {
-    id: "skpt",
-    logo: "/assets/logo/asdp-default.svg"
-  },
-  hotel: {
-    id: "hotel",
-    logo: "/assets/images/icons/hotel.svg"
-  },
-  other: {
-    id: "other",
-    logo: "/assets/images/icons/other.svg"
+var ALIAS_MENU_ITEMS = [
+  {
+    "id": 1,
+    "name": "Ferizy",
+    "description": "Layanan penyeberangan ferry ASDP",
+    "imageUrl": "https://mock-api.tryztech.com/images?name=ferry.svg",
+    "linkUrl": "https://ferizy.apps.devtix.swamedia.xyz",
+    "sortOrder": 1
+  },
+  {
+    "id": 4,
+    "name": "Hotel",
+    "description": "Layanan pemesanan hotel",
+    "imageUrl": "https://mock-api.tryztech.com/images?name=hotel.svg",
+    "linkUrl": "https://hotel.apps.devtix.swamedia.xyz",
+    "sortOrder": 2
+  },
+  {
+    "id": 5,
+    "name": "Travel",
+    "description": "Layanan pemesanan travel",
+    "imageUrl": "https://mock-api.tryztech.com/images?name=small-bus.webp",
+    "linkUrl": "https://travel.apps.devtix.swamedia.xyz",
+    "sortOrder": 3
+  },
+  {
+    "id": 6,
+    "name": "Food",
+    "description": "Layanan pemesanan makanan",
+    "imageUrl": "https://mock-api.tryztech.com/images?name=food.png",
+    "linkUrl": "https://food.apps.devtix.swamedia.xyz",
+    "sortOrder": 4
   }
-};
+];
 var useStyles6 = makeStyles({
   card: {
     width: "100%",
@@ -1796,37 +1808,33 @@ var useStyles6 = makeStyles({
   }
 });
 var CardServiceMenu = ({
-  activeServiceId = "ferry",
+  activeServiceId = 1,
   language = "id",
   onServiceClick,
   showDescriptions = true,
   className,
-  labels
+  labels,
+  menuItems = ALIAS_MENU_ITEMS
 }) => {
   const styles = useStyles6();
-  const mergedLabels = { ...DEFAULT_LABELS6[language], ...labels };
+  ({ ...DEFAULT_LABELS6[language], ...labels });
   const getMenuItemClass = (serviceId) => {
     const isActive = activeServiceId === serviceId;
     return mergeClasses(styles.menuItem, isActive && styles.menuItemActive);
   };
-  const menuItems = Object.values(ALIAS_MENU_ITEMS);
   return /* @__PURE__ */ jsx(Card, { className: mergeClasses(styles.card, className), children: /* @__PURE__ */ jsx("div", { className: styles.menuList, children: menuItems.map((item, index) => {
-    const labelKey = `${item.id}Label`;
-    const descriptionKey = `${item.id}Description`;
-    const label = mergedLabels[labelKey];
-    const description = mergedLabels[descriptionKey];
     return /* @__PURE__ */ jsxs(React5.Fragment, { children: [
       /* @__PURE__ */ jsxs(
         Button,
         {
           className: getMenuItemClass(item.id),
           onClick: () => onServiceClick?.(item.id),
-          "aria-label": `${mergedLabels.serviceAriaLabel} ${label}`,
+          "aria-label": item.name,
           children: [
-            /* @__PURE__ */ jsx("img", { src: item.logo, alt: label, className: styles.logo }),
+            /* @__PURE__ */ jsx("img", { src: item.imageUrl, alt: item.name, className: styles.logo }),
             /* @__PURE__ */ jsxs("div", { className: styles.textContent, children: [
-              /* @__PURE__ */ jsx("span", { className: styles.label, children: label }),
-              showDescriptions && /* @__PURE__ */ jsx("span", { className: styles.description, children: description })
+              /* @__PURE__ */ jsx("span", { className: styles.label, children: item.name }),
+              showDescriptions && /* @__PURE__ */ jsx("span", { className: styles.description, children: item.description })
             ] })
           ]
         }
@@ -3474,13 +3482,14 @@ var CardTicketSearch = ({
   onSwitchClick,
   onRoundTripChange,
   onSubmit,
-  activeServiceId = "ferry",
+  activeServiceId = 1,
   labels: customLabels,
   className,
   isRotating = false,
   showPassengerField = false,
   showRoundTrip = true,
-  onServiceClick
+  onServiceClick,
+  menuItems
 }) => {
   const styles = useStyles8();
   const labels = React5.useMemo(
@@ -3574,7 +3583,8 @@ var CardTicketSearch = ({
                   className: styles.serviceMenuCard,
                   activeServiceId,
                   language,
-                  onServiceClick
+                  onServiceClick,
+                  menuItems
                 }
               )
             }
@@ -12801,9 +12811,12 @@ var FileUpload = React5.forwardRef(
                                 action: /* @__PURE__ */ jsx(DialogTrigger, { action: "close", children: /* @__PURE__ */ jsx(
                                   Button,
                                   {
-                                    appearance: "subtle",
                                     "aria-label": "close",
-                                    icon: /* @__PURE__ */ jsx(Dismiss24Regular, {})
+                                    icon: /* @__PURE__ */ jsx(Dismiss24Regular, {}),
+                                    style: {
+                                      backgroundColor: tokens.colorNeutralForeground2,
+                                      color: tokens.colorNeutralBackground1
+                                    }
                                   }
                                 ) })
                               }
@@ -13046,7 +13059,11 @@ var FileUpload = React5.forwardRef(
                                 {
                                   appearance: "subtle",
                                   "aria-label": "close",
-                                  icon: /* @__PURE__ */ jsx(Dismiss24Regular, {})
+                                  icon: /* @__PURE__ */ jsx(Dismiss24Regular, {}),
+                                  style: {
+                                    backgroundColor: tokens.colorNeutralForeground2,
+                                    color: tokens.colorNeutralBackground1
+                                  }
                                 }
                               ) })
                             }