@deenruv/admin-dashboard 1.0.16 → 1.0.17-dev.15

package/dist/locales/pl/collections.json

@@ -7,6 +7,20 @@
     "baseInfoUpdated": "Zaktualizowano: {{value}}",
     "buttonDisabledTooltip": "Wypełnij wszystkie wymagane pola",
     "noChangesTooltip": "Nie wprowadzono żadnych zmian",
+    "storefrontAction": {
+        "label": "Otwórz w sklepie",
+        "disabled": {
+            "collectionPrivate": "Ustaw kolekcję jako publiczną i zapisz ją, aby otworzyć ją w sklepie.",
+            "missingChannel": "Wybierz kanał, aby otworzyć kolekcję w sklepie.",
+            "missingSlug": "Zapisana kolekcja nie ma slugu dla wybranego języka.",
+            "unsavedPrivate": "Zapisz bieżącą widoczność, aby otworzyć kolekcję w sklepie.",
+            "unsavedSlug": "Zapisz bieżący slug, aby otworzyć kolekcję w sklepie.",
+            "resolverFailed": "Nie udało się wyznaczyć adresu URL sklepu.",
+            "resolverEmpty": "Konfiguracja sklepu nie zwróciła adresu URL.",
+            "urlNotAbsolute": "Adres URL sklepu musi być bezwzględny.",
+            "unsupportedProtocol": "Adres URL sklepu musi używać protokołu HTTP lub HTTPS."
+        }
+    },
     "table": {
         "id": "ID",
         "name": "Nazwa",
@@ -38,6 +52,7 @@
             "inherit": "Dziedziczenie filtrów",
             "condition": "Warunek",
             "addCondition": "Dodaj warunek",
+            "noAvailableConditions": "Warunki filtrów nadal się ładują",
             "addFacets": "Dodawanie wartości aspektów",
             "labels": {
                 "codes": {
@@ -55,6 +70,12 @@
         },
         "contents": {
             "title": "Zawartość"
+        },
+        "channels": {
+            "title": "Dodatkowe kanały",
+            "description": "Wybierz dodatkowe kanały, które mają zostać przypisane po utworzeniu kolekcji. Bieżący kanał zostanie przypisany automatycznie.",
+            "currentChannel": "Bieżący kanał",
+            "noChannels": "Brak dostępnych kanałów"
         }
     },
     "visibility": {

package/dist/locales/pl/common.json

@@ -581,6 +581,7 @@
         "globalSettings": "ustawienia globalne",
         "roles": "role",
         "admins": "administratorzy",
+        "adminProvision": "zakładanie administratora",
         "stock": "lokalizacje magazynowe",
         "sellers": "sprzedawcy",
         "assets": "aktywa",
@@ -961,6 +962,7 @@
         "tags": "Filtruj według tagu",
         "perPageValue": "{{value}} na stronę",
         "confirmButton": "Dodaj zasób",
+        "uploadButton": "Prześlij z dysku",
         "cancel": "Anuluj",
         "noImages": "Brak zasobów dla określonego wyszukiwania",
         "description": "Przesyłanie i zarządzanie zasobami, które mogą być używane w treści"

package/dist/locales/pl/orders.json

@@ -40,6 +40,14 @@
         "confirm": "Usuń wersję roboczą",
         "cancel": "Anuluj"
     },
+    "createDraftOrder": {
+        "title": "Utwórz nowy projekt zamówienia",
+        "description": "Projekt zamówienia zostanie utworzony dopiero po potwierdzeniu. Następnie możesz dodać produkty, klienta i dane dostawy.",
+        "startButton": "Rozpocznij projekt zamówienia",
+        "cancelButton": "Wróć do zamówień",
+        "creating": "Tworzenie projektu...",
+        "error": "Nie udało się utworzyć projektu zamówienia"
+    },
     "searchProduct": {
         "id": "ID",
         "image": "Obraz",

package/dist/locales/pl/products.json

@@ -42,6 +42,29 @@
         "removeVariant": "Usuń wariant",
         "removeVariantFromChannel": "Usuń wariant z kanału"
     },
+    "storefrontAction": {
+        "label": "Otwórz w sklepie",
+        "disabled": {
+            "productDisabled": "Włącz i zapisz produkt, aby otworzyć go w sklepie.",
+            "missingChannel": "Wybierz kanał, aby otworzyć produkt w sklepie.",
+            "channelNotAssigned": "Zapisany produkt nie jest przypisany do wybranego kanału.",
+            "missingSlug": "Zapisany produkt nie ma slugu dla wybranego języka.",
+            "unsavedSlug": "Zapisz bieżący slug, aby otworzyć produkt w sklepie.",
+            "unsavedEnabled": "Zapisz bieżący status dostępności, aby otworzyć produkt w sklepie.",
+            "resolverFailed": "Nie udało się wyznaczyć adresu URL sklepu.",
+            "resolverEmpty": "Konfiguracja sklepu nie zwróciła adresu URL.",
+            "urlNotAbsolute": "Adres URL sklepu musi być bezwzględny.",
+            "unsupportedProtocol": "Adres URL sklepu musi używać protokołu HTTP lub HTTPS."
+        }
+    },
+    "initialVariant": {
+        "title": "Początkowy wariant",
+        "description": "Utwórz jeden domyślny wariant razem z tym produktem. Jeśli nazwa wariantu jest pusta, zostanie użyta nazwa produktu.",
+        "sku": "SKU",
+        "price": "Cena",
+        "name": "Nazwa wariantu",
+        "namePlaceholder": "Użyj nazwy produktu"
+    },
     "optionsTab": {
         "placeholder": "Wpisz, aby dodać nową wartość opcji",
         "groupName": "Nazwa grupy",
@@ -53,6 +76,7 @@
         "noOptionValues": "Dodaj opcje powyżej, aby znaleźć je tutaj"
     },
     "variantsTab": {
+        "unnamedVariant": "Nienazwany wariant",
         "emptyState": {
             "title": "Nic tutaj nie ma",
             "description": "Nie ma jeszcze żadnych wariantów. Użyj przycisku powyżej, aby je dodać, pod warunkiem, że dodałeś już jakieś opcje. Jeśli nie, utwórz je najpierw w zakładce Opcje."
@@ -128,6 +152,7 @@
         "noAssets": "Nie ma jeszcze żadnych aktywów",
         "setAsFeatured": "Ustaw jako polecane",
         "editAsset": "Edytuj zdjęcie",
+        "uploadAsset": "Prześlij obraz",
         "removeAsset": "Usuń zasób",
         "usedForColorsDesc": "Użyj tego atrybutu dla facetów, którzy są kolorami",
         "colorsCollectionDesc": "Użyj tego dla ścieżek produktu w KOLORZE (BLAT/CORPUS)",
@@ -186,9 +211,11 @@
         "new": "Nowy wariant",
         "selectOption": "Wybierz opcję",
         "createBasic": "Dane podstawowe",
-        "createOptions": "Opcje"
+        "createOptions": "Opcje",
+        "createOptionsHint": "Dodaj grupę opcji w tym panelu, aby rozpocząć wybieranie opcji wariantu. Wartości opcji możesz później dopracować w zakładce Opcje."
     },
     "validation": {
-        "nameSlugRequired": "Pola nazwy i slug są wymagane"
+        "nameSlugRequired": "Pola nazwy i slug są wymagane",
+        "initialVariantSkuRequired": "SKU wariantu jest wymagane"
     }
 }

package/dist/locales/pl/promotions.json

@@ -13,6 +13,10 @@
         "usageLimit": "Limit użycia",
         "perCustomerUsageLimit": "Limit użycia na klienta"
     },
+    "enabled": {
+        "header": "Status",
+        "label": "Promocja aktywna"
+    },
     "conditions": {
         "header": "Warunki",
         "add": "Dodaj nowy warunek",

package/dist/pages/Root.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { CanLeaveRouteDialog } from "../components";
 import { serverConfigSelector, configurableOperationDefinitionSelector, countrySelector, apiClient, useOrder, useNotifications, DEFAULT_CHANNEL_CODE, useTranslation, capitalizeFirstLetter, } from '@deenruv/react-ui-devkit';
-import { useCallback, useEffect } from 'react';
+import { useCallback, useEffect, useRef } from 'react';
 import { Outlet, useLocation, useSearchParams } from 'react-router';
 import { toast } from 'sonner';
 import { activeAdministratorSelector, paymentMethodsSelector, useServer, useSettings, } from '@deenruv/react-ui-devkit';
@@ -45,8 +45,8 @@ const getAllPaymentMethods = async () => {
 export const Root = ({ allPaths }) => {
     const isLocalhost = window.location.hostname === 'localhost';
     const { t } = useTranslation('common');
-    const setActiveAdministrator = useServer((p) => p.setActiveAdministrator);
-    const setUserPermissions = useServer((p) => p.setUserPermissions);
+    const clearAdministratorAccess = useServer((p) => p.clearAdministratorAccess);
+    const setAdministratorAccess = useServer((p) => p.setAdministratorAccess);
     const setServerConfig = useServer((p) => p.setServerConfig);
     const setCountries = useServer((p) => p.setCountries);
     const setFulfillmentHandlers = useServer((p) => p.setFulfillmentHandlers);
@@ -68,6 +68,7 @@ export const Root = ({ allPaths }) => {
     const channel = useSettings((p) => p.selectedChannel);
     const location = useLocation();
     const [searchParams] = useSearchParams();
+    const hasInitializedAdministratorAccess = useRef(false);
     const managePageTitle = useCallback(() => {
         const pathname = location.pathname;
         const isDeenruvPath = allPaths.some((path) => pathname.startsWith(path));
@@ -143,17 +144,22 @@ export const Root = ({ allPaths }) => {
         };
     }, [notifications.map((n) => n.id).join(','), loaded]);
     useEffect(() => {
+        if (hasInitializedAdministratorAccess.current)
+            return;
+        hasInitializedAdministratorAccess.current = true;
+        clearAdministratorAccess();
         const init = async () => {
             const activeAdministratorResponse = await apiClient('query')({
                 activeAdministrator: activeAdministratorSelector,
             });
             const roles = activeAdministratorResponse.activeAdministrator?.user.roles || [];
             if (!activeAdministratorResponse.activeAdministrator) {
+                clearAdministratorAccess();
                 toast.error(t('setup.failedAdmin'));
+                return;
             }
             else {
-                setActiveAdministrator(activeAdministratorResponse.activeAdministrator);
-                setUserPermissions(Array.from(new Set(roles.flatMap((role) => role.permissions))));
+                setAdministratorAccess(activeAdministratorResponse.activeAdministrator, Array.from(new Set(roles.flatMap((role) => role.permissions))));
                 if ([Permission.ReadChannel].some((p) => roles.some((r) => r.permissions.includes(p)))) {
                     const { channels: { items: allChannels = [] }, } = await apiClient('query')({
                         channels: [
@@ -200,12 +206,20 @@ export const Root = ({ allPaths }) => {
             if (window?.__DEENRUV_SETTINGS__?.ui?.defaultTranslationLanguageCode) {
                 // setTranslationLanguage(window?.__DEENRUV_SETTINGS__?.ui?.defaultTranslationLanguageCode);
             }
-            const { globalSettings } = await apiClient('query')({
-                globalSettings: { serverConfig: serverConfigSelector, availableLanguages: true },
-            });
-            fetchPendingJobs();
-            initializeOrderCustomFields(globalSettings.serverConfig);
-            setLoaded(true);
+            try {
+                const { globalSettings } = await apiClient('query')({
+                    globalSettings: { serverConfig: serverConfigSelector, availableLanguages: true },
+                });
+                fetchPendingJobs();
+                initializeOrderCustomFields(globalSettings.serverConfig);
+                setLoaded(true);
+                setServerConfig(globalSettings.serverConfig);
+                setAvailableLanguages(globalSettings.availableLanguages);
+            }
+            catch {
+                toast.error(t('setup.failedServer'));
+                setLoaded(true);
+            }
             if ([Permission.ReadCountry, Permission.ReadPaymentMethod, Permission.ReadOrder].some((p) => roles.some((r) => r.permissions.includes(p)))) {
                 const [countriesResponse, paymentsResponse, fulfillmentsResponse] = await Promise.allSettled([
                     getAllPaginatedCountries(),
@@ -216,8 +230,6 @@ export const Root = ({ allPaths }) => {
                     toast.error(t('setup.failedServer'));
                 }
                 else {
-                    setServerConfig(globalSettings.serverConfig);
-                    setAvailableLanguages(globalSettings.availableLanguages);
                     // const socket = serverConfigResponse.value.globalSettings.serverConfig.plugins?.find(
                     //   (plugin) => plugin.name === 'AexolAdminsPlugin',
                     // );
@@ -243,10 +255,14 @@ export const Root = ({ allPaths }) => {
                 }
             }
         };
-        fetchGraphQLSchema().then(async (schema) => {
+        fetchGraphQLSchema()
+            .then(async (schema) => {
             window.__DEENRUV_SCHEMA__ = schema;
             await init();
+        })
+            .catch(() => {
+            clearAdministratorAccess();
         });
     }, []);
-    return (_jsx(_Fragment, { children: _jsxs("div", { className: "flex max-h-screen w-full max-w-full overflow-hidden bg-background text-foreground", children: [_jsx(Menu, { children: loaded ? _jsx(Outlet, {}) : _jsx(ContentAreaSkeleton, {}) }), loaded && (_jsxs(_Fragment, { children: [_jsx(GlobalSearch, {}), _jsx(CanLeaveRouteDialog, {}), isLocalhost ? _jsx(DeenruvDeveloperIndicator, {}) : null] }))] }) }));
+    return (_jsx(_Fragment, { children: _jsxs("div", { className: "flex max-h-screen w-full max-w-full overflow-hidden bg-background text-foreground antialiased", children: [_jsx(Menu, { children: loaded ? _jsx(Outlet, {}) : _jsx(ContentAreaSkeleton, {}) }), loaded && (_jsxs(_Fragment, { children: [_jsx(GlobalSearch, {}), _jsx(CanLeaveRouteDialog, {}), isLocalhost ? _jsx(DeenruvDeveloperIndicator, {}) : null] }))] }) }));
 };

package/dist/pages/admins/Detail.js

@@ -45,7 +45,7 @@ export const AdminsDetailPage = () => {
         if (!id) {
             throw new Error('Could not find the id.');
         }
-        return remove({ input: { id } });
+        return remove({ id });
     }, [remove, id]);
     return (_jsx("div", { className: "relative flex flex-col gap-y-4", children: _jsx(DetailView, { id: id, locationId: "admins-detail-view", main: {
                 name: 'admin',

package/dist/pages/admins/List.js

@@ -1,6 +1,8 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Routes, apiClient, DetailList, deepMerge, ListBadge, ListLocations, useTranslation, TableLabel, } from '@deenruv/react-ui-devkit';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button, Routes, apiClient, DetailList, deepMerge, ListBadge, ListLocations, useTranslation, TableLabel, useServer, } from '@deenruv/react-ui-devkit';
 import { Permission, SortOrder } from '@deenruv/admin-types';
+import { UserPlus } from 'lucide-react';
+import { useNavigate } from 'react-router';
 const tableId = 'admins-list-view';
 const { selector } = ListLocations[tableId];
 const fetch = async ({ page, perPage, filter, filterOperator, sort }, additionalSelector) => {
@@ -40,6 +42,9 @@ const onRemove = async (items) => {
 };
 export const AdminsListPage = () => {
     const { t } = useTranslation('admins');
+    const navigate = useNavigate();
+    const userPermissions = useServer(({ userPermissions }) => userPermissions);
+    const canCreateAdministrators = userPermissions.includes(Permission.CreateAdministrator);
     return (_jsx(DetailList, { filterFields: [
             { key: 'firstName', operator: 'StringOperators' },
             { key: 'emailAddress', operator: 'StringOperators' },
@@ -52,5 +57,5 @@ export const AdminsListPage = () => {
                 header: () => _jsx(TableLabel, { children: t('table.role') }),
                 cell: ({ row }) => (_jsx("div", { className: "flex gap-1", children: row.original.user.roles.map((r) => (_jsx(ListBadge, { children: r.description }, r.description))) })),
             },
-        ], entityName: 'Administrator', route: Routes['admins'], tableId: tableId, fetch: fetch, onRemove: onRemove, createPermissions: [Permission.CreateAdministrator], deletePermissions: [Permission.DeleteAdministrator] }));
+        ], entityName: 'Administrator', route: Routes['admins'], tableId: tableId, fetch: fetch, onRemove: onRemove, createPermissions: [Permission.CreateAdministrator], deletePermissions: [Permission.DeleteAdministrator], additionalButtons: canCreateAdministrators ? (_jsxs(Button, { variant: "outline", className: "flex items-center gap-2", onClick: () => navigate(Routes.admins.provision), children: [_jsx(UserPlus, { size: 16 }), t('provision.action')] })) : null }));
 };

package/dist/pages/admins/Provision.js

@@ -0,0 +1,173 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useMemo, useState } from 'react';
+import { useNavigate } from 'react-router';
+import { ArrowLeft, BadgeCheck, ShieldCheck, UserPlus } from 'lucide-react';
+import { toast } from 'sonner';
+import { apiClient, Badge, Button, Card, CardContent, CardDescription, CardHeader, CardTitle, Checkbox, DEFAULT_CHANNEL_CODE, Input, Label, MultipleSelector, PageBlock, Routes, Separator, useServer, useTranslation, } from '@deenruv/react-ui-devkit';
+import { PermissionsTable } from "../roles/_components/PermissionsTable";
+import { getSelectedAssignablePermissions, normalizeRoleCode, SHOP_MANAGER_ROLE_PERMISSIONS, validateAdminProvisionForm, } from './Provision.logic';
+const roleProvisionSelector = {
+    id: true,
+    code: true,
+    description: true,
+    permissions: true,
+    channels: {
+        id: true,
+        code: true,
+    },
+};
+const findRoleByCode = async (code) => {
+    const response = await apiClient('query')({
+        roles: [
+            {
+                options: {
+                    take: 1,
+                    filter: {
+                        code: {
+                            eq: code,
+                        },
+                    },
+                },
+            },
+            { items: roleProvisionSelector },
+        ],
+    });
+    return response.roles.items[0];
+};
+export const AdminsProvisionPage = () => {
+    const { t } = useTranslation('admins');
+    const { t: tRoles } = useTranslation('roles');
+    const navigate = useNavigate();
+    const { channels, serverConfig } = useServer();
+    const [firstName, setFirstName] = useState('');
+    const [lastName, setLastName] = useState('');
+    const [emailAddress, setEmailAddress] = useState('');
+    const [password, setPassword] = useState('');
+    const [roleCode, setRoleCode] = useState('shop-manager');
+    const [roleDescription, setRoleDescription] = useState(t('provision.presets.shopManager.roleDescription'));
+    const [channelIds, setChannelIds] = useState([]);
+    const [permissions, setPermissions] = useState(SHOP_MANAGER_ROLE_PERMISSIONS);
+    const [reuseExistingRole, setReuseExistingRole] = useState(false);
+    const [errors, setErrors] = useState({});
+    const [submitting, setSubmitting] = useState(false);
+    const channelOptions = useMemo(() => channels.map((channel) => ({
+        value: channel.id,
+        label: channel.code === DEFAULT_CHANNEL_CODE ? tRoles('defaultChannel') : channel.code,
+    })), [channels, tRoles]);
+    const currentChannelOptions = useMemo(() => channelIds.map((id) => channelOptions.find((option) => option.value === id) || { value: id, label: id }), [channelIds, channelOptions]);
+    const assignablePermissions = useMemo(() => {
+        if (!serverConfig?.permissions)
+            return undefined;
+        return new Set(serverConfig.permissions
+            .filter((permission) => permission.assignable)
+            .map((permission) => permission.name));
+    }, [serverConfig]);
+    const selectedAssignablePermissions = useMemo(() => getSelectedAssignablePermissions(permissions, assignablePermissions), [assignablePermissions, permissions]);
+    useEffect(() => {
+        if (!channelIds.length && channels.length) {
+            setChannelIds(channels.map((channel) => channel.id));
+        }
+    }, [channelIds.length, channels]);
+    useEffect(() => {
+        setRoleDescription(t('provision.presets.shopManager.roleDescription'));
+    }, [t]);
+    const applyShopManagerPreset = () => {
+        setRoleCode('shop-manager');
+        setRoleDescription(t('provision.presets.shopManager.roleDescription'));
+        setPermissions(SHOP_MANAGER_ROLE_PERMISSIONS);
+    };
+    const validateForm = () => {
+        const result = validateAdminProvisionForm({
+            firstName,
+            lastName,
+            emailAddress,
+            password,
+            roleCode,
+            channelIds,
+            permissions,
+            reuseExistingRole,
+        }, {
+            firstNameRequired: t('validation.firstNameRequired'),
+            lastNameRequired: t('validation.lastNameRequired'),
+            emailRequired: t('provision.validation.emailRequired'),
+            emailInvalid: t('provision.validation.emailInvalid'),
+            passwordRequired: t('validation.passwordRequired'),
+            roleCodeRequired: t('provision.validation.roleCodeRequired'),
+            channelsRequired: t('provision.validation.channelsRequired'),
+            permissionsRequired: t('provision.validation.permissionsRequired'),
+        }, assignablePermissions);
+        setErrors(result.errors);
+        return result.valid;
+    };
+    const createRole = async () => {
+        const response = await apiClient('mutation')({
+            createRole: [
+                {
+                    input: {
+                        code: normalizeRoleCode(roleCode),
+                        description: roleDescription.trim() || normalizeRoleCode(roleCode),
+                        channelIds,
+                        permissions: selectedAssignablePermissions,
+                    },
+                },
+                roleProvisionSelector,
+            ],
+        });
+        return response.createRole;
+    };
+    const createAdministrator = async (roleId) => {
+        const response = await apiClient('mutation')({
+            createAdministrator: [
+                {
+                    input: {
+                        firstName: firstName.trim(),
+                        lastName: lastName.trim(),
+                        emailAddress: emailAddress.trim(),
+                        password,
+                        roleIds: [roleId],
+                    },
+                },
+                {
+                    id: true,
+                    emailAddress: true,
+                },
+            ],
+        });
+        return response.createAdministrator;
+    };
+    const handleSubmit = async () => {
+        if (!validateForm())
+            return;
+        setSubmitting(true);
+        const normalizedRoleCode = normalizeRoleCode(roleCode);
+        try {
+            const existingRole = await findRoleByCode(normalizedRoleCode);
+            let roleId = existingRole?.id;
+            if (reuseExistingRole) {
+                if (!roleId) {
+                    setErrors({ roleCode: t('provision.validation.roleNotFound') });
+                    toast.error(t('provision.toasts.roleNotFound'));
+                    return;
+                }
+            }
+            else {
+                if (existingRole) {
+                    setErrors({ roleCode: t('provision.validation.roleCodeExists') });
+                    toast.error(t('provision.toasts.roleCodeExists'));
+                    return;
+                }
+                roleId = (await createRole()).id;
+            }
+            const administrator = await createAdministrator(roleId);
+            toast.success(t('provision.toasts.success'));
+            navigate(Routes.admins.to(administrator.id));
+        }
+        catch (error) {
+            toast.error(error instanceof Error ? error.message : t('provision.toasts.error'));
+        }
+        finally {
+            setSubmitting(false);
+        }
+    };
+    return (_jsx(PageBlock, { children: _jsxs("div", { className: "flex flex-col gap-6", children: [_jsxs("div", { className: "flex flex-col gap-4 lg:flex-row lg:items-center lg:justify-between", children: [_jsxs("div", { className: "flex items-start gap-3", children: [_jsx(Button, { variant: "secondary", size: "icon", className: "mt-1", onClick: () => navigate(Routes.admins.list), children: _jsx(ArrowLeft, { className: "size-4" }) }), _jsxs("div", { children: [_jsx("h1", { className: "text-3xl font-bold tracking-tight", children: t('provision.title') }), _jsx("p", { className: "mt-1 max-w-3xl text-sm text-muted-foreground", children: t('provision.description') })] })] }), _jsxs(Button, { className: "gap-2", disabled: submitting, onClick: handleSubmit, children: [_jsx(UserPlus, { className: "size-4" }), submitting ? t('provision.submitting') : t('provision.submit')] })] }), _jsxs("div", { className: "grid gap-4 xl:grid-cols-[minmax(0,1fr)_380px]", children: [_jsxs("div", { className: "flex flex-col gap-4", children: [_jsxs(Card, { children: [_jsxs(CardHeader, { children: [_jsx(CardTitle, { children: t('provision.admin.title') }), _jsx(CardDescription, { children: t('provision.admin.description') })] }), _jsx(CardContent, { children: _jsxs("div", { className: "grid gap-4 md:grid-cols-2", children: [_jsx(Input, { label: t('details.basic.firstName'), value: firstName, onChange: (event) => setFirstName(event.target.value), errors: errors.firstName ? [errors.firstName] : undefined, required: true }), _jsx(Input, { label: t('details.basic.lastName'), value: lastName, onChange: (event) => setLastName(event.target.value), errors: errors.lastName ? [errors.lastName] : undefined, required: true }), _jsx(Input, { label: t('details.basic.emailAddress'), type: "email", value: emailAddress, onChange: (event) => setEmailAddress(event.target.value), errors: errors.emailAddress ? [errors.emailAddress] : undefined, required: true }), _jsx(Input, { label: t('details.basic.password'), type: "password", value: password, onChange: (event) => setPassword(event.target.value), errors: errors.password ? [errors.password] : undefined, required: true })] }) })] }), _jsxs(Card, { children: [_jsxs(CardHeader, { children: [_jsx(CardTitle, { children: t('provision.role.title') }), _jsx(CardDescription, { children: t('provision.role.description') })] }), _jsxs(CardContent, { className: "flex flex-col gap-4", children: [_jsxs("div", { className: "grid gap-4 md:grid-cols-2", children: [_jsx(Input, { label: t('provision.role.code'), value: roleCode, onChange: (event) => setRoleCode(event.target.value), onBlur: () => setRoleCode(normalizeRoleCode(roleCode)), errors: errors.roleCode ? [errors.roleCode] : undefined, required: true }), _jsx(Input, { label: t('provision.role.descriptionLabel'), value: roleDescription, onChange: (event) => setRoleDescription(event.target.value), required: !reuseExistingRole, disabled: reuseExistingRole })] }), _jsxs("label", { className: "flex items-start gap-3 border border-border/70 bg-muted/30 p-3 text-sm", children: [_jsx(Checkbox, { checked: reuseExistingRole, onCheckedChange: (checked) => setReuseExistingRole(checked === true) }), _jsxs("span", { className: "flex flex-col gap-1", children: [_jsx("span", { className: "font-medium", children: t('provision.role.reuseExisting') }), _jsx("span", { className: "text-muted-foreground", children: t('provision.role.reuseExistingHint') })] })] }), !reuseExistingRole && (_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: t('provision.role.channels') }), _jsx(MultipleSelector, { options: channelOptions, value: currentChannelOptions, placeholder: t('provision.role.channelsPlaceholder'), onChange: (options) => setChannelIds(options.map((option) => option.value)), hideClearAllButton: true }), errors.channelIds && _jsx("p", { className: "text-xs text-destructive", children: errors.channelIds })] }))] })] }), _jsxs(Card, { children: [_jsxs(CardHeader, { children: [_jsx(CardTitle, { children: t('provision.permissions.title') }), _jsx(CardDescription, { children: t('provision.permissions.description') })] }), _jsx(CardContent, { children: reuseExistingRole ? (_jsx("div", { className: "border border-dashed border-border p-4 text-sm text-muted-foreground", children: t('provision.permissions.reuseExisting') })) : (_jsxs("div", { className: "flex flex-col gap-3", children: [errors.permissions && _jsx("p", { className: "text-xs text-destructive", children: errors.permissions }), _jsx(PermissionsTable, { currentPermissions: selectedAssignablePermissions, onPermissionsChange: setPermissions })] })) })] })] }), _jsxs("div", { className: "flex flex-col gap-4", children: [_jsxs(Card, { children: [_jsxs(CardHeader, { children: [_jsxs(CardTitle, { className: "flex items-center gap-2", children: [_jsx(ShieldCheck, { className: "size-5 text-primary" }), t('provision.presets.title')] }), _jsx(CardDescription, { children: t('provision.presets.description') })] }), _jsxs(CardContent, { className: "flex flex-col gap-3", children: [_jsx("button", { type: "button", className: "border border-primary/40 bg-primary/10 p-4 text-left transition-colors hover:bg-primary/15", onClick: applyShopManagerPreset, children: _jsxs("div", { className: "flex items-start justify-between gap-3", children: [_jsxs("div", { children: [_jsx("p", { className: "font-medium", children: t('provision.presets.shopManager.title') }), _jsx("p", { className: "mt-1 text-sm text-muted-foreground", children: t('provision.presets.shopManager.description') })] }), _jsx(Badge, { variant: "secondary", children: t('provision.presets.defaultBadge') })] }) }), _jsx(Separator, {}), _jsxs("div", { className: "flex items-start gap-3 text-sm", children: [_jsx(BadgeCheck, { className: "mt-0.5 size-4 text-green-600" }), _jsx("p", { className: "text-muted-foreground", children: t('provision.presets.backendNote') })] })] })] }), _jsxs(Card, { children: [_jsxs(CardHeader, { children: [_jsx(CardTitle, { children: t('provision.summary.title') }), _jsx(CardDescription, { children: t('provision.summary.description') })] }), _jsxs(CardContent, { className: "flex flex-col gap-3 text-sm", children: [_jsxs("div", { className: "flex items-center justify-between gap-4", children: [_jsx("span", { className: "text-muted-foreground", children: t('provision.summary.role') }), _jsx(Badge, { variant: "outline", children: normalizeRoleCode(roleCode) || '-' })] }), _jsxs("div", { className: "flex items-center justify-between gap-4", children: [_jsx("span", { className: "text-muted-foreground", children: t('provision.summary.channels') }), _jsx("span", { className: "font-medium", children: reuseExistingRole ? '-' : channelIds.length })] }), _jsxs("div", { className: "flex items-center justify-between gap-4", children: [_jsx("span", { className: "text-muted-foreground", children: t('provision.summary.permissions') }), _jsx("span", { className: "font-medium", children: reuseExistingRole ? '-' : selectedAssignablePermissions.length })] }), _jsxs("div", { className: "flex items-center justify-between gap-4", children: [_jsx("span", { className: "text-muted-foreground", children: t('provision.summary.mode') }), _jsx("span", { className: "font-medium", children: reuseExistingRole ? t('provision.summary.reuse') : t('provision.summary.create') })] })] })] })] })] })] }) }));
+};

package/dist/pages/admins/Provision.logic.js

@@ -0,0 +1,53 @@
+import { Permission } from '@deenruv/admin-types';
+export const SHOP_MANAGER_ROLE_PERMISSIONS = [
+    Permission.ReadOrder,
+    Permission.UpdateOrder,
+    Permission.ReadCustomer,
+    Permission.UpdateCustomer,
+    Permission.ReadProduct,
+    Permission.ReadCatalog,
+    Permission.ReadAsset,
+    Permission.ReadCollection,
+    Permission.ReadFacet,
+    Permission.ReadPaymentMethod,
+    Permission.ReadShippingMethod,
+    Permission.ReadCountry,
+    Permission.ReadStockLocation,
+];
+export const normalizeRoleCode = (value) => value.trim().toLowerCase().replace(/\s+/g, '-');
+export const getSelectedAssignablePermissions = (permissions, assignablePermissions) => {
+    if (!assignablePermissions)
+        return permissions;
+    return permissions.filter((permission) => assignablePermissions.has(permission));
+};
+export const validateAdminProvisionForm = (values, messages, assignablePermissions) => {
+    const errors = {};
+    const normalizedRoleCode = normalizeRoleCode(values.roleCode);
+    const selectedAssignablePermissions = getSelectedAssignablePermissions(values.permissions, assignablePermissions);
+    if (!values.firstName.trim())
+        errors.firstName = messages.firstNameRequired;
+    if (!values.lastName.trim())
+        errors.lastName = messages.lastNameRequired;
+    if (!values.emailAddress.trim())
+        errors.emailAddress = messages.emailRequired;
+    if (values.emailAddress.trim() && !values.emailAddress.includes('@')) {
+        errors.emailAddress = messages.emailInvalid;
+    }
+    if (!values.password.trim())
+        errors.password = messages.passwordRequired;
+    if (!normalizedRoleCode)
+        errors.roleCode = messages.roleCodeRequired;
+    if (!values.reuseExistingRole) {
+        if (!values.channelIds.length)
+            errors.channelIds = messages.channelsRequired;
+        if (!selectedAssignablePermissions.length) {
+            errors.permissions = messages.permissionsRequired;
+        }
+    }
+    return {
+        errors,
+        normalizedRoleCode,
+        selectedAssignablePermissions,
+        valid: Object.keys(errors).length === 0,
+    };
+};

package/dist/pages/admins/index.js

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

package/dist/pages/assets/List.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { apiClient, DetailList, deepMerge, ListLocations, createDialogFromComponent, Badge, ImageWithPreview, useTranslation, TableLabel, } from '@deenruv/react-ui-devkit';
-import { Permission, SortOrder } from '@deenruv/admin-types';
+import { DeletionResult, Permission, SortOrder } from '@deenruv/admin-types';
 import { UploadAssetDialog } from "./_components/UploadAssetDialog.js";
 import { EditAssetDialog } from "./_components/EditAssetDialog.js";
 const tableId = 'assets-list-view';
@@ -28,7 +28,7 @@ const onRemove = async (items) => {
         const { deleteAssets } = await apiClient('mutation')({
             deleteAssets: [{ input: { assetIds: ids } }, { message: true, result: true }],
         });
-        return !!deleteAssets.result.length;
+        return deleteAssets.result === DeletionResult.DELETED;
     }
     catch (error) {
         return error;
@@ -78,5 +78,5 @@ export const AssetsListPage = () => {
                     return (_jsx("div", { className: "flex flex-wrap gap-1", children: tags.length ? (tags.map((tag, index) => (_jsx(Badge, { variant: "secondary", className: "text-xs", children: tag.value }, index)))) : (_jsx(Badge, { variant: "secondary", className: "text-xs", children: "No Tags" })) }));
                 },
             },
-        ], createPermissions: [Permission.CreateChannel], deletePermissions: [Permission.DeleteChannel] }));
+        ], createPermissions: [Permission.CreateAsset], deletePermissions: [Permission.DeleteAsset] }));
 };

package/dist/pages/channels/Detail.js

@@ -112,7 +112,7 @@ export const ChannelsDetailPage = () => {
         if (!id) {
             throw new Error('Could not find the id.');
         }
-        return remove({ input: { id } });
+        return remove({ id });
     }, [remove, id]);
     return (_jsx("div", { className: "relative flex flex-col gap-y-4", children: _jsx(DetailView, { id: id, locationId: "channels-detail-view", main: {
                 name: 'channel',

package/dist/pages/collections/Detail.js

@@ -1,18 +1,22 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useCallback } from 'react';
 import { useParams } from 'react-router';
-import { useValidators, DetailView, createDeenruvForm, getMutation, useMutation } from '@deenruv/react-ui-devkit';
+import { useValidators, DetailView, createDeenruvForm, getMutation, useMutation, useSettings, } from '@deenruv/react-ui-devkit';
 import { CollectionsDetailView } from "./_components/CollectionDetailView.js";
+import { CollectionStorefrontAction } from "./_components/collectionStorefrontAction";
 const CreateCollectionMutation = getMutation('createCollection');
 const EditCollectionMutation = getMutation('updateCollection');
 const DeleteCollectionMutation = getMutation('deleteCollection');
+const AssignCollectionsToChannelMutation = getMutation('assignCollectionsToChannel');
 export const CollectionsDetailPage = () => {
     const { id } = useParams();
     const [update] = useMutation(EditCollectionMutation);
     const [create] = useMutation(CreateCollectionMutation);
     const [remove] = useMutation(DeleteCollectionMutation);
+    const [assignCollectionsToChannel] = useMutation(AssignCollectionsToChannelMutation);
+    const selectedChannel = useSettings((p) => p.selectedChannel);
     const { configurableOperationArrayValidator, translationsValidator } = useValidators();
-    const onSubmitHandler = useCallback((data) => {
+    const onSubmitHandler = useCallback(async (data) => {
         const translations = data.translations;
         const inputData = {
             assetIds: data.assetIds,
@@ -29,14 +33,21 @@ export const CollectionsDetailPage = () => {
         };
         if (id)
             return update({ input: { id, ...inputData } });
-        else
-            return create({ input: inputData });
-    }, [id, update, create]);
+        const response = await create({ input: inputData });
+        const collectionId = response.createCollection.id;
+        const additionalChannelIds = Array.isArray(data.additionalChannelIds)
+            ? data.additionalChannelIds.filter((channelId) => typeof channelId === 'string' && channelId !== selectedChannel?.id)
+            : [];
+        for (const channelId of additionalChannelIds) {
+            await assignCollectionsToChannel({ input: { collectionIds: [collectionId], channelId } });
+        }
+        return response;
+    }, [id, update, create, assignCollectionsToChannel, selectedChannel?.id]);
     const onDeleteHandler = useCallback(() => {
         if (!id) {
             throw new Error('Could not find the id.');
         }
-        return remove({ input: { id } });
+        return remove({ id });
     }, [remove, id]);
     return (_jsx("div", { className: "relative flex flex-col gap-y-4", children: _jsx(DetailView, { id: id, locationId: "collections-detail-view", main: {
                 name: 'collection',
@@ -52,11 +63,18 @@ export const CollectionsDetailPage = () => {
                         inheritFilters: {
                             initialValue: true,
                         },
+                        ...{
+                            additionalChannelIds: {
+                                initialValue: [],
+                            },
+                        },
                         translations: translationsValidator,
                         filters: configurableOperationArrayValidator(),
                     },
                     onSubmitted: onSubmitHandler,
                     onDeleted: onDeleteHandler,
                 }),
+            }, topActions: {
+                inline: [_jsx(CollectionStorefrontAction, {}, "collection-storefront-action")],
             } }) }));
 };