@mantajs/dashboard 0.1.6 → 0.1.7

package/dist/app.js

@@ -100375,7 +100375,7 @@ var init_user_menu2 = __esm({
 });
 
 // src/components/layout/main-layout/main-layout.tsx
-var import_icons10, import_ui14, import_radix_ui5, import_react_i18next10, import_react_router_dom9, import_jsx_runtime22, MainLayout, MainSidebar, Logout2, Header, useCoreRoutes, Searchbar, CoreRouteSection, MAIN_MENU_PATHS, ExtensionRouteSection, UtilitySection, UserSection;
+var import_icons10, import_ui14, import_radix_ui5, import_react_i18next10, import_react_router_dom9, import_menu_config, import_jsx_runtime22, ICON_MAP, MainLayout, MainSidebar, Logout2, Header, getDefaultMedusaRoutes, useCoreRoutes, Searchbar, CoreRouteSection, getMainMenuPaths, MAIN_MENU_PATHS, ExtensionRouteSection, UtilitySection, UserSection;
 var init_main_layout = __esm({
   "src/components/layout/main-layout/main-layout.tsx"() {
     "use strict";
@@ -100394,7 +100394,19 @@ var init_main_layout = __esm({
     init_search_provider2();
     init_user_menu2();
     init_use_document_direction();
+    import_menu_config = __toESM(require("virtual:dashboard/menu-config"));
     import_jsx_runtime22 = require("react/jsx-runtime");
+    ICON_MAP = {
+      ShoppingCart: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_icons10.ShoppingCart, {}),
+      Tag: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_icons10.Tag, {}),
+      Buildings: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_icons10.Buildings, {}),
+      Users: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_icons10.Users, {}),
+      ReceiptPercent: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_icons10.ReceiptPercent, {}),
+      CurrencyDollar: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_icons10.CurrencyDollar, {}),
+      BuildingStorefront: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_icons10.BuildingStorefront, {}),
+      CogSixTooth: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_icons10.CogSixTooth, {}),
+      SquaresPlus: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_icons10.SquaresPlus, {})
+    };
     MainLayout = () => {
       return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Shell, { children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(MainSidebar, {}) });
     };
@@ -100509,74 +100521,37 @@ var init_main_layout = __esm({
         }
       ) });
     };
+    getDefaultMedusaRoutes = (t5) => [
+      { icon: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_icons10.ShoppingCart, {}), label: t5("orders.domain"), to: "/orders", items: [] },
+      { icon: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_icons10.Tag, {}), label: t5("products.domain"), to: "/products", items: [
+        { label: t5("collections.domain"), to: "/collections" },
+        { label: t5("categories.domain"), to: "/categories" }
+      ] },
+      { icon: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_icons10.Buildings, {}), label: t5("inventory.domain"), to: "/inventory", items: [
+        { label: t5("reservations.domain"), to: "/reservations" }
+      ] },
+      { icon: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_icons10.Users, {}), label: t5("customers.domain"), to: "/customers", items: [
+        { label: t5("customerGroups.domain"), to: "/customer-groups" }
+      ] },
+      { icon: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_icons10.ReceiptPercent, {}), label: t5("promotions.domain"), to: "/promotions", items: [
+        { label: t5("campaigns.domain"), to: "/campaigns" }
+      ] },
+      { icon: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_icons10.CurrencyDollar, {}), label: t5("priceLists.domain"), to: "/price-lists" }
+    ];
     useCoreRoutes = () => {
       const { t: t5 } = (0, import_react_i18next10.useTranslation)();
-      return [
-        {
-          icon: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_icons10.BuildingStorefront, {}),
-          label: "Companies",
-          to: "/companies",
-          items: [
-            {
-              label: "Employees",
-              to: "/employees"
-            }
-          ]
-        },
-        {
-          icon: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_icons10.ShoppingCart, {}),
-          label: t5("orders.domain"),
-          to: "/orders",
-          items: []
-        },
-        {
-          icon: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_icons10.Tag, {}),
-          label: t5("products.domain"),
-          to: "/products",
-          items: [
-            {
-              label: t5("collections.domain"),
-              to: "/collections"
-            },
-            {
-              label: t5("categories.domain"),
-              to: "/categories"
-            }
-            // TODO: Enable when domin is introduced
-            // {
-            //   label: t("giftCards.domain"),
-            //   to: "/gift-cards",
-            // },
-          ]
-        },
-        {
-          icon: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_icons10.Buildings, {}),
-          label: t5("inventory.domain"),
-          to: "/inventory",
-          items: [
-            {
-              label: t5("reservations.domain"),
-              to: "/reservations"
-            }
-          ]
-        },
-        {
-          icon: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_icons10.ReceiptPercent, {}),
-          label: t5("promotions.domain"),
-          to: "/promotions",
-          items: [
-            {
-              label: t5("campaigns.domain"),
-              to: "/campaigns"
-            }
-          ]
-        },
-        {
-          icon: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_icons10.CurrencyDollar, {}),
-          label: t5("priceLists.domain"),
-          to: "/price-lists"
-        }
-      ];
+      if (!import_menu_config.default) {
+        return getDefaultMedusaRoutes(t5);
+      }
+      return import_menu_config.default.items.map((item) => ({
+        icon: ICON_MAP[item.icon] || /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_icons10.SquaresPlus, {}),
+        label: item.useTranslation ? t5(item.label) : item.label,
+        to: item.to,
+        items: item.items?.map((sub2) => ({
+          label: sub2.useTranslation ? t5(sub2.label) : sub2.label,
+          to: sub2.to
+        }))
+      }));
     };
     Searchbar = () => {
       const { t: t5 } = (0, import_react_i18next10.useTranslation)();
@@ -100617,7 +100592,17 @@ var init_main_layout = __esm({
         })
       ] });
     };
-    MAIN_MENU_PATHS = ["/companies", "/employees"];
+    getMainMenuPaths = () => {
+      if (!import_menu_config.default) return [];
+      const config = import_menu_config.default;
+      const paths = [];
+      config.items.forEach((item) => {
+        paths.push(item.to);
+        item.items?.forEach((sub2) => paths.push(sub2.to));
+      });
+      return paths;
+    };
+    MAIN_MENU_PATHS = getMainMenuPaths();
     ExtensionRouteSection = () => {
       const { t: t5 } = (0, import_react_i18next10.useTranslation)();
       const { getMenu } = useExtension();

package/dist/app.mjs

@@ -1,6 +1,6 @@
 import {
   DashboardApp
-} from "./chunk-EZVEBD35.mjs";
+} from "./chunk-ZQVS3F3X.mjs";
 import "./chunk-2SSUH2HJ.mjs";
 import "./chunk-ONB3JEHR.mjs";
 import "./chunk-YCDDT44O.mjs";

package/dist/{chunk-EZVEBD35.mjs → chunk-ZQVS3F3X.mjs}

@@ -94528,7 +94528,8 @@ import {
   ReceiptPercent,
   ShoppingCart,
   SquaresPlus,
-  Tag
+  Tag,
+  Users
 } from "@medusajs/icons";
 import { Avatar as Avatar2, Divider, DropdownMenu as DropdownMenu3, Text as Text5, clx as clx6 } from "@medusajs/ui";
 import { Collapsible as RadixCollapsible2 } from "radix-ui";
@@ -95391,7 +95392,19 @@ var UserItem = () => {
 };
 
 // src/components/layout/main-layout/main-layout.tsx
+import menuConfig from "virtual:dashboard/menu-config";
 import { jsx as jsx13, jsxs as jsxs8 } from "react/jsx-runtime";
+var ICON_MAP = {
+  ShoppingCart: /* @__PURE__ */ jsx13(ShoppingCart, {}),
+  Tag: /* @__PURE__ */ jsx13(Tag, {}),
+  Buildings: /* @__PURE__ */ jsx13(Buildings, {}),
+  Users: /* @__PURE__ */ jsx13(Users, {}),
+  ReceiptPercent: /* @__PURE__ */ jsx13(ReceiptPercent, {}),
+  CurrencyDollar: /* @__PURE__ */ jsx13(CurrencyDollar, {}),
+  BuildingStorefront: /* @__PURE__ */ jsx13(BuildingStorefront, {}),
+  CogSixTooth: /* @__PURE__ */ jsx13(CogSixTooth, {}),
+  SquaresPlus: /* @__PURE__ */ jsx13(SquaresPlus, {})
+};
 var MainLayout = () => {
   return /* @__PURE__ */ jsx13(Shell, { children: /* @__PURE__ */ jsx13(MainSidebar, {}) });
 };
@@ -95506,74 +95519,37 @@ var Header = () => {
     }
   ) });
 };
+var getDefaultMedusaRoutes = (t2) => [
+  { icon: /* @__PURE__ */ jsx13(ShoppingCart, {}), label: t2("orders.domain"), to: "/orders", items: [] },
+  { icon: /* @__PURE__ */ jsx13(Tag, {}), label: t2("products.domain"), to: "/products", items: [
+    { label: t2("collections.domain"), to: "/collections" },
+    { label: t2("categories.domain"), to: "/categories" }
+  ] },
+  { icon: /* @__PURE__ */ jsx13(Buildings, {}), label: t2("inventory.domain"), to: "/inventory", items: [
+    { label: t2("reservations.domain"), to: "/reservations" }
+  ] },
+  { icon: /* @__PURE__ */ jsx13(Users, {}), label: t2("customers.domain"), to: "/customers", items: [
+    { label: t2("customerGroups.domain"), to: "/customer-groups" }
+  ] },
+  { icon: /* @__PURE__ */ jsx13(ReceiptPercent, {}), label: t2("promotions.domain"), to: "/promotions", items: [
+    { label: t2("campaigns.domain"), to: "/campaigns" }
+  ] },
+  { icon: /* @__PURE__ */ jsx13(CurrencyDollar, {}), label: t2("priceLists.domain"), to: "/price-lists" }
+];
 var useCoreRoutes = () => {
   const { t: t2 } = useTranslation9();
-  return [
-    {
-      icon: /* @__PURE__ */ jsx13(BuildingStorefront, {}),
-      label: "Companies",
-      to: "/companies",
-      items: [
-        {
-          label: "Employees",
-          to: "/employees"
-        }
-      ]
-    },
-    {
-      icon: /* @__PURE__ */ jsx13(ShoppingCart, {}),
-      label: t2("orders.domain"),
-      to: "/orders",
-      items: []
-    },
-    {
-      icon: /* @__PURE__ */ jsx13(Tag, {}),
-      label: t2("products.domain"),
-      to: "/products",
-      items: [
-        {
-          label: t2("collections.domain"),
-          to: "/collections"
-        },
-        {
-          label: t2("categories.domain"),
-          to: "/categories"
-        }
-        // TODO: Enable when domin is introduced
-        // {
-        //   label: t("giftCards.domain"),
-        //   to: "/gift-cards",
-        // },
-      ]
-    },
-    {
-      icon: /* @__PURE__ */ jsx13(Buildings, {}),
-      label: t2("inventory.domain"),
-      to: "/inventory",
-      items: [
-        {
-          label: t2("reservations.domain"),
-          to: "/reservations"
-        }
-      ]
-    },
-    {
-      icon: /* @__PURE__ */ jsx13(ReceiptPercent, {}),
-      label: t2("promotions.domain"),
-      to: "/promotions",
-      items: [
-        {
-          label: t2("campaigns.domain"),
-          to: "/campaigns"
-        }
-      ]
-    },
-    {
-      icon: /* @__PURE__ */ jsx13(CurrencyDollar, {}),
-      label: t2("priceLists.domain"),
-      to: "/price-lists"
-    }
-  ];
+  if (!menuConfig) {
+    return getDefaultMedusaRoutes(t2);
+  }
+  return menuConfig.items.map((item) => ({
+    icon: ICON_MAP[item.icon] || /* @__PURE__ */ jsx13(SquaresPlus, {}),
+    label: item.useTranslation ? t2(item.label) : item.label,
+    to: item.to,
+    items: item.items?.map((sub) => ({
+      label: sub.useTranslation ? t2(sub.label) : sub.label,
+      to: sub.to
+    }))
+  }));
 };
 var Searchbar = () => {
   const { t: t2 } = useTranslation9();
@@ -95614,7 +95590,17 @@ var CoreRouteSection = () => {
     })
   ] });
 };
-var MAIN_MENU_PATHS = ["/companies", "/employees"];
+var getMainMenuPaths = () => {
+  if (!menuConfig) return [];
+  const config = menuConfig;
+  const paths = [];
+  config.items.forEach((item) => {
+    paths.push(item.to);
+    item.items?.forEach((sub) => paths.push(sub.to));
+  });
+  return paths;
+};
+var MAIN_MENU_PATHS = getMainMenuPaths();
 var ExtensionRouteSection = () => {
   const { t: t2 } = useTranslation9();
   const { getMenu } = useExtension();
@@ -95975,7 +95961,7 @@ function getRouteMap({
                   children: [
                     {
                       path: "create",
-                      lazy: () => import("./product-create-STUQVGHO.mjs")
+                      lazy: () => import("./product-create-P26FHFTZ.mjs")
                     },
                     {
                       path: "import",
@@ -95991,7 +95977,7 @@ function getRouteMap({
                   path: ":id",
                   errorElement: /* @__PURE__ */ jsx17(ErrorBoundary, {}),
                   lazy: async () => {
-                    const { Breadcrumb, loader } = await import("./product-detail-FXEXDNZQ.mjs");
+                    const { Breadcrumb, loader } = await import("./product-detail-6VCLGLEL.mjs");
                     return {
                       Component: Outlet4,
                       loader,
@@ -96003,11 +95989,11 @@ function getRouteMap({
                   children: [
                     {
                       path: "",
-                      lazy: () => import("./product-detail-FXEXDNZQ.mjs"),
+                      lazy: () => import("./product-detail-6VCLGLEL.mjs"),
                       children: [
                         {
                           path: "edit",
-                          lazy: () => import("./product-edit-HLYORUHR.mjs")
+                          lazy: () => import("./product-edit-D75EWPGG.mjs")
                         },
                         {
                           path: "edit-variant",
@@ -96019,11 +96005,11 @@ function getRouteMap({
                         },
                         {
                           path: "attributes",
-                          lazy: () => import("./product-attributes-LGV7337C.mjs")
+                          lazy: () => import("./product-attributes-DZZZDS2K.mjs")
                         },
                         {
                           path: "organization",
-                          lazy: () => import("./product-organization-O5XFMRUA.mjs")
+                          lazy: () => import("./product-organization-FESACGNN.mjs")
                         },
                         {
                           path: "shipping-profile",

package/dist/{product-attributes-LGV7337C.mjs → product-attributes-DZZZDS2K.mjs}

@@ -15,7 +15,7 @@ import {
 import {
   FormExtensionZone,
   useExtendableForm
-} from "./chunk-EZVEBD35.mjs";
+} from "./chunk-ZQVS3F3X.mjs";
 import "./chunk-2SSUH2HJ.mjs";
 import "./chunk-ONB3JEHR.mjs";
 import "./chunk-YCDDT44O.mjs";

package/dist/{product-create-STUQVGHO.mjs → product-create-P26FHFTZ.mjs}

@@ -57,7 +57,7 @@ import {
 import {
   FormExtensionZone,
   useExtendableForm
-} from "./chunk-EZVEBD35.mjs";
+} from "./chunk-ZQVS3F3X.mjs";
 import "./chunk-2SSUH2HJ.mjs";
 import "./chunk-ONB3JEHR.mjs";
 import "./chunk-YCDDT44O.mjs";

package/dist/{product-detail-FXEXDNZQ.mjs → product-detail-6VCLGLEL.mjs}

@@ -17,7 +17,7 @@ import {
 } from "./chunk-GIZFNLKK.mjs";
 import {
   getLinkedFields
-} from "./chunk-EZVEBD35.mjs";
+} from "./chunk-ZQVS3F3X.mjs";
 import "./chunk-2SSUH2HJ.mjs";
 import "./chunk-ONB3JEHR.mjs";
 import "./chunk-YCDDT44O.mjs";

package/dist/{product-edit-HLYORUHR.mjs → product-edit-D75EWPGG.mjs}

@@ -18,7 +18,7 @@ import {
 import {
   FormExtensionZone,
   useExtendableForm
-} from "./chunk-EZVEBD35.mjs";
+} from "./chunk-ZQVS3F3X.mjs";
 import "./chunk-2SSUH2HJ.mjs";
 import "./chunk-ONB3JEHR.mjs";
 import "./chunk-YCDDT44O.mjs";

package/dist/{product-organization-O5XFMRUA.mjs → product-organization-FESACGNN.mjs}

@@ -20,7 +20,7 @@ import {
 import {
   FormExtensionZone,
   useExtendableForm
-} from "./chunk-EZVEBD35.mjs";
+} from "./chunk-ZQVS3F3X.mjs";
 import "./chunk-2SSUH2HJ.mjs";
 import "./chunk-ONB3JEHR.mjs";
 import "./chunk-YCDDT44O.mjs";

package/dist/vite-plugin/index.d.mts

@@ -0,0 +1,21 @@
+import { Plugin } from 'vite';
+
+type MenuNestedItem = {
+    label: string;
+    to: string;
+    useTranslation?: boolean;
+};
+type MenuItem = {
+    icon: string;
+    label: string;
+    to: string;
+    useTranslation?: boolean;
+    items?: MenuNestedItem[];
+};
+type MenuConfig = {
+    items: MenuItem[];
+};
+
+declare function menuConfigPlugin(): Plugin;
+
+export { type MenuConfig, type MenuItem, type MenuNestedItem, menuConfigPlugin };

package/dist/vite-plugin/index.d.ts

@@ -0,0 +1,21 @@
+import { Plugin } from 'vite';
+
+type MenuNestedItem = {
+    label: string;
+    to: string;
+    useTranslation?: boolean;
+};
+type MenuItem = {
+    icon: string;
+    label: string;
+    to: string;
+    useTranslation?: boolean;
+    items?: MenuNestedItem[];
+};
+type MenuConfig = {
+    items: MenuItem[];
+};
+
+declare function menuConfigPlugin(): Plugin;
+
+export { type MenuConfig, type MenuItem, type MenuNestedItem, menuConfigPlugin };

package/dist/vite-plugin/index.js

@@ -0,0 +1,68 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/vite-plugin/index.ts
+var index_exports = {};
+__export(index_exports, {
+  menuConfigPlugin: () => menuConfigPlugin
+});
+module.exports = __toCommonJS(index_exports);
+var import_path = __toESM(require("path"));
+var import_fs = __toESM(require("fs"));
+var VIRTUAL_MODULE_ID = "virtual:dashboard/menu-config";
+var RESOLVED_ID = "\0" + VIRTUAL_MODULE_ID;
+function menuConfigPlugin() {
+  return {
+    name: "dashboard-menu-config",
+    config() {
+      return {
+        optimizeDeps: {
+          exclude: [VIRTUAL_MODULE_ID]
+        }
+      };
+    },
+    resolveId(id) {
+      if (id === VIRTUAL_MODULE_ID) return RESOLVED_ID;
+    },
+    load(id) {
+      if (id !== RESOLVED_ID) return;
+      const basePath = import_path.default.resolve(process.cwd(), "src/admin/menu.config");
+      for (const ext of [".ts", ".js", ".mts", ".mjs"]) {
+        if (import_fs.default.existsSync(basePath + ext)) {
+          return `export { default } from "${basePath + ext}"`;
+        }
+      }
+      return "export default null";
+    }
+  };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  menuConfigPlugin
+});

package/dist/vite-plugin/index.mjs

@@ -0,0 +1,33 @@
+// src/vite-plugin/index.ts
+import path from "path";
+import fs from "fs";
+var VIRTUAL_MODULE_ID = "virtual:dashboard/menu-config";
+var RESOLVED_ID = "\0" + VIRTUAL_MODULE_ID;
+function menuConfigPlugin() {
+  return {
+    name: "dashboard-menu-config",
+    config() {
+      return {
+        optimizeDeps: {
+          exclude: [VIRTUAL_MODULE_ID]
+        }
+      };
+    },
+    resolveId(id) {
+      if (id === VIRTUAL_MODULE_ID) return RESOLVED_ID;
+    },
+    load(id) {
+      if (id !== RESOLVED_ID) return;
+      const basePath = path.resolve(process.cwd(), "src/admin/menu.config");
+      for (const ext of [".ts", ".js", ".mts", ".mjs"]) {
+        if (fs.existsSync(basePath + ext)) {
+          return `export { default } from "${basePath + ext}"`;
+        }
+      }
+      return "export default null";
+    }
+  };
+}
+export {
+  menuConfigPlugin
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mantajs/dashboard",
-  "version": "0.1.6",
+  "version": "0.1.7",
   "description": "B2B Admin Dashboard for Medusa - Fork of @medusajs/dashboard",
   "scripts": {
     "dev": "vite",
@@ -24,6 +24,11 @@
       "import": "./dist/app.css",
       "require": "./dist/app.css"
     },
+    "./vite-plugin": {
+      "types": "./dist/vite-plugin/index.d.ts",
+      "import": "./dist/vite-plugin/index.mjs",
+      "require": "./dist/vite-plugin/index.js"
+    },
     "./root": "./",
     "./package.json": "./package.json"
   },
@@ -78,14 +83,15 @@
     "@medusajs/admin-vite-plugin": "2.13.1",
     "@medusajs/types": "2.13.1",
     "@medusajs/ui-preset": "2.13.1",
+    "@types/node": "^20.0.0",
     "@vitejs/plugin-react": "^4.0.0",
+    "autoprefixer": "^10.4.16",
+    "postcss": "^8.4.31",
+    "tailwindcss": "^3.3.5",
     "tsup": "^8.0.0",
     "typescript": "^5.6.2",
     "vite": "^5.4.14",
     "vite-plugin-inspect": "^0.8.0",
-    "vitest": "^1.0.0",
-    "autoprefixer": "^10.4.16",
-    "postcss": "^8.4.31",
-    "tailwindcss": "^3.3.5"
+    "vitest": "^1.0.0"
   }
 }

package/src/components/layout/main-layout/main-layout.tsx

@@ -12,6 +12,7 @@ import {
   ShoppingCart,
   SquaresPlus,
   Tag,
+  Users,
 } from "@medusajs/icons"
 import { Avatar, Divider, DropdownMenu, Text, clx } from "@medusajs/ui"
 import { Collapsible as RadixCollapsible } from "radix-ui"
@@ -29,6 +30,20 @@ import { useExtension } from "../../../providers/extension-provider"
 import { useSearch } from "../../../providers/search-provider"
 import { UserMenu } from "../user-menu"
 import { useDocumentDirection } from "../../../hooks/use-document-direction"
+import menuConfig from "virtual:dashboard/menu-config"
+import type { MenuConfig } from "../../../vite-plugin/types"
+
+const ICON_MAP: Record<string, React.ReactNode> = {
+  ShoppingCart: <ShoppingCart />,
+  Tag: <Tag />,
+  Buildings: <Buildings />,
+  Users: <Users />,
+  ReceiptPercent: <ReceiptPercent />,
+  CurrencyDollar: <CurrencyDollar />,
+  BuildingStorefront: <BuildingStorefront />,
+  CogSixTooth: <CogSixTooth />,
+  SquaresPlus: <SquaresPlus />,
+}
 
 export const MainLayout = () => {
   return (
@@ -176,75 +191,40 @@ const Header = () => {
   )
 }
 
+const getDefaultMedusaRoutes = (t: (key: string) => string): Omit<INavItem, "pathname">[] => [
+  { icon: <ShoppingCart />, label: t("orders.domain"), to: "/orders", items: [] },
+  { icon: <Tag />, label: t("products.domain"), to: "/products", items: [
+    { label: t("collections.domain"), to: "/collections" },
+    { label: t("categories.domain"), to: "/categories" },
+  ]},
+  { icon: <Buildings />, label: t("inventory.domain"), to: "/inventory", items: [
+    { label: t("reservations.domain"), to: "/reservations" },
+  ]},
+  { icon: <Users />, label: t("customers.domain"), to: "/customers", items: [
+    { label: t("customerGroups.domain"), to: "/customer-groups" },
+  ]},
+  { icon: <ReceiptPercent />, label: t("promotions.domain"), to: "/promotions", items: [
+    { label: t("campaigns.domain"), to: "/campaigns" },
+  ]},
+  { icon: <CurrencyDollar />, label: t("priceLists.domain"), to: "/price-lists" },
+]
+
 const useCoreRoutes = (): Omit<INavItem, "pathname">[] => {
   const { t } = useTranslation()
 
-  return [
-    {
-      icon: <BuildingStorefront />,
-      label: "Companies",
-      to: "/companies",
-      items: [
-        {
-          label: "Employees",
-          to: "/employees",
-        },
-      ],
-    },
-    {
-      icon: <ShoppingCart />,
-      label: t("orders.domain"),
-      to: "/orders",
-      items: [],
-    },
-    {
-      icon: <Tag />,
-      label: t("products.domain"),
-      to: "/products",
-      items: [
-        {
-          label: t("collections.domain"),
-          to: "/collections",
-        },
-        {
-          label: t("categories.domain"),
-          to: "/categories",
-        },
-        // TODO: Enable when domin is introduced
-        // {
-        //   label: t("giftCards.domain"),
-        //   to: "/gift-cards",
-        // },
-      ],
-    },
-    {
-      icon: <Buildings />,
-      label: t("inventory.domain"),
-      to: "/inventory",
-      items: [
-        {
-          label: t("reservations.domain"),
-          to: "/reservations",
-        },
-      ],
-    },
-    {
-      icon: <ReceiptPercent />,
-      label: t("promotions.domain"),
-      to: "/promotions",
-      items: [
-        {
-          label: t("campaigns.domain"),
-          to: "/campaigns",
-        },
-      ],
-    },
-    {
-      icon: <CurrencyDollar />,
-      label: t("priceLists.domain"),
-      to: "/price-lists",
-    },
-  ]
+  if (!menuConfig) {
+    return getDefaultMedusaRoutes(t)
+  }
+
+  return (menuConfig as MenuConfig).items.map((item) => ({
+    icon: ICON_MAP[item.icon] || <SquaresPlus />,
+    label: item.useTranslation ? t(item.label) : item.label,
+    to: item.to,
+    items: item.items?.map((sub) => ({
+      label: sub.useTranslation ? t(sub.label) : sub.label,
+      to: sub.to,
+    })),
+  }))
 }
 
 const Searchbar = () => {
@@ -301,8 +281,19 @@ const CoreRouteSection = () => {
   )
 }
 
-// Paths already in the main menu (to avoid duplication in Extensions)
-const MAIN_MENU_PATHS = ["/companies", "/employees"]
+// Derived from config: avoids duplication between custom menu and extensions
+const getMainMenuPaths = (): string[] => {
+  if (!menuConfig) return []
+  const config = menuConfig as MenuConfig
+  const paths: string[] = []
+  config.items.forEach((item) => {
+    paths.push(item.to)
+    item.items?.forEach((sub) => paths.push(sub.to))
+  })
+  return paths
+}
+
+const MAIN_MENU_PATHS = getMainMenuPaths()
 
 const ExtensionRouteSection = () => {
   const { t } = useTranslation()

package/src/types/virtual-dashboard.d.ts

@@ -0,0 +1,5 @@
+declare module "virtual:dashboard/menu-config" {
+  import type { MenuConfig } from "../vite-plugin/types"
+  const config: MenuConfig | null
+  export default config
+}

package/src/vite-plugin/index.ts

@@ -0,0 +1,34 @@
+import { Plugin } from "vite"
+import path from "path"
+import fs from "fs"
+
+const VIRTUAL_MODULE_ID = "virtual:dashboard/menu-config"
+const RESOLVED_ID = "\0" + VIRTUAL_MODULE_ID
+
+export function menuConfigPlugin(): Plugin {
+  return {
+    name: "dashboard-menu-config",
+    config() {
+      return {
+        optimizeDeps: {
+          exclude: [VIRTUAL_MODULE_ID],
+        },
+      }
+    },
+    resolveId(id) {
+      if (id === VIRTUAL_MODULE_ID) return RESOLVED_ID
+    },
+    load(id) {
+      if (id !== RESOLVED_ID) return
+      const basePath = path.resolve(process.cwd(), "src/admin/menu.config")
+      for (const ext of [".ts", ".js", ".mts", ".mjs"]) {
+        if (fs.existsSync(basePath + ext)) {
+          return `export { default } from "${basePath + ext}"`
+        }
+      }
+      return "export default null"
+    },
+  }
+}
+
+export type { MenuConfig, MenuItem, MenuNestedItem } from "./types"

package/src/vite-plugin/types.ts

@@ -0,0 +1,17 @@
+export type MenuNestedItem = {
+  label: string
+  to: string
+  useTranslation?: boolean
+}
+
+export type MenuItem = {
+  icon: string
+  label: string
+  to: string
+  useTranslation?: boolean
+  items?: MenuNestedItem[]
+}
+
+export type MenuConfig = {
+  items: MenuItem[]
+}