@deenruv/admin-dashboard 1.0.0

package/dist/pages/tax-rates/Detail.js

@@ -0,0 +1,62 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useCallback } from 'react';
+import { useParams } from 'react-router-dom';
+import { useValidators, DetailView, createDeenruvForm, getMutation, useMutation, useTranslation, } from '@deenruv/react-ui-devkit';
+import { TaxRateDetailView } from "./_components/TaxRateDetailView.js";
+const CreateTaxRateMutation = getMutation('createTaxRate');
+const EditTaxRateMutation = getMutation('updateTaxRate');
+const DeleteTaxRateMutation = getMutation('deleteTaxRate');
+export const TaxRatesDetailPage = () => {
+    const { id } = useParams();
+    const [update] = useMutation(EditTaxRateMutation);
+    const [create] = useMutation(CreateTaxRateMutation);
+    const [remove] = useMutation(DeleteTaxRateMutation);
+    const { t } = useTranslation('taxRates');
+    const { nameValidator, stringValidator, numberValidator } = useValidators();
+    const onSubmitHandler = useCallback((data) => {
+        if (!data.name?.validatedValue) {
+            throw new Error('Name is required.');
+        }
+        const inputData = {
+            name: data.name.validatedValue,
+            enabled: data.enabled.value,
+            categoryId: data.categoryId.validatedValue,
+            value: data.value?.validatedValue || data.value?.initialValue,
+            zoneId: data.zoneId.validatedValue,
+            customerGroupId: data.customerGroupId?.validatedValue,
+            ...(data.customFields?.validatedValue ? { customFields: data.customFields?.validatedValue } : {}),
+        };
+        if (id) {
+            return update({ input: { id, ...inputData } });
+        }
+        else {
+            return create({ input: { ...inputData } });
+        }
+    }, [id, update, create]);
+    const onDeleteHandler = useCallback(() => {
+        if (!id) {
+            throw new Error('Could not find the id.');
+        }
+        return remove({ input: { id } });
+    }, [remove, id]);
+    return (_jsx("div", { className: "relative flex flex-col gap-y-4", children: _jsx(DetailView, { id: id, locationId: "taxRates-detail-view", main: {
+                name: 'taxRate',
+                label: 'Tax Rate',
+                component: _jsx(TaxRateDetailView, {}),
+                form: createDeenruvForm({
+                    key: 'CreateTaxRateInput',
+                    keys: ['name', 'categoryId', 'customerGroupId', 'enabled', 'value', 'zoneId', 'customFields'],
+                    config: {
+                        name: nameValidator,
+                        categoryId: stringValidator(t('validation.taxCategoryRequired')),
+                        value: numberValidator(t('validation.valueRequired')),
+                        zoneId: stringValidator(t('validation.zoneRequired')),
+                        enabled: {
+                            initialValue: true,
+                        },
+                    },
+                    onSubmitted: onSubmitHandler,
+                    onDeleted: onDeleteHandler,
+                }),
+            } }) }));
+};

package/dist/pages/tax-rates/List.js

@@ -0,0 +1,64 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Routes, apiClient, DetailList, deepMerge, TableLabel, ListLocations, useTranslation, } from '@deenruv/react-ui-devkit';
+import { Permission, SortOrder } from '@deenruv/admin-types';
+const tableId = 'taxRates-list-view';
+const { selector } = ListLocations[tableId];
+const fetch = async ({ page, perPage, filter, filterOperator, sort }, additionalSelector) => {
+    const response = await apiClient('query')({
+        ['taxRates']: [
+            {
+                options: {
+                    take: perPage,
+                    skip: (page - 1) * perPage,
+                    filterOperator: filterOperator,
+                    sort: sort ? { [sort.key]: sort.sortDir } : { createdAt: SortOrder.DESC },
+                    ...(filter && { filter }),
+                },
+            },
+            { items: deepMerge(selector, additionalSelector ?? {}), totalItems: true },
+        ],
+    });
+    return response['taxRates'];
+};
+const onRemove = async (items) => {
+    try {
+        const ids = items.map((item) => item.id);
+        const { deleteTaxRates } = await apiClient('mutation')({
+            deleteTaxRates: [
+                { ids },
+                {
+                    message: true,
+                    result: true,
+                },
+            ],
+        });
+        return !!deleteTaxRates.length;
+    }
+    catch (error) {
+        return error;
+    }
+};
+export const TaxRatesListPage = () => {
+    const { t } = useTranslation('taxRates');
+    return (_jsx(DetailList, { filterFields: [
+            { key: 'name', operator: 'StringOperators' },
+            { key: 'enabled', operator: 'BooleanOperators' },
+            { key: 'value', operator: 'NumberOperators' },
+        ], detailLinkColumn: "id", searchFields: ['name'], hideColumns: ['customFields', 'translations', 'category'], additionalColumns: [
+            {
+                accessorKey: 'taxCategory',
+                header: () => _jsx(TableLabel, { children: t('table.taxCategory') }),
+                cell: ({ row }) => row.original.category.name,
+            },
+            {
+                accessorKey: 'zone',
+                header: () => _jsx(TableLabel, { children: t('table.zone') }),
+                cell: ({ row }) => row.original.zone.name,
+            },
+            {
+                accessorKey: 'customerGroup',
+                header: () => _jsx(TableLabel, { children: t('table.customerGroup') }),
+                cell: ({ row }) => row.original.customerGroup?.name ?? '—',
+            },
+        ], entityName: 'TaxRate', route: Routes['taxRates'], tableId: tableId, fetch: fetch, onRemove: onRemove, createPermissions: [Permission.CreateTaxRate], deletePermissions: [Permission.DeleteTaxRate] }));
+};

package/dist/pages/tax-rates/_components/TaxRateDetailView.js

@@ -0,0 +1,64 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useEffect, useState } from 'react';
+import { Input, Label, Switch, apiClient, SimpleSelect, useDetailView, DetailViewMarker, CustomCard, CardIcons, EntityCustomFields, useTranslation, } from '@deenruv/react-ui-devkit';
+const TAX_RATES_FORM_KEYS = [
+    'CreateTaxRateInput',
+    'name',
+    'enabled',
+    'value',
+    'categoryId',
+    'zoneId',
+    'customerGroupId',
+    'customFields',
+];
+export const TaxRateDetailView = () => {
+    const { t } = useTranslation('taxRates');
+    const [taxCategoriesOptions, setTaxCategoriesOptions] = useState([]);
+    const [zonesOptions, setZonesOptions] = useState([]);
+    const { form, entity, fetchEntity, id } = useDetailView('taxRates-detail-view', ...TAX_RATES_FORM_KEYS);
+    const { base: { setField, state }, } = form;
+    const fetchItemsForOptions = useCallback(async () => {
+        const response = await apiClient('query')({
+            taxCategories: [
+                {},
+                {
+                    items: {
+                        id: true,
+                        name: true,
+                    },
+                },
+            ],
+            zones: [
+                {},
+                {
+                    items: {
+                        id: true,
+                        name: true,
+                    },
+                },
+            ],
+        });
+        setTaxCategoriesOptions(response.taxCategories.items.map((c) => ({ label: c.name, value: c.id })));
+        setZonesOptions(response.zones.items.map((z) => ({ label: z.name, value: z.id })));
+    }, [setTaxCategoriesOptions, setZonesOptions]);
+    useEffect(() => {
+        fetchItemsForOptions();
+    }, [id, fetchItemsForOptions]);
+    useEffect(() => {
+        fetchEntity();
+    }, []);
+    useEffect(() => {
+        console.log('ENT', entity);
+        if (!entity)
+            return;
+        setField('name', entity.name);
+        setField('enabled', entity.enabled);
+        setField('categoryId', entity.category.id);
+        setField('customerGroupId', entity.customerGroup?.id);
+        setField('zoneId', entity.zone.id);
+        setField('value', entity.value);
+    }, [entity]);
+    return (_jsx("main", { className: "my-4 min-h-96", children: _jsxs("div", { className: "flex flex-col gap-3", children: [_jsx(CustomCard, { title: t('details.basic.title'), icon: _jsx(CardIcons.basic, {}), color: "green", children: _jsxs("div", { className: "flex flex-col gap-4 p-0 pt-4", children: [_jsxs("div", { className: "flex items-start gap-4", children: [_jsx("div", { className: "flex basis-full md:basis-1/2", children: _jsx(Input, { label: t('details.basic.name'), value: state.name?.value ?? undefined, onChange: (e) => setField('name', e.target.value), errors: state.name?.errors, required: true }) }), _jsx("div", { className: "flex basis-full md:basis-1/2", children: _jsx(Input, { type: "number", label: t('details.basic.value'), value: state.value?.value ?? undefined, onChange: (e) => setField('value', +e.target.value), errors: state.value?.errors, endAdornment: '%', min: 0, max: 100, required: true }) })] }), _jsxs("div", { className: "flex items-end gap-4", children: [_jsx("div", { className: "flex basis-full md:basis-1/2", children: _jsx(SimpleSelect, { label: t('details.basic.taxCategory'), value: state.categoryId?.value ?? undefined, onValueChange: (e) => setField('categoryId', e), options: taxCategoriesOptions, errors: state.categoryId?.errors, required: true }) }), _jsx("div", { className: "flex basis-full md:basis-1/2", children: _jsx(SimpleSelect, { label: t('details.basic.zone'), value: state.zoneId?.value ?? undefined, onValueChange: (e) => setField('zoneId', e), options: zonesOptions, errors: state.zoneId?.errors, required: true }) })] }), _jsx("div", { className: "flex items-end gap-4", children: _jsxs("div", { className: "mb-2 flex basis-full items-center gap-3 md:basis-1/2", children: [_jsx(Switch, { checked: state.enabled?.value ?? undefined, onCheckedChange: (e) => setField('enabled', e) }), _jsx(Label, { children: t('details.basic.enabled') })] }) })] }) }), _jsx(DetailViewMarker, { position: 'taxRates-detail-view' }), _jsx(EntityCustomFields, { entityName: "taxRate", id: id, onChange: (customFields) => {
+                        setField('customFields', customFields);
+                    }, initialValues: entity && 'customFields' in entity ? { customFields: entity.customFields } : { customFields: {} }, hideButton: true })] }) }));
+};

package/dist/pages/tax-rates/index.js

@@ -0,0 +1,2 @@
+export * from './List.js';
+export * from './Detail.js';

package/dist/pages/zones/Detail.js

@@ -0,0 +1,86 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useCallback } from 'react';
+import { useParams } from 'react-router-dom';
+import { useValidators, apiClient, useMutation, DetailView, getMutation, createDeenruvForm, useTranslation, } from '@deenruv/react-ui-devkit';
+import { ZoneDetailView } from "./_components/ZoneDetailView.js";
+const CreateZoneMutation = getMutation('createZone');
+const EditZoneMutation = getMutation('updateZone');
+const DeleteZoneMutation = getMutation('deleteZone');
+export const ZonesDetailPage = () => {
+    const { id } = useParams();
+    const [update] = useMutation(EditZoneMutation);
+    const [create] = useMutation(CreateZoneMutation);
+    const [remove] = useMutation(DeleteZoneMutation);
+    const { nameValidator } = useValidators();
+    const { t } = useTranslation('zones');
+    const updateMembers = useCallback((toAdd, toRemove) => {
+        if ((!toAdd || toAdd.length === 0) && (!toRemove || toRemove.length === 0)) {
+            return Promise.resolve();
+        }
+        return apiClient('mutation')({
+            ...(toRemove && toRemove.length > 0
+                ? {
+                    removeMembersFromZone: [
+                        {
+                            zoneId: id,
+                            memberIds: toRemove,
+                        },
+                        { id: true },
+                    ],
+                }
+                : {}),
+            ...(toAdd && toAdd.length > 0
+                ? {
+                    addMembersToZone: [
+                        {
+                            zoneId: id,
+                            memberIds: toAdd,
+                        },
+                        { id: true },
+                    ],
+                }
+                : {}),
+        });
+    }, [id, t]);
+    const onSubmitHandler = useCallback((data, additionalData) => {
+        if (!data.name?.validatedValue) {
+            throw new Error('Name is required.');
+        }
+        const { membersIdsToRemove = [], membersIdsToAdd = [] } = additionalData && 'membersIdsToRemove' in additionalData && 'membersIdsToAdd' in additionalData
+            ? additionalData
+            : {};
+        const inputData = {
+            name: data.name.validatedValue,
+            ...(data.customFields?.validatedValue ? { customFields: data.customFields?.validatedValue } : {}),
+        };
+        if (id) {
+            return Promise.all([
+                update({ input: { id, ...inputData } }),
+                updateMembers(membersIdsToAdd, membersIdsToRemove),
+            ]).then(([res]) => res);
+        }
+        else {
+            return create({ input: { ...inputData, memberIds: data.memberIds?.validatedValue } });
+        }
+    }, [id, update, create]);
+    const onDeleteHandler = useCallback(() => {
+        if (!id) {
+            throw new Error('Could not find the id.');
+        }
+        return remove({ input: { id } });
+    }, [remove, id]);
+    return (_jsx("div", { className: "relative flex flex-col gap-y-4", children: _jsx(DetailView, { id: id, locationId: "zones-detail-view", main: {
+                name: 'zone',
+                label: 'Zone',
+                component: _jsx(ZoneDetailView, {}),
+                form: createDeenruvForm({
+                    key: 'CreateZoneInput',
+                    keys: ['name', 'memberIds', 'customFields'],
+                    config: {
+                        name: nameValidator,
+                    },
+                    onSubmitted: onSubmitHandler,
+                    onDeleted: onDeleteHandler,
+                }),
+            } }) }));
+};

package/dist/pages/zones/List.js

@@ -0,0 +1,52 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useTranslation, DetailList, ListLocations, TableLabel, apiClient, deepMerge, } from '@deenruv/react-ui-devkit';
+import { Routes } from '@deenruv/react-ui-devkit';
+import { Permission, SortOrder } from '@deenruv/admin-types';
+const tableId = 'zones-list-view';
+const { selector } = ListLocations[tableId];
+const fetch = async ({ page, perPage, filter, filterOperator, sort }, additionalSelector) => {
+    const response = await apiClient('query')({
+        ['zones']: [
+            {
+                options: {
+                    take: perPage,
+                    skip: (page - 1) * perPage,
+                    filterOperator: filterOperator,
+                    sort: sort ? { [sort.key]: sort.sortDir } : { createdAt: SortOrder.DESC },
+                    ...(filter && { filter }),
+                },
+            },
+            { items: deepMerge(selector, additionalSelector ?? {}), totalItems: true },
+        ],
+    });
+    return response['zones'];
+};
+const onRemove = async (items) => {
+    try {
+        const ids = items.map((item) => item.id);
+        const { deleteZones } = await apiClient('mutation')({
+            deleteZones: [
+                { ids },
+                {
+                    message: true,
+                    result: true,
+                },
+            ],
+        });
+        return !!deleteZones.length;
+    }
+    catch (error) {
+        return error;
+    }
+};
+export const ZonesListPage = () => {
+    const { t } = useTranslation('zones');
+    return (_jsx(DetailList, { filterFields: [{ key: 'name', operator: 'StringOperators' }], detailLinkColumn: "id", searchFields: ['name'], hideColumns: ['customFields', 'translations'], additionalColumns: [
+            {
+                accessorKey: 'members',
+                enableColumnFilter: false,
+                header: () => _jsx(TableLabel, { children: t('table.members') }),
+                cell: ({ row }) => row.original.members.length,
+            },
+        ], entityName: 'Zone', route: Routes['zones'], tableId: tableId, fetch: fetch, onRemove: onRemove, createPermissions: [Permission.CreateZone], deletePermissions: [Permission.DeleteZone] }));
+};

package/dist/pages/zones/_components/ZoneDetailView.js

@@ -0,0 +1,49 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useEffect, useMemo, useState } from 'react';
+import { Input, Label, MultipleSelector, useServer, useDetailView, DetailViewMarker, CustomCard, CardIcons, EntityCustomFields, useTranslation, } from '@deenruv/react-ui-devkit';
+const STOCK_LOCATION_FORM_KEYS = ['CreateZoneInput', 'name', 'memberIds', 'customFields'];
+export const ZoneDetailView = () => {
+    const { form, fetchEntity, entity, setAdditionalData, id } = useDetailView('zones-detail-view', ...STOCK_LOCATION_FORM_KEYS);
+    const { base: { setField, state }, } = form;
+    const editMode = useMemo(() => !!id, [id]);
+    const { t } = useTranslation('zones');
+    const [countriesOptions, setCountriesOptions] = useState();
+    const [, setMembersIdsToRemove] = useState([]);
+    const [, setMembersIdsToAdd] = useState([]);
+    const countries = useServer((p) => p.countries);
+    useEffect(() => {
+        setCountriesOptions(countries.map((c) => ({ label: c.name, value: c.id })));
+    }, [countries]);
+    useEffect(() => {
+        (async () => {
+            const res = await fetchEntity();
+            if (!res)
+                return;
+            setField('name', res.name);
+            setField('memberIds', res.members.map((m) => m.id));
+        })();
+    }, []);
+    const handleChange = useCallback((options) => {
+        setField('memberIds', options.map((o) => o.value));
+        if (editMode && entity) {
+            const backendMembersIds = entity.members.map((m) => m.id);
+            const optionValues = options.map((o) => o.value);
+            const toAdd = optionValues.filter((v) => !backendMembersIds?.includes(v));
+            const toRemove = backendMembersIds?.filter((id) => !optionValues.includes(id));
+            setAdditionalData((prev) => {
+                const newData = { ...prev, membersIdsToRemove: toRemove, membersIdsToAdd: toAdd };
+                return newData;
+            });
+            // if BE doesn't include option ids, add them
+            setMembersIdsToAdd(toAdd);
+            // if currentState doesn't include BE ids, remove them
+            setMembersIdsToRemove(toRemove);
+        }
+    }, [editMode, setField, entity]);
+    return (_jsx("main", { className: "my-4 min-h-96", children: _jsxs("div", { className: "flex flex-col gap-3", children: [_jsx(CustomCard, { title: t('details.basic.title'), icon: _jsx(CardIcons.basic, {}), color: "green", children: _jsxs("div", { className: "flex gap-3", children: [_jsx("div", { className: "flex basis-full md:basis-1/2", children: _jsx(Input, { label: t('details.basic.name'), value: state.name?.value, onChange: (e) => setField('name', e.target.value), errors: state.name?.errors, required: true }) }), _jsxs("div", { className: "flex basis-full flex-col md:basis-1/2", children: [_jsx(Label, { className: "mb-2", children: t('details.basic.members') }), _jsx(MultipleSelector, { options: countriesOptions, value: state?.memberIds?.value?.map((id) => ({
+                                            label: countriesOptions?.find((o) => o.value === id)?.label || id,
+                                            value: id,
+                                        })), placeholder: t('details.basic.memberPlaceholder'), onChange: handleChange, hideClearAllButton: true })] })] }) }), _jsx(DetailViewMarker, { position: 'zones-detail-view' }), _jsx(EntityCustomFields, { entityName: "zone", id: id, hideButton: true, onChange: (customFields) => {
+                        setField('customFields', customFields);
+                    }, initialValues: entity && 'customFields' in entity ? { customFields: entity.customFields } : { customFields: {} } })] }) }));
+};

package/dist/pages/zones/index.js

@@ -0,0 +1,2 @@
+export * from './Detail.js';
+export * from './List.js';

package/dist/version.js

@@ -0,0 +1 @@
+export const ADMIN_DASHBOARD_VERSION = '1.0.0';

package/package.json

@@ -0,0 +1,122 @@
+{
+  "name": "@deenruv/admin-dashboard",
+  "version": "1.0.0",
+  "main": "dist/index.js",
+  "style": "dist/index.css",
+  "types": "dist/index.d.ts",
+  "files": [
+    "dist/**/*"
+  ],
+  "dependencies": {
+    "@aexol-studio/hooks": "^0.2.16",
+    "@dnd-kit/core": "^6.1.0",
+    "@dnd-kit/modifiers": "^7.0.0",
+    "@dnd-kit/sortable": "^8.0.0",
+    "@dnd-kit/utilities": "^3.2.2",
+    "@hookform/resolvers": "^3.3.4",
+    "@radix-ui/react-accordion": "^1.1.2",
+    "@radix-ui/react-alert-dialog": "^1.0.5",
+    "@radix-ui/react-aspect-ratio": "^1.0.3",
+    "@radix-ui/react-checkbox": "^1.0.4",
+    "@radix-ui/react-dialog": "^1.0.5",
+    "@radix-ui/react-dropdown-menu": "^2.0.6",
+    "@radix-ui/react-hover-card": "^1.0.7",
+    "@radix-ui/react-icons": "^1.3.0",
+    "@radix-ui/react-label": "^2.0.2",
+    "@radix-ui/react-popover": "^1.0.7",
+    "@radix-ui/react-radio-group": "^1.2.0",
+    "@radix-ui/react-scroll-area": "^1.0.5",
+    "@radix-ui/react-select": "^2.0.0",
+    "@radix-ui/react-separator": "^1.1.0",
+    "@radix-ui/react-slot": "^1.0.2",
+    "@radix-ui/react-switch": "^1.0.3",
+    "@radix-ui/react-tabs": "^1.0.4",
+    "@radix-ui/react-toast": "^1.1.5",
+    "@radix-ui/react-toggle": "^1.1.0",
+    "@radix-ui/react-toggle-group": "^1.1.0",
+    "@radix-ui/react-tooltip": "^1.0.7",
+    "@tanstack/react-table": "^8.15.3",
+    "@tiptap/extension-document": "^2.8.0",
+    "@tiptap/extension-heading": "^2.8.0",
+    "@tiptap/extension-paragraph": "^2.8.0",
+    "@tiptap/extension-text": "^2.8.0",
+    "@tiptap/pm": "^2.7.2",
+    "@tiptap/react": "^2.7.2",
+    "@tiptap/starter-kit": "^2.7.2",
+    "class-variance-authority": "^0.7.0",
+    "clsx": "^2.1.0",
+    "cmdk": "^1.0.0",
+    "compression": "^1.7.4",
+    "country-flag-icons": "^1.5.11",
+    "date-fns": "^4.0.0",
+    "express": "^4.19.2",
+    "framer-motion": "11.1.7",
+    "i18next": "^23.2.3",
+    "i18next-browser-languagedetector": "^7.2.0",
+    "localforage": "^1.10.0",
+    "lucide-react": "^0.363.0",
+    "match-sorter": "^6.3.4",
+    "next-themes": "^0.3.0",
+    "react": "^18.2.0",
+    "react-color": "^2.19.3",
+    "react-day-picker": "^9.7.0",
+    "react-dom": "^18.2.0",
+    "react-hook-form": "^7.51.3",
+    "react-i18next": "^14.0.5",
+    "react-resizable-panels": "^2.0.17",
+    "react-router-dom": "^6.22.1",
+    "recharts": "^2.12.7",
+    "rimraf": "^6.0.1",
+    "sirv": "^2.0.4",
+    "socket.io-client": "^4.7.5",
+    "sonner": "^1.4.41",
+    "sort-by": "^1.2.0",
+    "tailwind-merge": "^2.2.2",
+    "tailwindcss-animate": "^1.0.7",
+    "ts-patch": "^3.2.1",
+    "typescript-transform-paths": "^3.5.1",
+    "use-debounce": "^10.0.0",
+    "uuid": "^9.0.1",
+    "vaul": "^0.9.1",
+    "yup": "^1.3.3",
+    "zod": "^3.22.5",
+    "zustand": "^4.5.2",
+    "@deenruv/admin-dashboard": "1.0.0",
+    "@deenruv/admin-types": "1.0.0",
+    "@deenruv/deenruv-examples-plugin": "1.0.0",
+    "@deenruv/react-ui-devkit": "1.0.0"
+  },
+  "devDependencies": {
+    "@tailwindcss/typography": "^0.5.15",
+    "@types/express": "^4.17.21",
+    "@types/react": "^18.2.0",
+    "@types/react-color": "^3.0.12",
+    "@types/react-dom": "^18.2.0",
+    "@types/uuid": "^9.0.8",
+    "@vitejs/plugin-react-swc": "^3.5.0",
+    "autoprefixer": "^10.4.19",
+    "graphql-zeus": "^7.0.0",
+    "i18next-resources-for-ts": "^1.5.0",
+    "postcss": "^8.4.38",
+    "tailwindcss": "^3.4.1",
+    "tsx": "^4.19.1",
+    "typescript": "^5.2.2",
+    "vite": "^5.1.0",
+    "vite-plugin-i18next-loader": "^2.0.12",
+    "vite-tsconfig-paths": "^4.3.1"
+  },
+  "scripts": {
+    "watch": "tspc --watch",
+    "build": "tspc --build && npm run copy-types && npm run copy-styles",
+    "copy-types": "cp src/root.d.ts dist/index.d.ts",
+    "copy-styles": "cp src/root.css dist/index.css",
+    "check-types": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
+    "zeus:local": "zeus http://localhost:3000/admin-api ./src/",
+    "lint": "eslint .",
+    "lint:fix": "eslint --fix .",
+    "preview": "vite preview",
+    "toc": "i18next-resources-for-ts toc -i ./src/locales/en -o ./src/@types/resources.ts",
+    "interface": "i18next-resources-for-ts interface -i ./src/locales/en -o ./src/@types/resources.d.ts",
+    "postversion": "node upgrade_version.js"
+  }
+}