@webiny/app-admin 0.0.0-unstable.a4f3e4ea8b → 0.0.0-unstable.a85ef555b2

package/permissions/createPermissions.js.map

@@ -1 +1 @@
-{"version":3,"file":"permissions/createPermissions.js","sources":["../../src/permissions/createPermissions.ts"],"sourcesContent":["import { createAbstraction } from \"@webiny/feature/admin\";\nimport { createFeature } from \"@webiny/feature/admin\";\nimport { IdentityContext } from \"~/features/security/IdentityContext/abstractions.js\";\nimport type { IIdentityContext } from \"~/features/security/IdentityContext/abstractions.js\";\nimport type { Identity } from \"~/domain/Identity.js\";\nimport type { Abstraction } from \"@webiny/di\";\nimport type { PermissionSchemaConfig, OwnableItem, UsePermissionsResult } from \"./types.js\";\n\ninterface EntityLookup {\n    permission: string;\n    actions: Set<string>;\n    hasOwn: boolean;\n}\n\nfunction buildEntityMap(schema: PermissionSchemaConfig): Map<string, EntityLookup> {\n    const map = new Map<string, EntityLookup>();\n    for (const entity of schema.entities ?? []) {\n        const actions = new Set<string>();\n        for (const action of entity.actions ?? []) {\n            actions.add(action.name);\n        }\n        map.set(entity.id, {\n            permission: entity.permission,\n            actions,\n            hasOwn: entity.scopes.includes(\"own\")\n        });\n    }\n    return map;\n}\n\nfunction getEntity(entityMap: Map<string, EntityLookup>, entityId: string): EntityLookup {\n    const entity = entityMap.get(entityId);\n    if (!entity) {\n        throw new Error(`Unknown entity \"${entityId}\" in permission schema.`);\n    }\n    return entity;\n}\n\n/**\n * Check whether the identity has unrestricted full access for the given schema prefix.\n * Stricter than the legacy check: `{ name: \"wb.*\", rwd: \"r\" }` is NOT full access.\n */\nfunction hasFullSchemaAccess(identity: Identity, prefix: string): boolean {\n    const fullAccessName = `${prefix}.*`;\n    const permission = identity.getPermission(fullAccessName);\n    if (!permission) {\n        return false;\n    }\n    // If any restricting keys are present, this is not full access.\n    if (typeof permission.rwd === \"string\" || typeof permission.pw === \"string\") {\n        return false;\n    }\n    return true;\n}\n\nclass SchemaPermissions<S extends PermissionSchemaConfig> {\n    private readonly schema: S;\n    private readonly entityMap: Map<string, EntityLookup>;\n    private readonly identityContext: IIdentityContext;\n\n    constructor(schema: S, identityContext: IIdentityContext) {\n        this.schema = schema;\n        this.entityMap = buildEntityMap(schema);\n        this.identityContext = identityContext;\n    }\n\n    private get identity(): Identity {\n        return this.identityContext.getIdentity();\n    }\n\n    private get fullAccess(): boolean {\n        return hasFullSchemaAccess(this.identity, this.schema.prefix);\n    }\n\n    canAccess = (entityId: string): boolean => {\n        if (this.fullAccess) {\n            return true;\n        }\n        const entity = getEntity(this.entityMap, entityId);\n        return this.identity.getPermissions(entity.permission).length > 0;\n    };\n\n    canRead = (entityId: string): boolean => {\n        if (this.fullAccess) {\n            return true;\n        }\n        const entity = getEntity(this.entityMap, entityId);\n        const permissions = this.identity.getPermissions(entity.permission);\n        if (!permissions.length) {\n            return false;\n        }\n        return permissions.some(permission => {\n            if (typeof permission.rwd !== \"string\") {\n                return true;\n            }\n            return permission.rwd.includes(\"r\");\n        });\n    };\n\n    canCreate = (entityId: string): boolean => {\n        if (this.fullAccess) {\n            return true;\n        }\n        const entity = getEntity(this.entityMap, entityId);\n        const permissions = this.identity.getPermissions(entity.permission);\n        if (!permissions.length) {\n            return false;\n        }\n        return permissions.some(permission => {\n            if (typeof permission.rwd !== \"string\") {\n                return true;\n            }\n            return permission.rwd.includes(\"w\");\n        });\n    };\n\n    canEdit = (entityId: string, item?: OwnableItem): boolean => {\n        if (this.fullAccess) {\n            return true;\n        }\n        const entity = getEntity(this.entityMap, entityId);\n        const permissions = this.identity.getPermissions(entity.permission);\n        if (!permissions.length) {\n            return false;\n        }\n        return permissions.some(permission => {\n            if (permission.own) {\n                if (!item?.createdBy) {\n                    return true;\n                }\n                return item.createdBy.id === this.identity.id;\n            }\n            if (typeof permission.rwd !== \"string\") {\n                return true;\n            }\n            return permission.rwd.includes(\"w\");\n        });\n    };\n\n    canDelete = (entityId: string, item?: OwnableItem): boolean => {\n        if (this.fullAccess) {\n            return true;\n        }\n        const entity = getEntity(this.entityMap, entityId);\n        const permissions = this.identity.getPermissions(entity.permission);\n        if (!permissions.length) {\n            return false;\n        }\n        return permissions.some(permission => {\n            if (permission.own) {\n                return item?.createdBy?.id === this.identity.id;\n            }\n            if (typeof permission.rwd !== \"string\") {\n                return true;\n            }\n            return permission.rwd.includes(\"d\");\n        });\n    };\n\n    canPublish = (entityId: string): boolean => {\n        if (this.fullAccess) {\n            return true;\n        }\n        const entity = getEntity(this.entityMap, entityId);\n        const permissions = this.identity.getPermissions(entity.permission);\n        if (!permissions.length) {\n            return false;\n        }\n        return permissions.some(permission => {\n            return permission.pw?.includes(\"p\");\n        });\n    };\n\n    canUnpublish = (entityId: string): boolean => {\n        if (this.fullAccess) {\n            return true;\n        }\n        const entity = getEntity(this.entityMap, entityId);\n        const permissions = this.identity.getPermissions(entity.permission);\n        if (!permissions.length) {\n            return false;\n        }\n        return permissions.some(permission => {\n            return permission.pw?.includes(\"u\");\n        });\n    };\n\n    canAction = (action: string, entityId: string): boolean => {\n        if (this.fullAccess) {\n            return true;\n        }\n        const entity = getEntity(this.entityMap, entityId);\n        const permissions = this.identity.getPermissions(entity.permission);\n        if (!permissions.length) {\n            return false;\n        }\n        return permissions.some(permission => {\n            return permission[action] === true;\n        });\n    };\n}\n\nexport function createPermissionsAbstraction<const S extends PermissionSchemaConfig>(schema: S) {\n    return createAbstraction<UsePermissionsResult<S>>(`${schema.prefix}:Permissions`);\n}\n\nexport function createPermissionsFeature<const S extends PermissionSchemaConfig>(\n    schema: S,\n    abstraction: Abstraction<UsePermissionsResult<S>>\n) {\n    class PermissionsImpl extends SchemaPermissions<S> {\n        constructor(identityContext: IIdentityContext) {\n            super(schema, identityContext);\n        }\n    }\n\n    const Implementation = abstraction.createImplementation({\n        implementation: PermissionsImpl,\n        dependencies: [IdentityContext]\n    });\n\n    return createFeature({\n        name: `${schema.prefix}:Permissions`,\n        register(container) {\n            container.register(Implementation).inSingletonScope();\n        },\n        resolve(container) {\n            return { permissions: container.resolve(abstraction) };\n        }\n    });\n}\n"],"names":["buildEntityMap","schema","map","Map","entity","actions","Set","action","getEntity","entityMap","entityId","Error","hasFullSchemaAccess","identity","prefix","fullAccessName","permission","SchemaPermissions","identityContext","permissions","item","createPermissionsAbstraction","createAbstraction","createPermissionsFeature","abstraction","PermissionsImpl","Implementation","IdentityContext","createFeature","container"],"mappings":"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"}
+{"version":3,"file":"permissions/createPermissions.js","sources":["../../src/permissions/createPermissions.ts"],"sourcesContent":["import { createAbstraction } from \"@webiny/feature/admin\";\nimport { createFeature } from \"@webiny/feature/admin\";\nimport { IdentityContext } from \"~/features/security/IdentityContext/abstractions.js\";\nimport type { IIdentityContext } from \"~/features/security/IdentityContext/abstractions.js\";\nimport type { Identity } from \"~/domain/Identity.js\";\nimport type { Abstraction } from \"@webiny/di\";\nimport type { PermissionSchemaConfig, OwnableItem, UsePermissionsResult } from \"./types.js\";\n\ninterface EntityLookup {\n    permission: string;\n    actions: Set<string>;\n    hasOwn: boolean;\n}\n\nfunction buildEntityMap(schema: PermissionSchemaConfig): Map<string, EntityLookup> {\n    const map = new Map<string, EntityLookup>();\n    for (const entity of schema.entities ?? []) {\n        const actions = new Set<string>();\n        for (const action of entity.actions ?? []) {\n            actions.add(action.name);\n        }\n        map.set(entity.id, {\n            permission: entity.permission,\n            actions,\n            hasOwn: entity.scopes.includes(\"own\")\n        });\n    }\n    return map;\n}\n\nfunction getEntity(entityMap: Map<string, EntityLookup>, entityId: string): EntityLookup {\n    const entity = entityMap.get(entityId);\n    if (!entity) {\n        throw new Error(`Unknown entity \"${entityId}\" in permission schema.`);\n    }\n    return entity;\n}\n\n/**\n * Check whether the identity has unrestricted full access for the given schema prefix.\n * Stricter than the legacy check: `{ name: \"wb.*\", rwd: \"r\" }` is NOT full access.\n */\nfunction hasFullSchemaAccess(identity: Identity, prefix: string): boolean {\n    const fullAccessName = `${prefix}.*`;\n    const permission = identity.getPermission(fullAccessName);\n    if (!permission) {\n        return false;\n    }\n    // If any restricting keys are present, this is not full access.\n    if (typeof permission.rwd === \"string\" || typeof permission.pw === \"string\") {\n        return false;\n    }\n    return true;\n}\n\nclass SchemaPermissions<S extends PermissionSchemaConfig> {\n    private readonly schema: S;\n    private readonly entityMap: Map<string, EntityLookup>;\n    private readonly identityContext: IIdentityContext;\n\n    constructor(schema: S, identityContext: IIdentityContext) {\n        this.schema = schema;\n        this.entityMap = buildEntityMap(schema);\n        this.identityContext = identityContext;\n    }\n\n    private get identity(): Identity {\n        return this.identityContext.getIdentity();\n    }\n\n    private get fullAccess(): boolean {\n        return hasFullSchemaAccess(this.identity, this.schema.prefix);\n    }\n\n    canAccess = (entityId: string): boolean => {\n        if (this.fullAccess) {\n            return true;\n        }\n        const entity = getEntity(this.entityMap, entityId);\n        return this.identity.getPermissions(entity.permission).length > 0;\n    };\n\n    canRead = (entityId: string): boolean => {\n        if (this.fullAccess) {\n            return true;\n        }\n        const entity = getEntity(this.entityMap, entityId);\n        const permissions = this.identity.getPermissions(entity.permission);\n        if (!permissions.length) {\n            return false;\n        }\n        return permissions.some(permission => {\n            if (typeof permission.rwd !== \"string\") {\n                return true;\n            }\n            return permission.rwd.includes(\"r\");\n        });\n    };\n\n    canCreate = (entityId: string): boolean => {\n        if (this.fullAccess) {\n            return true;\n        }\n        const entity = getEntity(this.entityMap, entityId);\n        const permissions = this.identity.getPermissions(entity.permission);\n        if (!permissions.length) {\n            return false;\n        }\n        return permissions.some(permission => {\n            if (typeof permission.rwd !== \"string\") {\n                return true;\n            }\n            return permission.rwd.includes(\"w\");\n        });\n    };\n\n    canEdit = (entityId: string, item?: OwnableItem): boolean => {\n        if (this.fullAccess) {\n            return true;\n        }\n        const entity = getEntity(this.entityMap, entityId);\n        const permissions = this.identity.getPermissions(entity.permission);\n        if (!permissions.length) {\n            return false;\n        }\n        return permissions.some(permission => {\n            if (permission.own) {\n                if (!item?.createdBy) {\n                    return true;\n                }\n                return item.createdBy.id === this.identity.id;\n            }\n            if (typeof permission.rwd !== \"string\") {\n                return true;\n            }\n            return permission.rwd.includes(\"w\");\n        });\n    };\n\n    canDelete = (entityId: string, item?: OwnableItem): boolean => {\n        if (this.fullAccess) {\n            return true;\n        }\n        const entity = getEntity(this.entityMap, entityId);\n        const permissions = this.identity.getPermissions(entity.permission);\n        if (!permissions.length) {\n            return false;\n        }\n        return permissions.some(permission => {\n            if (permission.own) {\n                return item?.createdBy?.id === this.identity.id;\n            }\n            if (typeof permission.rwd !== \"string\") {\n                return true;\n            }\n            return permission.rwd.includes(\"d\");\n        });\n    };\n\n    canPublish = (entityId: string): boolean => {\n        if (this.fullAccess) {\n            return true;\n        }\n        const entity = getEntity(this.entityMap, entityId);\n        const permissions = this.identity.getPermissions(entity.permission);\n        if (!permissions.length) {\n            return false;\n        }\n        return permissions.some(permission => {\n            return permission.pw?.includes(\"p\");\n        });\n    };\n\n    canUnpublish = (entityId: string): boolean => {\n        if (this.fullAccess) {\n            return true;\n        }\n        const entity = getEntity(this.entityMap, entityId);\n        const permissions = this.identity.getPermissions(entity.permission);\n        if (!permissions.length) {\n            return false;\n        }\n        return permissions.some(permission => {\n            return permission.pw?.includes(\"u\");\n        });\n    };\n\n    canAction = (action: string, entityId: string): boolean => {\n        if (this.fullAccess) {\n            return true;\n        }\n        const entity = getEntity(this.entityMap, entityId);\n        const permissions = this.identity.getPermissions(entity.permission);\n        if (!permissions.length) {\n            return false;\n        }\n        return permissions.some(permission => {\n            return permission[action] === true;\n        });\n    };\n}\n\nexport function createPermissionsAbstraction<const S extends PermissionSchemaConfig>(schema: S) {\n    return createAbstraction<UsePermissionsResult<S>>(`${schema.prefix}:Permissions`);\n}\n\nexport function createPermissionsFeature<const S extends PermissionSchemaConfig>(\n    schema: S,\n    abstraction: Abstraction<UsePermissionsResult<S>>\n) {\n    // eslint-disable-next-line webiny/require-implements-on-create-implementation -- UsePermissionsResult<S> is a conditional type, not a statically-known object type (TS2422); conformance is enforced by the Abstraction<UsePermissionsResult<S>> generic.\n    class PermissionsImpl extends SchemaPermissions<S> {\n        constructor(identityContext: IIdentityContext) {\n            super(schema, identityContext);\n        }\n    }\n\n    const Implementation = abstraction.createImplementation({\n        implementation: PermissionsImpl,\n        dependencies: [IdentityContext]\n    });\n\n    return createFeature({\n        name: `${schema.prefix}:Permissions`,\n        register(container) {\n            container.register(Implementation).inSingletonScope();\n        },\n        resolve(container) {\n            return { permissions: container.resolve(abstraction) };\n        }\n    });\n}\n"],"names":["buildEntityMap","schema","map","Map","entity","actions","Set","action","getEntity","entityMap","entityId","Error","hasFullSchemaAccess","identity","prefix","fullAccessName","permission","SchemaPermissions","identityContext","permissions","item","createPermissionsAbstraction","createAbstraction","createPermissionsFeature","abstraction","PermissionsImpl","Implementation","IdentityContext","createFeature","container"],"mappings":"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"}

package/presentation/accessManagement/SecurityPermissions.js

@@ -1,11 +1,11 @@
 import react, { useMemo } from "react";
 import { AdminConfig } from "../../config/AdminConfig.js";
-import { useWcp } from "../wcp/useWcp.js";
+import { useFeatureFlags } from "../featureFlags/useFeatureFlags.js";
 import { ReactComponent } from "@webiny/icons/security.svg";
 const { Security: Security } = AdminConfig;
 const SecurityPermissions = ()=>{
-    const wcp = useWcp();
-    const teams = wcp.canUseTeams();
+    const featureFlags = useFeatureFlags();
+    const teams = featureFlags.isEnabled("advancedAccessControlLayer.teams");
     const schema = useMemo(()=>{
         const entities = [
             {

package/presentation/accessManagement/SecurityPermissions.js.map

@@ -1 +1 @@
-{"version":3,"file":"presentation/accessManagement/SecurityPermissions.js","sources":["../../../src/presentation/accessManagement/SecurityPermissions.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { AdminConfig } from \"~/config/AdminConfig.js\";\nimport { useWcp } from \"~/presentation/wcp/useWcp.js\";\nimport type { EntityDefinition } from \"~/permissions/types.js\";\nimport { ReactComponent as PermissionsIcon } from \"@webiny/icons/security.svg\";\n\nconst { Security } = AdminConfig;\n\nexport const SecurityPermissions = () => {\n    const wcp = useWcp();\n    const teams = wcp.canUseTeams();\n\n    const schema = useMemo(() => {\n        const entities: EntityDefinition[] = [\n            {\n                id: \"apiKey\",\n                title: \"API Keys\",\n                permission: \"security.apiKey\",\n                scopes: [\"full\"]\n            },\n            {\n                id: \"group\",\n                title: \"Roles\",\n                permission: \"security.group\",\n                scopes: [\"full\"]\n            }\n        ];\n\n        if (teams) {\n            entities.push({\n                id: \"team\",\n                title: \"Teams\",\n                permission: \"security.team\",\n                scopes: [\"full\"]\n            });\n        }\n\n        return {\n            prefix: \"security\",\n            fullAccess: true,\n            entities\n        };\n    }, [teams]);\n\n    return (\n        <AdminConfig>\n            <Security.Permissions\n                name=\"security\"\n                title=\"Security\"\n                description=\"Manage Security permissions.\"\n                icon={<PermissionsIcon />}\n                schema={schema}\n            />\n        </AdminConfig>\n    );\n};\n"],"names":["Security","AdminConfig","SecurityPermissions","wcp","useWcp","teams","schema","useMemo","entities","PermissionsIcon"],"mappings":";;;;AAMA,MAAM,EAAEA,UAAAA,QAAQ,EAAE,GAAGC;AAEd,MAAMC,sBAAsB;IAC/B,MAAMC,MAAMC;IACZ,MAAMC,QAAQF,IAAI,WAAW;IAE7B,MAAMG,SAASC,QAAQ;QACnB,MAAMC,WAA+B;YACjC;gBACI,IAAI;gBACJ,OAAO;gBACP,YAAY;gBACZ,QAAQ;oBAAC;iBAAO;YACpB;YACA;gBACI,IAAI;gBACJ,OAAO;gBACP,YAAY;gBACZ,QAAQ;oBAAC;iBAAO;YACpB;SACH;QAED,IAAIH,OACAG,SAAS,IAAI,CAAC;YACV,IAAI;YACJ,OAAO;YACP,YAAY;YACZ,QAAQ;gBAAC;aAAO;QACpB;QAGJ,OAAO;YACH,QAAQ;YACR,YAAY;YACZA;QACJ;IACJ,GAAG;QAACH;KAAM;IAEV,OAAO,WAAP,GACI,oBAACJ,aAAWA,MAAAA,WAAAA,GACR,oBAACD,SAAS,WAAW;QACjB,MAAK;QACL,OAAM;QACN,aAAY;QACZ,oBAAM,oBAACS,gBAAeA;QACtB,QAAQH;;AAIxB"}
+{"version":3,"file":"presentation/accessManagement/SecurityPermissions.js","sources":["../../../src/presentation/accessManagement/SecurityPermissions.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { AdminConfig } from \"~/config/AdminConfig.js\";\nimport { useFeatureFlags } from \"~/presentation/featureFlags/useFeatureFlags.js\";\nimport type { EntityDefinition } from \"~/permissions/types.js\";\nimport { ReactComponent as PermissionsIcon } from \"@webiny/icons/security.svg\";\n\nconst { Security } = AdminConfig;\n\nexport const SecurityPermissions = () => {\n    const featureFlags = useFeatureFlags();\n    const teams = featureFlags.isEnabled(\"advancedAccessControlLayer.teams\");\n\n    const schema = useMemo(() => {\n        const entities: EntityDefinition[] = [\n            {\n                id: \"apiKey\",\n                title: \"API Keys\",\n                permission: \"security.apiKey\",\n                scopes: [\"full\"]\n            },\n            {\n                id: \"group\",\n                title: \"Roles\",\n                permission: \"security.group\",\n                scopes: [\"full\"]\n            }\n        ];\n\n        if (teams) {\n            entities.push({\n                id: \"team\",\n                title: \"Teams\",\n                permission: \"security.team\",\n                scopes: [\"full\"]\n            });\n        }\n\n        return {\n            prefix: \"security\",\n            fullAccess: true,\n            entities\n        };\n    }, [teams]);\n\n    return (\n        <AdminConfig>\n            <Security.Permissions\n                name=\"security\"\n                title=\"Security\"\n                description=\"Manage Security permissions.\"\n                icon={<PermissionsIcon />}\n                schema={schema}\n            />\n        </AdminConfig>\n    );\n};\n"],"names":["Security","AdminConfig","SecurityPermissions","featureFlags","useFeatureFlags","teams","schema","useMemo","entities","PermissionsIcon"],"mappings":";;;;AAMA,MAAM,EAAEA,UAAAA,QAAQ,EAAE,GAAGC;AAEd,MAAMC,sBAAsB;IAC/B,MAAMC,eAAeC;IACrB,MAAMC,QAAQF,aAAa,SAAS,CAAC;IAErC,MAAMG,SAASC,QAAQ;QACnB,MAAMC,WAA+B;YACjC;gBACI,IAAI;gBACJ,OAAO;gBACP,YAAY;gBACZ,QAAQ;oBAAC;iBAAO;YACpB;YACA;gBACI,IAAI;gBACJ,OAAO;gBACP,YAAY;gBACZ,QAAQ;oBAAC;iBAAO;YACpB;SACH;QAED,IAAIH,OACAG,SAAS,IAAI,CAAC;YACV,IAAI;YACJ,OAAO;YACP,YAAY;YACZ,QAAQ;gBAAC;aAAO;QACpB;QAGJ,OAAO;YACH,QAAQ;YACR,YAAY;YACZA;QACJ;IACJ,GAAG;QAACH;KAAM;IAEV,OAAO,WAAP,GACI,oBAACJ,aAAWA,MAAAA,WAAAA,GACR,oBAACD,SAAS,WAAW;QACjB,MAAK;QACL,OAAM;QACN,aAAY;QACZ,oBAAM,oBAACS,gBAAeA;QACtB,QAAQH;;AAIxB"}

package/presentation/accessManagement/apiKeys/ApiKeysPresenter.d.ts

@@ -1,3 +1,4 @@
+import { StringFormatter } from "../../../features/stringFormatter/abstractions.js";
 import { ListPresenter } from "../../../presentation/listPresenter/abstractions.js";
 import { FormModelFactory } from "../../../features/formModel/abstractions.js";
 import type { ApiKey } from "../../../features/accessManagement/types.js";
@@ -16,12 +17,13 @@ declare class ApiKeysPresenterImpl implements Abstraction.Interface {
     private updateApiKeyUseCase;
     private deleteApiKeyUseCase;
     private cache;
+    private stringFormatter;
     private _selectedApiKey;
     private _loading;
     private _saving;
     private _showForm;
     private _form;
-    constructor(_listPresenter: ListPresenter.Interface<ApiKey>, formModelFactory: FormModelFactory.Interface, listApiKeysUseCase: ListApiKeysUseCase.Interface, getApiKeyUseCase: GetApiKeyUseCase.Interface, createApiKeyUseCase: CreateApiKeyUseCase.Interface, updateApiKeyUseCase: UpdateApiKeyUseCase.Interface, deleteApiKeyUseCase: DeleteApiKeyUseCase.Interface, cache: ApiKeysListCache.Interface);
+    constructor(_listPresenter: ListPresenter.Interface<ApiKey>, formModelFactory: FormModelFactory.Interface, listApiKeysUseCase: ListApiKeysUseCase.Interface, getApiKeyUseCase: GetApiKeyUseCase.Interface, createApiKeyUseCase: CreateApiKeyUseCase.Interface, updateApiKeyUseCase: UpdateApiKeyUseCase.Interface, deleteApiKeyUseCase: DeleteApiKeyUseCase.Interface, cache: ApiKeysListCache.Interface, stringFormatter: StringFormatter.Interface);
     get vm(): Abstraction.ViewModel;
     get list(): ListPresenter.Interface<ApiKey>;
     init(): void;

package/presentation/accessManagement/apiKeys/ApiKeysPresenter.js

@@ -1,5 +1,6 @@
+import { z } from "zod";
 import { computed, makeAutoObservable, runInAction } from "mobx";
-import slugify from "slugify";
+import { StringFormatter } from "../../../features/stringFormatter/abstractions.js";
 import { ListPresenter } from "../../listPresenter/abstractions.js";
 import { FormModelFactory } from "../../../features/formModel/abstractions.js";
 import { ApiKeysListCache, ListApiKeysUseCase } from "../../../features/accessManagement/apiKeys/listApiKeys/abstractions.js";
@@ -10,7 +11,7 @@ import { DeleteApiKeyUseCase } from "../../../features/accessManagement/apiKeys/
 import { ApiKeysPresenter } from "./abstractions.js";
 import { ApiKeysDataSource } from "./ApiKeysDataSource.js";
 class ApiKeysPresenterImpl {
-    constructor(_listPresenter, formModelFactory, listApiKeysUseCase, getApiKeyUseCase, createApiKeyUseCase, updateApiKeyUseCase, deleteApiKeyUseCase, cache){
+    constructor(_listPresenter, formModelFactory, listApiKeysUseCase, getApiKeyUseCase, createApiKeyUseCase, updateApiKeyUseCase, deleteApiKeyUseCase, cache, stringFormatter){
         this._listPresenter = _listPresenter;
         this.formModelFactory = formModelFactory;
         this.listApiKeysUseCase = listApiKeysUseCase;
@@ -19,6 +20,7 @@ class ApiKeysPresenterImpl {
         this.updateApiKeyUseCase = updateApiKeyUseCase;
         this.deleteApiKeyUseCase = deleteApiKeyUseCase;
         this.cache = cache;
+        this.stringFormatter = stringFormatter;
         this._selectedApiKey = null;
         this._loading = false;
         this._saving = false;
@@ -32,6 +34,7 @@ class ApiKeysPresenterImpl {
             updateApiKeyUseCase: false,
             deleteApiKeyUseCase: false,
             cache: false,
+            stringFormatter: false,
             vm: computed
         });
     }
@@ -71,7 +74,7 @@ class ApiKeysPresenterImpl {
                 this._form.setData({
                     name: apiKey.name,
                     slug: apiKey.slug,
-                    description: apiKey.description,
+                    description: apiKey.description ?? "",
                     token: apiKey.token,
                     permissions: apiKey.permissions || []
                 });
@@ -102,7 +105,7 @@ class ApiKeysPresenterImpl {
             if (isUpdate) {
                 const apiKey = await this.updateApiKeyUseCase.execute(this._selectedApiKey.id, {
                     name: data.name,
-                    description: data.description,
+                    description: data.description ?? "",
                     permissions: data.permissions
                 });
                 runInAction(()=>{
@@ -114,7 +117,7 @@ class ApiKeysPresenterImpl {
                 const apiKey = await this.createApiKeyUseCase.execute({
                     name: data.name,
                     slug: data.slug,
-                    description: data.description,
+                    description: data.description ?? "",
                     permissions: data.permissions
                 });
                 runInAction(()=>{
@@ -123,14 +126,12 @@ class ApiKeysPresenterImpl {
                     this._form.setData({
                         name: apiKey.name,
                         slug: apiKey.slug,
-                        description: apiKey.description,
+                        description: apiKey.description ?? "",
                         permissions: apiKey.permissions || []
                     });
                 });
                 return apiKey;
             }
-        } catch  {
-            return null;
         } finally{
             runInAction(()=>{
                 this._saving = false;
@@ -152,15 +153,10 @@ class ApiKeysPresenterImpl {
                     name: fields.text().label("Name").required("Name is required.").onBlur((value, { form })=>{
                         const slugValue = form.field("slug").getValue();
                         if (slugValue || !value) return;
-                        form.field("slug").setValue(slugify(String(value), {
-                            replacement: "-",
-                            lower: true,
-                            remove: /[*#?<>_{}[\]+~.()'"!:;@]/g,
-                            trim: false
-                        }));
+                        form.field("slug").setValue(this.stringFormatter.slugify(String(value)));
                     }),
                     slug: fields.text().label("Slug").required("Slug is required.").disabled(!isNew),
-                    description: fields.text().label("Description").required("Description is required.").renderer("textarea"),
+                    description: fields.text().label("Description").defaultValue("").schema(z.string().max(500, "Description cannot be longer than 500 characters.")).renderer("textarea"),
                     token: fields.text().label("Token").renderer("apiKeyToken"),
                     permissions: fields.permissions().label("Permissions").renderer("permissions", {
                         id: entityId
@@ -185,7 +181,8 @@ const ApiKeysPresenter_ApiKeysPresenter = ApiKeysPresenter.createImplementation(
         CreateApiKeyUseCase,
         UpdateApiKeyUseCase,
         DeleteApiKeyUseCase,
-        ApiKeysListCache
+        ApiKeysListCache,
+        StringFormatter
     ]
 });
 export { ApiKeysPresenter_ApiKeysPresenter as ApiKeysPresenter };

package/presentation/accessManagement/apiKeys/ApiKeysPresenter.js.map

@@ -1 +1 @@
-{"version":3,"file":"presentation/accessManagement/apiKeys/ApiKeysPresenter.js","sources":["../../../../src/presentation/accessManagement/apiKeys/ApiKeysPresenter.ts"],"sourcesContent":["import { makeAutoObservable, runInAction, computed } from \"mobx\";\nimport slugify from \"slugify\";\nimport { ListPresenter } from \"~/presentation/listPresenter/abstractions.js\";\nimport { FormModelFactory } from \"~/features/formModel/abstractions.js\";\nimport type { IFormModel } from \"~/features/formModel/abstractions.js\";\nimport type { ApiKey } from \"~/features/accessManagement/types.js\";\nimport {\n    ListApiKeysUseCase,\n    ApiKeysListCache\n} from \"~/features/accessManagement/apiKeys/listApiKeys/abstractions.js\";\nimport { GetApiKeyUseCase } from \"~/features/accessManagement/apiKeys/getApiKey/abstractions.js\";\nimport { CreateApiKeyUseCase } from \"~/features/accessManagement/apiKeys/createApiKey/abstractions.js\";\nimport { UpdateApiKeyUseCase } from \"~/features/accessManagement/apiKeys/updateApiKey/abstractions.js\";\nimport { DeleteApiKeyUseCase } from \"~/features/accessManagement/apiKeys/deleteApiKey/abstractions.js\";\nimport { ApiKeysPresenter as Abstraction } from \"./abstractions.js\";\nimport { ApiKeysDataSource } from \"./ApiKeysDataSource.js\";\n\nclass ApiKeysPresenterImpl implements Abstraction.Interface {\n    private _selectedApiKey: ApiKey | null = null;\n    private _loading = false;\n    private _saving = false;\n    private _showForm = false;\n    private _form: IFormModel;\n\n    constructor(\n        private _listPresenter: ListPresenter.Interface<ApiKey>,\n        private formModelFactory: FormModelFactory.Interface,\n        private listApiKeysUseCase: ListApiKeysUseCase.Interface,\n        private getApiKeyUseCase: GetApiKeyUseCase.Interface,\n        private createApiKeyUseCase: CreateApiKeyUseCase.Interface,\n        private updateApiKeyUseCase: UpdateApiKeyUseCase.Interface,\n        private deleteApiKeyUseCase: DeleteApiKeyUseCase.Interface,\n        private cache: ApiKeysListCache.Interface\n    ) {\n        this._form = this.buildForm(true, \"new\");\n        makeAutoObservable<\n            ApiKeysPresenterImpl,\n            | \"formModelFactory\"\n            | \"listApiKeysUseCase\"\n            | \"getApiKeyUseCase\"\n            | \"createApiKeyUseCase\"\n            | \"updateApiKeyUseCase\"\n            | \"deleteApiKeyUseCase\"\n            | \"cache\"\n        >(this, {\n            formModelFactory: false,\n            listApiKeysUseCase: false,\n            getApiKeyUseCase: false,\n            createApiKeyUseCase: false,\n            updateApiKeyUseCase: false,\n            deleteApiKeyUseCase: false,\n            cache: false,\n            vm: computed\n        });\n    }\n\n    get vm(): Abstraction.ViewModel {\n        return {\n            selectedApiKey: this._selectedApiKey,\n            loading: this._loading,\n            saving: this._saving,\n            showForm: this._showForm,\n            form: this._form.vm\n        };\n    }\n\n    get list(): ListPresenter.Interface<ApiKey> {\n        return this._listPresenter;\n    }\n\n    init(): void {\n        const dataSource = new ApiKeysDataSource(this.listApiKeysUseCase, this.cache);\n\n        this._listPresenter.init({\n            dataSource,\n            initialSort: { field: \"createdOn\", direction: \"DESC\" },\n            limit: 1000\n        });\n    }\n\n    async selectApiKey(id: string): Promise<void> {\n        runInAction(() => {\n            this._loading = true;\n            this._showForm = true;\n        });\n\n        try {\n            const apiKey = await this.getApiKeyUseCase.execute(id);\n            runInAction(() => {\n                this._selectedApiKey = apiKey;\n                this._form = this.buildForm(false, apiKey.id);\n                this._form.setData({\n                    name: apiKey.name,\n                    slug: apiKey.slug,\n                    description: apiKey.description,\n                    token: apiKey.token,\n                    permissions: apiKey.permissions || []\n                });\n            });\n        } finally {\n            runInAction(() => {\n                this._loading = false;\n            });\n        }\n    }\n\n    createNew(): void {\n        this._selectedApiKey = null;\n        this._form = this.buildForm(true, \"new\");\n        this._showForm = true;\n    }\n\n    deselect(): void {\n        this._selectedApiKey = null;\n        this._showForm = false;\n    }\n\n    async save(): Promise<ApiKey | null> {\n        const data = await this._form.submit<ApiKey>();\n        if (!data) {\n            return null;\n        }\n\n        runInAction(() => {\n            this._saving = true;\n        });\n\n        try {\n            const isUpdate = this._selectedApiKey !== null && this._selectedApiKey.createdOn;\n\n            if (isUpdate) {\n                const apiKey = await this.updateApiKeyUseCase.execute(this._selectedApiKey!.id, {\n                    name: data.name,\n                    description: data.description,\n                    permissions: data.permissions\n                });\n                runInAction(() => {\n                    this._selectedApiKey = apiKey;\n                });\n                return apiKey;\n            } else {\n                const apiKey = await this.createApiKeyUseCase.execute({\n                    name: data.name,\n                    slug: data.slug,\n                    description: data.description,\n                    permissions: data.permissions\n                });\n                runInAction(() => {\n                    this._selectedApiKey = apiKey;\n                    this._form = this.buildForm(false, apiKey.id);\n                    this._form.setData({\n                        name: apiKey.name,\n                        slug: apiKey.slug,\n                        description: apiKey.description,\n                        permissions: apiKey.permissions || []\n                    });\n                });\n                return apiKey;\n            }\n        } catch {\n            return null;\n        } finally {\n            runInAction(() => {\n                this._saving = false;\n            });\n        }\n    }\n\n    async deleteApiKey(id: string): Promise<void> {\n        await this.deleteApiKeyUseCase.execute(id);\n\n        runInAction(() => {\n            if (this._selectedApiKey !== null && this._selectedApiKey.id === id) {\n                this._selectedApiKey = null;\n                this._showForm = false;\n            }\n        });\n    }\n\n    private buildForm(isNew: boolean, entityId: string): IFormModel {\n        return this.formModelFactory.create({\n            fields: fields => ({\n                name: fields\n                    .text()\n                    .label(\"Name\")\n                    .required(\"Name is required.\")\n                    .onBlur((value, { form }) => {\n                        const slugValue = form.field(\"slug\").getValue();\n                        if (slugValue || !value) {\n                            return;\n                        }\n                        form.field(\"slug\").setValue(\n                            slugify(String(value), {\n                                replacement: \"-\",\n                                lower: true,\n                                remove: /[*#?<>_{}[\\]+~.()'\"!:;@]/g,\n                                trim: false\n                            })\n                        );\n                    }),\n                slug: fields.text().label(\"Slug\").required(\"Slug is required.\").disabled(!isNew),\n                description: fields\n                    .text()\n                    .label(\"Description\")\n                    .required(\"Description is required.\")\n                    .renderer(\"textarea\"),\n                // @ts-expect-error This is a single-use local renderer I don't want to be visible to users.\n                token: fields.text().label(\"Token\").renderer(\"apiKeyToken\"),\n                permissions: fields\n                    .permissions()\n                    .label(\"Permissions\")\n                    .renderer(\"permissions\", { id: entityId })\n            }),\n            layout: layout => [\n                layout.row(\"name\", \"slug\"),\n                layout.row(\"description\"),\n                layout.row(\"token\"),\n                layout.row(\"permissions\")\n            ]\n        });\n    }\n}\n\nexport const ApiKeysPresenter = Abstraction.createImplementation({\n    implementation: ApiKeysPresenterImpl,\n    dependencies: [\n        ListPresenter,\n        FormModelFactory,\n        ListApiKeysUseCase,\n        GetApiKeyUseCase,\n        CreateApiKeyUseCase,\n        UpdateApiKeyUseCase,\n        DeleteApiKeyUseCase,\n        ApiKeysListCache\n    ]\n});\n"],"names":["ApiKeysPresenterImpl","_listPresenter","formModelFactory","listApiKeysUseCase","getApiKeyUseCase","createApiKeyUseCase","updateApiKeyUseCase","deleteApiKeyUseCase","cache","makeAutoObservable","computed","dataSource","ApiKeysDataSource","id","runInAction","apiKey","data","isUpdate","isNew","entityId","fields","value","form","slugValue","slugify","String","layout","ApiKeysPresenter","Abstraction","ListPresenter","FormModelFactory","ListApiKeysUseCase","GetApiKeyUseCase","CreateApiKeyUseCase","UpdateApiKeyUseCase","DeleteApiKeyUseCase","ApiKeysListCache"],"mappings":"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"}
+{"version":3,"file":"presentation/accessManagement/apiKeys/ApiKeysPresenter.js","sources":["../../../../src/presentation/accessManagement/apiKeys/ApiKeysPresenter.ts"],"sourcesContent":["import { z } from \"zod\";\nimport { makeAutoObservable, runInAction, computed } from \"mobx\";\nimport { StringFormatter } from \"~/features/stringFormatter/abstractions.js\";\nimport { ListPresenter } from \"~/presentation/listPresenter/abstractions.js\";\nimport { FormModelFactory } from \"~/features/formModel/abstractions.js\";\nimport type { IFormModel } from \"~/features/formModel/abstractions.js\";\nimport type { ApiKey } from \"~/features/accessManagement/types.js\";\nimport {\n    ListApiKeysUseCase,\n    ApiKeysListCache\n} from \"~/features/accessManagement/apiKeys/listApiKeys/abstractions.js\";\nimport { GetApiKeyUseCase } from \"~/features/accessManagement/apiKeys/getApiKey/abstractions.js\";\nimport { CreateApiKeyUseCase } from \"~/features/accessManagement/apiKeys/createApiKey/abstractions.js\";\nimport { UpdateApiKeyUseCase } from \"~/features/accessManagement/apiKeys/updateApiKey/abstractions.js\";\nimport { DeleteApiKeyUseCase } from \"~/features/accessManagement/apiKeys/deleteApiKey/abstractions.js\";\nimport { ApiKeysPresenter as Abstraction } from \"./abstractions.js\";\nimport { ApiKeysDataSource } from \"./ApiKeysDataSource.js\";\n\nclass ApiKeysPresenterImpl implements Abstraction.Interface {\n    private _selectedApiKey: ApiKey | null = null;\n    private _loading = false;\n    private _saving = false;\n    private _showForm = false;\n    private _form: IFormModel;\n\n    constructor(\n        private _listPresenter: ListPresenter.Interface<ApiKey>,\n        private formModelFactory: FormModelFactory.Interface,\n        private listApiKeysUseCase: ListApiKeysUseCase.Interface,\n        private getApiKeyUseCase: GetApiKeyUseCase.Interface,\n        private createApiKeyUseCase: CreateApiKeyUseCase.Interface,\n        private updateApiKeyUseCase: UpdateApiKeyUseCase.Interface,\n        private deleteApiKeyUseCase: DeleteApiKeyUseCase.Interface,\n        private cache: ApiKeysListCache.Interface,\n        private stringFormatter: StringFormatter.Interface\n    ) {\n        this._form = this.buildForm(true, \"new\");\n        makeAutoObservable<\n            ApiKeysPresenterImpl,\n            | \"formModelFactory\"\n            | \"listApiKeysUseCase\"\n            | \"getApiKeyUseCase\"\n            | \"createApiKeyUseCase\"\n            | \"updateApiKeyUseCase\"\n            | \"deleteApiKeyUseCase\"\n            | \"cache\"\n            | \"stringFormatter\"\n        >(this, {\n            formModelFactory: false,\n            listApiKeysUseCase: false,\n            getApiKeyUseCase: false,\n            createApiKeyUseCase: false,\n            updateApiKeyUseCase: false,\n            deleteApiKeyUseCase: false,\n            cache: false,\n            stringFormatter: false,\n            vm: computed\n        });\n    }\n\n    get vm(): Abstraction.ViewModel {\n        return {\n            selectedApiKey: this._selectedApiKey,\n            loading: this._loading,\n            saving: this._saving,\n            showForm: this._showForm,\n            form: this._form.vm\n        };\n    }\n\n    get list(): ListPresenter.Interface<ApiKey> {\n        return this._listPresenter;\n    }\n\n    init(): void {\n        const dataSource = new ApiKeysDataSource(this.listApiKeysUseCase, this.cache);\n\n        this._listPresenter.init({\n            dataSource,\n            initialSort: { field: \"createdOn\", direction: \"DESC\" },\n            limit: 1000\n        });\n    }\n\n    async selectApiKey(id: string): Promise<void> {\n        runInAction(() => {\n            this._loading = true;\n            this._showForm = true;\n        });\n\n        try {\n            const apiKey = await this.getApiKeyUseCase.execute(id);\n            runInAction(() => {\n                this._selectedApiKey = apiKey;\n                this._form = this.buildForm(false, apiKey.id);\n                this._form.setData({\n                    name: apiKey.name,\n                    slug: apiKey.slug,\n                    description: apiKey.description ?? \"\",\n                    token: apiKey.token,\n                    permissions: apiKey.permissions || []\n                });\n            });\n        } finally {\n            runInAction(() => {\n                this._loading = false;\n            });\n        }\n    }\n\n    createNew(): void {\n        this._selectedApiKey = null;\n        this._form = this.buildForm(true, \"new\");\n        this._showForm = true;\n    }\n\n    deselect(): void {\n        this._selectedApiKey = null;\n        this._showForm = false;\n    }\n\n    async save(): Promise<ApiKey | null> {\n        const data = await this._form.submit<ApiKey>();\n        if (!data) {\n            return null;\n        }\n\n        runInAction(() => {\n            this._saving = true;\n        });\n\n        try {\n            const isUpdate = this._selectedApiKey !== null && this._selectedApiKey.createdOn;\n\n            if (isUpdate) {\n                const apiKey = await this.updateApiKeyUseCase.execute(this._selectedApiKey!.id, {\n                    name: data.name,\n                    description: data.description ?? \"\",\n                    permissions: data.permissions\n                });\n                runInAction(() => {\n                    this._selectedApiKey = apiKey;\n                });\n                return apiKey;\n            } else {\n                const apiKey = await this.createApiKeyUseCase.execute({\n                    name: data.name,\n                    slug: data.slug,\n                    description: data.description ?? \"\",\n                    permissions: data.permissions\n                });\n                runInAction(() => {\n                    this._selectedApiKey = apiKey;\n                    this._form = this.buildForm(false, apiKey.id);\n                    this._form.setData({\n                        name: apiKey.name,\n                        slug: apiKey.slug,\n                        description: apiKey.description ?? \"\",\n                        permissions: apiKey.permissions || []\n                    });\n                });\n                return apiKey;\n            }\n            // Errors deliberately propagate to the caller, which reports them to the user. This\n            // used to be a bare `catch { return null }`, and `null` is also what `save()` returns\n            // when client-side validation fails - so a rejected request looked to the view exactly\n            // like a form that had not been submitted, and failed silently.\n        } finally {\n            runInAction(() => {\n                this._saving = false;\n            });\n        }\n    }\n\n    async deleteApiKey(id: string): Promise<void> {\n        await this.deleteApiKeyUseCase.execute(id);\n\n        runInAction(() => {\n            if (this._selectedApiKey !== null && this._selectedApiKey.id === id) {\n                this._selectedApiKey = null;\n                this._showForm = false;\n            }\n        });\n    }\n\n    private buildForm(isNew: boolean, entityId: string): IFormModel {\n        return this.formModelFactory.create({\n            fields: fields => ({\n                name: fields\n                    .text()\n                    .label(\"Name\")\n                    .required(\"Name is required.\")\n                    .onBlur((value, { form }) => {\n                        const slugValue = form.field(\"slug\").getValue();\n                        if (slugValue || !value) {\n                            return;\n                        }\n                        form.field(\"slug\").setValue(this.stringFormatter.slugify(String(value)));\n                    }),\n                slug: fields.text().label(\"Slug\").required(\"Slug is required.\").disabled(!isNew),\n                description: fields\n                    .text()\n                    .label(\"Description\")\n                    .defaultValue(\"\")\n                    .schema(\n                        z.string().max(500, \"Description cannot be longer than 500 characters.\")\n                    )\n                    .renderer(\"textarea\"),\n                // @ts-expect-error This is a single-use local renderer I don't want to be visible to users.\n                token: fields.text().label(\"Token\").renderer(\"apiKeyToken\"),\n                permissions: fields\n                    .permissions()\n                    .label(\"Permissions\")\n                    .renderer(\"permissions\", { id: entityId })\n            }),\n            layout: layout => [\n                layout.row(\"name\", \"slug\"),\n                layout.row(\"description\"),\n                layout.row(\"token\"),\n                layout.row(\"permissions\")\n            ]\n        });\n    }\n}\n\nexport const ApiKeysPresenter = Abstraction.createImplementation({\n    implementation: ApiKeysPresenterImpl,\n    dependencies: [\n        ListPresenter,\n        FormModelFactory,\n        ListApiKeysUseCase,\n        GetApiKeyUseCase,\n        CreateApiKeyUseCase,\n        UpdateApiKeyUseCase,\n        DeleteApiKeyUseCase,\n        ApiKeysListCache,\n        StringFormatter\n    ]\n});\n"],"names":["ApiKeysPresenterImpl","_listPresenter","formModelFactory","listApiKeysUseCase","getApiKeyUseCase","createApiKeyUseCase","updateApiKeyUseCase","deleteApiKeyUseCase","cache","stringFormatter","makeAutoObservable","computed","dataSource","ApiKeysDataSource","id","runInAction","apiKey","data","isUpdate","isNew","entityId","fields","value","form","slugValue","String","z","layout","ApiKeysPresenter","Abstraction","ListPresenter","FormModelFactory","ListApiKeysUseCase","GetApiKeyUseCase","CreateApiKeyUseCase","UpdateApiKeyUseCase","DeleteApiKeyUseCase","ApiKeysListCache","StringFormatter"],"mappings":"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"}

package/presentation/accessManagement/apiKeys/components/ApiKeysView.d.ts

@@ -1,4 +1,4 @@
 import React from "react";
-export declare const ApiKeysView: (() => React.JSX.Element) & {
-    displayName: string;
+export declare const ApiKeysView: (() => React.JSX.Element) & React.NamedExoticComponent<unknown> & {
+    readonly type: () => React.JSX.Element;
 };

package/presentation/accessManagement/apiKeys/components/ApiKeysView.js

@@ -163,13 +163,19 @@ const ApiKeyForm = observer(({ newEntry, id })=>{
         newEntry
     ]);
     const handleSave = useCallback(async ()=>{
-        const apiKey = await presenter.save();
-        if (apiKey) {
-            if (!vm.selectedApiKey || vm.selectedApiKey.id !== apiKey.id) goToRoute(Routes.ApiKeys.List, {
-                id: apiKey.id
-            });
-            toast.showSuccessToast({
-                title: "API key saved successfully."
+        try {
+            const apiKey = await presenter.save();
+            if (apiKey) {
+                if (!vm.selectedApiKey || vm.selectedApiKey.id !== apiKey.id) goToRoute(Routes.ApiKeys.List, {
+                    id: apiKey.id
+                });
+                toast.showSuccessToast({
+                    title: "API key saved successfully."
+                });
+            }
+        } catch (e) {
+            toast.showWarningToast({
+                title: e.message
             });
         }
     }, [

package/presentation/accessManagement/apiKeys/components/ApiKeysView.js.map

@@ -1 +1 @@
-{"version":3,"file":"presentation/accessManagement/apiKeys/components/ApiKeysView.js","sources":["../../../../../src/presentation/accessManagement/apiKeys/components/ApiKeysView.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useState } from \"react\";\nimport { observer } from \"mobx-react-lite\";\nimport orderBy from \"lodash/orderBy.js\";\nimport { useFeature } from \"@webiny/app\";\nimport {\n    SplitView,\n    LeftPanel,\n    RightPanel,\n    SimpleForm,\n    SimpleFormHeader,\n    SimpleFormContent,\n    SimpleFormFooter,\n    EmptyView,\n    useSnackbar,\n    useConfirmationDialog,\n    SearchUI,\n    useRouter,\n    useRoute\n} from \"~/index.js\";\nimport { FormView } from \"~/features/formModel/FormView.js\";\nimport {\n    Button,\n    DataList,\n    DataListModal,\n    DeleteIcon,\n    Grid,\n    Icon,\n    IconButton,\n    List,\n    OverlayLoader,\n    Select,\n    Tooltip,\n    useToast\n} from \"@webiny/admin-ui\";\nimport { ReactComponent as AddIcon } from \"@webiny/icons/add.svg\";\nimport { ReactComponent as CopyIcon } from \"@webiny/icons/content_copy.svg\";\nimport { ReactComponent as PasteIcon } from \"@webiny/icons/content_paste.svg\";\nimport { ReactComponent as SettingsIcon } from \"@webiny/icons/settings.svg\";\nimport { ApiKeysPresenterFeature } from \"../feature.js\";\nimport { Routes } from \"../../routes.js\";\nimport type { ApiKey } from \"~/features/accessManagement/types.js\";\nimport type { GenericRecord } from \"@webiny/app/types.js\";\nimport { FormErrors } from \"~/index.js\";\n\nconst SORTERS = [\n    { label: \"Newest to oldest\", sorter: \"createdOn_DESC\" },\n    { label: \"Oldest to newest\", sorter: \"createdOn_ASC\" },\n    { label: \"Name A-Z\", sorter: \"name_ASC\" },\n    { label: \"Name Z-A\", sorter: \"name_DESC\" }\n];\n\nconst deserializeSorters = (data: string): [string, \"asc\" | \"desc\"] => {\n    const [field, order] = data.split(\"_\");\n    return [field, order.toLowerCase() === \"asc\" ? \"asc\" : \"desc\"];\n};\n\nconst ApiKeysDataList = observer(({ activeId }: { activeId: string | undefined }) => {\n    const { presenter } = useFeature(ApiKeysPresenterFeature);\n    const { goToRoute } = useRouter();\n    const { showSnackbar } = useSnackbar();\n    const { showConfirmation } = useConfirmationDialog({\n        dataTestId: \"default-data-list.delete-dialog\"\n    });\n\n    const [filter, setFilter] = useState(\"\");\n    const [sort, setSort] = useState(SORTERS[0].sorter);\n\n    const apiKeys = presenter.list.vm.rows;\n    const loading = presenter.list.vm.pagination.loading;\n\n    const filteredData = useMemo(() => {\n        if (filter === \"\") {\n            return apiKeys;\n        }\n        const lc = filter.toLowerCase();\n        return apiKeys.filter(\n            (k: ApiKey) =>\n                k.name.toLowerCase().includes(lc) ||\n                k.slug.toLowerCase().includes(lc) ||\n                (k.description && k.description.toLowerCase().includes(lc))\n        );\n    }, [apiKeys, filter]);\n\n    const sortedData = useMemo(() => {\n        if (!sort) {\n            return filteredData;\n        }\n        const [key, order] = deserializeSorters(sort);\n        return orderBy(filteredData, [key], [order]);\n    }, [filteredData, sort]);\n\n    const deleteItem = useCallback(\n        (item: ApiKey) => {\n            showConfirmation(async () => {\n                try {\n                    await presenter.deleteApiKey(item.id);\n                    showSnackbar(`API key \"${item.name}\" deleted.`);\n                    if (activeId === item.id) {\n                        goToRoute(Routes.ApiKeys.List);\n                    }\n                } catch (e: any) {\n                    showSnackbar(e.message);\n                }\n            });\n        },\n        [activeId]\n    );\n\n    return (\n        <DataList\n            title={\"API Keys\"}\n            actions={\n                <Button\n                    text={\"New\"}\n                    icon={<AddIcon />}\n                    size={\"sm\"}\n                    className={\"ml-xs\"}\n                    data-testid=\"new-record-button\"\n                    onClick={() => goToRoute(Routes.ApiKeys.List, { new: true })}\n                />\n            }\n            data={sortedData}\n            loading={loading}\n            search={\n                <SearchUI\n                    value={filter}\n                    onChange={setFilter}\n                    inputPlaceholder={\"Search API keys...\"}\n                />\n            }\n            modalOverlay={\n                <DataListModal.Content>\n                    <Grid>\n                        <Grid.Column span={12}>\n                            <Select\n                                value={sort}\n                                onChange={setSort}\n                                label={\"Sort by\"}\n                                options={SORTERS.map(({ label, sorter: value }) => ({\n                                    label,\n                                    value\n                                }))}\n                            />\n                        </Grid.Column>\n                    </Grid>\n                </DataListModal.Content>\n            }\n            modalOverlayAction={<DataListModal.Trigger data-testid={\"default-data-list.filter\"} />}\n        >\n            {({ data }: { data: ApiKey[] }) => (\n                <List data-testid=\"default-data-list\">\n                    {data.map(item => (\n                        <List.Item\n                            key={item.id}\n                            selected={item.id === activeId}\n                            title={item.name}\n                            description={item.description}\n                            onClick={() => goToRoute(Routes.ApiKeys.List, { id: item.id })}\n                            actions={\n                                <DeleteIcon\n                                    onClick={() => deleteItem(item)}\n                                    data-testid={\"default-data-list.delete\"}\n                                />\n                            }\n                        />\n                    ))}\n                </List>\n            )}\n        </DataList>\n    );\n});\n\nconst CopyPermissionsToJson = ({ permissions }: { permissions: GenericRecord[] }) => {\n    const toast = useToast();\n\n    return (\n        <Tooltip\n            content=\"Copy permissions as JSON\"\n            trigger={\n                <IconButton\n                    variant={\"ghost\"}\n                    icon={<CopyIcon />}\n                    onClick={() => {\n                        navigator.clipboard.writeText(JSON.stringify(permissions, null, 2));\n                        toast.showToast({\n                            title: \"JSON data copied to clipboard.\",\n                            icon: <Icon icon={<PasteIcon />} label={\"Paste\"} />\n                        });\n                    }}\n                />\n            }\n        />\n    );\n};\n\nconst ApiKeyForm = observer(({ newEntry, id }: { newEntry: boolean; id: string | undefined }) => {\n    const { presenter } = useFeature(ApiKeysPresenterFeature);\n    const { goToRoute } = useRouter();\n    const toast = useToast();\n    const { vm } = presenter;\n\n    useEffect(() => {\n        if (id) {\n            presenter.selectApiKey(id);\n        } else if (newEntry) {\n            presenter.createNew();\n        } else {\n            presenter.deselect();\n        }\n    }, [id, newEntry]);\n\n    const handleSave = useCallback(async () => {\n        const apiKey = await presenter.save();\n        if (apiKey) {\n            if (!vm.selectedApiKey || vm.selectedApiKey.id !== apiKey.id) {\n                goToRoute(Routes.ApiKeys.List, { id: apiKey.id });\n            }\n            toast.showSuccessToast({ title: \"API key saved successfully.\" });\n        }\n    }, [presenter, vm.selectedApiKey]);\n\n    if (!vm.showForm) {\n        return (\n            <EmptyView\n                icon={<SettingsIcon />}\n                title={\"Click on the left side list to display API key details or create a...\"}\n                action={\n                    <Button\n                        icon={<AddIcon />}\n                        text={\"New API Key\"}\n                        data-testid=\"new-record-button\"\n                        onClick={() => goToRoute(Routes.ApiKeys.List, { new: true })}\n                    />\n                }\n            />\n        );\n    }\n\n    const permissions = vm.selectedApiKey ? vm.selectedApiKey.permissions : [];\n\n    return (\n        <SimpleForm size={\"lg\"}>\n            {vm.loading || vm.saving ? <OverlayLoader /> : null}\n            <SimpleFormHeader\n                title={vm.selectedApiKey ? vm.selectedApiKey.name || \"Untitled\" : \"Untitled\"}\n            >\n                <div className={\"flex justify-end\"}>\n                    <CopyPermissionsToJson permissions={permissions} />\n                </div>\n            </SimpleFormHeader>\n            <SimpleFormContent>\n                <FormErrors form={vm.form} className={\"mb-md\"} />\n                <FormView name={\"API Key\"} form={vm.form} />\n            </SimpleFormContent>\n            <SimpleFormFooter>\n                <Button\n                    variant={\"secondary\"}\n                    text={\"Cancel\"}\n                    onClick={() => goToRoute(Routes.ApiKeys.List)}\n                    data-testid=\"sam.key.new.form.button.cancel\"\n                />\n                <Button\n                    text={\"Save\"}\n                    data-testid=\"sam.key.new.form.button.save\"\n                    onClick={handleSave}\n                />\n            </SimpleFormFooter>\n        </SimpleForm>\n    );\n});\n\nexport const ApiKeysView = observer(() => {\n    const { presenter } = useFeature(ApiKeysPresenterFeature);\n    const { route } = useRoute(Routes.ApiKeys.List);\n\n    useEffect(() => {\n        presenter.init();\n    }, [presenter]);\n\n    return (\n        <SplitView>\n            <LeftPanel>\n                <ApiKeysDataList activeId={route.params.id} />\n            </LeftPanel>\n            <RightPanel>\n                <ApiKeyForm newEntry={route.params.new === true} id={route.params.id} />\n            </RightPanel>\n        </SplitView>\n    );\n});\n"],"names":["SORTERS","deserializeSorters","data","field","order","ApiKeysDataList","observer","activeId","presenter","useFeature","ApiKeysPresenterFeature","goToRoute","useRouter","showSnackbar","useSnackbar","showConfirmation","useConfirmationDialog","filter","setFilter","useState","sort","setSort","apiKeys","loading","filteredData","useMemo","lc","k","sortedData","key","orderBy","deleteItem","useCallback","item","Routes","e","DataList","Button","AddIcon","SearchUI","DataListModal","Grid","Select","label","value","List","DeleteIcon","CopyPermissionsToJson","permissions","toast","useToast","Tooltip","IconButton","CopyIcon","navigator","JSON","Icon","PasteIcon","ApiKeyForm","newEntry","id","vm","useEffect","handleSave","apiKey","EmptyView","SettingsIcon","SimpleForm","OverlayLoader","SimpleFormHeader","SimpleFormContent","FormErrors","FormView","SimpleFormFooter","ApiKeysView","route","useRoute","SplitView","LeftPanel","RightPanel"],"mappings":"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"}
+{"version":3,"file":"presentation/accessManagement/apiKeys/components/ApiKeysView.js","sources":["../../../../../src/presentation/accessManagement/apiKeys/components/ApiKeysView.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useState } from \"react\";\nimport { observer } from \"mobx-react-lite\";\nimport orderBy from \"lodash/orderBy.js\";\nimport { useFeature } from \"@webiny/app\";\nimport {\n    SplitView,\n    LeftPanel,\n    RightPanel,\n    SimpleForm,\n    SimpleFormHeader,\n    SimpleFormContent,\n    SimpleFormFooter,\n    EmptyView,\n    useSnackbar,\n    useConfirmationDialog,\n    SearchUI,\n    useRouter,\n    useRoute\n} from \"~/index.js\";\nimport { FormView } from \"~/features/formModel/FormView.js\";\nimport {\n    Button,\n    DataList,\n    DataListModal,\n    DeleteIcon,\n    Grid,\n    Icon,\n    IconButton,\n    List,\n    OverlayLoader,\n    Select,\n    Tooltip,\n    useToast\n} from \"@webiny/admin-ui\";\nimport { ReactComponent as AddIcon } from \"@webiny/icons/add.svg\";\nimport { ReactComponent as CopyIcon } from \"@webiny/icons/content_copy.svg\";\nimport { ReactComponent as PasteIcon } from \"@webiny/icons/content_paste.svg\";\nimport { ReactComponent as SettingsIcon } from \"@webiny/icons/settings.svg\";\nimport { ApiKeysPresenterFeature } from \"../feature.js\";\nimport { Routes } from \"../../routes.js\";\nimport type { ApiKey } from \"~/features/accessManagement/types.js\";\nimport type { GenericRecord } from \"@webiny/app/types.js\";\nimport { FormErrors } from \"~/index.js\";\n\nconst SORTERS = [\n    { label: \"Newest to oldest\", sorter: \"createdOn_DESC\" },\n    { label: \"Oldest to newest\", sorter: \"createdOn_ASC\" },\n    { label: \"Name A-Z\", sorter: \"name_ASC\" },\n    { label: \"Name Z-A\", sorter: \"name_DESC\" }\n];\n\nconst deserializeSorters = (data: string): [string, \"asc\" | \"desc\"] => {\n    const [field, order] = data.split(\"_\");\n    return [field, order.toLowerCase() === \"asc\" ? \"asc\" : \"desc\"];\n};\n\nconst ApiKeysDataList = observer(({ activeId }: { activeId: string | undefined }) => {\n    const { presenter } = useFeature(ApiKeysPresenterFeature);\n    const { goToRoute } = useRouter();\n    const { showSnackbar } = useSnackbar();\n    const { showConfirmation } = useConfirmationDialog({\n        dataTestId: \"default-data-list.delete-dialog\"\n    });\n\n    const [filter, setFilter] = useState(\"\");\n    const [sort, setSort] = useState(SORTERS[0].sorter);\n\n    const apiKeys = presenter.list.vm.rows;\n    const loading = presenter.list.vm.pagination.loading;\n\n    const filteredData = useMemo(() => {\n        if (filter === \"\") {\n            return apiKeys;\n        }\n        const lc = filter.toLowerCase();\n        return apiKeys.filter(\n            (k: ApiKey) =>\n                k.name.toLowerCase().includes(lc) ||\n                k.slug.toLowerCase().includes(lc) ||\n                (k.description && k.description.toLowerCase().includes(lc))\n        );\n    }, [apiKeys, filter]);\n\n    const sortedData = useMemo(() => {\n        if (!sort) {\n            return filteredData;\n        }\n        const [key, order] = deserializeSorters(sort);\n        return orderBy(filteredData, [key], [order]);\n    }, [filteredData, sort]);\n\n    const deleteItem = useCallback(\n        (item: ApiKey) => {\n            showConfirmation(async () => {\n                try {\n                    await presenter.deleteApiKey(item.id);\n                    showSnackbar(`API key \"${item.name}\" deleted.`);\n                    if (activeId === item.id) {\n                        goToRoute(Routes.ApiKeys.List);\n                    }\n                } catch (e: any) {\n                    showSnackbar(e.message);\n                }\n            });\n        },\n        [activeId]\n    );\n\n    return (\n        <DataList\n            title={\"API Keys\"}\n            actions={\n                <Button\n                    text={\"New\"}\n                    icon={<AddIcon />}\n                    size={\"sm\"}\n                    className={\"ml-xs\"}\n                    data-testid=\"new-record-button\"\n                    onClick={() => goToRoute(Routes.ApiKeys.List, { new: true })}\n                />\n            }\n            data={sortedData}\n            loading={loading}\n            search={\n                <SearchUI\n                    value={filter}\n                    onChange={setFilter}\n                    inputPlaceholder={\"Search API keys...\"}\n                />\n            }\n            modalOverlay={\n                <DataListModal.Content>\n                    <Grid>\n                        <Grid.Column span={12}>\n                            <Select\n                                value={sort}\n                                onChange={setSort}\n                                label={\"Sort by\"}\n                                options={SORTERS.map(({ label, sorter: value }) => ({\n                                    label,\n                                    value\n                                }))}\n                            />\n                        </Grid.Column>\n                    </Grid>\n                </DataListModal.Content>\n            }\n            modalOverlayAction={<DataListModal.Trigger data-testid={\"default-data-list.filter\"} />}\n        >\n            {({ data }: { data: ApiKey[] }) => (\n                <List data-testid=\"default-data-list\">\n                    {data.map(item => (\n                        <List.Item\n                            key={item.id}\n                            selected={item.id === activeId}\n                            title={item.name}\n                            description={item.description}\n                            onClick={() => goToRoute(Routes.ApiKeys.List, { id: item.id })}\n                            actions={\n                                <DeleteIcon\n                                    onClick={() => deleteItem(item)}\n                                    data-testid={\"default-data-list.delete\"}\n                                />\n                            }\n                        />\n                    ))}\n                </List>\n            )}\n        </DataList>\n    );\n});\n\nconst CopyPermissionsToJson = ({ permissions }: { permissions: GenericRecord[] }) => {\n    const toast = useToast();\n\n    return (\n        <Tooltip\n            content=\"Copy permissions as JSON\"\n            trigger={\n                <IconButton\n                    variant={\"ghost\"}\n                    icon={<CopyIcon />}\n                    onClick={() => {\n                        navigator.clipboard.writeText(JSON.stringify(permissions, null, 2));\n                        toast.showToast({\n                            title: \"JSON data copied to clipboard.\",\n                            icon: <Icon icon={<PasteIcon />} label={\"Paste\"} />\n                        });\n                    }}\n                />\n            }\n        />\n    );\n};\n\nconst ApiKeyForm = observer(({ newEntry, id }: { newEntry: boolean; id: string | undefined }) => {\n    const { presenter } = useFeature(ApiKeysPresenterFeature);\n    const { goToRoute } = useRouter();\n    const toast = useToast();\n    const { vm } = presenter;\n\n    useEffect(() => {\n        if (id) {\n            presenter.selectApiKey(id);\n        } else if (newEntry) {\n            presenter.createNew();\n        } else {\n            presenter.deselect();\n        }\n    }, [id, newEntry]);\n\n    const handleSave = useCallback(async () => {\n        try {\n            const apiKey = await presenter.save();\n            if (apiKey) {\n                if (!vm.selectedApiKey || vm.selectedApiKey.id !== apiKey.id) {\n                    goToRoute(Routes.ApiKeys.List, { id: apiKey.id });\n                }\n                toast.showSuccessToast({ title: \"API key saved successfully.\" });\n            }\n        } catch (e: any) {\n            toast.showWarningToast({ title: e.message });\n        }\n    }, [presenter, vm.selectedApiKey]);\n\n    if (!vm.showForm) {\n        return (\n            <EmptyView\n                icon={<SettingsIcon />}\n                title={\"Click on the left side list to display API key details or create a...\"}\n                action={\n                    <Button\n                        icon={<AddIcon />}\n                        text={\"New API Key\"}\n                        data-testid=\"new-record-button\"\n                        onClick={() => goToRoute(Routes.ApiKeys.List, { new: true })}\n                    />\n                }\n            />\n        );\n    }\n\n    const permissions = vm.selectedApiKey ? vm.selectedApiKey.permissions : [];\n\n    return (\n        <SimpleForm size={\"lg\"}>\n            {vm.loading || vm.saving ? <OverlayLoader /> : null}\n            <SimpleFormHeader\n                title={vm.selectedApiKey ? vm.selectedApiKey.name || \"Untitled\" : \"Untitled\"}\n            >\n                <div className={\"flex justify-end\"}>\n                    <CopyPermissionsToJson permissions={permissions} />\n                </div>\n            </SimpleFormHeader>\n            <SimpleFormContent>\n                <FormErrors form={vm.form} className={\"mb-md\"} />\n                <FormView name={\"API Key\"} form={vm.form} />\n            </SimpleFormContent>\n            <SimpleFormFooter>\n                <Button\n                    variant={\"secondary\"}\n                    text={\"Cancel\"}\n                    onClick={() => goToRoute(Routes.ApiKeys.List)}\n                    data-testid=\"sam.key.new.form.button.cancel\"\n                />\n                <Button\n                    text={\"Save\"}\n                    data-testid=\"sam.key.new.form.button.save\"\n                    onClick={handleSave}\n                />\n            </SimpleFormFooter>\n        </SimpleForm>\n    );\n});\n\nexport const ApiKeysView = observer(() => {\n    const { presenter } = useFeature(ApiKeysPresenterFeature);\n    const { route } = useRoute(Routes.ApiKeys.List);\n\n    useEffect(() => {\n        presenter.init();\n    }, [presenter]);\n\n    return (\n        <SplitView>\n            <LeftPanel>\n                <ApiKeysDataList activeId={route.params.id} />\n            </LeftPanel>\n            <RightPanel>\n                <ApiKeyForm newEntry={route.params.new === true} id={route.params.id} />\n            </RightPanel>\n        </SplitView>\n    );\n});\n"],"names":["SORTERS","deserializeSorters","data","field","order","ApiKeysDataList","observer","activeId","presenter","useFeature","ApiKeysPresenterFeature","goToRoute","useRouter","showSnackbar","useSnackbar","showConfirmation","useConfirmationDialog","filter","setFilter","useState","sort","setSort","apiKeys","loading","filteredData","useMemo","lc","k","sortedData","key","orderBy","deleteItem","useCallback","item","Routes","e","DataList","Button","AddIcon","SearchUI","DataListModal","Grid","Select","label","value","List","DeleteIcon","CopyPermissionsToJson","permissions","toast","useToast","Tooltip","IconButton","CopyIcon","navigator","JSON","Icon","PasteIcon","ApiKeyForm","newEntry","id","vm","useEffect","handleSave","apiKey","EmptyView","SettingsIcon","SimpleForm","OverlayLoader","SimpleFormHeader","SimpleFormContent","FormErrors","FormView","SimpleFormFooter","ApiKeysView","route","useRoute","SplitView","LeftPanel","RightPanel"],"mappings":";;;;;;;;;;;;;AA4CA,MAAMA,UAAU;IACZ;QAAE,OAAO;QAAoB,QAAQ;IAAiB;IACtD;QAAE,OAAO;QAAoB,QAAQ;IAAgB;IACrD;QAAE,OAAO;QAAY,QAAQ;IAAW;IACxC;QAAE,OAAO;QAAY,QAAQ;IAAY;CAC5C;AAED,MAAMC,qBAAqB,CAACC;IACxB,MAAM,CAACC,OAAOC,MAAM,GAAGF,KAAK,KAAK,CAAC;IAClC,OAAO;QAACC;QAA+B,UAAxBC,MAAM,WAAW,KAAe,QAAQ;KAAO;AAClE;AAEA,MAAMC,kBAAkBC,SAAS,CAAC,EAAEC,QAAQ,EAAoC;IAC5E,MAAM,EAAEC,SAAS,EAAE,GAAGC,WAAWC;IACjC,MAAM,EAAEC,SAAS,EAAE,GAAGC;IACtB,MAAM,EAAEC,YAAY,EAAE,GAAGC;IACzB,MAAM,EAAEC,gBAAgB,EAAE,GAAGC,sBAAsB;QAC/C,YAAY;IAChB;IAEA,MAAM,CAACC,QAAQC,UAAU,GAAGC,SAAS;IACrC,MAAM,CAACC,MAAMC,QAAQ,GAAGF,SAASnB,OAAO,CAAC,EAAE,CAAC,MAAM;IAElD,MAAMsB,UAAUd,UAAU,IAAI,CAAC,EAAE,CAAC,IAAI;IACtC,MAAMe,UAAUf,UAAU,IAAI,CAAC,EAAE,CAAC,UAAU,CAAC,OAAO;IAEpD,MAAMgB,eAAeC,QAAQ;QACzB,IAAIR,AAAW,OAAXA,QACA,OAAOK;QAEX,MAAMI,KAAKT,OAAO,WAAW;QAC7B,OAAOK,QAAQ,MAAM,CACjB,CAACK,IACGA,EAAE,IAAI,CAAC,WAAW,GAAG,QAAQ,CAACD,OAC9BC,EAAE,IAAI,CAAC,WAAW,GAAG,QAAQ,CAACD,OAC7BC,EAAE,WAAW,IAAIA,EAAE,WAAW,CAAC,WAAW,GAAG,QAAQ,CAACD;IAEnE,GAAG;QAACJ;QAASL;KAAO;IAEpB,MAAMW,aAAaH,QAAQ;QACvB,IAAI,CAACL,MACD,OAAOI;QAEX,MAAM,CAACK,KAAKzB,MAAM,GAAGH,mBAAmBmB;QACxC,OAAOU,QAAQN,cAAc;YAACK;SAAI,EAAE;YAACzB;SAAM;IAC/C,GAAG;QAACoB;QAAcJ;KAAK;IAEvB,MAAMW,aAAaC,YACf,CAACC;QACGlB,iBAAiB;YACb,IAAI;gBACA,MAAMP,UAAU,YAAY,CAACyB,KAAK,EAAE;gBACpCpB,aAAa,CAAC,SAAS,EAAEoB,KAAK,IAAI,CAAC,UAAU,CAAC;gBAC9C,IAAI1B,aAAa0B,KAAK,EAAE,EACpBtB,UAAUuB,OAAO,OAAO,CAAC,IAAI;YAErC,EAAE,OAAOC,GAAQ;gBACbtB,aAAasB,EAAE,OAAO;YAC1B;QACJ;IACJ,GACA;QAAC5B;KAAS;IAGd,OAAO,WAAP,GACI,oBAAC6B,UAAQA;QACL,OAAO;QACP,uBACI,oBAACC,QAAMA;YACH,MAAM;YACN,oBAAM,oBAACC,gBAAOA;YACd,MAAM;YACN,WAAW;YACX,eAAY;YACZ,SAAS,IAAM3B,UAAUuB,OAAO,OAAO,CAAC,IAAI,EAAE;oBAAE,KAAK;gBAAK;;QAGlE,MAAMN;QACN,SAASL;QACT,sBACI,oBAACgB,UAAQA;YACL,OAAOtB;YACP,UAAUC;YACV,kBAAkB;;QAG1B,4BACI,oBAACsB,cAAc,OAAO,sBAClB,oBAACC,MAAIA,MAAAA,WAAAA,GACD,oBAACA,KAAK,MAAM;YAAC,MAAM;yBACf,oBAACC,QAAMA;YACH,OAAOtB;YACP,UAAUC;YACV,OAAO;YACP,SAASrB,QAAQ,GAAG,CAAC,CAAC,EAAE2C,KAAK,EAAE,QAAQC,KAAK,EAAE,GAAM;oBAChDD;oBACAC;gBACJ;;QAMpB,kCAAoB,oBAACJ,cAAc,OAAO;YAAC,eAAa;;OAEvD,CAAC,EAAEtC,IAAI,EAAsB,iBAC1B,oBAAC2C,MAAIA;YAAC,eAAY;WACb3C,KAAK,GAAG,CAAC+B,CAAAA,OAAAA,WAAAA,GACN,oBAACY,KAAK,IAAI;gBACN,KAAKZ,KAAK,EAAE;gBACZ,UAAUA,KAAK,EAAE,KAAK1B;gBACtB,OAAO0B,KAAK,IAAI;gBAChB,aAAaA,KAAK,WAAW;gBAC7B,SAAS,IAAMtB,UAAUuB,OAAO,OAAO,CAAC,IAAI,EAAE;wBAAE,IAAID,KAAK,EAAE;oBAAC;gBAC5D,uBACI,oBAACa,YAAUA;oBACP,SAAS,IAAMf,WAAWE;oBAC1B,eAAa;;;AASjD;AAEA,MAAMc,wBAAwB,CAAC,EAAEC,WAAW,EAAoC;IAC5E,MAAMC,QAAQC;IAEd,OAAO,WAAP,GACI,oBAACC,SAAOA;QACJ,SAAQ;QACR,uBACI,oBAACC,YAAUA;YACP,SAAS;YACT,oBAAM,oBAACC,iCAAQA;YACf,SAAS;gBACLC,UAAU,SAAS,CAAC,SAAS,CAACC,KAAK,SAAS,CAACP,aAAa,MAAM;gBAChEC,MAAM,SAAS,CAAC;oBACZ,OAAO;oBACP,MAAM,WAAN,GAAM,oBAACO,MAAIA;wBAAC,oBAAM,oBAACC,kCAASA;wBAAK,OAAO;;gBAC5C;YACJ;;;AAKpB;AAEA,MAAMC,aAAapD,SAAS,CAAC,EAAEqD,QAAQ,EAAEC,EAAE,EAAiD;IACxF,MAAM,EAAEpD,SAAS,EAAE,GAAGC,WAAWC;IACjC,MAAM,EAAEC,SAAS,EAAE,GAAGC;IACtB,MAAMqC,QAAQC;IACd,MAAM,EAAEW,EAAE,EAAE,GAAGrD;IAEfsD,UAAU;QACN,IAAIF,IACApD,UAAU,YAAY,CAACoD;aACpB,IAAID,UACPnD,UAAU,SAAS;aAEnBA,UAAU,QAAQ;IAE1B,GAAG;QAACoD;QAAID;KAAS;IAEjB,MAAMI,aAAa/B,YAAY;QAC3B,IAAI;YACA,MAAMgC,SAAS,MAAMxD,UAAU,IAAI;YACnC,IAAIwD,QAAQ;gBACR,IAAI,CAACH,GAAG,cAAc,IAAIA,GAAG,cAAc,CAAC,EAAE,KAAKG,OAAO,EAAE,EACxDrD,UAAUuB,OAAO,OAAO,CAAC,IAAI,EAAE;oBAAE,IAAI8B,OAAO,EAAE;gBAAC;gBAEnDf,MAAM,gBAAgB,CAAC;oBAAE,OAAO;gBAA8B;YAClE;QACJ,EAAE,OAAOd,GAAQ;YACbc,MAAM,gBAAgB,CAAC;gBAAE,OAAOd,EAAE,OAAO;YAAC;QAC9C;IACJ,GAAG;QAAC3B;QAAWqD,GAAG,cAAc;KAAC;IAEjC,IAAI,CAACA,GAAG,QAAQ,EACZ,OAAO,WAAP,GACI,oBAACI,WAASA;QACN,oBAAM,oBAACC,6BAAYA;QACnB,OAAO;QACP,sBACI,oBAAC7B,QAAMA;YACH,oBAAM,oBAACC,gBAAOA;YACd,MAAM;YACN,eAAY;YACZ,SAAS,IAAM3B,UAAUuB,OAAO,OAAO,CAAC,IAAI,EAAE;oBAAE,KAAK;gBAAK;;;IAO9E,MAAMc,cAAca,GAAG,cAAc,GAAGA,GAAG,cAAc,CAAC,WAAW,GAAG,EAAE;IAE1E,OAAO,WAAP,GACI,oBAACM,YAAUA;QAAC,MAAM;OACbN,GAAG,OAAO,IAAIA,GAAG,MAAM,GAAG,WAAH,GAAG,oBAACO,eAAaA,QAAM,oBAC/C,oBAACC,kBAAgBA;QACb,OAAOR,GAAG,cAAc,GAAGA,GAAG,cAAc,CAAC,IAAI,IAAI,aAAa;qBAElE,oBAAC;QAAI,WAAW;qBACZ,oBAACd,uBAAqBA;QAAC,aAAaC;wBAG5C,oBAACsB,mBAAiBA,MAAAA,WAAAA,GACd,oBAACC,YAAUA;QAAC,MAAMV,GAAG,IAAI;QAAE,WAAW;sBACtC,oBAACW,UAAQA;QAAC,MAAM;QAAW,MAAMX,GAAG,IAAI;uBAE5C,oBAACY,kBAAgBA,MAAAA,WAAAA,GACb,oBAACpC,QAAMA;QACH,SAAS;QACT,MAAM;QACN,SAAS,IAAM1B,UAAUuB,OAAO,OAAO,CAAC,IAAI;QAC5C,eAAY;sBAEhB,oBAACG,QAAMA;QACH,MAAM;QACN,eAAY;QACZ,SAAS0B;;AAK7B;AAEO,MAAMW,cAAcpE,SAAS;IAChC,MAAM,EAAEE,SAAS,EAAE,GAAGC,WAAWC;IACjC,MAAM,EAAEiE,KAAK,EAAE,GAAGC,SAAS1C,OAAO,OAAO,CAAC,IAAI;IAE9C4B,UAAU;QACNtD,UAAU,IAAI;IAClB,GAAG;QAACA;KAAU;IAEd,OAAO,WAAP,GACI,oBAACqE,WAASA,MAAAA,WAAAA,GACN,oBAACC,WAASA,MAAAA,WAAAA,GACN,oBAACzE,iBAAeA;QAAC,UAAUsE,MAAM,MAAM,CAAC,EAAE;uBAE9C,oBAACI,YAAUA,MAAAA,WAAAA,GACP,oBAACrB,YAAUA;QAAC,UAAUiB,AAAqB,SAArBA,MAAM,MAAM,CAAC,GAAG;QAAW,IAAIA,MAAM,MAAM,CAAC,EAAE;;AAIpF"}

package/presentation/accessManagement/roles/RolesPresenter.d.ts

@@ -1,3 +1,4 @@
+import { StringFormatter } from "../../../features/stringFormatter/abstractions.js";
 import { ListPresenter } from "../../../presentation/listPresenter/abstractions.js";
 import { FormModelFactory } from "../../../features/formModel/abstractions.js";
 import type { Role } from "../../../features/accessManagement/types.js";
@@ -16,12 +17,13 @@ declare class RolesPresenterImpl implements IRolesPresenter {
     private updateRoleUseCase;
     private deleteRoleUseCase;
     private cache;
+    private stringFormatter;
     private _selectedRole;
     private _loading;
     private _saving;
     private _showForm;
     private _form;
-    constructor(_listPresenter: ListPresenter.Interface<Role>, formModelFactory: FormModelFactory.Interface, listRolesUseCase: ListRolesUseCase.Interface, getRoleUseCase: GetRoleUseCase.Interface, createRoleUseCase: CreateRoleUseCase.Interface, updateRoleUseCase: UpdateRoleUseCase.Interface, deleteRoleUseCase: DeleteRoleUseCase.Interface, cache: RolesListCache.Interface);
+    constructor(_listPresenter: ListPresenter.Interface<Role>, formModelFactory: FormModelFactory.Interface, listRolesUseCase: ListRolesUseCase.Interface, getRoleUseCase: GetRoleUseCase.Interface, createRoleUseCase: CreateRoleUseCase.Interface, updateRoleUseCase: UpdateRoleUseCase.Interface, deleteRoleUseCase: DeleteRoleUseCase.Interface, cache: RolesListCache.Interface, stringFormatter: StringFormatter.Interface);
     get vm(): IRolesPresenterViewModel;
     get list(): ListPresenter.Interface<Role>;
     init(): void;

package/presentation/accessManagement/roles/RolesPresenter.js

@@ -1,5 +1,6 @@
+import { z } from "zod";
 import { computed, makeAutoObservable, runInAction } from "mobx";
-import slugify from "slugify";
+import { StringFormatter } from "../../../features/stringFormatter/abstractions.js";
 import { ListPresenter } from "../../listPresenter/abstractions.js";
 import { FormModelFactory } from "../../../features/formModel/abstractions.js";
 import { ListRolesUseCase, RolesListCache } from "../../../features/accessManagement/roles/listRoles/abstractions.js";
@@ -10,7 +11,7 @@ import { DeleteRoleUseCase } from "../../../features/accessManagement/roles/dele
 import { RolesPresenter } from "./abstractions.js";
 import { RolesDataSource } from "./RolesDataSource.js";
 class RolesPresenterImpl {
-    constructor(_listPresenter, formModelFactory, listRolesUseCase, getRoleUseCase, createRoleUseCase, updateRoleUseCase, deleteRoleUseCase, cache){
+    constructor(_listPresenter, formModelFactory, listRolesUseCase, getRoleUseCase, createRoleUseCase, updateRoleUseCase, deleteRoleUseCase, cache, stringFormatter){
         this._listPresenter = _listPresenter;
         this.formModelFactory = formModelFactory;
         this.listRolesUseCase = listRolesUseCase;
@@ -19,6 +20,7 @@ class RolesPresenterImpl {
         this.updateRoleUseCase = updateRoleUseCase;
         this.deleteRoleUseCase = deleteRoleUseCase;
         this.cache = cache;
+        this.stringFormatter = stringFormatter;
         this._selectedRole = null;
         this._loading = false;
         this._saving = false;
@@ -32,6 +34,7 @@ class RolesPresenterImpl {
             updateRoleUseCase: false,
             deleteRoleUseCase: false,
             cache: false,
+            stringFormatter: false,
             vm: computed
         });
     }
@@ -79,7 +82,7 @@ class RolesPresenterImpl {
                 this._form.setData({
                     name: role.name,
                     slug: role.slug,
-                    description: role.description,
+                    description: role.description ?? "",
                     permissions: role.permissions || []
                 });
             });
@@ -130,14 +133,12 @@ class RolesPresenterImpl {
                     this._form.setData({
                         name: role.name,
                         slug: role.slug,
-                        description: role.description,
+                        description: role.description ?? "",
                         permissions: role.permissions || []
                     });
                 });
                 return role;
             }
-        } catch  {
-            return null;
         } finally{
             runInAction(()=>{
                 this._saving = false;
@@ -159,15 +160,10 @@ class RolesPresenterImpl {
                     name: fields.text().label("Name").required("Name is required.").disabled(!canModify).onBlur((value, { form })=>{
                         const slugValue = form.field("slug").getValue();
                         if (slugValue || !value) return;
-                        form.field("slug").setValue(slugify(String(value), {
-                            replacement: "-",
-                            lower: true,
-                            remove: /[*#?<>_{}[\]+~.()'"!:;@]/g,
-                            trim: false
-                        }));
+                        form.field("slug").setValue(this.stringFormatter.slugify(String(value)));
                     }),
                     slug: fields.text().label("Slug").required("Slug is required.").disabled(!isNew || !canModify),
-                    description: fields.text().label("Description").defaultValue("").renderer("textarea").disabled(!canModify),
+                    description: fields.text().label("Description").defaultValue("").schema(z.string().max(500, "Description cannot be longer than 500 characters.")).renderer("textarea").disabled(!canModify),
                     permissions: fields.permissions().label("Permissions").renderer("permissions", {
                         id: entityId || "new"
                     }).hiddenWhen(()=>{
@@ -193,7 +189,8 @@ const RolesPresenter_RolesPresenter = RolesPresenter.createImplementation({
         CreateRoleUseCase,
         UpdateRoleUseCase,
         DeleteRoleUseCase,
-        RolesListCache
+        RolesListCache,
+        StringFormatter
     ]
 });
 export { RolesPresenter_RolesPresenter as RolesPresenter };

package/presentation/accessManagement/roles/RolesPresenter.js.map

@@ -1 +1 @@
-{"version":3,"file":"presentation/accessManagement/roles/RolesPresenter.js","sources":["../../../../src/presentation/accessManagement/roles/RolesPresenter.ts"],"sourcesContent":["import { makeAutoObservable, runInAction, computed } from \"mobx\";\nimport slugify from \"slugify\";\nimport { ListPresenter } from \"~/presentation/listPresenter/abstractions.js\";\nimport { FormModelFactory } from \"~/features/formModel/abstractions.js\";\nimport type { IFormModel } from \"~/features/formModel/abstractions.js\";\nimport type { Role } from \"~/features/accessManagement/types.js\";\nimport {\n    ListRolesUseCase,\n    RolesListCache\n} from \"~/features/accessManagement/roles/listRoles/abstractions.js\";\nimport { GetRoleUseCase } from \"~/features/accessManagement/roles/getRole/abstractions.js\";\nimport { CreateRoleUseCase } from \"~/features/accessManagement/roles/createRole/abstractions.js\";\nimport { UpdateRoleUseCase } from \"~/features/accessManagement/roles/updateRole/abstractions.js\";\nimport { DeleteRoleUseCase } from \"~/features/accessManagement/roles/deleteRole/abstractions.js\";\nimport {\n    RolesPresenter as Abstraction,\n    type IRolesPresenter,\n    type IRolesPresenterViewModel\n} from \"./abstractions.js\";\nimport { RolesDataSource } from \"./RolesDataSource.js\";\n\nclass RolesPresenterImpl implements IRolesPresenter {\n    private _selectedRole: Role | null = null;\n    private _loading = false;\n    private _saving = false;\n    private _showForm = false;\n    private _form: IFormModel;\n\n    constructor(\n        private _listPresenter: ListPresenter.Interface<Role>,\n        private formModelFactory: FormModelFactory.Interface,\n        private listRolesUseCase: ListRolesUseCase.Interface,\n        private getRoleUseCase: GetRoleUseCase.Interface,\n        private createRoleUseCase: CreateRoleUseCase.Interface,\n        private updateRoleUseCase: UpdateRoleUseCase.Interface,\n        private deleteRoleUseCase: DeleteRoleUseCase.Interface,\n        private cache: RolesListCache.Interface\n    ) {\n        this._form = this.buildForm(false, false);\n        makeAutoObservable<\n            RolesPresenterImpl,\n            | \"formModelFactory\"\n            | \"listRolesUseCase\"\n            | \"getRoleUseCase\"\n            | \"createRoleUseCase\"\n            | \"updateRoleUseCase\"\n            | \"deleteRoleUseCase\"\n            | \"cache\"\n        >(this, {\n            formModelFactory: false,\n            listRolesUseCase: false,\n            getRoleUseCase: false,\n            createRoleUseCase: false,\n            updateRoleUseCase: false,\n            deleteRoleUseCase: false,\n            cache: false,\n            vm: computed\n        });\n    }\n\n    get vm(): IRolesPresenterViewModel {\n        const role = this._selectedRole;\n        const isSystemRole = role !== null && (role.slug === \"full-access\" || role.system === true);\n        const isPluginRole = role !== null && (role.plugin ?? false);\n\n        return {\n            selectedRole: this._selectedRole,\n            loading: this._loading,\n            saving: this._saving,\n            showForm: this._showForm,\n            canModify: !isSystemRole && !isPluginRole,\n            isSystemRole,\n            form: this._form.vm\n        };\n    }\n\n    get list(): ListPresenter.Interface<Role> {\n        return this._listPresenter;\n    }\n\n    init(): void {\n        const dataSource = new RolesDataSource(this.listRolesUseCase, this.cache);\n\n        this._listPresenter.init({\n            dataSource,\n            initialSort: { field: \"createdOn\", direction: \"DESC\" },\n            limit: 1000\n        });\n    }\n\n    async selectRole(id: string): Promise<void> {\n        runInAction(() => {\n            this._loading = true;\n            this._showForm = true;\n        });\n\n        try {\n            const role = await this.getRoleUseCase.execute(id);\n            const isSystemRole = role.slug === \"full-access\" || role.system === true;\n            const isPluginRole = role.plugin ?? false;\n            const canModify = !isSystemRole && !isPluginRole;\n\n            runInAction(() => {\n                this._selectedRole = role;\n                this._form = this.buildForm(false, canModify, role.id);\n                this._form.setData({\n                    name: role.name,\n                    slug: role.slug,\n                    description: role.description,\n                    permissions: role.permissions || []\n                });\n            });\n        } finally {\n            runInAction(() => {\n                this._loading = false;\n            });\n        }\n    }\n\n    createNew(): void {\n        this._selectedRole = null;\n        this._form = this.buildForm(true, true, \"new\");\n        this._showForm = true;\n    }\n\n    deselect(): void {\n        this._selectedRole = null;\n        this._showForm = false;\n    }\n\n    async save(): Promise<Role | null> {\n        const data = await this._form.submit<Role>();\n        if (!data) {\n            return null;\n        }\n\n        runInAction(() => {\n            this._saving = true;\n        });\n\n        try {\n            const isUpdate = this._selectedRole !== null && this._selectedRole.createdOn;\n\n            if (isUpdate) {\n                const role = await this.updateRoleUseCase.execute(this._selectedRole!.id, {\n                    name: data.name as string,\n                    description: data.description as string,\n                    permissions: data.permissions\n                });\n                runInAction(() => {\n                    this._selectedRole = role;\n                });\n                return role;\n            } else {\n                const role = await this.createRoleUseCase.execute({\n                    name: data.name as string,\n                    slug: data.slug as string,\n                    description: data.description as string,\n                    permissions: data.permissions\n                });\n                runInAction(() => {\n                    this._selectedRole = role;\n                    this._form = this.buildForm(false, true, role.id);\n                    this._form.setData({\n                        name: role.name,\n                        slug: role.slug,\n                        description: role.description,\n                        permissions: role.permissions || []\n                    });\n                });\n                return role;\n            }\n        } catch {\n            return null;\n        } finally {\n            runInAction(() => {\n                this._saving = false;\n            });\n        }\n    }\n\n    async deleteRole(id: string): Promise<void> {\n        await this.deleteRoleUseCase.execute(id);\n\n        runInAction(() => {\n            if (this._selectedRole !== null && this._selectedRole.id === id) {\n                this._selectedRole = null;\n                this._showForm = false;\n            }\n        });\n    }\n\n    private buildForm(isNew: boolean, canModify: boolean, entityId?: string): IFormModel {\n        return this.formModelFactory.create({\n            fields: fields => ({\n                name: fields\n                    .text()\n                    .label(\"Name\")\n                    .required(\"Name is required.\")\n                    .disabled(!canModify)\n                    .onBlur((value, { form }) => {\n                        const slugValue = form.field(\"slug\").getValue();\n                        if (slugValue || !value) {\n                            return;\n                        }\n                        form.field(\"slug\").setValue(\n                            slugify(String(value), {\n                                replacement: \"-\",\n                                lower: true,\n                                remove: /[*#?<>_{}[\\]+~.()'\"!:;@]/g,\n                                trim: false\n                            })\n                        );\n                    }),\n                slug: fields\n                    .text()\n                    .label(\"Slug\")\n                    .required(\"Slug is required.\")\n                    .disabled(!isNew || !canModify),\n                description: fields\n                    .text()\n                    .label(\"Description\")\n                    .defaultValue(\"\")\n                    .renderer(\"textarea\")\n                    .disabled(!canModify),\n                permissions: fields\n                    .permissions()\n                    .label(\"Permissions\")\n                    .renderer(\"permissions\", { id: entityId || \"new\" })\n                    .hiddenWhen(() => {\n                        const role = this._selectedRole;\n                        return (\n                            role !== null && (role.slug === \"full-access\" || role.system === true)\n                        );\n                    })\n            }),\n            layout: layout => [\n                layout.row(\"name\", \"slug\"),\n                layout.row(\"description\"),\n                layout.row(\"permissions\")\n            ]\n        });\n    }\n}\n\nexport const RolesPresenter = Abstraction.createImplementation({\n    implementation: RolesPresenterImpl,\n    dependencies: [\n        ListPresenter,\n        FormModelFactory,\n        ListRolesUseCase,\n        GetRoleUseCase,\n        CreateRoleUseCase,\n        UpdateRoleUseCase,\n        DeleteRoleUseCase,\n        RolesListCache\n    ]\n});\n"],"names":["RolesPresenterImpl","_listPresenter","formModelFactory","listRolesUseCase","getRoleUseCase","createRoleUseCase","updateRoleUseCase","deleteRoleUseCase","cache","makeAutoObservable","computed","role","isSystemRole","isPluginRole","dataSource","RolesDataSource","id","runInAction","canModify","data","isUpdate","isNew","entityId","fields","value","form","slugValue","slugify","String","layout","RolesPresenter","Abstraction","ListPresenter","FormModelFactory","ListRolesUseCase","GetRoleUseCase","CreateRoleUseCase","UpdateRoleUseCase","DeleteRoleUseCase","RolesListCache"],"mappings":"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"}
+{"version":3,"file":"presentation/accessManagement/roles/RolesPresenter.js","sources":["../../../../src/presentation/accessManagement/roles/RolesPresenter.ts"],"sourcesContent":["import { z } from \"zod\";\nimport { makeAutoObservable, runInAction, computed } from \"mobx\";\nimport { StringFormatter } from \"~/features/stringFormatter/abstractions.js\";\nimport { ListPresenter } from \"~/presentation/listPresenter/abstractions.js\";\nimport { FormModelFactory } from \"~/features/formModel/abstractions.js\";\nimport type { IFormModel } from \"~/features/formModel/abstractions.js\";\nimport type { Role } from \"~/features/accessManagement/types.js\";\nimport {\n    ListRolesUseCase,\n    RolesListCache\n} from \"~/features/accessManagement/roles/listRoles/abstractions.js\";\nimport { GetRoleUseCase } from \"~/features/accessManagement/roles/getRole/abstractions.js\";\nimport { CreateRoleUseCase } from \"~/features/accessManagement/roles/createRole/abstractions.js\";\nimport { UpdateRoleUseCase } from \"~/features/accessManagement/roles/updateRole/abstractions.js\";\nimport { DeleteRoleUseCase } from \"~/features/accessManagement/roles/deleteRole/abstractions.js\";\nimport {\n    RolesPresenter as Abstraction,\n    type IRolesPresenter,\n    type IRolesPresenterViewModel\n} from \"./abstractions.js\";\nimport { RolesDataSource } from \"./RolesDataSource.js\";\n\nclass RolesPresenterImpl implements IRolesPresenter {\n    private _selectedRole: Role | null = null;\n    private _loading = false;\n    private _saving = false;\n    private _showForm = false;\n    private _form: IFormModel;\n\n    constructor(\n        private _listPresenter: ListPresenter.Interface<Role>,\n        private formModelFactory: FormModelFactory.Interface,\n        private listRolesUseCase: ListRolesUseCase.Interface,\n        private getRoleUseCase: GetRoleUseCase.Interface,\n        private createRoleUseCase: CreateRoleUseCase.Interface,\n        private updateRoleUseCase: UpdateRoleUseCase.Interface,\n        private deleteRoleUseCase: DeleteRoleUseCase.Interface,\n        private cache: RolesListCache.Interface,\n        private stringFormatter: StringFormatter.Interface\n    ) {\n        this._form = this.buildForm(false, false);\n        makeAutoObservable<\n            RolesPresenterImpl,\n            | \"formModelFactory\"\n            | \"listRolesUseCase\"\n            | \"getRoleUseCase\"\n            | \"createRoleUseCase\"\n            | \"updateRoleUseCase\"\n            | \"deleteRoleUseCase\"\n            | \"cache\"\n            | \"stringFormatter\"\n        >(this, {\n            formModelFactory: false,\n            listRolesUseCase: false,\n            getRoleUseCase: false,\n            createRoleUseCase: false,\n            updateRoleUseCase: false,\n            deleteRoleUseCase: false,\n            cache: false,\n            stringFormatter: false,\n            vm: computed\n        });\n    }\n\n    get vm(): IRolesPresenterViewModel {\n        const role = this._selectedRole;\n        const isSystemRole = role !== null && (role.slug === \"full-access\" || role.system === true);\n        const isPluginRole = role !== null && (role.plugin ?? false);\n\n        return {\n            selectedRole: this._selectedRole,\n            loading: this._loading,\n            saving: this._saving,\n            showForm: this._showForm,\n            canModify: !isSystemRole && !isPluginRole,\n            isSystemRole,\n            form: this._form.vm\n        };\n    }\n\n    get list(): ListPresenter.Interface<Role> {\n        return this._listPresenter;\n    }\n\n    init(): void {\n        const dataSource = new RolesDataSource(this.listRolesUseCase, this.cache);\n\n        this._listPresenter.init({\n            dataSource,\n            initialSort: { field: \"createdOn\", direction: \"DESC\" },\n            limit: 1000\n        });\n    }\n\n    async selectRole(id: string): Promise<void> {\n        runInAction(() => {\n            this._loading = true;\n            this._showForm = true;\n        });\n\n        try {\n            const role = await this.getRoleUseCase.execute(id);\n            const isSystemRole = role.slug === \"full-access\" || role.system === true;\n            const isPluginRole = role.plugin ?? false;\n            const canModify = !isSystemRole && !isPluginRole;\n\n            runInAction(() => {\n                this._selectedRole = role;\n                this._form = this.buildForm(false, canModify, role.id);\n                this._form.setData({\n                    name: role.name,\n                    slug: role.slug,\n                    description: role.description ?? \"\",\n                    permissions: role.permissions || []\n                });\n            });\n        } finally {\n            runInAction(() => {\n                this._loading = false;\n            });\n        }\n    }\n\n    createNew(): void {\n        this._selectedRole = null;\n        this._form = this.buildForm(true, true, \"new\");\n        this._showForm = true;\n    }\n\n    deselect(): void {\n        this._selectedRole = null;\n        this._showForm = false;\n    }\n\n    async save(): Promise<Role | null> {\n        const data = await this._form.submit<Role>();\n        if (!data) {\n            return null;\n        }\n\n        runInAction(() => {\n            this._saving = true;\n        });\n\n        try {\n            const isUpdate = this._selectedRole !== null && this._selectedRole.createdOn;\n\n            if (isUpdate) {\n                const role = await this.updateRoleUseCase.execute(this._selectedRole!.id, {\n                    name: data.name as string,\n                    description: data.description as string,\n                    permissions: data.permissions\n                });\n                runInAction(() => {\n                    this._selectedRole = role;\n                });\n                return role;\n            } else {\n                const role = await this.createRoleUseCase.execute({\n                    name: data.name as string,\n                    slug: data.slug as string,\n                    description: data.description as string,\n                    permissions: data.permissions\n                });\n                runInAction(() => {\n                    this._selectedRole = role;\n                    this._form = this.buildForm(false, true, role.id);\n                    this._form.setData({\n                        name: role.name,\n                        slug: role.slug,\n                        description: role.description ?? \"\",\n                        permissions: role.permissions || []\n                    });\n                });\n                return role;\n            }\n            // Errors deliberately propagate to the caller, which reports them to the user. This\n            // used to be a bare `catch { return null }`, and `null` is also what `save()` returns\n            // when client-side validation fails - so a rejected request looked to the view exactly\n            // like a form that had not been submitted, and failed silently.\n        } finally {\n            runInAction(() => {\n                this._saving = false;\n            });\n        }\n    }\n\n    async deleteRole(id: string): Promise<void> {\n        await this.deleteRoleUseCase.execute(id);\n\n        runInAction(() => {\n            if (this._selectedRole !== null && this._selectedRole.id === id) {\n                this._selectedRole = null;\n                this._showForm = false;\n            }\n        });\n    }\n\n    private buildForm(isNew: boolean, canModify: boolean, entityId?: string): IFormModel {\n        return this.formModelFactory.create({\n            fields: fields => ({\n                name: fields\n                    .text()\n                    .label(\"Name\")\n                    .required(\"Name is required.\")\n                    .disabled(!canModify)\n                    .onBlur((value, { form }) => {\n                        const slugValue = form.field(\"slug\").getValue();\n                        if (slugValue || !value) {\n                            return;\n                        }\n                        form.field(\"slug\").setValue(this.stringFormatter.slugify(String(value)));\n                    }),\n                slug: fields\n                    .text()\n                    .label(\"Slug\")\n                    .required(\"Slug is required.\")\n                    .disabled(!isNew || !canModify),\n                description: fields\n                    .text()\n                    .label(\"Description\")\n                    .defaultValue(\"\")\n                    .schema(\n                        z.string().max(500, \"Description cannot be longer than 500 characters.\")\n                    )\n                    .renderer(\"textarea\")\n                    .disabled(!canModify),\n                permissions: fields\n                    .permissions()\n                    .label(\"Permissions\")\n                    .renderer(\"permissions\", { id: entityId || \"new\" })\n                    .hiddenWhen(() => {\n                        const role = this._selectedRole;\n                        return (\n                            role !== null && (role.slug === \"full-access\" || role.system === true)\n                        );\n                    })\n            }),\n            layout: layout => [\n                layout.row(\"name\", \"slug\"),\n                layout.row(\"description\"),\n                layout.row(\"permissions\")\n            ]\n        });\n    }\n}\n\nexport const RolesPresenter = Abstraction.createImplementation({\n    implementation: RolesPresenterImpl,\n    dependencies: [\n        ListPresenter,\n        FormModelFactory,\n        ListRolesUseCase,\n        GetRoleUseCase,\n        CreateRoleUseCase,\n        UpdateRoleUseCase,\n        DeleteRoleUseCase,\n        RolesListCache,\n        StringFormatter\n    ]\n});\n"],"names":["RolesPresenterImpl","_listPresenter","formModelFactory","listRolesUseCase","getRoleUseCase","createRoleUseCase","updateRoleUseCase","deleteRoleUseCase","cache","stringFormatter","makeAutoObservable","computed","role","isSystemRole","isPluginRole","dataSource","RolesDataSource","id","runInAction","canModify","data","isUpdate","isNew","entityId","fields","value","form","slugValue","String","z","layout","RolesPresenter","Abstraction","ListPresenter","FormModelFactory","ListRolesUseCase","GetRoleUseCase","CreateRoleUseCase","UpdateRoleUseCase","DeleteRoleUseCase","RolesListCache","StringFormatter"],"mappings":"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"}

package/presentation/accessManagement/roles/components/RolesDataList.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+export declare const RolesDataList: (({ activeId }: {
+    activeId: string | undefined;
+}) => React.JSX.Element) & React.NamedExoticComponent<{
+    activeId: string | undefined;
+}> & {
+    readonly type: ({ activeId }: {
+        activeId: string | undefined;
+    }) => React.JSX.Element;
+};