@webiny/app-security-access-management 0.0.0-unstable.aa00eecd97 → 0.0.0-unstable.ac6ebf63c6

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,81 @@
+import React, { memo } from "react";
+import { plugins } from "@webiny/plugins";
+import { useRouter, AdminConfig, AdminLayout, Wcp } from "@webiny/app-admin";
+import { HasPermission } from "@webiny/app-admin";
+import { Permission } from "./plugins/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 { permissionRendererPlugin } from "./plugins/permissionRenderer/index.js";
+const {
+  Menu,
+  Route
+} = AdminConfig;
+const AccessManagementExtension = () => {
+  const router = useRouter();
+  plugins.register(permissionRendererPlugin);
+  return /*#__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","memo","plugins","useRouter","AdminConfig","AdminLayout","Wcp","HasPermission","Permission","Roles","Teams","ApiKeys","Routes","permissionRendererPlugin","Menu","Route","AccessManagementExtension","router","register","createElement","name","route","List","element","title","CanUseTeams","any","parent","Group","text","Link","to","getLink","pinnable","AccessManagement"],"sources":["Extension.tsx"],"sourcesContent":["import React, { memo } from \"react\";\nimport { plugins } from \"@webiny/plugins\";\nimport { useRouter, AdminConfig, AdminLayout, Wcp } from \"@webiny/app-admin\";\nimport { HasPermission } from \"@webiny/app-admin\";\nimport { Permission } from \"~/plugins/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 { permissionRendererPlugin } from \"~/plugins/permissionRenderer/index.js\";\n\nconst { Menu, Route } = AdminConfig;\n\nconst AccessManagementExtension = () => {\n    const router = useRouter();\n\n    plugins.register(permissionRendererPlugin);\n\n    return (\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    );\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/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.aa00eecd97",
+	"version": "0.0.0-unstable.ac6ebf63c6",
+	"type": "module",
 	"main": "index.js",
 	"repository": {
 		"type": "git",
@@ -14,46 +15,30 @@
 	"license": "MIT",
 	"dependencies": {
 		"@apollo/react-hooks": "3.1.5",
-		"@emotion/styled": "11.10.6",
-		"@webiny/app": "0.0.0-unstable.aa00eecd97",
-		"@webiny/app-admin": "0.0.0-unstable.aa00eecd97",
-		"@webiny/app-security": "0.0.0-unstable.aa00eecd97",
-		"@webiny/form": "0.0.0-unstable.aa00eecd97",
-		"@webiny/plugins": "0.0.0-unstable.aa00eecd97",
-		"@webiny/react-router": "0.0.0-unstable.aa00eecd97",
-		"@webiny/ui": "0.0.0-unstable.aa00eecd97",
-		"@webiny/validation": "0.0.0-unstable.aa00eecd97",
-		"emotion": "10.0.27",
+		"@webiny/admin-ui": "0.0.0-unstable.ac6ebf63c6",
+		"@webiny/app": "0.0.0-unstable.ac6ebf63c6",
+		"@webiny/app-admin": "0.0.0-unstable.ac6ebf63c6",
+		"@webiny/form": "0.0.0-unstable.ac6ebf63c6",
+		"@webiny/icons": "0.0.0-unstable.ac6ebf63c6",
+		"@webiny/plugins": "0.0.0-unstable.ac6ebf63c6",
+		"@webiny/ui": "0.0.0-unstable.ac6ebf63c6",
+		"@webiny/validation": "0.0.0-unstable.ac6ebf63c6",
 		"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.2.0",
+		"react-dom": "18.2.0"
 	},
 	"devDependencies": {
-		"@babel/cli": "7.20.7",
-		"@babel/core": "7.20.12",
-		"@babel/plugin-proposal-class-properties": "7.18.6",
-		"@babel/preset-env": "7.20.2",
-		"@babel/preset-react": "7.18.6",
-		"@babel/preset-typescript": "7.18.6",
-		"@types/react-helmet": "6.1.6",
-		"@webiny/cli": "0.0.0-unstable.aa00eecd97",
-		"@webiny/project-utils": "0.0.0-unstable.aa00eecd97",
-		"babel-plugin-emotion": "9.2.11",
-		"babel-plugin-lodash": "3.3.4",
-		"rimraf": "3.0.2",
-		"ttypescript": "1.5.15",
-		"typescript": "4.7.4"
+		"@emotion/babel-plugin": "11.13.5",
+		"@types/react-helmet": "6.1.11",
+		"@webiny/build-tools": "0.0.0-unstable.ac6ebf63c6",
+		"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 +46,5 @@
 			]
 		}
 	},
-	"gitHead": "aa00eecd97d16da9bdb0581f33d491487ce43ce9"
+	"gitHead": "ac6ebf63c6de308703d41f2c1b375e03cd96b813"
 }

package/plugins/constants.d.ts

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

package/plugins/constants.js

@@ -1,12 +1,8 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Permission = void 0;
-var Permission;
-exports.Permission = Permission;
-(function (Permission) {
-  Permission["Groups"] = "security.group";
+export let Permission = /*#__PURE__*/function (Permission) {
+  Permission["Roles"] = "security.role";
+  Permission["Teams"] = "security.team";
   Permission["ApiKeys"] = "security.apiKey";
-})(Permission || (exports.Permission = Permission = {}));
+  return Permission;
+}({});
+
+//# sourceMappingURL=constants.js.map

package/plugins/constants.js.map

@@ -1 +1 @@
-{"version":3,"names":["Permission"],"sources":["constants.ts"],"sourcesContent":["export enum Permission {\n    Groups = \"security.group\",\n    ApiKeys = \"security.apiKey\"\n}\n"],"mappings":";;;;;;IAAYA,UAAU;AAAA;AAAA,WAAVA,UAAU;EAAVA,UAAU;EAAVA,UAAU;AAAA,GAAVA,UAAU,0BAAVA,UAAU"}
+{"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/plugins/permissionRenderer/SecurityPermissions.d.ts

@@ -1,8 +1,8 @@
 import React from "react";
-import { SecurityPermission } from "@webiny/app-security/types";
+import type { Identity } from "@webiny/app-admin/domain/Identity.js";
 interface SecurityPermissionsProps {
-    value: SecurityPermission[];
-    onChange: (value: SecurityPermission[]) => void;
+    value: Identity.Permission[];
+    onChange: (value: Identity.Permission[]) => void;
 }
-export declare const SecurityPermissions: React.FC<SecurityPermissionsProps>;
+export declare const SecurityPermissions: ({ value, onChange }: SecurityPermissionsProps) => React.JSX.Element;
 export {};