@deenruv/admin-dashboard 1.0.0

package/LICENSE

@@ -0,0 +1,23 @@
+# License 1
+
+The MIT License
+
+Copyright (c) 2025-present Aexol
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+
+# License 2
+
+The MIT License
+
+Copyright (c) 2018-2025 Michael Bromley
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

package/README.md

@@ -0,0 +1,30 @@
+# React + TypeScript + Vite
+
+This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
+
+Currently, two official plugins are available:
+
+- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh
+- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh
+
+## Expanding the ESLint configuration
+
+If you are developing a production application, we recommend updating the configuration to enable type aware lint rules:
+
+- Configure the top-level `parserOptions` property like this:
+
+```js
+export default {
+  // other rules...
+  parserOptions: {
+    ecmaVersion: 'latest',
+    sourceType: 'module',
+    project: ['./tsconfig.json', './tsconfig.node.json'],
+    tsconfigRootDir: __dirname,
+  },
+}
+```
+
+- Replace `plugin:@typescript-eslint/recommended` to `plugin:@typescript-eslint/recommended-type-checked` or `plugin:@typescript-eslint/strict-type-checked`
+- Optionally add `plugin:@typescript-eslint/stylistic-type-checked`
+- Install [eslint-plugin-react](https://github.com/jsx-eslint/eslint-plugin-react) and add `plugin:react/recommended` & `plugin:react/jsx-runtime` to the `extends` list

package/dist/@types/resources.js

@@ -0,0 +1,51 @@
+import customers from '../locales/en/customers.json';
+import customerGroups from '../locales/en/customerGroups.json';
+import collections from '../locales/en/collections.json';
+import common from '../locales/en/common.json';
+import countries from '../locales/en/countries.json';
+import orders from '../locales/en/orders.json';
+import dashboard from '../locales/en/dashboard.json';
+import products from '../locales/en/products.json';
+import assets from '../locales/en/assets.json';
+import facets from '../locales/en/facets.json';
+import admins from '../locales/en/admins.json';
+import roles from '../locales/en/roles.json';
+import permissions from '../locales/en/permissions.json';
+import channels from '../locales/en/channels.json';
+import zones from '../locales/en/zones.json';
+import taxCategories from '../locales/en/taxCategories.json';
+import taxRates from '../locales/en/taxRates.json';
+import stockLocations from '../locales/en/stockLocations.json';
+import sellers from '../locales/en/sellers.json';
+import paymentMethods from '../locales/en/paymentMethods.json';
+import shippingMethods from '../locales/en/shippingMethods.json';
+import promotions from '../locales/en/shippingMethods.json';
+import table from '../locales/en/table.json';
+import system from '../locales/en/system.json';
+const resources = {
+    collections,
+    common,
+    countries,
+    customers,
+    customerGroups,
+    orders,
+    products,
+    dashboard,
+    assets,
+    facets,
+    admins,
+    roles,
+    permissions,
+    channels,
+    zones,
+    taxCategories,
+    taxRates,
+    stockLocations,
+    sellers,
+    paymentMethods,
+    shippingMethods,
+    table,
+    promotions,
+    system,
+};
+export default resources;

package/dist/DeenruvAdminPanel.js

@@ -0,0 +1,118 @@
+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 { RouterProvider, createBrowserRouter } from 'react-router-dom';
+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 { LanguageCode } from '@deenruv/admin-types';
+import { Root } from "./pages/Root.js";
+import { LoginScreen } from "./pages/LoginScreen.js";
+import { Custom404 } 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;
+});
+const loadTranslations = () => {
+    Object.entries(resources).forEach(([lang, value]) => {
+        Object.entries(value).forEach(([, translations]) => {
+            Object.entries(translations).forEach(([key, value]) => {
+                i18n.addResourceBundle(lang, key, value);
+            });
+        });
+    });
+};
+const pluginsStore = new PluginStore();
+export const DeenruvAdminPanel = ({ plugins, settings }) => {
+    window.__DEENRUV_SETTINGS__ = {
+        ...settings,
+        ui: {
+            ...settings.ui,
+            defaultChannelCode: settings?.ui?.defaultChannelCode || DEFAULT_CHANNEL_CODE,
+            defaultLanguageCode: settings?.ui?.defaultLanguageCode || LanguageCode.en,
+            defaultTranslationLanguageCode: settings?.ui?.defaultTranslationLanguageCode || LanguageCode.en,
+        },
+        api: {
+            ...settings.api,
+            authTokenName: settings.api.authTokenName || 'deenruv-auth-token',
+            channelTokenName: settings.api.channelTokenName || 'deenruv-token',
+        },
+        appVersion: ADMIN_DASHBOARD_VERSION,
+        i18n,
+    };
+    pluginsStore.install(plugins, i18n);
+    loadTranslations();
+    const router = createBrowserRouter([
+        {
+            element: _jsx(Root, { allPaths: [...DeenruvPaths].map((path) => path.path).filter(Boolean) }),
+            errorElement: _jsx(Custom404, {}),
+            children: [...DeenruvPaths, ...pluginsStore.routes],
+        },
+    ]);
+    const { theme, isLoggedIn, ...context } = useSettings((p) => ({
+        theme: p.theme,
+        isLoggedIn: p.isLoggedIn,
+        channel: p.selectedChannel,
+        language: p.language,
+        translationsLanguage: p.translationsLanguage,
+    }));
+    useEffect(() => {
+        const root = window.document.documentElement;
+        root.classList.remove('light', 'dark');
+        if (theme === 'system') {
+            const systemTheme = window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';
+            root.classList.add(systemTheme);
+        }
+        else {
+            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: {
+                        classNames: {
+                            toast: 'group toast group-[.toaster]:bg-background group-[.toaster]:text-foreground group-[.toaster]:border-border group-[.toaster]:shadow-lg group-[.toaster]:rounded-lg group-[.toaster]:p-4',
+                            title: 'group-[.toast]:font-semibold group-[.toast]:text-foreground',
+                            description: 'group-[.toast]:text-muted-foreground group-[.toast]:text-sm',
+                            actionButton: 'group-[.toast]:bg-primary group-[.toast]:text-primary-foreground group-[.toast]:rounded-md group-[.toast]:px-3 group-[.toast]:text-xs group-[.toast]:h-8 group-[.toast]:font-medium',
+                            cancelButton: 'group-[.toast]:bg-muted group-[.toast]:text-muted-foreground group-[.toast]:rounded-md group-[.toast]:px-3 group-[.toast]:text-xs group-[.toast]:h-8 group-[.toast]:font-medium',
+                            closeButton: 'group-[.toast]:text-foreground/50 group-[.toast]:hover:text-foreground group-[.toast]:rounded-md',
+                            success: 'group-[.toast]:border-l-4 group-[.toast]:border-l-green-500',
+                            error: 'group-[.toast]:border-l-4 group-[.toast]:border-l-red-500',
+                            warning: 'group-[.toast]:border-l-4 group-[.toast]:border-l-yellow-500',
+                            info: 'group-[.toast]:border-l-4 group-[.toast]:border-l-blue-500',
+                            loading: 'group-[.toast]:border-l-4 group-[.toast]:border-l-purple-500',
+                        },
+                    } })] }) }));
+};

package/dist/DeenruvDeveloperIndicator.js

@@ -0,0 +1,57 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button, Drawer, DrawerTrigger, DrawerContent, DrawerHeader, DrawerTitle, DrawerFooter, DrawerClose, usePluginStore, Switch, ScrollArea, useServer, } from '@deenruv/react-ui-devkit';
+import { useState } from 'react';
+// const SchemaField = ({ field, depth = 0 }: { field: GraphQLSchemaField; depth?: number }) => {
+//   const [expanded, setExpanded] = useState(depth < 2);
+//   const hasFields = field.fields && field.fields.length > 0;
+//   const indent = Array(depth).fill('  ').join('');
+//   return (
+//     <div className="font-mono">
+//       <div className="flex items-start">
+//         <button
+//           onClick={() => hasFields && setExpanded(!expanded)}
+//           className={`mr-1 ${hasFields ? 'cursor-pointer' : 'cursor-default'} text-xs`}
+//         >
+//           {hasFields ? (expanded ? '▼' : '►') : '•'}
+//         </button>
+//         <div>
+//           <span className="text-blue-600 dark:text-blue-400">{field.name}</span>
+//           <span className="text-gray-600 dark:text-gray-400">: </span>
+//           <span className="text-green-600 dark:text-green-400">{field.type}</span>
+//           {field.description && (
+//             <span className="ml-2 text-xs italic text-gray-500 dark:text-gray-400">// {field.description}</span>
+//           )}
+//         </div>
+//       </div>
+//       {expanded && hasFields && (
+//         <div className="ml-4">
+//           {field.fields.map((subField, index) => (
+//             <SchemaField key={`${subField.name}-${index}`} field={subField} depth={depth + 1} />
+//           ))}
+//         </div>
+//       )}
+//     </div>
+//   );
+// };
+// const SchemaViewer = ({ schema }: { schema: GraphQLSchema | undefined }) => {
+//   if (!schema || schema.size === 0) {
+//     return <div className="text-gray-500">No schema available</div>;
+//   }
+//   return (
+//     <div className="space-y-2">
+//       {Array.from(schema.entries()).map(([key, field]) => (
+//         <div key={key} className="border-b pb-2 last:border-b-0">
+//           <div className="mb-1 text-sm font-semibold">{key}</div>
+//           <SchemaField field={field} />
+//         </div>
+//       ))}
+//     </div>
+//   );
+// };
+export const DeenruvDeveloperIndicator = () => {
+    const { graphQLSchema } = useServer(({ graphQLSchema }) => ({ graphQLSchema }));
+    const { plugins, viewMarkers, setViewMarkers } = usePluginStore();
+    const [showSchema, setShowSchema] = useState(false);
+    return (_jsx("div", { className: "fixed bottom-4 right-4", children: _jsxs(Drawer, { children: [_jsx(DrawerTrigger, { asChild: true, children: _jsx(Button, { variant: "outline", className: "border-primary flex size-10 items-center justify-center rounded-full border-dashed text-xs", children: "DDP" }) }), _jsx(DrawerContent, { className: "w-full max-w-5xl place-self-end", children: _jsxs("div", { className: "w-full", children: [_jsx(DrawerHeader, { children: _jsx(DrawerTitle, { children: "DDP - Deenruv Developer Panel" }) }), _jsx("div", { className: "p-4 pb-0", children: _jsxs("div", { className: "flex flex-col space-y-4 md:flex-row md:space-x-4 md:space-y-0", children: [_jsxs("div", { className: "space-y-4 md:w-1/4", children: [_jsxs("div", { className: "rounded-md border p-3", children: [_jsx("h3", { className: "mb-2 text-sm font-medium", children: "Controls" }), _jsxs("div", { className: "space-y-3", children: [_jsxs("div", { className: "flex items-center space-x-2", children: [_jsx(Switch, { id: "markers", checked: viewMarkers, onCheckedChange: setViewMarkers }), _jsx("label", { htmlFor: "markers", className: "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70", children: "Show markers (ctrl + x)" })] }), _jsxs("div", { className: "flex items-center space-x-2", children: [_jsx(Switch, { id: "schema", checked: showSchema, onCheckedChange: setShowSchema }), _jsx("label", { htmlFor: "schema", className: "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70", children: "Show GraphQL Schema" })] })] })] }), _jsxs("div", { className: "rounded-md border p-3", children: [_jsxs("div", { className: "mb-1 flex items-center gap-2", children: [_jsx("div", { className: "size-3 rounded-full bg-green-500" }), _jsx("h3", { className: "text-sm font-medium", children: "Plugins" })] }), _jsx(ScrollArea, { className: "mt-2 h-[250px]", children: _jsxs("div", { className: "grid gap-2 pr-2", children: [plugins.map((plugin) => (_jsxs("div", { className: "dark:hover:bg-gray-750 flex items-center rounded-md border border-gray-200 bg-gray-50 p-2 transition-colors hover:bg-gray-100 dark:border-gray-700 dark:bg-gray-800", children: [_jsxs("div", { className: "flex-1", children: [_jsx("div", { className: "text-sm font-medium", children: plugin.name }), _jsxs("div", { className: "text-xs text-gray-500 dark:text-gray-400", children: ["v", plugin.version] })] }), _jsx("div", { className: "mr-1 size-2 rounded-full bg-green-500", title: "Active" })] }, plugin.name))), plugins.length === 0 && (_jsx("div", { className: "py-4 text-center text-sm italic text-gray-500 dark:text-gray-400", children: "No plugins installed" }))] }) })] })] }), _jsx("div", { className: "md:w-3/4" })] }) }), _jsx(DrawerFooter, { children: _jsx(DrawerClose, { asChild: true, children: _jsx(Button, { variant: "outline", children: "Close" }) }) })] }) })] }) }));
+};

package/dist/components/Aexol.js

@@ -0,0 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const Aexol = ({ text }) => {
+    return (_jsx("div", { className: "flex items-center gap-2", children: _jsxs("a", { href: "https://aexol.com", target: "_blank", rel: "noreferrer", children: [_jsx("p", { className: "text-end text-xs text-white", children: text }), _jsxs("svg", { width: "40", height: "40", viewBox: "0 0 71 70", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [_jsxs("g", { clipPath: "url(#clip0_1401_144)", children: [_jsx("path", { d: "M0.906403 40.7746H3.25881C3.68652 40.7746 3.92176 40.5154 4.02869 40.2562L4.79856 38.5282H10.6154L11.3853 40.2346C11.5778 40.645 11.7488 40.7746 12.1338 40.7746H14.5076C14.8284 40.7746 14.9994 40.4938 14.8711 40.213L8.17747 25.6761C8.11331 25.5465 7.96362 25.4385 7.81392 25.4385H7.60006C7.45036 25.4385 7.30067 25.5465 7.23651 25.6761L0.542849 40.213C0.414536 40.4938 0.58562 40.7746 0.906403 40.7746ZM6.08169 35.5906L7.6856 32.0265H7.70699L9.33229 35.5906H6.08169Z", fill: "white" }), _jsx("path", { d: "M17.2405 40.3642C17.2405 40.5802 17.4116 40.7746 17.6469 40.7746H26.5004C26.7357 40.7746 26.9068 40.5802 26.9068 40.3642V38.0098C26.9068 37.7938 26.7357 37.5994 26.5004 37.5994H20.5767L20.5767 34.6834H25.4526C25.6664 34.6834 25.8589 34.5106 25.8589 34.273V31.9185C25.8589 31.7025 25.6664 31.5081 25.4526 31.5081H20.5767V28.8297H26.5004C26.7357 28.8297 26.9068 28.6353 26.9068 28.4193V26.0649C26.9068 25.8489 26.7357 25.6545 26.5004 25.6545H17.6469C17.4116 25.6545 17.2405 25.8489 17.2405 26.0649L17.2405 40.3642Z", fill: "white" }), _jsx("path", { d: "M29.6415 40.1698C29.449 40.4506 29.6415 40.7746 30.0051 40.7746H32.9776C33.1487 40.7746 33.277 40.6666 33.3412 40.5802L36.0785 36.217H36.1213L38.9228 40.5802C38.987 40.6882 39.1581 40.7746 39.2864 40.7746H42.259C42.6011 40.7746 42.7936 40.4722 42.6011 40.1698L38.1102 33.0202L42.4514 26.2593C42.6439 25.9785 42.4514 25.6545 42.0879 25.6545H38.9656C38.8159 25.6545 38.6662 25.7625 38.6234 25.8489L36.1213 29.8665H36.0999L33.6406 25.8489C33.5764 25.7625 33.4481 25.6545 33.2984 25.6545H30.1761C29.8126 25.6545 29.6415 25.9785 29.8126 26.2593L34.1325 33.0202L29.6415 40.1698Z", fill: "white" }), _jsx("path", { d: "M43.6813 33.2362C43.6813 37.5562 47.0815 40.9906 51.3586 40.9906C55.6357 40.9906 59.0574 37.5562 59.0574 33.2362C59.0574 28.9161 55.6357 25.4385 51.3586 25.4385C47.0815 25.4385 43.6813 28.9161 43.6813 33.2362ZM47.1029 33.2362C47.1029 30.8601 49.0276 28.8945 51.3586 28.8945C53.7111 28.8945 55.6357 30.8601 55.6357 33.2362C55.6357 35.5906 53.7111 37.5346 51.3586 37.5346C49.0276 37.5346 47.1029 35.5906 47.1029 33.2362Z", fill: "white" }), _jsx("path", { d: "M61.6464 40.3642C61.6464 40.5802 61.8175 40.7746 62.0527 40.7746H70.0937C70.3289 40.7746 70.5 40.5802 70.5 40.3642V38.0098C70.5 37.7938 70.3289 37.5994 70.0937 37.5994H65.0039V26.0649C65.0039 25.8489 64.8115 25.6545 64.5976 25.6545H62.0527C61.8175 25.6545 61.6464 25.8489 61.6464 26.0649V40.3642Z", fill: "white" }), _jsx("path", { d: "M34.0244 57.9309V69.9999H45.8919V57.9309H34.0244ZM43.5184 67.5861H36.3979V60.3447H43.5184V67.5861Z", fill: "white" }), _jsx("path", { d: "M69.6294 43.4482H67.2559V55.5172H69.6294V43.4482Z", fill: "white" }), _jsx("path", { d: "M30.4468 0H17.3926V13.2759H30.4468V0Z", fill: "white" })] }), _jsx("defs", { children: _jsx("clipPath", { id: "clip0_1401_144", children: _jsx("rect", { width: "70", height: "70", fill: "white", transform: "translate(0.361328)" }) }) })] })] }) }));
+};

package/dist/components/BrandLogo.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import React from 'react';
+export const BrandLogo = ({ isCollapsed = false }) => {
+    const { logo, name } = window?.__DEENRUV_SETTINGS__?.branding || {};
+    const { full, collapsed } = logo || {};
+    let Logo = null;
+    if (isCollapsed) {
+        if (typeof collapsed === 'string')
+            Logo = _jsx("img", { src: collapsed, alt: "Logo", className: "size-full object-fill" });
+        if (typeof collapsed === 'object')
+            Logo = React.cloneElement(collapsed, { className: 'object-contain' });
+    }
+    if (!isCollapsed) {
+        if (typeof full === 'string')
+            Logo = _jsx("img", { src: full, alt: "Logo", className: "size-full object-fill" });
+        if (typeof full === 'object')
+            Logo = React.cloneElement(full, { className: 'object-contain' });
+    }
+    if (!Logo)
+        return (_jsxs("svg", { width: "260px", height: "100%", viewBox: "0 0 200 60", xmlns: "http://www.w3.org/2000/svg", children: [_jsx("defs", { children: _jsxs("filter", { id: "shadow", x: "-50%", y: "-50%", width: "200%", height: "200%", children: [_jsx("feOffset", { result: "offOut", in: "SourceAlpha", dx: "2", dy: "2" }), _jsx("feGaussianBlur", { result: "blurOut", in: "offOut", stdDeviation: "2" }), _jsx("feBlend", { in: "SourceGraphic", in2: "blurOut", mode: "normal" })] }) }), _jsx("text", { x: "50%", y: "50%", textAnchor: "middle", fill: "black", fontSize: "24", fontWeight: "bold", dy: ".3em", children: isCollapsed ? name?.charAt?.(0) : name }), _jsx("text", { x: "50%", y: "50%", textAnchor: "middle", fill: "#ffffff", fontSize: "24", fontWeight: "bold", dy: ".3em", filter: "url(#shadow)", opacity: "0.9", children: isCollapsed ? name?.charAt?.(0) : name })] }));
+    return _jsx(_Fragment, { children: Logo });
+};

package/dist/components/CanLeaveRouteDialog.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, useRouteGuardStore, } from '@deenruv/react-ui-devkit';
+import { useNavigate } from 'react-router-dom';
+export const CanLeaveRouteDialog = () => {
+    const { isModalOpen, confirmNavigation, cancelNavigation } = useRouteGuardStore();
+    const navigate = useNavigate();
+    return (_jsx(AlertDialog, { open: isModalOpen, children: _jsxs(AlertDialogContent, { children: [_jsxs(AlertDialogHeader, { children: [_jsx(AlertDialogTitle, { children: "Are you absolutely sure?" }), _jsx(AlertDialogDescription, { children: "You have unsaved changes. Are you sure you want to leave without saving?" })] }), _jsxs(AlertDialogFooter, { children: [_jsx(AlertDialogCancel, { onClick: cancelNavigation, children: "Stay" }), _jsx(AlertDialogAction, { onClick: () => confirmNavigation(navigate), children: "Leave" })] })] }) }));
+};

package/dist/components/DataTable.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { flexRender, getCoreRowModel, useReactTable } from '@tanstack/react-table';
+import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from '@deenruv/react-ui-devkit';
+export function DataTable({ columns, data }) {
+    const table = useReactTable({
+        data,
+        columns,
+        getCoreRowModel: getCoreRowModel(),
+    });
+    return (_jsx("div", { className: "rounded-md border", children: _jsxs(Table, { children: [_jsx(TableHeader, { children: table.getHeaderGroups().map((headerGroup) => (_jsx(TableRow, { children: headerGroup.headers.map((header) => {
+                            return (_jsx(TableHead, { children: header.isPlaceholder ? null : flexRender(header.column.columnDef.header, header.getContext()) }, header.id));
+                        }) }, headerGroup.id))) }), _jsx(TableBody, { children: table.getRowModel().rows?.length ? (table.getRowModel().rows.map((row) => (_jsx(TableRow, { "data-state": row.getIsSelected() && 'selected', children: row.getVisibleCells().map((cell) => (_jsx(TableCell, { children: flexRender(cell.column.columnDef.cell, cell.getContext()) }, cell.id))) }, row.id)))) : (_jsx(TableRow, { children: _jsx(TableCell, { colSpan: columns.length, className: "h-24 text-center", children: "No results." }) })) })] }) }));
+}

package/dist/components/DeleteDialog.js

@@ -0,0 +1,6 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { Button, DialogTitle, Dialog, DialogContent, DialogFooter, DialogClose, DialogDescription, useTranslation, } from '@deenruv/react-ui-devkit';
+export const DeleteDialog = ({ onConfirm, title, description, onOpenChange, open, deletedNames, }) => {
+    const { t } = useTranslation('common');
+    return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(DialogContent, { children: [_jsxs(DialogTitle, { children: [" ", title] }), _jsxs("div", { className: "flex max-h-[50vh] flex-col gap-2", children: [_jsx(DialogDescription, { className: "text-primary text-lg", children: description }), _jsx(DialogDescription, { children: deletedNames.map((n) => (_jsx("div", { children: n }, n))) })] }), _jsxs(DialogFooter, { children: [_jsx(DialogClose, { asChild: true, children: _jsx(Button, { variant: "ghost", children: t('confirmationDialog.cancelBtn') }) }), _jsx(Button, { variant: "destructive", onClick: onConfirm, children: t('confirmationDialog.confirmBtn') })] })] }) }));
+};

package/dist/components/DuplicateEntry.js

@@ -0,0 +1,46 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useTranslation, Button, DialogClose, DialogContent, DialogFooter, apiClient, useSettings, } from '@deenruv/react-ui-devkit';
+import { toast } from 'sonner';
+export const DuplicateEntity = ({ inputs, onClose, onSuccess, processNewEntities, children, }) => {
+    const { t } = useTranslation('collections');
+    const { selectedChannel } = useSettings();
+    const removeCollectionsFromChannel = async () => {
+        try {
+            if (selectedChannel?.id) {
+                const res = await Promise.all(inputs.map(async (input) => {
+                    const singleRes = await apiClient('mutation')({
+                        duplicateEntity: [
+                            { input },
+                            {
+                                __typename: true,
+                                '...on DuplicateEntityError': { message: true, __typename: true },
+                                '...on DuplicateEntitySuccess': { newEntityId: true, __typename: true },
+                            },
+                        ],
+                    });
+                    return singleRes.duplicateEntity;
+                }));
+                const withError = res.filter((singleRes) => singleRes.__typename === 'DuplicateEntityError');
+                const withSuccess = res.filter((singleRes) => singleRes.__typename === 'DuplicateEntitySuccess');
+                if (withError.length) {
+                    withError.forEach((error) => toast.error(error.message));
+                    return;
+                }
+                if (withSuccess.length) {
+                    processNewEntities && processNewEntities(withSuccess.map((entity) => entity.newEntityId));
+                    toast.success('Duplikacja zakończona sukcesem');
+                    onSuccess && onSuccess();
+                    return;
+                }
+            }
+        }
+        catch (e) {
+            console.log(e);
+            toast.error('Nie udało się dokonać duplikacji');
+        }
+        finally {
+            onClose();
+        }
+    };
+    return (_jsxs(DialogContent, { children: [children, _jsxs(DialogFooter, { children: [_jsx(DialogClose, { asChild: true, children: _jsx(Button, { onClick: onClose, variant: "ghost", children: t('deleteCollectionDialog.cancel') }) }), _jsx(Button, { onClick: removeCollectionsFromChannel, children: "Duplikuj" })] })] }));
+};

package/dist/components/GlobalSearch.js

@@ -0,0 +1,134 @@
+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 { useEffect, useMemo } from 'react';
+import { useNavigate } from 'react-router-dom';
+import { LayoutDashboard, ListPlus, FileText, Puzzle, ArrowRight } from 'lucide-react';
+export const GlobalSearch = () => {
+    const { t, tEntity } = useTranslation('common');
+    const { plugins } = usePluginStore();
+    const isOpen = useGlobalSearch((s) => s.isOpen);
+    const toggle = useGlobalSearch((s) => s.toggle);
+    const close = useGlobalSearch((s) => s.close);
+    const navigate = useNavigate();
+    useEffect(() => {
+        const handleKeyDown = (e) => {
+            if ((e.metaKey || e.ctrlKey) && e.key === ' ') {
+                e.preventDefault();
+                toggle();
+            }
+        };
+        document.addEventListener('keydown', handleKeyDown);
+        return () => document.removeEventListener('keydown', handleKeyDown);
+    }, [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.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]);
+    // Group routes by type for better organization
+    const groupedRoutes = useMemo(() => {
+        const core = [];
+        const newItems = [];
+        const lists = [];
+        const pluginRoutes = [];
+        allRoutes.forEach((route) => {
+            if (route.type === 'new') {
+                newItems.push(route);
+            }
+            else if (route.type === 'list') {
+                lists.push(route);
+            }
+            else if (route.type === 'plugin') {
+                pluginRoutes.push(route);
+            }
+            else {
+                core.push(route);
+            }
+        });
+        return { core, newItems, lists, pluginRoutes };
+    }, [allRoutes]);
+    const getRouteIcon = (type) => {
+        switch (type) {
+            case 'new':
+                return _jsx(ListPlus, { className: "mr-2 h-4 w-4 text-emerald-500" });
+            case 'list':
+                return _jsx(FileText, { className: "mr-2 h-4 w-4 text-blue-500" });
+            case 'plugin':
+                return _jsx(Puzzle, { className: "mr-2 h-4 w-4 text-purple-500" });
+            default:
+                return _jsx(LayoutDashboard, { className: "mr-2 h-4 w-4 text-gray-500" });
+        }
+    };
+    return (_jsxs(CommandDialog, { open: isOpen, onOpenChange: toggle, modal: true, children: [_jsx(CommandInput, { placeholder: t('globalSearch.placeholder'), className: "placeholder:text-muted-foreground flex-1 bg-transparent text-base outline-none" }), _jsxs(CommandList, { className: "max-h-[300px] overflow-y-auto py-2", children: [_jsx(CommandEmpty, { className: "py-6 text-center text-sm", children: t('globalSearch.emptyState') }), groupedRoutes.core.length > 0 && (_jsx(CommandGroup, { heading: t('globalSearch.navigation'), className: "px-2", children: groupedRoutes.core.map((route) => (_jsxs(CommandItem, { onSelect: () => {
+                                if (route.path) {
+                                    navigate(route.path);
+                                }
+                                close();
+                            }, className: "hover:bg-accent group flex cursor-pointer items-center rounded-md px-2 py-2 transition-colors", children: [getRouteIcon(route.type), _jsxs("div", { className: "flex flex-col", children: [_jsx("span", { className: "font-medium", children: route.name }), route.description && _jsx("span", { className: "text-muted-foreground text-xs", children: route.description })] }), _jsx(ArrowRight, { className: "ml-auto h-4 w-4 opacity-0 transition-opacity group-hover:opacity-70" })] }, route.id || `core-${route.name}-${route.path}`))) })), groupedRoutes.newItems.length > 0 && (_jsx(CommandGroup, { heading: t('globalSearch.createNew'), className: "px-2", children: groupedRoutes.newItems.map((route) => (_jsxs(CommandItem, { onSelect: () => {
+                                if (route.path) {
+                                    navigate(route.path);
+                                }
+                                close();
+                            }, className: "hover:bg-accent group flex cursor-pointer items-center rounded-md px-2 py-2 transition-colors", children: [getRouteIcon(route.type), _jsxs("div", { className: "flex flex-col", children: [_jsx("span", { className: "font-medium", children: route.name }), route.description && _jsx("span", { className: "text-muted-foreground text-xs", children: route.description })] }), _jsx(ArrowRight, { className: "ml-auto h-4 w-4 opacity-0 transition-opacity group-hover:opacity-70" })] }, route.id || `new-${route.name}-${route.path}`))) })), groupedRoutes.lists.length > 0 && (_jsx(CommandGroup, { heading: t('globalSearch.viewLists'), className: "px-2", children: groupedRoutes.lists.map((route) => (_jsxs(CommandItem, { onSelect: () => {
+                                if (route.path) {
+                                    navigate(route.path);
+                                }
+                                close();
+                            }, className: "hover:bg-accent group flex cursor-pointer items-center rounded-md px-2 py-2 transition-colors", children: [getRouteIcon(route.type), _jsxs("div", { className: "flex flex-col", children: [_jsx("span", { className: "font-medium", children: route.name }), route.description && _jsx("span", { className: "text-muted-foreground text-xs", children: route.description })] }), _jsx(ArrowRight, { className: "ml-auto h-4 w-4 opacity-0 transition-opacity group-hover:opacity-70" })] }, route.id || `list-${route.name}-${route.path}`))) })), groupedRoutes.pluginRoutes.length > 0 && (_jsx(CommandGroup, { heading: t('globalSearch.plugins'), className: "px-2", children: groupedRoutes.pluginRoutes.map((route) => (_jsxs(CommandItem, { onSelect: () => {
+                                if (route.path) {
+                                    navigate(route.path);
+                                }
+                                close();
+                            }, className: "hover:bg-accent group flex cursor-pointer items-center rounded-md px-2 py-2 transition-colors", children: [getRouteIcon(route.type), _jsxs("div", { className: "flex flex-col", children: [_jsx("span", { className: "font-medium", children: route.name }), route.description && _jsx("span", { className: "text-muted-foreground text-xs", children: route.description })] }), _jsx(ArrowRight, { className: "ml-auto h-4 w-4 opacity-0 transition-opacity group-hover:opacity-70" })] }, route.id || `plugin-${route.name}-${route.path}`))) }))] }), _jsx("div", { className: "bg-muted/50 border-t p-2", children: _jsxs("div", { className: "text-muted-foreground flex items-center justify-between text-xs", children: [_jsxs("div", { className: "flex gap-2", children: [_jsxs("div", { className: "flex items-center gap-1", children: [_jsx("kbd", { className: "bg-muted rounded border px-1.5 py-0.5 text-[10px]", children: "\u2191" }), _jsx("kbd", { className: "bg-muted rounded border px-1.5 py-0.5 text-[10px]", children: "\u2193" }), _jsx("span", { children: t('globalSearch.navigate') })] }), _jsxs("div", { className: "flex items-center gap-1", children: [_jsx("kbd", { className: "bg-muted rounded border px-1.5 py-0.5 text-[10px]", children: "Enter" }), _jsx("span", { children: t('globalSearch.select') })] })] }), _jsxs("div", { className: "flex items-center gap-1", children: [_jsx("kbd", { className: "bg-muted rounded border px-1.5 py-0.5 text-[10px]", children: "Esc" }), _jsx("span", { children: t('globalSearch.close') })] })] }) })] }));
+};

package/dist/components/History/AddEntryForm.js

@@ -0,0 +1,29 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useTranslation, Badge, Button, Checkbox, Label, Textarea, cn } from '@deenruv/react-ui-devkit';
+import { useState } from 'react';
+import { useParams } from 'react-router-dom';
+import { MessageCircle, ShieldCheck, Send } from 'lucide-react';
+export const AddEntryForm = ({ newNote, isPrivate, setIsPrivate, setNewNote, onConfirm, }) => {
+    const { t } = useTranslation('common');
+    const { id } = useParams();
+    const [isSubmitting, setIsSubmitting] = useState(false);
+    const handleSubmit = async () => {
+        if (newNote === '')
+            return;
+        setIsSubmitting(true);
+        try {
+            await onConfirm({ isPublic: !isPrivate, note: newNote, id: id });
+            setNewNote('');
+        }
+        finally {
+            setIsSubmitting(false);
+        }
+    };
+    return (_jsxs("div", { className: "bg-card rounded-md border p-4", children: [_jsx(Label, { htmlFor: "comment", className: "mb-2 block font-medium", children: t('history.addCommentButton', 'Add a note') }), _jsx("div", { className: "mb-3", children: _jsx(Textarea, { id: "comment", placeholder: t('history.commentPlaceholder', 'Type your note here...'), onKeyUp: (e) => {
+                        e.currentTarget.style.height = '1px';
+                        e.currentTarget.style.height = 12 + e.currentTarget.scrollHeight + 'px';
+                    }, value: newNote, onChange: (e) => setNewNote(e.currentTarget.value), className: "h-min max-h-[300px] min-h-[80px] w-full resize-none overflow-auto rounded-md p-3" }) }), _jsxs("div", { className: "flex flex-wrap items-center justify-between gap-3", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Checkbox, { id: "isPublic", name: "isPublic", checked: isPrivate, onClick: () => setIsPrivate((p) => !p) }), _jsxs(Label, { htmlFor: "isPublic", className: "flex cursor-pointer items-center gap-1 text-sm", children: [_jsx(ShieldCheck, { className: cn('h-4 w-4', isPrivate ? 'text-emerald-500' : 'text-muted-foreground') }), t('history.isPrivate', 'Private note'), _jsx("span", { className: "text-muted-foreground ml-1 text-xs", children: t('history.isPrivateDescription', '(visible only to admins)') })] })] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Badge, { variant: isPrivate ? 'outline' : 'secondary', className: cn('gap-1', !isPrivate
+                                    ? 'bg-amber-100 text-amber-800 dark:bg-amber-900 dark:text-amber-300'
+                                    : 'border-emerald-200 text-emerald-800 dark:border-emerald-800 dark:text-emerald-300'), children: !isPrivate ? (_jsxs(_Fragment, { children: [_jsx(MessageCircle, { className: "size-3" }), t('history.toAdminsAndCustomer', 'Visible to customer')] })) : (_jsxs(_Fragment, { children: [_jsx(ShieldCheck, { className: "size-3" }), t('history.toAdmins', 'Admin only')] })) }), _jsx(Button, { disabled: newNote === '' || isSubmitting, onClick: handleSubmit, className: "gap-2", children: isSubmitting ? (_jsxs(_Fragment, { children: [_jsx("span", { className: "size-4 animate-spin rounded-full border-2 border-current border-r-transparent" }), t('history.adding', 'Adding...')] })) : (_jsxs(_Fragment, { children: [_jsx(Send, { className: "size-4" }), t('history.addComment', 'Add Note')] })) })] })] })] }));
+};

package/dist/components/History/DeleteEntryDialog.js

@@ -0,0 +1,25 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, useTranslation, } from '@deenruv/react-ui-devkit';
+import { useState } from 'react';
+import { Trash } from 'lucide-react';
+export const DeleteEntryDialog = ({ isOpen, setIsOpen, selectedNote, onConfirm }) => {
+    const { t } = useTranslation('common');
+    const [isDeleting, setIsDeleting] = useState(false);
+    const handleDelete = async () => {
+        if (!selectedNote)
+            return;
+        setIsDeleting(true);
+        try {
+            onConfirm(selectedNote.id);
+            setIsOpen(false);
+        }
+        finally {
+            setIsDeleting(false);
+        }
+    };
+    return (_jsx(AlertDialog, { open: isOpen, onOpenChange: setIsOpen, children: _jsxs(AlertDialogContent, { children: [_jsxs(AlertDialogHeader, { children: [_jsxs(AlertDialogTitle, { className: "flex items-center gap-2 text-red-600", children: [_jsx(Trash, { className: "size-5" }), t('history.deleteNoteHeader', 'Delete Note')] }), _jsx(AlertDialogDescription, { children: t('history.deleteConfirmation', 'Are you sure you want to delete this note? This action cannot be undone.') })] }), selectedNote?.data?.note && (_jsx("div", { className: "bg-muted/30 my-4 max-h-[200px] overflow-y-auto rounded-md border p-3 text-sm", children: _jsx("div", { className: "whitespace-pre-wrap", children: selectedNote.data.note }) })), _jsxs(AlertDialogFooter, { children: [_jsx(AlertDialogCancel, { disabled: isDeleting, children: t('history.cancel', 'Cancel') }), _jsx(AlertDialogAction, { onClick: (e) => {
+                                e.preventDefault();
+                                handleDelete();
+                            }, disabled: isDeleting, className: "bg-red-600 text-white hover:bg-red-700 dark:bg-red-700 dark:hover:bg-red-800", children: isDeleting ? (_jsxs("span", { className: "flex items-center gap-2", children: [_jsx("span", { className: "size-4 animate-spin rounded-full border-2 border-current border-r-transparent" }), t('history.deleting', 'Deleting...')] })) : (_jsxs("span", { className: "flex items-center gap-2", children: [_jsx(Trash, { className: "size-4" }), t('history.delete', 'Delete')] })) })] })] }) }));
+};