@deenruv/admin-dashboard 1.0.17-dev.7 → 1.0.17-dev.8

package/dist/DeenruvAdminPanel.js

@@ -1,52 +1,22 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 // eslint-disable-next-line no-restricted-imports
 import { I18nextProvider } from 'react-i18next';
-import { useEffect } from 'react';
-import { createBrowserRouter, RouterProvider } from 'react-router';
+import { useEffect, useMemo } from 'react';
+import { createBrowserRouter, Navigate, RouterProvider } from 'react-router';
 import { AnimatePresence } from 'framer-motion';
 import { Toaster } from 'sonner';
 import i18n from './i18.js';
-import { Routes, PluginProvider, PluginStore, useSettings, GlobalStoreProvider, DEFAULT_CHANNEL_CODE, NotificationProvider, } from '@deenruv/react-ui-devkit';
+import { Routes, PluginProvider, PluginStore, useServer, useSettings, GlobalStoreProvider, DEFAULT_CHANNEL_CODE, NotificationProvider, } from '@deenruv/react-ui-devkit';
 import { useShallow } from 'zustand/react/shallow';
 import { LanguageCode } from '@deenruv/admin-types';
 import { Root } from "./pages/Root.js";
 import { LoginScreen } from "./pages/LoginScreen.js";
 import { ErrorPage } from "./pages/Custom404.js";
-import * as Pages from "./pages/index.js";
 import * as resources from "./locales/index.js";
 import { ADMIN_DASHBOARD_VERSION } from "./version.js";
 import { ORDER_STATUS_NOTIFICATION } from "./notifications/OrderStatusNotification.js";
 import { SYSTEM_STATUS_NOTIFICATION } from "./notifications/SystemStatusNotification.js";
-const firstLetterToLowerCase = (str) => str.charAt(0).toLowerCase() + str.slice(1);
-const getRoute = (name, key) => {
-    const route = Routes[name];
-    if (typeof route !== 'object')
-        return route;
-    if (key.includes('DetailPage') && 'route' in route)
-        return route.route;
-    if (key.includes('ListPage') && 'list' in route)
-        return route.list;
-    return null;
-};
-const getName = (key) => {
-    if (key.includes('DetailPage'))
-        return firstLetterToLowerCase(key.replace('DetailPage', ''));
-    if (key.includes('ListPage'))
-        return firstLetterToLowerCase(key.replace('ListPage', ''));
-    return firstLetterToLowerCase(key);
-};
-const DeenruvPaths = Object.entries(Pages).flatMap(([key, Component]) => {
-    const name = getName(key);
-    const path = getRoute(name, key);
-    const paths = [];
-    if (path)
-        paths.push({ path, element: _jsx(Component, {}) });
-    const route = Routes[name];
-    if (key.includes('DetailPage') && typeof route === 'object' && 'new' in route) {
-        paths.push({ path: route.new, element: _jsx(Component, {}) });
-    }
-    return paths;
-});
+import { AdminAccessProvider, builtInAdminRoutes, getDefaultAdminRoute, getPermittedAdminRoutes, } from "./access/index.js";
 const loadTranslations = () => {
     Object.entries(resources).forEach(([lang, value]) => {
         Object.entries(value).forEach(([, translations]) => {
@@ -76,13 +46,6 @@ export const DeenruvAdminPanel = ({ plugins, settings }) => {
     };
     pluginsStore.install(plugins, i18n);
     loadTranslations();
-    const router = createBrowserRouter([
-        {
-            element: _jsx(Root, { allPaths: [...DeenruvPaths].map((path) => path.path).filter(Boolean) }),
-            errorElement: _jsx(ErrorPage, {}),
-            children: [...DeenruvPaths, ...pluginsStore.routes],
-        },
-    ]);
     const { theme, isLoggedIn, ...context } = useSettings(useShallow((p) => ({
         theme: p.theme,
         isLoggedIn: p.isLoggedIn,
@@ -90,6 +53,32 @@ export const DeenruvAdminPanel = ({ plugins, settings }) => {
         language: p.language,
         translationsLanguage: p.translationsLanguage,
     })));
+    const userPermissions = useServer((p) => p.userPermissions);
+    const pluginRoutes = useMemo(() => pluginsStore.routes.map((route) => ({
+        id: `plugin.${route.plugin.name}.${route.path}`,
+        path: route.path,
+        element: route.element,
+        ...route.access,
+        search: { menuKey: `${route.plugin.name} - ${route.path}`, type: 'plugin' },
+    })), [plugins]);
+    const permittedRoutes = useMemo(() => getPermittedAdminRoutes([...builtInAdminRoutes, ...pluginRoutes], userPermissions), [pluginRoutes, userPermissions]);
+    const defaultRoute = getDefaultAdminRoute(permittedRoutes);
+    const router = useMemo(() => {
+        const routerChildren = permittedRoutes.map(({ path, element }) => ({ path, element }));
+        if (defaultRoute && !permittedRoutes.some((route) => route.path === Routes.dashboard)) {
+            routerChildren.push({ path: Routes.dashboard, element: _jsx(Navigate, { to: defaultRoute.path, replace: true }) });
+        }
+        if (defaultRoute) {
+            routerChildren.push({ path: '*', element: _jsx(Navigate, { to: defaultRoute.path, replace: true }) });
+        }
+        return createBrowserRouter([
+            {
+                element: _jsx(Root, { allPaths: permittedRoutes.map((route) => route.path).filter(Boolean) }),
+                errorElement: _jsx(ErrorPage, {}),
+                children: routerChildren,
+            },
+        ]);
+    }, [defaultRoute, permittedRoutes]);
     useEffect(() => {
         const root = window.document.documentElement;
         root.classList.remove('light', 'dark');
@@ -101,7 +90,7 @@ export const DeenruvAdminPanel = ({ plugins, settings }) => {
             root.classList.add(theme);
         }
     }, [theme]);
-    return (_jsx(GlobalStoreProvider, { ...settings, children: _jsxs(I18nextProvider, { i18n: i18n, defaultNS: 'common', children: [_jsx(AnimatePresence, { children: isLoggedIn ? (_jsx(PluginProvider, { plugins: pluginsStore, context: context, children: _jsx(NotificationProvider, { notifications: [ORDER_STATUS_NOTIFICATION, SYSTEM_STATUS_NOTIFICATION].concat(pluginsStore.notifications), children: _jsx(RouterProvider, { router: router }) }) })) : (_jsx(LoginScreen, {})) }), _jsx(Toaster, { theme: theme, className: "toaster group", richColors: true, expand: true, position: "bottom-right", toastOptions: {
+    return (_jsx(GlobalStoreProvider, { ...settings, children: _jsxs(I18nextProvider, { i18n: i18n, defaultNS: 'common', children: [_jsx(AnimatePresence, { children: isLoggedIn ? (_jsx(AdminAccessProvider, { value: { routes: permittedRoutes, defaultRoute }, children: _jsx(PluginProvider, { plugins: pluginsStore, context: context, children: _jsx(NotificationProvider, { notifications: [ORDER_STATUS_NOTIFICATION, SYSTEM_STATUS_NOTIFICATION].concat(pluginsStore.notifications), children: _jsx(RouterProvider, { router: router }) }) }) })) : (_jsx(LoginScreen, {})) }), _jsx(Toaster, { theme: theme, className: "toaster group", richColors: true, expand: true, position: "bottom-right", toastOptions: {
                         classNames: {
                             toast: 'group toast group-[.toaster]:bg-background group-[.toaster]:text-foreground group-[.toaster]:border-border group-[.toaster]:shadow-lg group-[.toaster]:p-4',
                             title: 'group-[.toast]:font-semibold group-[.toast]:text-foreground',

package/dist/access/access-context.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useContext } from 'react';
+const AdminAccessContext = createContext(null);
+export const AdminAccessProvider = ({ children, value, }) => (_jsx(AdminAccessContext.Provider, { value: value, children: children }));
+export const useAdminAccess = () => {
+    const context = useContext(AdminAccessContext);
+    if (!context)
+        throw new Error('useAdminAccess must be used within AdminAccessProvider');
+    return context;
+};

package/dist/access/built-in-routes.js

@@ -0,0 +1,300 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Permission } from '@deenruv/admin-types';
+import { Routes } from '@deenruv/react-ui-devkit';
+import { BarChart, Barcode, Coins, Cog, CreditCard, Flag, Folder, Globe, Globe2, Images, MapPin, Percent, ScanBarcode, Server, ShoppingCart, Store, Tag, Truck, UserCog, UserRoundSearch, Users, UsersRound, } from 'lucide-react';
+import { AdminsDetailPage, AdminsListPage, AdminsProvisionPage, AssetsListPage, ChannelsDetailPage, ChannelsListPage, CollectionsDetailPage, CollectionsListPage, CountriesDetailPage, CountriesListPage, CustomerGroupsDetailPage, CustomerGroupsListPage, CustomersDetailPage, CustomersListPage, Dashboard, Extensions, FacetsDetailPage, FacetsListPage, GlobalSettings, OrdersDetailPage, OrdersListPage, PaymentMethodsDetailPage, PaymentMethodsListPage, ProductVariantDetailPage, ProductVariantsListPage, ProductsDetailPage, ProductsListPage, PromotionsDetailPage, PromotionsListPage, RolesDetailPage, RolesListPage, SellersDetailPage, SellersListPage, ShippingMethodsDetailPage, ShippingMethodsListPage, Status, StockLocationsDetailPage, StockLocationsListPage, TaxCategoriesDetailPage, TaxCategoriesListPage, TaxRatesDetailPage, TaxRatesListPage, ZonesDetailPage, ZonesListPage, } from "../pages/index.js";
+export const adminNavigationGroups = [
+    { id: 'shop-group', labelKey: 'shop' },
+    { id: 'assortment-group', labelKey: 'assortment' },
+    { id: 'users-group', labelKey: 'users' },
+    { id: 'promotions-group', labelKey: 'promotions' },
+    { id: 'shipping-group', labelKey: 'shipping' },
+    { id: 'settings-group', labelKey: 'settings' },
+];
+const createCrudRouteDefinitions = ({ id, menuKey, routes, listElement, detailElement, readPermissions, createPermissions, nav, }) => {
+    const definitions = [
+        {
+            id: `${id}.list`,
+            path: routes.list,
+            element: listElement(),
+            requiredPermissions: readPermissions,
+            nav,
+            search: { menuKey, type: 'list' },
+        },
+    ];
+    if (routes.route && detailElement) {
+        definitions.push({
+            id: `${id}.detail`,
+            path: routes.route,
+            element: detailElement(),
+            requiredPermissions: readPermissions,
+        });
+    }
+    if (routes.new && detailElement) {
+        definitions.push({
+            id: `${id}.create`,
+            path: routes.new,
+            element: detailElement(),
+            requiredPermissions: createPermissions,
+            search: { menuKey, type: 'new' },
+        });
+    }
+    return definitions;
+};
+export const builtInAdminRoutes = [
+    {
+        id: 'dashboard',
+        path: Routes.dashboard,
+        element: _jsx(Dashboard, {}),
+        nav: { groupId: 'shop-group', linkId: 'link-dashboard', menuKey: 'dashboard', icon: BarChart },
+        search: { menuKey: 'dashboard', type: 'default' },
+    },
+    ...createCrudRouteDefinitions({
+        id: 'orders',
+        menuKey: 'orders',
+        routes: Routes.orders,
+        listElement: () => _jsx(OrdersListPage, {}),
+        detailElement: () => _jsx(OrdersDetailPage, {}),
+        readPermissions: [Permission.ReadOrder],
+        createPermissions: [Permission.CreateOrder],
+        nav: { groupId: 'shop-group', linkId: 'link-orders', menuKey: 'orders', icon: ShoppingCart },
+    }),
+    ...createCrudRouteDefinitions({
+        id: 'customers',
+        menuKey: 'customers',
+        routes: Routes.customers,
+        listElement: () => _jsx(CustomersListPage, {}),
+        detailElement: () => _jsx(CustomersDetailPage, {}),
+        readPermissions: [Permission.ReadCustomer],
+        createPermissions: [Permission.CreateCustomer],
+        nav: { groupId: 'shop-group', linkId: 'link-customers', menuKey: 'customers', icon: UserRoundSearch },
+    }),
+    ...createCrudRouteDefinitions({
+        id: 'customerGroups',
+        menuKey: 'customerGroups',
+        routes: Routes.customerGroups,
+        listElement: () => _jsx(CustomerGroupsListPage, {}),
+        detailElement: () => _jsx(CustomerGroupsDetailPage, {}),
+        readPermissions: [Permission.ReadCustomerGroup],
+        createPermissions: [Permission.CreateCustomerGroup],
+        nav: { groupId: 'shop-group', linkId: 'link-customerGroups', menuKey: 'customerGroups', icon: UsersRound },
+    }),
+    ...createCrudRouteDefinitions({
+        id: 'products',
+        menuKey: 'products',
+        routes: Routes.products,
+        listElement: () => _jsx(ProductsListPage, {}),
+        detailElement: () => _jsx(ProductsDetailPage, {}),
+        readPermissions: [Permission.ReadProduct, Permission.ReadCatalog],
+        createPermissions: [Permission.CreateProduct],
+        nav: { groupId: 'assortment-group', linkId: 'link-products', menuKey: 'products', icon: Barcode },
+    }),
+    ...createCrudRouteDefinitions({
+        id: 'productVariants',
+        menuKey: 'productVariants',
+        routes: Routes.productVariants,
+        listElement: () => _jsx(ProductVariantsListPage, {}),
+        detailElement: () => _jsx(ProductVariantDetailPage, {}),
+        readPermissions: [Permission.ReadProduct, Permission.ReadCatalog],
+        createPermissions: [Permission.CreateProduct],
+        nav: {
+            groupId: 'assortment-group',
+            linkId: 'link-product-variants',
+            menuKey: 'productVariants',
+            icon: ScanBarcode,
+        },
+    }),
+    ...createCrudRouteDefinitions({
+        id: 'collections',
+        menuKey: 'collections',
+        routes: Routes.collections,
+        listElement: () => _jsx(CollectionsListPage, {}),
+        detailElement: () => _jsx(CollectionsDetailPage, {}),
+        readPermissions: [Permission.ReadCollection, Permission.ReadCatalog],
+        createPermissions: [Permission.CreateCollection],
+        nav: { groupId: 'assortment-group', linkId: 'link-collections', menuKey: 'collections', icon: Folder },
+    }),
+    ...createCrudRouteDefinitions({
+        id: 'facets',
+        menuKey: 'facets',
+        routes: Routes.facets,
+        listElement: () => _jsx(FacetsListPage, {}),
+        detailElement: () => _jsx(FacetsDetailPage, {}),
+        readPermissions: [Permission.ReadFacet, Permission.ReadCatalog],
+        createPermissions: [Permission.CreateFacet],
+        nav: { groupId: 'assortment-group', linkId: 'link-facets', menuKey: 'facets', icon: Tag },
+    }),
+    {
+        id: 'assets.list',
+        path: Routes.assets.list,
+        element: _jsx(AssetsListPage, {}),
+        requiredPermissions: [Permission.ReadAsset, Permission.ReadCatalog],
+        nav: { groupId: 'assortment-group', linkId: 'link-assets', menuKey: 'assets', icon: Images },
+        search: { menuKey: 'assets', type: 'list' },
+    },
+    ...createCrudRouteDefinitions({
+        id: 'admins',
+        menuKey: 'admins',
+        routes: Routes.admins,
+        listElement: () => _jsx(AdminsListPage, {}),
+        detailElement: () => _jsx(AdminsDetailPage, {}),
+        readPermissions: [Permission.ReadAdministrator],
+        createPermissions: [Permission.CreateAdministrator],
+        nav: { groupId: 'users-group', linkId: 'link-admins', menuKey: 'admins', icon: UserCog },
+    }),
+    {
+        id: 'admins.provision',
+        path: Routes.admins.provision,
+        element: _jsx(AdminsProvisionPage, {}),
+        requiredPermissions: [Permission.CreateAdministrator],
+        search: { menuKey: 'adminProvision', type: 'new' },
+    },
+    ...createCrudRouteDefinitions({
+        id: 'roles',
+        menuKey: 'roles',
+        routes: Routes.roles,
+        listElement: () => _jsx(RolesListPage, {}),
+        detailElement: () => _jsx(RolesDetailPage, {}),
+        readPermissions: [Permission.ReadAdministrator],
+        createPermissions: [Permission.CreateAdministrator],
+        nav: { groupId: 'users-group', linkId: 'link-roles', menuKey: 'roles', icon: Users },
+    }),
+    ...createCrudRouteDefinitions({
+        id: 'sellers',
+        menuKey: 'sellers',
+        routes: Routes.sellers,
+        listElement: () => _jsx(SellersListPage, {}),
+        detailElement: () => _jsx(SellersDetailPage, {}),
+        readPermissions: [Permission.ReadSeller],
+        createPermissions: [Permission.CreateSeller],
+        nav: { groupId: 'users-group', linkId: 'link-sellers', menuKey: 'sellers', icon: Store },
+    }),
+    ...createCrudRouteDefinitions({
+        id: 'promotions',
+        menuKey: 'promotions',
+        routes: Routes.promotions,
+        listElement: () => _jsx(PromotionsListPage, {}),
+        detailElement: () => _jsx(PromotionsDetailPage, {}),
+        readPermissions: [Permission.ReadPromotion],
+        createPermissions: [Permission.CreatePromotion],
+        nav: { groupId: 'promotions-group', linkId: 'link-promotions', menuKey: 'promotions', icon: ShoppingCart },
+    }),
+    ...createCrudRouteDefinitions({
+        id: 'paymentMethods',
+        menuKey: 'paymentMethods',
+        routes: Routes.paymentMethods,
+        listElement: () => _jsx(PaymentMethodsListPage, {}),
+        detailElement: () => _jsx(PaymentMethodsDetailPage, {}),
+        readPermissions: [Permission.ReadPaymentMethod],
+        createPermissions: [Permission.CreatePaymentMethod],
+        nav: {
+            groupId: 'shipping-group',
+            linkId: 'link-payment-methods',
+            menuKey: 'paymentMethods',
+            icon: CreditCard,
+        },
+    }),
+    ...createCrudRouteDefinitions({
+        id: 'shippingMethods',
+        menuKey: 'shippingMethods',
+        routes: Routes.shippingMethods,
+        listElement: () => _jsx(ShippingMethodsListPage, {}),
+        detailElement: () => _jsx(ShippingMethodsDetailPage, {}),
+        readPermissions: [Permission.ReadShippingMethod],
+        createPermissions: [Permission.CreateShippingMethod],
+        nav: {
+            groupId: 'shipping-group',
+            linkId: 'link-shipping-methods',
+            menuKey: 'shippingMethods',
+            icon: Truck,
+        },
+    }),
+    ...createCrudRouteDefinitions({
+        id: 'stockLocations',
+        menuKey: 'stock',
+        routes: Routes.stockLocations,
+        listElement: () => _jsx(StockLocationsListPage, {}),
+        detailElement: () => _jsx(StockLocationsDetailPage, {}),
+        readPermissions: [Permission.ReadStockLocation],
+        createPermissions: [Permission.CreateStockLocation],
+        nav: { groupId: 'shipping-group', linkId: 'link-stock', menuKey: 'stock', icon: MapPin },
+    }),
+    ...createCrudRouteDefinitions({
+        id: 'channels',
+        menuKey: 'channels',
+        routes: Routes.channels,
+        listElement: () => _jsx(ChannelsListPage, {}),
+        detailElement: () => _jsx(ChannelsDetailPage, {}),
+        readPermissions: [Permission.ReadChannel],
+        createPermissions: [Permission.CreateChannel],
+        nav: { groupId: 'settings-group', linkId: 'link-channels', menuKey: 'channels', icon: Globe2 },
+    }),
+    ...createCrudRouteDefinitions({
+        id: 'zones',
+        menuKey: 'zones',
+        routes: Routes.zones,
+        listElement: () => _jsx(ZonesListPage, {}),
+        detailElement: () => _jsx(ZonesDetailPage, {}),
+        readPermissions: [Permission.ReadZone],
+        createPermissions: [Permission.CreateZone],
+        nav: { groupId: 'settings-group', linkId: 'link-zones', menuKey: 'zones', icon: Globe },
+    }),
+    ...createCrudRouteDefinitions({
+        id: 'countries',
+        menuKey: 'countries',
+        routes: Routes.countries,
+        listElement: () => _jsx(CountriesListPage, {}),
+        detailElement: () => _jsx(CountriesDetailPage, {}),
+        readPermissions: [Permission.ReadCountry],
+        createPermissions: [Permission.CreateCountry],
+        nav: { groupId: 'settings-group', linkId: 'link-countries', menuKey: 'countries', icon: Flag },
+    }),
+    ...createCrudRouteDefinitions({
+        id: 'taxCategories',
+        menuKey: 'taxCategories',
+        routes: Routes.taxCategories,
+        listElement: () => _jsx(TaxCategoriesListPage, {}),
+        detailElement: () => _jsx(TaxCategoriesDetailPage, {}),
+        readPermissions: [Permission.ReadTaxCategory],
+        createPermissions: [Permission.CreateTaxCategory],
+        nav: {
+            groupId: 'settings-group',
+            linkId: 'link-tax-categories',
+            menuKey: 'taxCategories',
+            icon: Coins,
+        },
+    }),
+    ...createCrudRouteDefinitions({
+        id: 'taxRates',
+        menuKey: 'taxRates',
+        routes: Routes.taxRates,
+        listElement: () => _jsx(TaxRatesListPage, {}),
+        detailElement: () => _jsx(TaxRatesDetailPage, {}),
+        readPermissions: [Permission.ReadTaxRate],
+        createPermissions: [Permission.CreateTaxRate],
+        nav: { groupId: 'settings-group', linkId: 'link-tax-rates', menuKey: 'taxRates', icon: Percent },
+    }),
+    {
+        id: 'settings.global',
+        path: Routes.globalSettings,
+        element: _jsx(GlobalSettings, {}),
+        requiredPermissions: [Permission.ReadSettings],
+        nav: { groupId: 'settings-group', linkId: 'link-global-settings', menuKey: 'globalSettings', icon: Cog },
+        search: { menuKey: 'globalSettings', type: 'default' },
+    },
+    {
+        id: 'system.status',
+        path: Routes.status,
+        element: _jsx(Status, {}),
+        requiredPermissions: [Permission.ReadSystem],
+        nav: { groupId: 'settings-group', linkId: 'link-system-status', menuKey: 'systemStatus', icon: Server },
+        search: { menuKey: 'systemStatus', type: 'default' },
+    },
+    {
+        id: 'extensions',
+        path: Routes.extensions,
+        element: _jsx(Extensions, {}),
+        requiredPermissions: [Permission.ReadSettings],
+        search: { menuKey: 'extensions', type: 'default' },
+    },
+];

package/dist/access/index.js

@@ -0,0 +1,5 @@
+export * from './access-context.js';
+export * from './built-in-routes.js';
+export * from './permission-access.js';
+export * from './permission-routes.js';
+export * from './types.js';

package/dist/access/permission-access.js

@@ -0,0 +1,9 @@
+export const hasRequiredPermissions = ({ requiredPermissions, permissionMatch = 'any', userPermissions, }) => {
+    if (!requiredPermissions?.length)
+        return true;
+    if (permissionMatch === 'all') {
+        return requiredPermissions.every((permission) => userPermissions.includes(permission));
+    }
+    return requiredPermissions.some((permission) => userPermissions.includes(permission));
+};
+export const canAccessAdminItem = ({ item, userPermissions, }) => hasRequiredPermissions({ ...item, userPermissions });

package/dist/access/permission-routes.js

@@ -0,0 +1,3 @@
+import { canAccessAdminItem } from './permission-access.js';
+export const getPermittedAdminRoutes = (routes, userPermissions) => routes.filter((route) => canAccessAdminItem({ item: route, userPermissions }));
+export const getDefaultAdminRoute = (routes) => routes.find((route) => route.id === 'dashboard') || routes.find((route) => route.nav) || routes[0];

package/dist/access/types.js

@@ -0,0 +1 @@
+export {};

package/dist/components/GlobalSearch.js

@@ -1,16 +1,21 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { CommandDialog, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem, usePluginStore, Routes, useGlobalSearch, capitalizeFirstLetter, useTranslation, } from '@deenruv/react-ui-devkit';
+import { CommandDialog, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem, useGlobalSearch, capitalizeFirstLetter, useTranslation, useServer, } from '@deenruv/react-ui-devkit';
 import { useEffect, useMemo } from 'react';
 import { useNavigate } from 'react-router';
 import { LayoutDashboard, ListPlus, FileText, Puzzle, ArrowRight } from 'lucide-react';
+import { canAccessAdminItem, useAdminAccess } from "../access/index.js";
 export const GlobalSearch = () => {
     const { t, tEntity } = useTranslation('common');
-    const { plugins } = usePluginStore();
+    const { routes } = useAdminAccess();
+    const userPermissions = useServer((p) => p.userPermissions);
     const isOpen = useGlobalSearch((s) => s.isOpen);
     const toggle = useGlobalSearch((s) => s.toggle);
     const close = useGlobalSearch((s) => s.close);
     const navigate = useNavigate();
+    const isEnabled = true;
     useEffect(() => {
+        if (!isEnabled)
+            return;
         const handleKeyDown = (e) => {
             if ((e.metaKey || e.ctrlKey) && e.key === ' ') {
                 e.preventDefault();
@@ -19,63 +24,33 @@ export const GlobalSearch = () => {
         };
         document.addEventListener('keydown', handleKeyDown);
         return () => document.removeEventListener('keydown', handleKeyDown);
-    }, [toggle]);
+    }, [isEnabled, toggle]);
     const allRoutes = useMemo(() => {
-        const routes = [];
-        Object.entries(Routes).forEach(([key, value]) => {
-            if (typeof value === 'object' && value !== null) {
-                const children = [];
-                if ('new' in value && typeof value.new === 'string') {
-                    children.push({
-                        name: capitalizeFirstLetter(t(`menu.${key}`)),
-                        path: value.new,
-                        type: 'new',
-                        description: tEntity('Utwórz', key),
-                    });
-                }
-                if ('list' in value && typeof value.list === 'string') {
-                    children.push({
-                        name: capitalizeFirstLetter(t(`menu.${key}`)),
-                        path: value.list,
-                        type: 'list',
-                        description: tEntity('Zobacz wszystkie', key, 'many'),
-                    });
-                }
-                routes.push({ name: key, children });
-            }
-            else if (typeof value === 'string') {
-                routes.push({
-                    name: capitalizeFirstLetter(t(`menu.${key}`)),
-                    path: value,
-                    type: 'default',
-                    description: `${t('globalSearch.navigateTo')} ${t(`menu.${key}`)}`,
-                });
-            }
-        });
-        plugins.forEach((plugin) => {
-            plugin.pages?.forEach((page, pageIndex) => {
-                if (page.path) {
-                    routes.push({
-                        name: `${plugin.name} - ${page.path || 'Page'}`,
-                        path: page.path,
-                        type: 'plugin',
-                        description: t('globalSearch.accessPlugin', { pluginName: plugin.name }),
-                    });
-                }
-            });
+        return routes
+            .filter((route) => route.search)
+            .filter((route) => canAccessAdminItem({ item: route, userPermissions }))
+            .map((route) => {
+            const search = route.search;
+            const isPlugin = search.type === 'plugin';
+            const translatedName = isPlugin ? search.menuKey : capitalizeFirstLetter(t(`menu.${search.menuKey}`));
+            const description = search.type === 'new'
+                ? tEntity('Utwórz', search.menuKey)
+                : search.type === 'list'
+                    ? tEntity('Zobacz wszystkie', search.menuKey, 'many')
+                    : search.type === 'plugin'
+                        ? t('globalSearch.accessPlugin', { pluginName: search.menuKey })
+                        : `${t('globalSearch.navigateTo')} ${t(`menu.${search.menuKey}`)}`;
+            return {
+                id: route.id,
+                name: translatedName,
+                path: route.path,
+                type: search.type,
+                description,
+            };
         });
-        return routes.flatMap((route, routeIndex) => route.children?.length
-            ? route.children.map((child, childIndex) => ({
-                ...child,
-                id: `${routeIndex}-${childIndex}-${child.type}-${route.name}`,
-            }))
-            : [
-                {
-                    ...route,
-                    id: `${routeIndex}-main-${route.name}`,
-                },
-            ]);
-    }, [plugins]);
+    }, [routes, t, tEntity, userPermissions]);
+    if (!isEnabled)
+        return null;
     // Group routes by type for better organization
     const groupedRoutes = useMemo(() => {
         const core = [];