@webiny/app-security-access-management 0.0.0-unstable.bca7b3e350 → 0.0.0-unstable.c27f4d8a31

package/Extension.d.ts

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

package/Extension.js

@@ -0,0 +1,79 @@
+import React, { Fragment, memo } from "react";
+import { useRouter, AdminConfig, AdminLayout, Wcp } from "@webiny/app-admin";
+import { HasPermission } from "@webiny/app-admin";
+import { Permission } from "./constants.js";
+import { Roles } from "./ui/views/Roles/index.js";
+import { Teams } from "./ui/views/Teams/index.js";
+import { ApiKeys } from "./ui/views/ApiKeys/index.js";
+import { Routes } from "./routes.js";
+import { SecurityPermissions } from "./SecurityPermissions.js";
+const {
+  Menu,
+  Route
+} = AdminConfig;
+const AccessManagementExtension = () => {
+  const router = useRouter();
+  return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(SecurityPermissions, null), /*#__PURE__*/React.createElement(AdminConfig, null, /*#__PURE__*/React.createElement(HasPermission, {
+    name: Permission.Roles
+  }, /*#__PURE__*/React.createElement(Route, {
+    route: Routes.Roles.List,
+    element: /*#__PURE__*/React.createElement(AdminLayout, {
+      title: "Access Management - Roles"
+    }, /*#__PURE__*/React.createElement(Roles, null))
+  })), /*#__PURE__*/React.createElement(Wcp.CanUseTeams, null, /*#__PURE__*/React.createElement(HasPermission, {
+    name: Permission.Teams
+  }, /*#__PURE__*/React.createElement(Route, {
+    route: Routes.Teams.List,
+    element: /*#__PURE__*/React.createElement(AdminLayout, {
+      title: "Access Management - Teams"
+    }, /*#__PURE__*/React.createElement(Teams, null))
+  }))), /*#__PURE__*/React.createElement(HasPermission, {
+    name: Permission.ApiKeys
+  }, /*#__PURE__*/React.createElement(Route, {
+    route: Routes.ApiKeys.List,
+    element: /*#__PURE__*/React.createElement(AdminLayout, {
+      title: "Access Management - API Keys"
+    }, /*#__PURE__*/React.createElement(ApiKeys, null))
+  })), /*#__PURE__*/React.createElement(HasPermission, {
+    any: [Permission.Roles, Permission.ApiKeys, Permission.Teams]
+  }, /*#__PURE__*/React.createElement(Menu, {
+    name: "security.settings",
+    parent: "settings",
+    element: /*#__PURE__*/React.createElement(Menu.Group, {
+      text: "Access Management"
+    })
+  })), /*#__PURE__*/React.createElement(HasPermission, {
+    name: Permission.Roles
+  }, /*#__PURE__*/React.createElement(Menu, {
+    name: "security.roles",
+    parent: "settings",
+    element: /*#__PURE__*/React.createElement(Menu.Link, {
+      text: "Roles",
+      to: router.getLink(Routes.Roles.List),
+      pinnable: true
+    })
+  })), /*#__PURE__*/React.createElement(Wcp.CanUseTeams, null, /*#__PURE__*/React.createElement(HasPermission, {
+    name: Permission.Teams
+  }, /*#__PURE__*/React.createElement(Menu, {
+    name: "security.teams",
+    parent: "settings",
+    element: /*#__PURE__*/React.createElement(Menu.Link, {
+      text: "Teams",
+      to: router.getLink(Routes.Teams.List),
+      pinnable: true
+    })
+  }))), /*#__PURE__*/React.createElement(HasPermission, {
+    name: Permission.ApiKeys
+  }, /*#__PURE__*/React.createElement(Menu, {
+    name: "security.apiKeys",
+    parent: "settings",
+    element: /*#__PURE__*/React.createElement(Menu.Link, {
+      text: "API Keys",
+      to: router.getLink(Routes.ApiKeys.List),
+      pinnable: true
+    })
+  }))));
+};
+export const AccessManagement = /*#__PURE__*/memo(AccessManagementExtension);
+
+//# sourceMappingURL=Extension.js.map

package/Extension.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Fragment","memo","useRouter","AdminConfig","AdminLayout","Wcp","HasPermission","Permission","Roles","Teams","ApiKeys","Routes","SecurityPermissions","Menu","Route","AccessManagementExtension","router","createElement","name","route","List","element","title","CanUseTeams","any","parent","Group","text","Link","to","getLink","pinnable","AccessManagement"],"sources":["Extension.tsx"],"sourcesContent":["import React, { Fragment, memo } from \"react\";\nimport { useRouter, AdminConfig, AdminLayout, Wcp } from \"@webiny/app-admin\";\nimport { HasPermission } from \"@webiny/app-admin\";\nimport { Permission } from \"~/constants.js\";\nimport { Roles } from \"~/ui/views/Roles/index.js\";\nimport { Teams } from \"~/ui/views/Teams/index.js\";\nimport { ApiKeys } from \"~/ui/views/ApiKeys/index.js\";\nimport { Routes } from \"~/routes.js\";\nimport { SecurityPermissions } from \"./SecurityPermissions.js\";\n\nconst { Menu, Route } = AdminConfig;\n\nconst AccessManagementExtension = () => {\n    const router = useRouter();\n\n    return (\n        <Fragment>\n            <SecurityPermissions />\n            <AdminConfig>\n                <HasPermission name={Permission.Roles}>\n                    <Route\n                        route={Routes.Roles.List}\n                        element={\n                            <AdminLayout title={\"Access Management - Roles\"}>\n                                <Roles />\n                            </AdminLayout>\n                        }\n                    />\n                </HasPermission>\n                <Wcp.CanUseTeams>\n                    <HasPermission name={Permission.Teams}>\n                        <Route\n                            route={Routes.Teams.List}\n                            element={\n                                <AdminLayout title={\"Access Management - Teams\"}>\n                                    <Teams />\n                                </AdminLayout>\n                            }\n                        />\n                    </HasPermission>\n                </Wcp.CanUseTeams>\n                <HasPermission name={Permission.ApiKeys}>\n                    <Route\n                        route={Routes.ApiKeys.List}\n                        element={\n                            <AdminLayout title={\"Access Management - API Keys\"}>\n                                <ApiKeys />\n                            </AdminLayout>\n                        }\n                    />\n                </HasPermission>\n\n                <HasPermission any={[Permission.Roles, Permission.ApiKeys, Permission.Teams]}>\n                    <Menu\n                        name={\"security.settings\"}\n                        parent={\"settings\"}\n                        element={<Menu.Group text={\"Access Management\"} />}\n                    />\n                </HasPermission>\n                <HasPermission name={Permission.Roles}>\n                    <Menu\n                        name={\"security.roles\"}\n                        parent={\"settings\"}\n                        element={\n                            <Menu.Link\n                                text={\"Roles\"}\n                                to={router.getLink(Routes.Roles.List)}\n                                pinnable={true}\n                            />\n                        }\n                    />\n                </HasPermission>\n                <Wcp.CanUseTeams>\n                    <HasPermission name={Permission.Teams}>\n                        <Menu\n                            name={\"security.teams\"}\n                            parent={\"settings\"}\n                            element={\n                                <Menu.Link\n                                    text={\"Teams\"}\n                                    to={router.getLink(Routes.Teams.List)}\n                                    pinnable={true}\n                                />\n                            }\n                        />\n                    </HasPermission>\n                </Wcp.CanUseTeams>\n\n                <HasPermission name={Permission.ApiKeys}>\n                    <Menu\n                        name={\"security.apiKeys\"}\n                        parent={\"settings\"}\n                        element={\n                            <Menu.Link\n                                text={\"API Keys\"}\n                                to={router.getLink(Routes.ApiKeys.List)}\n                                pinnable={true}\n                            />\n                        }\n                    />\n                </HasPermission>\n            </AdminConfig>\n        </Fragment>\n    );\n};\n\nexport const AccessManagement = memo(AccessManagementExtension);\n"],"mappings":"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","ignoreList":[]}

package/README.md

@@ -1,115 +1,11 @@
-# @webiny/app-security
-[![](https://img.shields.io/npm/dw/@webiny/app-security.svg)](https://www.npmjs.com/package/@webiny/app-security) 
-[![](https://img.shields.io/npm/v/@webiny/app-security.svg)](https://www.npmjs.com/package/@webiny/app-security)
-[![code style: prettier](https://img.shields.io/badge/code_style-prettier-ff69b4.svg?style=flat-square)](https://github.com/prettier/prettier)
-[![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square)](http://makeapullrequest.com)
+# @webiny/app-security-access-management
 
-Exposes a simple `SecurityProvider` React provider component and enables you to quickly retrieve the currently signed-in user via the `useSecurity` React hook.
+> [!NOTE]
+> This package is part of the [Webiny](https://www.webiny.com) monorepo.
+> It’s **included in every Webiny project by default** and is not meant to be used as a standalone package.
 
-## Install
-```
-npm install --save @webiny/app-security
-```
+📘 **Documentation:** [https://www.webiny.com/docs](https://www.webiny.com/docs)
 
-Or if you prefer yarn: 
-```
-yarn add @webiny/app-security
-```
+---
 
-## Quick Example
-
-First, make sure you mount the `SecurityProvider` React provider component in your application's entrypoint component, for example the `App` component: 
-
-```tsx
-import React from "react";
-import { Routes } from "@webiny/app/components/Routes";
-import { BrowserRouter } from "@webiny/react-router";
-import { SecurityProvider } from "@webiny/app-security";
-import Authenticator from "./components/Authenticator";
-
-export const App = () => (
-    <>
-        {/*
-        <SecurityProvider> is a generic provider of identity information. 3rd party identity providers (like Cognito,
-        Okta, Auth0) will handle the authentication, and set the information about the user into this provider,
-        so other parts of the system have a centralized place to fetch user information from.
-    */}
-        <SecurityProvider>
-            {/* This is the component that might trigger the initial authentication
-        process and set the retrieved user data into the Security provider.*/}
-            <Authenticator>
-                <BrowserRouter basename={process.env.PUBLIC_URL}>
-                    <Routes />
-                </BrowserRouter>
-            </Authenticator>
-        </SecurityProvider>
-    </>
-);
-```
-
-A simple `Authenticator` React component (uses Amazon Cognito and AWS Amplify's [`Auth`](https://github.com/aws-amplify/amplify-js/blob/main/packages/auth/src/Auth.ts#L100) class):
-
-```tsx
-import React, { useEffect } from "react";
-import { Auth } from "@aws-amplify/auth";
-import { useSecurity, SecurityIdentity } from "@webiny/app-security";
-
-// Apart from the React component, we also configure the Auth class here.
-Auth.configure({
-    region: process.env.REACT_APP_USER_POOL_REGION,
-    userPoolId: process.env.REACT_APP_USER_POOL_ID,
-    userPoolWebClientId: process.env.REACT_APP_USER_POOL_WEB_CLIENT_ID,
-    oauth: {
-        domain: process.env.REACT_APP_USER_POOL_DOMAIN,
-        redirectSignIn: `${location.origin}?signIn`,
-        redirectSignOut: `${location.origin}?signOut`,
-        responseType: "token"
-    }
-});
-
-// The `Authenticator` component.
-const Authenticator: React.FC = props => {
-    const { setIdentity } = useSecurity();
-
-    useEffect(() => {
-        // Get the currently signed-in user.
-        Auth.currentSession().then(response => {
-            const user = response.getIdToken().payload;
-            setIdentity(
-                new SecurityIdentity({
-                    login: user.email,
-                    firstName: user.given_name,
-                    lastName: user.family_name,
-                    logout: () => {
-                        Auth.signOut();
-                        setIdentity(null);
-                    }
-                })
-            );
-        }).catch(() => { /* Do nothing. */ });
-    }, []);
-
-    return <>{props.children}</>;
-};
-
-export default Authenticator;
-```
-
-Finally, use the `useSecurity` React hook in any of your components:
-
-```tsx
-import React from "react";
-import { useSecurity } from "@webiny/app-security";
-
-const MyComponent: React.FC = () => {
-  const { identity } = useSecurity();
-
-  if (identity) {
-    return <>Logged in.</>;
-  }
-
-  return <>Not logged in.</>;
-};
-
-export default MyComponent;
-```
+_This README file is automatically generated during the publish process._

package/SecurityPermissions.d.ts

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

package/SecurityPermissions.js

@@ -0,0 +1,45 @@
+import React, { useMemo } from "react";
+import { AdminConfig, useWcp } from "@webiny/app-admin";
+import { ReactComponent as PermissionsIcon } from "@webiny/icons/security.svg";
+const {
+  Security
+} = AdminConfig;
+export const SecurityPermissions = () => {
+  const wcp = useWcp();
+  const teams = wcp.canUseTeams();
+  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(PermissionsIcon, null),
+    schema: schema
+  }));
+};
+
+//# sourceMappingURL=SecurityPermissions.js.map

package/SecurityPermissions.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useMemo","AdminConfig","useWcp","ReactComponent","PermissionsIcon","Security","SecurityPermissions","wcp","teams","canUseTeams","schema","entities","id","title","permission","scopes","push","prefix","fullAccess","createElement","Permissions","name","description","icon"],"sources":["SecurityPermissions.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { AdminConfig, useWcp } from \"@webiny/app-admin\";\nimport type { EntityDefinition } from \"@webiny/app-admin\";\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"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,SAASC,WAAW,EAAEC,MAAM,QAAQ,mBAAmB;AAEvD,SAASC,cAAc,IAAIC,eAAe,QAAQ,4BAA4B;AAE9E,MAAM;EAAEC;AAAS,CAAC,GAAGJ,WAAW;AAEhC,OAAO,MAAMK,mBAAmB,GAAGA,CAAA,KAAM;EACrC,MAAMC,GAAG,GAAGL,MAAM,CAAC,CAAC;EACpB,MAAMM,KAAK,GAAGD,GAAG,CAACE,WAAW,CAAC,CAAC;EAE/B,MAAMC,MAAM,GAAGV,OAAO,CAAC,MAAM;IACzB,MAAMW,QAA4B,GAAG,CACjC;MACIC,EAAE,EAAE,QAAQ;MACZC,KAAK,EAAE,UAAU;MACjBC,UAAU,EAAE,iBAAiB;MAC7BC,MAAM,EAAE,CAAC,MAAM;IACnB,CAAC,EACD;MACIH,EAAE,EAAE,OAAO;MACXC,KAAK,EAAE,OAAO;MACdC,UAAU,EAAE,gBAAgB;MAC5BC,MAAM,EAAE,CAAC,MAAM;IACnB,CAAC,CACJ;IAED,IAAIP,KAAK,EAAE;MACPG,QAAQ,CAACK,IAAI,CAAC;QACVJ,EAAE,EAAE,MAAM;QACVC,KAAK,EAAE,OAAO;QACdC,UAAU,EAAE,eAAe;QAC3BC,MAAM,EAAE,CAAC,MAAM;MACnB,CAAC,CAAC;IACN;IAEA,OAAO;MACHE,MAAM,EAAE,UAAU;MAClBC,UAAU,EAAE,IAAI;MAChBP;IACJ,CAAC;EACL,CAAC,EAAE,CAACH,KAAK,CAAC,CAAC;EAEX,oBACIT,KAAA,CAAAoB,aAAA,CAAClB,WAAW,qBACRF,KAAA,CAAAoB,aAAA,CAACd,QAAQ,CAACe,WAAW;IACjBC,IAAI,EAAC,UAAU;IACfR,KAAK,EAAC,UAAU;IAChBS,WAAW,EAAC,8BAA8B;IAC1CC,IAAI,eAAExB,KAAA,CAAAoB,aAAA,CAACf,eAAe,MAAE,CAAE;IAC1BM,MAAM,EAAEA;EAAO,CAClB,CACQ,CAAC;AAEtB,CAAC","ignoreList":[]}

package/{plugins/constants.d.ts → constants.d.ts}

@@ -1,4 +1,5 @@
 export declare enum Permission {
-    Groups = "security.group",
+    Roles = "security.role",
+    Teams = "security.team",
     ApiKeys = "security.apiKey"
 }

package/constants.js

@@ -0,0 +1,8 @@
+export let Permission = /*#__PURE__*/function (Permission) {
+  Permission["Roles"] = "security.role";
+  Permission["Teams"] = "security.team";
+  Permission["ApiKeys"] = "security.apiKey";
+  return Permission;
+}({});
+
+//# sourceMappingURL=constants.js.map

package/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Permission"],"sources":["constants.ts"],"sourcesContent":["export enum Permission {\n    Roles = \"security.role\",\n    Teams = \"security.team\",\n    ApiKeys = \"security.apiKey\"\n}\n"],"mappings":"AAAA,WAAYA,UAAU,0BAAVA,UAAU;EAAVA,UAAU;EAAVA,UAAU;EAAVA,UAAU;EAAA,OAAVA,UAAU;AAAA","ignoreList":[]}

package/index.d.ts

@@ -1,9 +1 @@
-import React from "react";
-/**
- * TODO @ts-refactor
- * Find out why is there empty default export
- */
-declare const _default: () => never[];
-export default _default;
-export declare const AccessManagementExtension: () => JSX.Element;
-export declare const AccessManagement: React.MemoExoticComponent<() => JSX.Element>;
+export { AccessManagement } from "./Extension.js";

package/index.js

@@ -1,65 +1,3 @@
-"use strict";
+export { AccessManagement } from "./Extension.js";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.AccessManagementExtension = exports.AccessManagement = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _plugins = require("@webiny/plugins");
-var _appAdmin = require("@webiny/app-admin");
-var _appSecurity = require("@webiny/app-security");
-var _constants = require("./plugins/constants");
-var _Groups = require("./ui/views/Groups");
-var _ApiKeys = require("./ui/views/ApiKeys");
-var _plugins2 = _interopRequireDefault(require("./plugins"));
-/**
- * TODO @ts-refactor
- * Find out why is there empty default export
- */
-// @ts-ignore
-var _default = function _default() {
-  return [];
-};
-exports.default = _default;
-var AccessManagementExtension = function AccessManagementExtension() {
-  _plugins.plugins.register((0, _plugins2.default)());
-  return /*#__PURE__*/_react.default.createElement(_appAdmin.Plugins, null, /*#__PURE__*/_react.default.createElement(_appSecurity.HasPermission, {
-    name: _constants.Permission.Groups
-  }, /*#__PURE__*/_react.default.createElement(_appAdmin.AddRoute, {
-    exact: true,
-    path: "/access-management/groups"
-  }, /*#__PURE__*/_react.default.createElement(_appAdmin.Layout, {
-    title: "Access Management - Groups"
-  }, /*#__PURE__*/_react.default.createElement(_Groups.Groups, null)))), /*#__PURE__*/_react.default.createElement(_appSecurity.HasPermission, {
-    name: _constants.Permission.ApiKeys
-  }, /*#__PURE__*/_react.default.createElement(_appAdmin.AddRoute, {
-    exact: true,
-    path: "/access-management/api-keys"
-  }, /*#__PURE__*/_react.default.createElement(_appAdmin.Layout, {
-    title: "Access Management - API Keys"
-  }, /*#__PURE__*/_react.default.createElement(_ApiKeys.ApiKeys, null)))), /*#__PURE__*/_react.default.createElement(_appSecurity.HasPermission, {
-    any: [_constants.Permission.Groups, _constants.Permission.ApiKeys]
-  }, /*#__PURE__*/_react.default.createElement(_appAdmin.AddMenu, {
-    name: "settings"
-  }, /*#__PURE__*/_react.default.createElement(_appAdmin.AddMenu, {
-    name: "settings.accessManagement",
-    label: "Access Management"
-  }, /*#__PURE__*/_react.default.createElement(_appSecurity.HasPermission, {
-    name: _constants.Permission.Groups
-  }, /*#__PURE__*/_react.default.createElement(_appAdmin.AddMenu, {
-    name: "settings.accessManagement.groups",
-    label: "Groups",
-    path: "/access-management/groups"
-  })), /*#__PURE__*/_react.default.createElement(_appSecurity.HasPermission, {
-    name: _constants.Permission.ApiKeys
-  }, /*#__PURE__*/_react.default.createElement(_appAdmin.AddMenu, {
-    name: "settings.accessManagement.apiKeys",
-    label: "API Keys",
-    path: "/access-management/api-keys"
-  }))))));
-};
-exports.AccessManagementExtension = AccessManagementExtension;
-var AccessManagement = /*#__PURE__*/(0, _react.memo)(AccessManagementExtension);
-exports.AccessManagement = AccessManagement;
+//# sourceMappingURL=index.js.map

package/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["AccessManagementExtension","plugins","register","accessManagementPugins","Permission","Groups","ApiKeys","AccessManagement","memo"],"sources":["index.tsx"],"sourcesContent":["import React, { memo } from \"react\";\nimport { plugins } from \"@webiny/plugins\";\nimport { Layout, Plugins, AddMenu, AddRoute } from \"@webiny/app-admin\";\nimport { HasPermission } from \"@webiny/app-security\";\nimport { Permission } from \"~/plugins/constants\";\nimport { Groups } from \"~/ui/views/Groups\";\nimport { ApiKeys } from \"~/ui/views/ApiKeys\";\nimport accessManagementPugins from \"./plugins\";\n\n/**\n * TODO @ts-refactor\n * Find out why is there empty default export\n */\n// @ts-ignore\nexport default () => [];\n\nexport const AccessManagementExtension = () => {\n    plugins.register(accessManagementPugins());\n\n    return (\n        <Plugins>\n            <HasPermission name={Permission.Groups}>\n                <AddRoute exact path={\"/access-management/groups\"}>\n                    <Layout title={\"Access Management - Groups\"}>\n                        <Groups />\n                    </Layout>\n                </AddRoute>\n            </HasPermission>\n            <HasPermission name={Permission.ApiKeys}>\n                <AddRoute exact path={\"/access-management/api-keys\"}>\n                    <Layout title={\"Access Management - API Keys\"}>\n                        <ApiKeys />\n                    </Layout>\n                </AddRoute>\n            </HasPermission>\n            <HasPermission any={[Permission.Groups, Permission.ApiKeys]}>\n                <AddMenu name={\"settings\"}>\n                    <AddMenu name={\"settings.accessManagement\"} label={\"Access Management\"}>\n                        <HasPermission name={Permission.Groups}>\n                            <AddMenu\n                                name={\"settings.accessManagement.groups\"}\n                                label={\"Groups\"}\n                                path={\"/access-management/groups\"}\n                            />\n                        </HasPermission>\n                        <HasPermission name={Permission.ApiKeys}>\n                            <AddMenu\n                                name={\"settings.accessManagement.apiKeys\"}\n                                label={\"API Keys\"}\n                                path={\"/access-management/api-keys\"}\n                            />\n                        </HasPermission>\n                    </AddMenu>\n                </AddMenu>\n            </HasPermission>\n        </Plugins>\n    );\n};\n\nexport const AccessManagement = memo(AccessManagementExtension);\n"],"mappings":";;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAAA,eACe;EAAA,OAAM,EAAE;AAAA;AAAA;AAEhB,IAAMA,yBAAyB,GAAG,SAA5BA,yBAAyB,GAAS;EAC3CC,gBAAO,CAACC,QAAQ,CAAC,IAAAC,iBAAsB,GAAE,CAAC;EAE1C,oBACI,6BAAC,iBAAO,qBACJ,6BAAC,0BAAa;IAAC,IAAI,EAAEC,qBAAU,CAACC;EAAO,gBACnC,6BAAC,kBAAQ;IAAC,KAAK;IAAC,IAAI,EAAE;EAA4B,gBAC9C,6BAAC,gBAAM;IAAC,KAAK,EAAE;EAA6B,gBACxC,6BAAC,cAAM,OAAG,CACL,CACF,CACC,eAChB,6BAAC,0BAAa;IAAC,IAAI,EAAED,qBAAU,CAACE;EAAQ,gBACpC,6BAAC,kBAAQ;IAAC,KAAK;IAAC,IAAI,EAAE;EAA8B,gBAChD,6BAAC,gBAAM;IAAC,KAAK,EAAE;EAA+B,gBAC1C,6BAAC,gBAAO,OAAG,CACN,CACF,CACC,eAChB,6BAAC,0BAAa;IAAC,GAAG,EAAE,CAACF,qBAAU,CAACC,MAAM,EAAED,qBAAU,CAACE,OAAO;EAAE,gBACxD,6BAAC,iBAAO;IAAC,IAAI,EAAE;EAAW,gBACtB,6BAAC,iBAAO;IAAC,IAAI,EAAE,2BAA4B;IAAC,KAAK,EAAE;EAAoB,gBACnE,6BAAC,0BAAa;IAAC,IAAI,EAAEF,qBAAU,CAACC;EAAO,gBACnC,6BAAC,iBAAO;IACJ,IAAI,EAAE,kCAAmC;IACzC,KAAK,EAAE,QAAS;IAChB,IAAI,EAAE;EAA4B,EACpC,CACU,eAChB,6BAAC,0BAAa;IAAC,IAAI,EAAED,qBAAU,CAACE;EAAQ,gBACpC,6BAAC,iBAAO;IACJ,IAAI,EAAE,mCAAoC;IAC1C,KAAK,EAAE,UAAW;IAClB,IAAI,EAAE;EAA8B,EACtC,CACU,CACV,CACJ,CACE,CACV;AAElB,CAAC;AAAC;AAEK,IAAMC,gBAAgB,gBAAG,IAAAC,WAAI,EAACR,yBAAyB,CAAC;AAAC"}
+{"version":3,"names":["AccessManagement"],"sources":["index.tsx"],"sourcesContent":["export { AccessManagement } from \"./Extension.js\";\n"],"mappings":"AAAA,SAASA,gBAAgB","ignoreList":[]}

package/package.json

@@ -1,6 +1,7 @@
 {
 	"name": "@webiny/app-security-access-management",
-	"version": "0.0.0-unstable.bca7b3e350",
+	"version": "0.0.0-unstable.c27f4d8a31",
+	"type": "module",
 	"main": "index.js",
 	"repository": {
 		"type": "git",
@@ -14,46 +15,29 @@
 	"license": "MIT",
 	"dependencies": {
 		"@apollo/react-hooks": "3.1.5",
-		"@emotion/styled": "10.3.0",
-		"@webiny/app": "0.0.0-unstable.bca7b3e350",
-		"@webiny/app-admin": "0.0.0-unstable.bca7b3e350",
-		"@webiny/app-security": "0.0.0-unstable.bca7b3e350",
-		"@webiny/form": "0.0.0-unstable.bca7b3e350",
-		"@webiny/plugins": "0.0.0-unstable.bca7b3e350",
-		"@webiny/react-router": "0.0.0-unstable.bca7b3e350",
-		"@webiny/ui": "0.0.0-unstable.bca7b3e350",
-		"@webiny/validation": "0.0.0-unstable.bca7b3e350",
-		"emotion": "10.0.27",
+		"@webiny/admin-ui": "0.0.0-unstable.c27f4d8a31",
+		"@webiny/app": "0.0.0-unstable.c27f4d8a31",
+		"@webiny/app-admin": "0.0.0-unstable.c27f4d8a31",
+		"@webiny/form": "0.0.0-unstable.c27f4d8a31",
+		"@webiny/icons": "0.0.0-unstable.c27f4d8a31",
+		"@webiny/ui": "0.0.0-unstable.c27f4d8a31",
+		"@webiny/validation": "0.0.0-unstable.c27f4d8a31",
 		"graphql-tag": "2.12.6",
-		"lodash": "4.17.21",
-		"react": "17.0.2",
-		"react-dom": "17.0.2",
-		"react-helmet": "6.1.0"
+		"lodash": "4.17.23",
+		"react": "18.3.1",
+		"react-dom": "18.3.1"
 	},
 	"devDependencies": {
-		"@babel/cli": "^7.19.3",
-		"@babel/core": "^7.19.3",
-		"@babel/plugin-proposal-class-properties": "^7.18.6",
-		"@babel/preset-env": "^7.19.4",
-		"@babel/preset-react": "^7.18.6",
-		"@babel/preset-typescript": "^7.18.6",
-		"@types/react-helmet": "^6.1.5",
-		"@webiny/cli": "^0.0.0-unstable.bca7b3e350",
-		"@webiny/project-utils": "^0.0.0-unstable.bca7b3e350",
-		"babel-plugin-emotion": "^9.2.8",
-		"babel-plugin-lodash": "^3.3.4",
-		"rimraf": "^3.0.2",
-		"ttypescript": "^1.5.12",
-		"typescript": "4.7.4"
+		"@emotion/babel-plugin": "11.13.5",
+		"@types/react-helmet": "6.1.11",
+		"@webiny/build-tools": "0.0.0-unstable.c27f4d8a31",
+		"rimraf": "6.1.3",
+		"typescript": "5.9.3"
 	},
 	"publishConfig": {
 		"access": "public",
 		"directory": "dist"
 	},
-	"scripts": {
-		"build": "yarn webiny run build",
-		"watch": "yarn webiny run watch"
-	},
 	"adio": {
 		"ignore": {
 			"peerDependencies": [
@@ -61,5 +45,5 @@
 			]
 		}
 	},
-	"gitHead": "bca7b3e35084d7012061bda0d3f08202fe611581"
+	"gitHead": "c27f4d8a31c3af1570817797441855292b6c1f20"
 }

package/routes.d.ts

@@ -0,0 +1,21 @@
+import { Route } from "@webiny/app-admin";
+export declare const Routes: {
+    Roles: {
+        List: Route<{
+            id: import("zod").ZodOptional<import("zod").ZodString>;
+            new: import("zod").ZodOptional<import("zod").ZodBoolean>;
+        }>;
+    };
+    Teams: {
+        List: Route<{
+            id: import("zod").ZodOptional<import("zod").ZodString>;
+            new: import("zod").ZodOptional<import("zod").ZodBoolean>;
+        }>;
+    };
+    ApiKeys: {
+        List: Route<{
+            id: import("zod").ZodOptional<import("zod").ZodString>;
+            new: import("zod").ZodOptional<import("zod").ZodBoolean>;
+        }>;
+    };
+};

package/routes.js

@@ -0,0 +1,41 @@
+import { Route } from "@webiny/app-admin";
+export const Routes = {
+  Roles: {
+    List: new Route({
+      name: "Security/Roles/List",
+      path: "/access-management/roles",
+      params: z => {
+        return {
+          id: z.string().optional(),
+          new: z.boolean().optional()
+        };
+      }
+    })
+  },
+  Teams: {
+    List: new Route({
+      name: "Security/Teams/List",
+      path: "/access-management/teams",
+      params: z => {
+        return {
+          id: z.string().optional(),
+          new: z.boolean().optional()
+        };
+      }
+    })
+  },
+  ApiKeys: {
+    List: new Route({
+      name: "Security/ApiKeys/List",
+      path: "/access-management/api-keys",
+      params: z => {
+        return {
+          id: z.string().optional(),
+          new: z.boolean().optional()
+        };
+      }
+    })
+  }
+};
+
+//# sourceMappingURL=routes.js.map

package/routes.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Route","Routes","Roles","List","name","path","params","z","id","string","optional","new","boolean","Teams","ApiKeys"],"sources":["routes.ts"],"sourcesContent":["import { Route } from \"@webiny/app-admin\";\n\nexport const Routes = {\n    Roles: {\n        List: new Route({\n            name: \"Security/Roles/List\",\n            path: \"/access-management/roles\",\n            params: z => {\n                return {\n                    id: z.string().optional(),\n                    new: z.boolean().optional()\n                };\n            }\n        })\n    },\n    Teams: {\n        List: new Route({\n            name: \"Security/Teams/List\",\n            path: \"/access-management/teams\",\n            params: z => {\n                return {\n                    id: z.string().optional(),\n                    new: z.boolean().optional()\n                };\n            }\n        })\n    },\n    ApiKeys: {\n        List: new Route({\n            name: \"Security/ApiKeys/List\",\n            path: \"/access-management/api-keys\",\n            params: z => {\n                return {\n                    id: z.string().optional(),\n                    new: z.boolean().optional()\n                };\n            }\n        })\n    }\n};\n"],"mappings":"AAAA,SAASA,KAAK,QAAQ,mBAAmB;AAEzC,OAAO,MAAMC,MAAM,GAAG;EAClBC,KAAK,EAAE;IACHC,IAAI,EAAE,IAAIH,KAAK,CAAC;MACZI,IAAI,EAAE,qBAAqB;MAC3BC,IAAI,EAAE,0BAA0B;MAChCC,MAAM,EAAEC,CAAC,IAAI;QACT,OAAO;UACHC,EAAE,EAAED,CAAC,CAACE,MAAM,CAAC,CAAC,CAACC,QAAQ,CAAC,CAAC;UACzBC,GAAG,EAAEJ,CAAC,CAACK,OAAO,CAAC,CAAC,CAACF,QAAQ,CAAC;QAC9B,CAAC;MACL;IACJ,CAAC;EACL,CAAC;EACDG,KAAK,EAAE;IACHV,IAAI,EAAE,IAAIH,KAAK,CAAC;MACZI,IAAI,EAAE,qBAAqB;MAC3BC,IAAI,EAAE,0BAA0B;MAChCC,MAAM,EAAEC,CAAC,IAAI;QACT,OAAO;UACHC,EAAE,EAAED,CAAC,CAACE,MAAM,CAAC,CAAC,CAACC,QAAQ,CAAC,CAAC;UACzBC,GAAG,EAAEJ,CAAC,CAACK,OAAO,CAAC,CAAC,CAACF,QAAQ,CAAC;QAC9B,CAAC;MACL;IACJ,CAAC;EACL,CAAC;EACDI,OAAO,EAAE;IACLX,IAAI,EAAE,IAAIH,KAAK,CAAC;MACZI,IAAI,EAAE,uBAAuB;MAC7BC,IAAI,EAAE,6BAA6B;MACnCC,MAAM,EAAEC,CAAC,IAAI;QACT,OAAO;UACHC,EAAE,EAAED,CAAC,CAACE,MAAM,CAAC,CAAC,CAACC,QAAQ,CAAC,CAAC;UACzBC,GAAG,EAAEJ,CAAC,CAACK,OAAO,CAAC,CAAC,CAACF,QAAQ,CAAC;QAC9B,CAAC;MACL;IACJ,CAAC;EACL;AACJ,CAAC","ignoreList":[]}

package/types.d.ts

@@ -1,15 +1,29 @@
-import { SecurityPermission } from "@webiny/app-security/types";
-export interface Group {
+import type { Identity } from "@webiny/app-admin/domain/Identity.js";
+export interface Role {
     id: string;
     name: string;
     description: string;
     slug: string;
     system?: boolean;
+    plugin: boolean | null;
+    permissions: Identity.Permission[];
+    createdOn: string;
+}
+export interface Team {
+    id: string;
+    name: string;
+    description: string;
+    slug: string;
+    system?: boolean;
+    plugin: boolean | null;
+    createdOn: string;
 }
 export interface ApiKey {
     id: string;
+    slug: string;
     token: string;
     name: string;
     description: string;
-    permissions: SecurityPermission[];
+    permissions: Identity.Permission[];
+    createdOn: string;
 }

package/types.js

@@ -1,5 +1,3 @@
-"use strict";
+export {};
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
+//# sourceMappingURL=types.js.map

package/types.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import { SecurityPermission } from \"@webiny/app-security/types\";\n\nexport interface Group {\n    id: string;\n    name: string;\n    description: string;\n    slug: string;\n    system?: boolean;\n}\nexport interface ApiKey {\n    id: string;\n    token: string;\n    name: string;\n    description: string;\n    permissions: SecurityPermission[];\n}\n"],"mappings":""}
+{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import type { Identity } from \"@webiny/app-admin/domain/Identity.js\";\n\nexport interface Role {\n    id: string;\n    name: string;\n    description: string;\n    slug: string;\n    system?: boolean;\n    plugin: boolean | null;\n    permissions: Identity.Permission[];\n    createdOn: string;\n}\n\nexport interface Team {\n    id: string;\n    name: string;\n    description: string;\n    slug: string;\n    system?: boolean;\n    plugin: boolean | null;\n    createdOn: string;\n}\n\nexport interface ApiKey {\n    id: string;\n    slug: string;\n    token: string;\n    name: string;\n    description: string;\n    permissions: Identity.Permission[];\n    createdOn: string;\n}\n"],"mappings":"","ignoreList":[]}

package/ui/views/ApiKeys/ApiKeyForm.d.ts

@@ -1,5 +1,7 @@
 import React from "react";
-export interface ApiKeyFormProps {
-    [key: string]: any;
+interface ApiKeyFormProps {
+    newEntry: boolean;
+    id: string | undefined;
 }
-export declare const ApiKeyForm: React.FC<ApiKeyFormProps>;
+export declare const ApiKeyForm: ({ id, newEntry }: ApiKeyFormProps) => React.JSX.Element;
+export {};