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

package/permissions/usePermissionForm.js

@@ -0,0 +1,157 @@
+import { useCallback, useMemo } from "react";
+function hasAction(entity, name) {
+    return entity.actions?.some((a)=>a.name === name) ?? false;
+}
+function resolveFullAccess(schema) {
+    const name = `${schema.prefix}.*`;
+    if (true === schema.fullAccess) return {
+        name
+    };
+    return {
+        name,
+        ...schema.fullAccess
+    };
+}
+function resolveReadOnlyAccess(schema) {
+    if (!schema.readOnlyAccess) return;
+    if (true === schema.readOnlyAccess) return [
+        {
+            name: `${schema.prefix}.*`,
+            rwd: "r"
+        }
+    ];
+    return schema.readOnlyAccess;
+}
+function deserializePermissions(schema, value) {
+    if (!Array.isArray(value)) return {
+        accessLevel: "no"
+    };
+    if (value.some((p)=>p.name === `$${schema.prefix}.readonly`)) return {
+        accessLevel: "read-only"
+    };
+    const fullAccessName = `${schema.prefix}.*`;
+    const hasFullAccess = value.some((p)=>"*" === p.name || p.name === fullAccessName);
+    if (hasFullAccess) return {
+        accessLevel: "full"
+    };
+    const ownPermissions = value.filter((p)=>p.name.startsWith(schema.prefix));
+    if (0 === ownPermissions.length) return {
+        accessLevel: "no"
+    };
+    const data = {
+        accessLevel: "custom"
+    };
+    const entities = schema.entities || [];
+    for (const entity of entities){
+        const perm = ownPermissions.find((p)=>p.name === entity.permission);
+        if (perm) {
+            if (true === perm.own) data[`${entity.id}AccessScope`] = "own";
+            else data[`${entity.id}AccessScope`] = "full";
+            for (const action of entity.actions ?? [])if ("rwd" === action.name) data[`${entity.id}RWD`] = perm.rwd || "r";
+            else if ("pw" === action.name) data[`${entity.id}PW`] = perm.pw ? perm.pw.split("") : [];
+            else data[`${entity.id}Action_${action.name}`] = true === perm[action.name];
+        }
+    }
+    return data;
+}
+function serializePermissions(schema, formData, currentValue) {
+    const filtered = Array.isArray(currentValue) ? currentValue.filter((p)=>!p.name.startsWith(schema.prefix) && !p.name.startsWith(`$${schema.prefix}`)) : [];
+    if ("no" === formData.accessLevel || !formData.accessLevel) return filtered;
+    if ("full" === formData.accessLevel) return [
+        ...filtered,
+        resolveFullAccess(schema)
+    ];
+    const readOnlyPermissions = resolveReadOnlyAccess(schema);
+    if ("read-only" === formData.accessLevel && readOnlyPermissions) return [
+        ...filtered,
+        {
+            name: `$${schema.prefix}.readonly`
+        },
+        ...readOnlyPermissions
+    ];
+    const entities = schema.entities || [];
+    const entityMap = new Map();
+    for (const entity of entities)entityMap.set(entity.id, entity);
+    const resolvedScopes = new Map();
+    for (const entity of entities){
+        const scope = formData[`${entity.id}AccessScope`];
+        if (!scope || "no" === scope) continue;
+        let resolvedScope = scope;
+        if (entity.dependsOn) {
+            const parentScope = resolvedScopes.get(entity.dependsOn.entity);
+            if ("own" === parentScope) resolvedScope = "own";
+        }
+        resolvedScopes.set(entity.id, resolvedScope);
+    }
+    for (const entity of entities){
+        if (!entity.dependsOn || !resolvedScopes.has(entity.id)) continue;
+        const parentScope = resolvedScopes.get(entity.dependsOn.entity);
+        if (!parentScope) {
+            resolvedScopes.delete(entity.id);
+            continue;
+        }
+        const parentEntity = entityMap.get(entity.dependsOn.entity);
+        if (parentEntity && hasAction(parentEntity, "rwd")) {
+            const parentRwd = "own" === parentScope ? "rwd" : formData[`${entity.dependsOn.entity}RWD`] || "r";
+            if (!parentRwd.includes(entity.dependsOn.requires)) resolvedScopes.delete(entity.id);
+        }
+    }
+    const permissions = [];
+    for (const entity of entities){
+        const scope = resolvedScopes.get(entity.id);
+        if (!scope) continue;
+        const perm = {
+            name: entity.permission
+        };
+        if ("own" === scope) {
+            perm.own = true;
+            if (hasAction(entity, "rwd")) perm.rwd = "rwd";
+        } else if (hasAction(entity, "rwd")) perm.rwd = formData[`${entity.id}RWD`] || "r";
+        for (const action of entity.actions ?? [])if ("rwd" !== action.name) {
+            if ("pw" === action.name) {
+                const pw = formData[`${entity.id}PW`] || [];
+                if (pw.length > 0) perm.pw = pw.join("");
+            } else if (formData[`${entity.id}Action_${action.name}`]) perm[action.name] = true;
+        }
+        permissions.push(perm);
+    }
+    return [
+        ...filtered,
+        ...permissions
+    ];
+}
+function usePermissionForm(schema, options) {
+    const { value, onChange } = options;
+    const formData = useMemo(()=>{
+        let data = deserializePermissions(schema, value);
+        if (options.deserialize) {
+            const extra = options.deserialize(Array.isArray(value) ? value : []);
+            data = {
+                ...data,
+                ...extra
+            };
+        }
+        return data;
+    }, []);
+    const onFormChange = useCallback((data)=>{
+        let result = serializePermissions(schema, data, value);
+        if (options.serialize) {
+            result = options.serialize(data, result.filter((p)=>p.name.startsWith(schema.prefix)));
+            const nonSchemaPermissions = Array.isArray(value) ? value.filter((p)=>!p.name.startsWith(schema.prefix) && !p.name.startsWith(`$${schema.prefix}`)) : [];
+            result = [
+                ...nonSchemaPermissions,
+                ...result
+            ];
+        }
+        onChange(result);
+    }, [
+        value
+    ]);
+    return {
+        formData,
+        onFormChange
+    };
+}
+export { deserializePermissions, serializePermissions, usePermissionForm };
+
+//# sourceMappingURL=usePermissionForm.js.map

package/permissions/usePermissionForm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"permissions/usePermissionForm.js","sources":["../../src/permissions/usePermissionForm.ts"],"sourcesContent":["import { useMemo, useCallback } from \"react\";\nimport type {\n    Permission,\n    PermissionSchema,\n    EntityDefinition,\n    UsePermissionFormOptions,\n    UsePermissionFormResult\n} from \"./types.js\";\n\nfunction hasAction(entity: EntityDefinition, name: string): boolean {\n    return entity.actions?.some(a => a.name === name) ?? false;\n}\n\n/** Resolve fullAccess config into a concrete Permission object. */\nfunction resolveFullAccess(schema: PermissionSchema): Permission {\n    const name = `${schema.prefix}.*`;\n    if (schema.fullAccess === true) {\n        return { name };\n    }\n    return { name, ...schema.fullAccess };\n}\n\n/** Resolve readOnlyAccess config into a concrete Permission[]. */\nfunction resolveReadOnlyAccess(schema: PermissionSchema): Permission[] | undefined {\n    if (!schema.readOnlyAccess) {\n        return undefined;\n    }\n    if (schema.readOnlyAccess === true) {\n        return [{ name: `${schema.prefix}.*`, rwd: \"r\" }];\n    }\n    return schema.readOnlyAccess;\n}\n\n/**\n * Deserialize Permission[] into form data based on the schema.\n */\nfunction deserializePermissions(\n    schema: PermissionSchema,\n    value: Permission[]\n): Record<string, any> {\n    if (!Array.isArray(value)) {\n        return { accessLevel: \"no\" };\n    }\n\n    // Check for read-only access by looking for the synthetic marker permission.\n    if (value.some(p => p.name === `$${schema.prefix}.readonly`)) {\n        return { accessLevel: \"read-only\" };\n    }\n\n    // Check for full access: either wildcard or the schema's fullAccess permission.\n    const fullAccessName = `${schema.prefix}.*`;\n    const hasFullAccess = value.some(p => p.name === \"*\" || p.name === fullAccessName);\n    if (hasFullAccess) {\n        return { accessLevel: \"full\" };\n    }\n\n    // Filter permissions that belong to this schema's prefix.\n    const ownPermissions = value.filter(p => p.name.startsWith(schema.prefix));\n    if (ownPermissions.length === 0) {\n        return { accessLevel: \"no\" };\n    }\n\n    // Custom access level — extract per-entity form fields.\n    const data: Record<string, any> = { accessLevel: \"custom\" };\n    const entities = schema.entities || [];\n\n    for (const entity of entities) {\n        const perm = ownPermissions.find(p => p.name === entity.permission);\n        if (!perm) {\n            continue;\n        }\n\n        // Access scope: \"own\" if perm.own === true, else \"full\".\n        if (perm.own === true) {\n            data[`${entity.id}AccessScope`] = \"own\";\n        } else {\n            data[`${entity.id}AccessScope`] = \"full\";\n        }\n\n        // Process actions.\n        for (const action of entity.actions ?? []) {\n            if (action.name === \"rwd\") {\n                data[`${entity.id}RWD`] = perm.rwd || \"r\";\n            } else if (action.name === \"pw\") {\n                data[`${entity.id}PW`] = perm.pw ? perm.pw.split(\"\") : [];\n            } else {\n                // Custom boolean action.\n                data[`${entity.id}Action_${action.name}`] = perm[action.name] === true;\n            }\n        }\n    }\n\n    return data;\n}\n\n/**\n * Serialize form data into Permission[] based on the schema.\n */\nfunction serializePermissions(\n    schema: PermissionSchema,\n    formData: Record<string, any>,\n    currentValue: Permission[]\n): Permission[] {\n    // Start by filtering out all permissions belonging to this schema's prefix.\n    const filtered = Array.isArray(currentValue)\n        ? currentValue.filter(\n              p => !p.name.startsWith(schema.prefix) && !p.name.startsWith(`$${schema.prefix}`)\n          )\n        : [];\n\n    if (formData.accessLevel === \"no\" || !formData.accessLevel) {\n        return filtered;\n    }\n\n    if (formData.accessLevel === \"full\") {\n        return [...filtered, resolveFullAccess(schema)];\n    }\n\n    const readOnlyPermissions = resolveReadOnlyAccess(schema);\n    if (formData.accessLevel === \"read-only\" && readOnlyPermissions) {\n        return [...filtered, { name: `$${schema.prefix}.readonly` }, ...readOnlyPermissions];\n    }\n\n    const entities = schema.entities || [];\n\n    // Custom access — build entity permissions.\n    // First, build a map of entity definitions by ID for dependency lookups.\n    const entityMap = new Map<string, EntityDefinition>();\n    for (const entity of entities) {\n        entityMap.set(entity.id, entity);\n    }\n\n    // Resolve cascading \"own\" scopes: if a parent is \"own\", children must be \"own\" too.\n    const resolvedScopes = new Map<string, string>();\n    for (const entity of entities) {\n        const scope = formData[`${entity.id}AccessScope`];\n        if (!scope || scope === \"no\") {\n            continue;\n        }\n\n        let resolvedScope = scope;\n\n        // If this entity depends on a parent and the parent scope is \"own\",\n        // force this entity's scope to \"own\" as well.\n        if (entity.dependsOn) {\n            const parentScope = resolvedScopes.get(entity.dependsOn.entity);\n            if (parentScope === \"own\") {\n                resolvedScope = \"own\";\n            }\n        }\n\n        resolvedScopes.set(entity.id, resolvedScope);\n    }\n\n    // Prune resolved scopes based on dependencies (must run before building permissions\n    // so that transitive dependencies are properly pruned).\n    for (const entity of entities) {\n        if (!entity.dependsOn || !resolvedScopes.has(entity.id)) {\n            continue;\n        }\n\n        const parentScope = resolvedScopes.get(entity.dependsOn.entity);\n        if (!parentScope) {\n            // Parent entity is not enabled — prune child.\n            resolvedScopes.delete(entity.id);\n            continue;\n        }\n\n        const parentEntity = entityMap.get(entity.dependsOn.entity);\n        if (parentEntity && hasAction(parentEntity, \"rwd\")) {\n            const parentRwd =\n                parentScope === \"own\" ? \"rwd\" : formData[`${entity.dependsOn.entity}RWD`] || \"r\";\n            if (!parentRwd.includes(entity.dependsOn.requires)) {\n                // Parent doesn't have the required action — prune child.\n                resolvedScopes.delete(entity.id);\n            }\n        }\n    }\n\n    // Build permissions from the pruned resolved scopes.\n    const permissions: Permission[] = [];\n\n    for (const entity of entities) {\n        const scope = resolvedScopes.get(entity.id);\n        if (!scope) {\n            continue;\n        }\n\n        const perm: Permission = {\n            name: entity.permission\n        };\n\n        if (scope === \"own\") {\n            perm.own = true;\n            if (hasAction(entity, \"rwd\")) {\n                perm.rwd = \"rwd\";\n            }\n        } else if (hasAction(entity, \"rwd\")) {\n            perm.rwd = formData[`${entity.id}RWD`] || \"r\";\n        }\n\n        // Process non-rwd actions.\n        for (const action of entity.actions ?? []) {\n            if (action.name === \"rwd\") {\n                continue; // Already handled above.\n            }\n\n            if (action.name === \"pw\") {\n                const pw: string[] = formData[`${entity.id}PW`] || [];\n                if (pw.length > 0) {\n                    perm.pw = pw.join(\"\");\n                }\n            } else {\n                // Custom boolean action.\n                if (formData[`${entity.id}Action_${action.name}`]) {\n                    perm[action.name] = true;\n                }\n            }\n        }\n\n        permissions.push(perm);\n    }\n\n    return [...filtered, ...permissions];\n}\n\n/**\n * Hook that bridges a permission schema with a Form component.\n *\n * Handles bidirectional transformation between Permission[] and form data,\n * with optional custom serialize/deserialize callbacks for app-specific needs.\n */\nexport function usePermissionForm(\n    schema: PermissionSchema,\n    options: UsePermissionFormOptions\n): UsePermissionFormResult {\n    const { value, onChange } = options;\n\n    const formData = useMemo(() => {\n        let data = deserializePermissions(schema, value);\n\n        // Merge custom deserialized data if provided.\n        if (options.deserialize) {\n            const extra = options.deserialize(Array.isArray(value) ? value : []);\n            data = { ...data, ...extra };\n        }\n\n        return data;\n    }, []);\n\n    const onFormChange = useCallback(\n        (data: Record<string, any>) => {\n            let result = serializePermissions(schema, data, value);\n\n            // Apply custom serializer if provided.\n            if (options.serialize) {\n                result = options.serialize(\n                    data,\n                    result.filter(p => p.name.startsWith(schema.prefix))\n                );\n                // Re-add non-schema permissions that were filtered out.\n                const nonSchemaPermissions = Array.isArray(value)\n                    ? value.filter(\n                          p =>\n                              !p.name.startsWith(schema.prefix) &&\n                              !p.name.startsWith(`$${schema.prefix}`)\n                      )\n                    : [];\n                result = [...nonSchemaPermissions, ...result];\n            }\n\n            onChange(result);\n        },\n        [value]\n    );\n\n    return { formData, onFormChange };\n}\n\n// Export the pure functions for unit testing.\nexport { deserializePermissions, serializePermissions };\n"],"names":["hasAction","entity","name","a","resolveFullAccess","schema","resolveReadOnlyAccess","deserializePermissions","value","Array","p","fullAccessName","hasFullAccess","ownPermissions","data","entities","perm","action","serializePermissions","formData","currentValue","filtered","readOnlyPermissions","entityMap","Map","resolvedScopes","scope","resolvedScope","parentScope","parentEntity","parentRwd","permissions","pw","usePermissionForm","options","onChange","useMemo","extra","onFormChange","useCallback","result","nonSchemaPermissions"],"mappings":";AASA,SAASA,UAAUC,MAAwB,EAAEC,IAAY;IACrD,OAAOD,OAAO,OAAO,EAAE,KAAKE,CAAAA,IAAKA,EAAE,IAAI,KAAKD,SAAS;AACzD;AAGA,SAASE,kBAAkBC,MAAwB;IAC/C,MAAMH,OAAO,GAAGG,OAAO,MAAM,CAAC,EAAE,CAAC;IACjC,IAAIA,AAAsB,SAAtBA,OAAO,UAAU,EACjB,OAAO;QAAEH;IAAK;IAElB,OAAO;QAAEA;QAAM,GAAGG,OAAO,UAAU;IAAC;AACxC;AAGA,SAASC,sBAAsBD,MAAwB;IACnD,IAAI,CAACA,OAAO,cAAc,EACtB;IAEJ,IAAIA,AAA0B,SAA1BA,OAAO,cAAc,EACrB,OAAO;QAAC;YAAE,MAAM,GAAGA,OAAO,MAAM,CAAC,EAAE,CAAC;YAAE,KAAK;QAAI;KAAE;IAErD,OAAOA,OAAO,cAAc;AAChC;AAKA,SAASE,uBACLF,MAAwB,EACxBG,KAAmB;IAEnB,IAAI,CAACC,MAAM,OAAO,CAACD,QACf,OAAO;QAAE,aAAa;IAAK;IAI/B,IAAIA,MAAM,IAAI,CAACE,CAAAA,IAAKA,EAAE,IAAI,KAAK,CAAC,CAAC,EAAEL,OAAO,MAAM,CAAC,SAAS,CAAC,GACvD,OAAO;QAAE,aAAa;IAAY;IAItC,MAAMM,iBAAiB,GAAGN,OAAO,MAAM,CAAC,EAAE,CAAC;IAC3C,MAAMO,gBAAgBJ,MAAM,IAAI,CAACE,CAAAA,IAAKA,AAAW,QAAXA,EAAE,IAAI,IAAYA,EAAE,IAAI,KAAKC;IACnE,IAAIC,eACA,OAAO;QAAE,aAAa;IAAO;IAIjC,MAAMC,iBAAiBL,MAAM,MAAM,CAACE,CAAAA,IAAKA,EAAE,IAAI,CAAC,UAAU,CAACL,OAAO,MAAM;IACxE,IAAIQ,AAA0B,MAA1BA,eAAe,MAAM,EACrB,OAAO;QAAE,aAAa;IAAK;IAI/B,MAAMC,OAA4B;QAAE,aAAa;IAAS;IAC1D,MAAMC,WAAWV,OAAO,QAAQ,IAAI,EAAE;IAEtC,KAAK,MAAMJ,UAAUc,SAAU;QAC3B,MAAMC,OAAOH,eAAe,IAAI,CAACH,CAAAA,IAAKA,EAAE,IAAI,KAAKT,OAAO,UAAU;QAClE,IAAKe;YAKL,IAAIA,AAAa,SAAbA,KAAK,GAAG,EACRF,IAAI,CAAC,GAAGb,OAAO,EAAE,CAAC,WAAW,CAAC,CAAC,GAAG;iBAElCa,IAAI,CAAC,GAAGb,OAAO,EAAE,CAAC,WAAW,CAAC,CAAC,GAAG;YAItC,KAAK,MAAMgB,UAAUhB,OAAO,OAAO,IAAI,EAAE,CACrC,IAAIgB,AAAgB,UAAhBA,OAAO,IAAI,EACXH,IAAI,CAAC,GAAGb,OAAO,EAAE,CAAC,GAAG,CAAC,CAAC,GAAGe,KAAK,GAAG,IAAI;iBACnC,IAAIC,AAAgB,SAAhBA,OAAO,IAAI,EAClBH,IAAI,CAAC,GAAGb,OAAO,EAAE,CAAC,EAAE,CAAC,CAAC,GAAGe,KAAK,EAAE,GAAGA,KAAK,EAAE,CAAC,KAAK,CAAC,MAAM,EAAE;iBAGzDF,IAAI,CAAC,GAAGb,OAAO,EAAE,CAAC,OAAO,EAAEgB,OAAO,IAAI,EAAE,CAAC,GAAGD,AAAsB,SAAtBA,IAAI,CAACC,OAAO,IAAI,CAAC;;IAGzE;IAEA,OAAOH;AACX;AAKA,SAASI,qBACLb,MAAwB,EACxBc,QAA6B,EAC7BC,YAA0B;IAG1B,MAAMC,WAAWZ,MAAM,OAAO,CAACW,gBACzBA,aAAa,MAAM,CACfV,CAAAA,IAAK,CAACA,EAAE,IAAI,CAAC,UAAU,CAACL,OAAO,MAAM,KAAK,CAACK,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,EAAEL,OAAO,MAAM,EAAE,KAEpF,EAAE;IAER,IAAIc,AAAyB,SAAzBA,SAAS,WAAW,IAAa,CAACA,SAAS,WAAW,EACtD,OAAOE;IAGX,IAAIF,AAAyB,WAAzBA,SAAS,WAAW,EACpB,OAAO;WAAIE;QAAUjB,kBAAkBC;KAAQ;IAGnD,MAAMiB,sBAAsBhB,sBAAsBD;IAClD,IAAIc,AAAyB,gBAAzBA,SAAS,WAAW,IAAoBG,qBACxC,OAAO;WAAID;QAAU;YAAE,MAAM,CAAC,CAAC,EAAEhB,OAAO,MAAM,CAAC,SAAS,CAAC;QAAC;WAAMiB;KAAoB;IAGxF,MAAMP,WAAWV,OAAO,QAAQ,IAAI,EAAE;IAItC,MAAMkB,YAAY,IAAIC;IACtB,KAAK,MAAMvB,UAAUc,SACjBQ,UAAU,GAAG,CAACtB,OAAO,EAAE,EAAEA;IAI7B,MAAMwB,iBAAiB,IAAID;IAC3B,KAAK,MAAMvB,UAAUc,SAAU;QAC3B,MAAMW,QAAQP,QAAQ,CAAC,GAAGlB,OAAO,EAAE,CAAC,WAAW,CAAC,CAAC;QACjD,IAAI,CAACyB,SAASA,AAAU,SAAVA,OACV;QAGJ,IAAIC,gBAAgBD;QAIpB,IAAIzB,OAAO,SAAS,EAAE;YAClB,MAAM2B,cAAcH,eAAe,GAAG,CAACxB,OAAO,SAAS,CAAC,MAAM;YAC9D,IAAI2B,AAAgB,UAAhBA,aACAD,gBAAgB;QAExB;QAEAF,eAAe,GAAG,CAACxB,OAAO,EAAE,EAAE0B;IAClC;IAIA,KAAK,MAAM1B,UAAUc,SAAU;QAC3B,IAAI,CAACd,OAAO,SAAS,IAAI,CAACwB,eAAe,GAAG,CAACxB,OAAO,EAAE,GAClD;QAGJ,MAAM2B,cAAcH,eAAe,GAAG,CAACxB,OAAO,SAAS,CAAC,MAAM;QAC9D,IAAI,CAAC2B,aAAa;YAEdH,eAAe,MAAM,CAACxB,OAAO,EAAE;YAC/B;QACJ;QAEA,MAAM4B,eAAeN,UAAU,GAAG,CAACtB,OAAO,SAAS,CAAC,MAAM;QAC1D,IAAI4B,gBAAgB7B,UAAU6B,cAAc,QAAQ;YAChD,MAAMC,YACFF,AAAgB,UAAhBA,cAAwB,QAAQT,QAAQ,CAAC,GAAGlB,OAAO,SAAS,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,IAAI;YACjF,IAAI,CAAC6B,UAAU,QAAQ,CAAC7B,OAAO,SAAS,CAAC,QAAQ,GAE7CwB,eAAe,MAAM,CAACxB,OAAO,EAAE;QAEvC;IACJ;IAGA,MAAM8B,cAA4B,EAAE;IAEpC,KAAK,MAAM9B,UAAUc,SAAU;QAC3B,MAAMW,QAAQD,eAAe,GAAG,CAACxB,OAAO,EAAE;QAC1C,IAAI,CAACyB,OACD;QAGJ,MAAMV,OAAmB;YACrB,MAAMf,OAAO,UAAU;QAC3B;QAEA,IAAIyB,AAAU,UAAVA,OAAiB;YACjBV,KAAK,GAAG,GAAG;YACX,IAAIhB,UAAUC,QAAQ,QAClBe,KAAK,GAAG,GAAG;QAEnB,OAAO,IAAIhB,UAAUC,QAAQ,QACzBe,KAAK,GAAG,GAAGG,QAAQ,CAAC,GAAGlB,OAAO,EAAE,CAAC,GAAG,CAAC,CAAC,IAAI;QAI9C,KAAK,MAAMgB,UAAUhB,OAAO,OAAO,IAAI,EAAE,CACrC,IAAIgB,AAAgB,UAAhBA,OAAO,IAAI,EAIf;YAAA,IAAIA,AAAgB,SAAhBA,OAAO,IAAI,EAAW;gBACtB,MAAMe,KAAeb,QAAQ,CAAC,GAAGlB,OAAO,EAAE,CAAC,EAAE,CAAC,CAAC,IAAI,EAAE;gBACrD,IAAI+B,GAAG,MAAM,GAAG,GACZhB,KAAK,EAAE,GAAGgB,GAAG,IAAI,CAAC;YAE1B,OAEI,IAAIb,QAAQ,CAAC,GAAGlB,OAAO,EAAE,CAAC,OAAO,EAAEgB,OAAO,IAAI,EAAE,CAAC,EAC7CD,IAAI,CAACC,OAAO,IAAI,CAAC,GAAG;QAE5B;QAGJc,YAAY,IAAI,CAACf;IACrB;IAEA,OAAO;WAAIK;WAAaU;KAAY;AACxC;AAQO,SAASE,kBACZ5B,MAAwB,EACxB6B,OAAiC;IAEjC,MAAM,EAAE1B,KAAK,EAAE2B,QAAQ,EAAE,GAAGD;IAE5B,MAAMf,WAAWiB,QAAQ;QACrB,IAAItB,OAAOP,uBAAuBF,QAAQG;QAG1C,IAAI0B,QAAQ,WAAW,EAAE;YACrB,MAAMG,QAAQH,QAAQ,WAAW,CAACzB,MAAM,OAAO,CAACD,SAASA,QAAQ,EAAE;YACnEM,OAAO;gBAAE,GAAGA,IAAI;gBAAE,GAAGuB,KAAK;YAAC;QAC/B;QAEA,OAAOvB;IACX,GAAG,EAAE;IAEL,MAAMwB,eAAeC,YACjB,CAACzB;QACG,IAAI0B,SAAStB,qBAAqBb,QAAQS,MAAMN;QAGhD,IAAI0B,QAAQ,SAAS,EAAE;YACnBM,SAASN,QAAQ,SAAS,CACtBpB,MACA0B,OAAO,MAAM,CAAC9B,CAAAA,IAAKA,EAAE,IAAI,CAAC,UAAU,CAACL,OAAO,MAAM;YAGtD,MAAMoC,uBAAuBhC,MAAM,OAAO,CAACD,SACrCA,MAAM,MAAM,CACRE,CAAAA,IACI,CAACA,EAAE,IAAI,CAAC,UAAU,CAACL,OAAO,MAAM,KAChC,CAACK,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,EAAEL,OAAO,MAAM,EAAE,KAE9C,EAAE;YACRmC,SAAS;mBAAIC;mBAAyBD;aAAO;QACjD;QAEAL,SAASK;IACb,GACA;QAAChC;KAAM;IAGX,OAAO;QAAEW;QAAUmB;IAAa;AACpC"}

package/permissions/usePermissions.d.ts

@@ -0,0 +1,4 @@
+import type { Abstraction } from "@webiny/di";
+import type { PermissionSchemaConfig } from "./types.js";
+import type { UsePermissionsResult } from "./types.js";
+export declare function createUsePermissions<const S extends PermissionSchemaConfig>(abstraction: Abstraction<UsePermissionsResult<S>>): () => UsePermissionsResult<S>;

package/permissions/usePermissions.js

@@ -0,0 +1,10 @@
+import { useContainer } from "@webiny/app";
+function createUsePermissions(abstraction) {
+    return function() {
+        const container = useContainer();
+        return container.resolve(abstraction);
+    };
+}
+export { createUsePermissions };
+
+//# sourceMappingURL=usePermissions.js.map

package/permissions/usePermissions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"permissions/usePermissions.js","sources":["../../src/permissions/usePermissions.ts"],"sourcesContent":["import { useContainer } from \"@webiny/app\";\nimport type { Abstraction } from \"@webiny/di\";\nimport type { PermissionSchemaConfig } from \"./types.js\";\nimport type { UsePermissionsResult } from \"./types.js\";\n\nexport function createUsePermissions<const S extends PermissionSchemaConfig>(\n    abstraction: Abstraction<UsePermissionsResult<S>>\n): () => UsePermissionsResult<S> {\n    return function usePermissions(): UsePermissionsResult<S> {\n        const container = useContainer();\n        return container.resolve(abstraction);\n    };\n}\n"],"names":["createUsePermissions","abstraction","container","useContainer"],"mappings":";AAKO,SAASA,qBACZC,WAAiD;IAEjD,OAAO;QACH,MAAMC,YAAYC;QAClB,OAAOD,UAAU,OAAO,CAACD;IAC7B;AACJ"}

package/presentation/accessManagement/SecurityPermissions.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const SecurityPermissions: () => React.JSX.Element;

package/presentation/accessManagement/SecurityPermissions.js

@@ -0,0 +1,54 @@
+import react, { useMemo } from "react";
+import { AdminConfig } from "../../config/AdminConfig.js";
+import { useFeatureFlags } from "../featureFlags/useFeatureFlags.js";
+import { ReactComponent } from "@webiny/icons/security.svg";
+const { Security: Security } = AdminConfig;
+const SecurityPermissions = ()=>{
+    const featureFlags = useFeatureFlags();
+    const teams = featureFlags.isEnabled("advancedAccessControlLayer.teams");
+    const schema = useMemo(()=>{
+        const entities = [
+            {
+                id: "apiKey",
+                title: "API Keys",
+                permission: "security.apiKey",
+                scopes: [
+                    "full"
+                ]
+            },
+            {
+                id: "group",
+                title: "Roles",
+                permission: "security.group",
+                scopes: [
+                    "full"
+                ]
+            }
+        ];
+        if (teams) entities.push({
+            id: "team",
+            title: "Teams",
+            permission: "security.team",
+            scopes: [
+                "full"
+            ]
+        });
+        return {
+            prefix: "security",
+            fullAccess: true,
+            entities
+        };
+    }, [
+        teams
+    ]);
+    return /*#__PURE__*/ react.createElement(AdminConfig, null, /*#__PURE__*/ react.createElement(Security.Permissions, {
+        name: "security",
+        title: "Security",
+        description: "Manage Security permissions.",
+        icon: /*#__PURE__*/ react.createElement(ReactComponent, null),
+        schema: schema
+    }));
+};
+export { SecurityPermissions };
+
+//# sourceMappingURL=SecurityPermissions.js.map

package/presentation/accessManagement/SecurityPermissions.js.map

@@ -0,0 +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 { 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/ApiKeysDataSource.d.ts

@@ -0,0 +1,13 @@
+import { SimpleDataSource } from "../../../presentation/listPresenter/SimpleDataSource.js";
+import type { IDataSourceQuery } from "../../../presentation/listPresenter/abstractions.js";
+import type { FetchResult } from "../../../presentation/listPresenter/FolderAwareDataSource.js";
+import type { ApiKey } from "../../../features/accessManagement/types.js";
+import type { IListApiKeysUseCase } from "../../../features/accessManagement/apiKeys/listApiKeys/abstractions.js";
+import type { IListCache } from "../../../features/listCache/index.js";
+export declare class ApiKeysDataSource extends SimpleDataSource<ApiKey> {
+    private listApiKeysUseCase;
+    private cache;
+    constructor(listApiKeysUseCase: IListApiKeysUseCase, cache: IListCache<ApiKey>);
+    get rows(): ApiKey[];
+    fetch(_params: IDataSourceQuery): Promise<FetchResult<ApiKey>>;
+}

package/presentation/accessManagement/apiKeys/ApiKeysDataSource.js

@@ -0,0 +1,23 @@
+import { SimpleDataSource } from "../../listPresenter/SimpleDataSource.js";
+class ApiKeysDataSource extends SimpleDataSource {
+    constructor(listApiKeysUseCase, cache){
+        super(), this.listApiKeysUseCase = listApiKeysUseCase, this.cache = cache;
+    }
+    get rows() {
+        return this.cache.getItems();
+    }
+    async fetch(_params) {
+        const result = await this.listApiKeysUseCase.execute();
+        return {
+            data: result.data,
+            meta: {
+                cursor: null,
+                hasMoreItems: false,
+                totalCount: result.data.length
+            }
+        };
+    }
+}
+export { ApiKeysDataSource };
+
+//# sourceMappingURL=ApiKeysDataSource.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/accessManagement/apiKeys/ApiKeysDataSource.js","sources":["../../../../src/presentation/accessManagement/apiKeys/ApiKeysDataSource.ts"],"sourcesContent":["import { SimpleDataSource } from \"~/presentation/listPresenter/SimpleDataSource.js\";\nimport type { IDataSourceQuery } from \"~/presentation/listPresenter/abstractions.js\";\nimport type { FetchResult } from \"~/presentation/listPresenter/FolderAwareDataSource.js\";\nimport type { ApiKey } from \"~/features/accessManagement/types.js\";\nimport type { IListApiKeysUseCase } from \"~/features/accessManagement/apiKeys/listApiKeys/abstractions.js\";\nimport type { IListCache } from \"~/features/listCache/index.js\";\n\nexport class ApiKeysDataSource extends SimpleDataSource<ApiKey> {\n    constructor(\n        private listApiKeysUseCase: IListApiKeysUseCase,\n        private cache: IListCache<ApiKey>\n    ) {\n        super();\n    }\n\n    get rows(): ApiKey[] {\n        return this.cache.getItems();\n    }\n\n    async fetch(_params: IDataSourceQuery): Promise<FetchResult<ApiKey>> {\n        const result = await this.listApiKeysUseCase.execute();\n        return {\n            data: result.data,\n            meta: { cursor: null, hasMoreItems: false, totalCount: result.data.length }\n        };\n    }\n}\n"],"names":["ApiKeysDataSource","SimpleDataSource","listApiKeysUseCase","cache","_params","result"],"mappings":";AAOO,MAAMA,0BAA0BC;IACnC,YACYC,kBAAuC,EACvCC,KAAyB,CACnC;QACE,KAAK,SAHGD,kBAAkB,GAAlBA,oBAAAA,IAAAA,CACAC,KAAK,GAALA;IAGZ;IAEA,IAAI,OAAiB;QACjB,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ;IAC9B;IAEA,MAAM,MAAMC,OAAyB,EAAgC;QACjE,MAAMC,SAAS,MAAM,IAAI,CAAC,kBAAkB,CAAC,OAAO;QACpD,OAAO;YACH,MAAMA,OAAO,IAAI;YACjB,MAAM;gBAAE,QAAQ;gBAAM,cAAc;gBAAO,YAAYA,OAAO,IAAI,CAAC,MAAM;YAAC;QAC9E;IACJ;AACJ"}

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

@@ -0,0 +1,40 @@
+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";
+import { ListApiKeysUseCase, ApiKeysListCache } from "../../../features/accessManagement/apiKeys/listApiKeys/abstractions.js";
+import { GetApiKeyUseCase } from "../../../features/accessManagement/apiKeys/getApiKey/abstractions.js";
+import { CreateApiKeyUseCase } from "../../../features/accessManagement/apiKeys/createApiKey/abstractions.js";
+import { UpdateApiKeyUseCase } from "../../../features/accessManagement/apiKeys/updateApiKey/abstractions.js";
+import { DeleteApiKeyUseCase } from "../../../features/accessManagement/apiKeys/deleteApiKey/abstractions.js";
+import { ApiKeysPresenter as Abstraction } from "./abstractions.js";
+declare class ApiKeysPresenterImpl implements Abstraction.Interface {
+    private _listPresenter;
+    private formModelFactory;
+    private listApiKeysUseCase;
+    private getApiKeyUseCase;
+    private createApiKeyUseCase;
+    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, stringFormatter: StringFormatter.Interface);
+    get vm(): Abstraction.ViewModel;
+    get list(): ListPresenter.Interface<ApiKey>;
+    init(): void;
+    selectApiKey(id: string): Promise<void>;
+    createNew(): void;
+    deselect(): void;
+    save(): Promise<ApiKey | null>;
+    deleteApiKey(id: string): Promise<void>;
+    private buildForm;
+}
+export declare const ApiKeysPresenter: typeof ApiKeysPresenterImpl & {
+    __abstraction: import("@webiny/di").Abstraction<import("./abstractions.js").IApiKeysPresenter>;
+};
+export {};

package/presentation/accessManagement/apiKeys/ApiKeysPresenter.js

@@ -0,0 +1,190 @@
+import { z } from "zod";
+import { computed, makeAutoObservable, runInAction } from "mobx";
+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";
+import { GetApiKeyUseCase } from "../../../features/accessManagement/apiKeys/getApiKey/abstractions.js";
+import { CreateApiKeyUseCase } from "../../../features/accessManagement/apiKeys/createApiKey/abstractions.js";
+import { UpdateApiKeyUseCase } from "../../../features/accessManagement/apiKeys/updateApiKey/abstractions.js";
+import { DeleteApiKeyUseCase } from "../../../features/accessManagement/apiKeys/deleteApiKey/abstractions.js";
+import { ApiKeysPresenter } from "./abstractions.js";
+import { ApiKeysDataSource } from "./ApiKeysDataSource.js";
+class ApiKeysPresenterImpl {
+    constructor(_listPresenter, formModelFactory, listApiKeysUseCase, getApiKeyUseCase, createApiKeyUseCase, updateApiKeyUseCase, deleteApiKeyUseCase, cache, stringFormatter){
+        this._listPresenter = _listPresenter;
+        this.formModelFactory = formModelFactory;
+        this.listApiKeysUseCase = listApiKeysUseCase;
+        this.getApiKeyUseCase = getApiKeyUseCase;
+        this.createApiKeyUseCase = createApiKeyUseCase;
+        this.updateApiKeyUseCase = updateApiKeyUseCase;
+        this.deleteApiKeyUseCase = deleteApiKeyUseCase;
+        this.cache = cache;
+        this.stringFormatter = stringFormatter;
+        this._selectedApiKey = null;
+        this._loading = false;
+        this._saving = false;
+        this._showForm = false;
+        this._form = this.buildForm(true, "new");
+        makeAutoObservable(this, {
+            formModelFactory: false,
+            listApiKeysUseCase: false,
+            getApiKeyUseCase: false,
+            createApiKeyUseCase: false,
+            updateApiKeyUseCase: false,
+            deleteApiKeyUseCase: false,
+            cache: false,
+            stringFormatter: false,
+            vm: computed
+        });
+    }
+    get vm() {
+        return {
+            selectedApiKey: this._selectedApiKey,
+            loading: this._loading,
+            saving: this._saving,
+            showForm: this._showForm,
+            form: this._form.vm
+        };
+    }
+    get list() {
+        return this._listPresenter;
+    }
+    init() {
+        const dataSource = new ApiKeysDataSource(this.listApiKeysUseCase, this.cache);
+        this._listPresenter.init({
+            dataSource,
+            initialSort: {
+                field: "createdOn",
+                direction: "DESC"
+            },
+            limit: 1000
+        });
+    }
+    async selectApiKey(id) {
+        runInAction(()=>{
+            this._loading = true;
+            this._showForm = true;
+        });
+        try {
+            const apiKey = await this.getApiKeyUseCase.execute(id);
+            runInAction(()=>{
+                this._selectedApiKey = apiKey;
+                this._form = this.buildForm(false, apiKey.id);
+                this._form.setData({
+                    name: apiKey.name,
+                    slug: apiKey.slug,
+                    description: apiKey.description ?? "",
+                    token: apiKey.token,
+                    permissions: apiKey.permissions || []
+                });
+            });
+        } finally{
+            runInAction(()=>{
+                this._loading = false;
+            });
+        }
+    }
+    createNew() {
+        this._selectedApiKey = null;
+        this._form = this.buildForm(true, "new");
+        this._showForm = true;
+    }
+    deselect() {
+        this._selectedApiKey = null;
+        this._showForm = false;
+    }
+    async save() {
+        const data = await this._form.submit();
+        if (!data) return null;
+        runInAction(()=>{
+            this._saving = true;
+        });
+        try {
+            const isUpdate = null !== this._selectedApiKey && this._selectedApiKey.createdOn;
+            if (isUpdate) {
+                const apiKey = await this.updateApiKeyUseCase.execute(this._selectedApiKey.id, {
+                    name: data.name,
+                    description: data.description ?? "",
+                    permissions: data.permissions
+                });
+                runInAction(()=>{
+                    this._selectedApiKey = apiKey;
+                });
+                return apiKey;
+            }
+            {
+                const apiKey = await this.createApiKeyUseCase.execute({
+                    name: data.name,
+                    slug: data.slug,
+                    description: data.description ?? "",
+                    permissions: data.permissions
+                });
+                runInAction(()=>{
+                    this._selectedApiKey = apiKey;
+                    this._form = this.buildForm(false, apiKey.id);
+                    this._form.setData({
+                        name: apiKey.name,
+                        slug: apiKey.slug,
+                        description: apiKey.description ?? "",
+                        permissions: apiKey.permissions || []
+                    });
+                });
+                return apiKey;
+            }
+        } finally{
+            runInAction(()=>{
+                this._saving = false;
+            });
+        }
+    }
+    async deleteApiKey(id) {
+        await this.deleteApiKeyUseCase.execute(id);
+        runInAction(()=>{
+            if (null !== this._selectedApiKey && this._selectedApiKey.id === id) {
+                this._selectedApiKey = null;
+                this._showForm = false;
+            }
+        });
+    }
+    buildForm(isNew, entityId) {
+        return this.formModelFactory.create({
+            fields: (fields)=>({
+                    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(this.stringFormatter.slugify(String(value)));
+                    }),
+                    slug: fields.text().label("Slug").required("Slug is required.").disabled(!isNew),
+                    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
+                    })
+                }),
+            layout: (layout)=>[
+                    layout.row("name", "slug"),
+                    layout.row("description"),
+                    layout.row("token"),
+                    layout.row("permissions")
+                ]
+        });
+    }
+}
+const ApiKeysPresenter_ApiKeysPresenter = ApiKeysPresenter.createImplementation({
+    implementation: ApiKeysPresenterImpl,
+    dependencies: [
+        ListPresenter,
+        FormModelFactory,
+        ListApiKeysUseCase,
+        GetApiKeyUseCase,
+        CreateApiKeyUseCase,
+        UpdateApiKeyUseCase,
+        DeleteApiKeyUseCase,
+        ApiKeysListCache,
+        StringFormatter
+    ]
+});
+export { ApiKeysPresenter_ApiKeysPresenter as ApiKeysPresenter };
+
+//# sourceMappingURL=ApiKeysPresenter.js.map

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

@@ -0,0 +1 @@
+{"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/abstractions.d.ts

@@ -0,0 +1,25 @@
+import type { IFormVM } from "../../../features/formModel/abstractions.js";
+import type { IListPresenter } from "../../../presentation/listPresenter/abstractions.js";
+import type { ApiKey } from "../../../features/accessManagement/types.js";
+export interface IApiKeysPresenterViewModel {
+    selectedApiKey: ApiKey | null;
+    loading: boolean;
+    saving: boolean;
+    showForm: boolean;
+    form: IFormVM;
+}
+export interface IApiKeysPresenter {
+    readonly vm: IApiKeysPresenterViewModel;
+    readonly list: IListPresenter<ApiKey>;
+    init(): void;
+    selectApiKey(id: string): Promise<void>;
+    createNew(): void;
+    deselect(): void;
+    save(): Promise<ApiKey | null>;
+    deleteApiKey(id: string): Promise<void>;
+}
+export declare const ApiKeysPresenter: import("@webiny/di").Abstraction<IApiKeysPresenter>;
+export declare namespace ApiKeysPresenter {
+    type Interface = IApiKeysPresenter;
+    type ViewModel = IApiKeysPresenterViewModel;
+}

package/presentation/accessManagement/apiKeys/abstractions.js

@@ -0,0 +1,5 @@
+import { createAbstraction } from "@webiny/feature/admin";
+const ApiKeysPresenter = createAbstraction("AccessManagement/ApiKeysPresenter");
+export { ApiKeysPresenter };
+
+//# sourceMappingURL=abstractions.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/accessManagement/apiKeys/abstractions.js","sources":["../../../../src/presentation/accessManagement/apiKeys/abstractions.ts"],"sourcesContent":["import { createAbstraction } from \"@webiny/feature/admin\";\nimport type { IFormVM } from \"~/features/formModel/abstractions.js\";\nimport type { IListPresenter } from \"~/presentation/listPresenter/abstractions.js\";\nimport type { ApiKey } from \"~/features/accessManagement/types.js\";\n\nexport interface IApiKeysPresenterViewModel {\n    selectedApiKey: ApiKey | null;\n    loading: boolean;\n    saving: boolean;\n    showForm: boolean;\n    form: IFormVM;\n}\n\nexport interface IApiKeysPresenter {\n    readonly vm: IApiKeysPresenterViewModel;\n    readonly list: IListPresenter<ApiKey>;\n    init(): void;\n    selectApiKey(id: string): Promise<void>;\n    createNew(): void;\n    deselect(): void;\n    save(): Promise<ApiKey | null>;\n    deleteApiKey(id: string): Promise<void>;\n}\n\nexport const ApiKeysPresenter = createAbstraction<IApiKeysPresenter>(\n    \"AccessManagement/ApiKeysPresenter\"\n);\n\nexport namespace ApiKeysPresenter {\n    export type Interface = IApiKeysPresenter;\n    export type ViewModel = IApiKeysPresenterViewModel;\n}\n"],"names":["ApiKeysPresenter","createAbstraction"],"mappings":";AAwBO,MAAMA,mBAAmBC,kBAC5B"}

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

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