@webiny/app-security-access-management 5.34.8 → 5.35.0-beta.0

package/README.md

@@ -51,7 +51,7 @@ A simple `Authenticator` React component (uses Amazon Cognito and AWS Amplify's
 
 ```tsx
 import React, { useEffect } from "react";
-import Auth from "@aws-amplify/auth";
+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.

package/components/GroupAutocomplete/graphql.js

@@ -1,17 +1,12 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.LIST_GROUPS = void 0;
-
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
 var _graphqlTag = _interopRequireDefault(require("graphql-tag"));
-
 var _templateObject;
-
 var LIST_GROUPS = (0, _graphqlTag.default)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n    query listGroups {\n        security {\n            groups: listGroups {\n                data {\n                    id\n                    slug\n                    name\n                    description\n                    createdOn\n                }\n            }\n        }\n    }\n"])));
 exports.LIST_GROUPS = LIST_GROUPS;

package/components/GroupAutocomplete/graphql.js.map

@@ -1 +1 @@
-{"version":3,"names":["LIST_GROUPS","gql"],"sources":["graphql.ts"],"sourcesContent":["import gql from \"graphql-tag\";\n\nexport const LIST_GROUPS = gql`\n    query listGroups {\n        security {\n            groups: listGroups {\n                data {\n                    id\n                    slug\n                    name\n                    description\n                    createdOn\n                }\n            }\n        }\n    }\n`;\n"],"mappings":";;;;;;;;;;;AAAA;;;;AAEO,IAAMA,WAAW,OAAGC,mBAAH,4XAAjB"}
+{"version":3,"names":["LIST_GROUPS","gql"],"sources":["graphql.ts"],"sourcesContent":["import gql from \"graphql-tag\";\n\nexport const LIST_GROUPS = gql`\n    query listGroups {\n        security {\n            groups: listGroups {\n                data {\n                    id\n                    slug\n                    name\n                    description\n                    createdOn\n                }\n            }\n        }\n    }\n`;\n"],"mappings":";;;;;;;;AAAA;AAA8B;AAEvB,IAAMA,WAAW,OAAGC,mBAAG,4XAc7B;AAAC"}

package/components/GroupAutocomplete/index.js

@@ -1,25 +1,18 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.GroupAutocomplete = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _AutoComplete = require("@webiny/ui/AutoComplete");
-
 var _graphql = require("./graphql");
-
 var _reactHooks = require("@apollo/react-hooks");
-
 var GroupAutocomplete = function GroupAutocomplete(props) {
   var _useQuery = (0, _reactHooks.useQuery)(_graphql.LIST_GROUPS),
-      data = _useQuery.data,
-      loading = _useQuery.loading;
-
+    data = _useQuery.data,
+    loading = _useQuery.loading;
   var options = loading || !data ? [] : data.security.groups.data;
   return /*#__PURE__*/_react.default.createElement(_AutoComplete.AutoComplete, Object.assign({}, props, {
     options: options,
@@ -27,5 +20,4 @@ var GroupAutocomplete = function GroupAutocomplete(props) {
     value: loading ? undefined : props.value
   }));
 };
-
 exports.GroupAutocomplete = GroupAutocomplete;

package/components/GroupAutocomplete/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["GroupAutocomplete","props","useQuery","LIST_GROUPS","data","loading","options","security","groups","undefined","value"],"sources":["index.tsx"],"sourcesContent":["import React from \"react\";\nimport { AutoComplete, AutoCompleteProps } from \"@webiny/ui/AutoComplete\";\nimport { LIST_GROUPS } from \"./graphql\";\nimport { useQuery } from \"@apollo/react-hooks\";\n\ntype GroupAutocompleteProps = Partial<AutoCompleteProps>;\nexport const GroupAutocomplete: React.FC<GroupAutocompleteProps> = props => {\n    const { data, loading } = useQuery(LIST_GROUPS);\n\n    const options = loading || !data ? [] : data.security.groups.data;\n\n    return (\n        <AutoComplete\n            {...props}\n            options={options}\n            valueProp={\"id\"}\n            value={loading ? undefined : props.value}\n        />\n    );\n};\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AAGO,IAAMA,iBAAmD,GAAG,SAAtDA,iBAAsD,CAAAC,KAAK,EAAI;EACxE,gBAA0B,IAAAC,oBAAA,EAASC,oBAAT,CAA1B;EAAA,IAAQC,IAAR,aAAQA,IAAR;EAAA,IAAcC,OAAd,aAAcA,OAAd;;EAEA,IAAMC,OAAO,GAAGD,OAAO,IAAI,CAACD,IAAZ,GAAmB,EAAnB,GAAwBA,IAAI,CAACG,QAAL,CAAcC,MAAd,CAAqBJ,IAA7D;EAEA,oBACI,6BAAC,0BAAD,oBACQH,KADR;IAEI,OAAO,EAAEK,OAFb;IAGI,SAAS,EAAE,IAHf;IAII,KAAK,EAAED,OAAO,GAAGI,SAAH,GAAeR,KAAK,CAACS;EAJvC,GADJ;AAQH,CAbM"}
+{"version":3,"names":["GroupAutocomplete","props","useQuery","LIST_GROUPS","data","loading","options","security","groups","undefined","value"],"sources":["index.tsx"],"sourcesContent":["import React from \"react\";\nimport { AutoComplete, AutoCompleteProps } from \"@webiny/ui/AutoComplete\";\nimport { LIST_GROUPS } from \"./graphql\";\nimport { useQuery } from \"@apollo/react-hooks\";\n\ntype GroupAutocompleteProps = Partial<AutoCompleteProps>;\nexport const GroupAutocomplete: React.FC<GroupAutocompleteProps> = props => {\n    const { data, loading } = useQuery(LIST_GROUPS);\n\n    const options = loading || !data ? [] : data.security.groups.data;\n\n    return (\n        <AutoComplete\n            {...props}\n            options={options}\n            valueProp={\"id\"}\n            value={loading ? undefined : props.value}\n        />\n    );\n};\n"],"mappings":";;;;;;;AAAA;AACA;AACA;AACA;AAGO,IAAMA,iBAAmD,GAAG,SAAtDA,iBAAmD,CAAGC,KAAK,EAAI;EACxE,gBAA0B,IAAAC,oBAAQ,EAACC,oBAAW,CAAC;IAAvCC,IAAI,aAAJA,IAAI;IAAEC,OAAO,aAAPA,OAAO;EAErB,IAAMC,OAAO,GAAGD,OAAO,IAAI,CAACD,IAAI,GAAG,EAAE,GAAGA,IAAI,CAACG,QAAQ,CAACC,MAAM,CAACJ,IAAI;EAEjE,oBACI,6BAAC,0BAAY,oBACLH,KAAK;IACT,OAAO,EAAEK,OAAQ;IACjB,SAAS,EAAE,IAAK;IAChB,KAAK,EAAED,OAAO,GAAGI,SAAS,GAAGR,KAAK,CAACS;EAAM,GAC3C;AAEV,CAAC;AAAC"}

package/components/NotAuthorizedError/NotAuthorizedError.js

@@ -1,28 +1,18 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.NotAuthorizedError = void 0;
-
 var React = _interopRequireWildcard(require("react"));
-
 var _reactRouter = require("@webiny/react-router");
-
 var _emotion = require("emotion");
-
 var _styled = _interopRequireDefault(require("@emotion/styled"));
-
 var _reactHelmet = _interopRequireDefault(require("react-helmet"));
-
 var _SecureRouteError = _interopRequireDefault(require("./SecureRouteError.svg"));
-
 var _Typography = require("@webiny/ui/Typography");
-
 var ContentWrapper = /*#__PURE__*/(0, _styled.default)("div", {
   target: "e18nns4o0",
   label: "ContentWrapper"
@@ -48,7 +38,6 @@ var styles = {
     }
   }, "label:linkStyle;")
 };
-
 var NotAuthorizedError = function NotAuthorizedError() {
   return /*#__PURE__*/React.createElement(ContentWrapper, null, /*#__PURE__*/React.createElement(_reactHelmet.default, {
     title: "Not authorized"
@@ -67,5 +56,4 @@ var NotAuthorizedError = function NotAuthorizedError() {
     className: styles.linkStyle
   }, "Take me back."));
 };
-
 exports.NotAuthorizedError = NotAuthorizedError;

package/components/NotAuthorizedError/NotAuthorizedError.js.map

@@ -1 +1 @@
-{"version":3,"names":["ContentWrapper","styled","display","paddingTop","textAlign","margin","styles","authErrorImgStyle","css","width","paddingBottom","bodyStyle","color","linkStyle","textDecoration","NotAuthorizedError","authErrorImg"],"sources":["NotAuthorizedError.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Link } from \"@webiny/react-router\";\nimport { css } from \"emotion\";\nimport styled from \"@emotion/styled\";\nimport Helmet from \"react-helmet\";\nimport authErrorImg from \"./SecureRouteError.svg\";\nimport { Typography } from \"@webiny/ui/Typography\";\n\nconst ContentWrapper = styled(\"div\")({\n    display: \"block\",\n    paddingTop: \"15%\",\n    textAlign: \"center\",\n    margin: \"auto\"\n});\n\nconst styles = {\n    authErrorImgStyle: css({\n        width: \"192px\",\n        paddingBottom: \"24px\"\n    }),\n    bodyStyle: css({\n        color: \"var(--mdc-theme-text-primary-on-background)\",\n        display: \"block\"\n    }),\n    linkStyle: css({\n        textDecoration: \"none\",\n        \"&:hover\": {\n            textDecoration: \"none\"\n        }\n    })\n};\n\nexport const NotAuthorizedError: React.FC = () => {\n    return (\n        <ContentWrapper>\n            <Helmet title={\"Not authorized\"} />\n\n            <img className={styles.authErrorImgStyle} src={authErrorImg} alt=\"Not Authorized\" />\n\n            <Typography use={\"body1\"} className={styles.bodyStyle}>\n                You are not authorized to view this route.\n            </Typography>\n\n            <Typography use={\"body1\"} className={styles.bodyStyle}>\n                Please contact your administrator to request access.\n            </Typography>\n\n            <Link to=\"/\" className={styles.linkStyle}>\n                Take me back.\n            </Link>\n        </ContentWrapper>\n    );\n};\n"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAEA,IAAMA,cAAc,oBAAGC,eAAH,EAAU,KAAV;EAAA;EAAA;AAAA,GAAiB;EACjCC,OAAO,EAAE,OADwB;EAEjCC,UAAU,EAAE,KAFqB;EAGjCC,SAAS,EAAE,QAHsB;EAIjCC,MAAM,EAAE;AAJyB,CAAjB,CAApB;AAOA,IAAMC,MAAM,GAAG;EACXC,iBAAiB,eAAE,IAAAC,YAAA,EAAI;IACnBC,KAAK,EAAE,OADY;IAEnBC,aAAa,EAAE;EAFI,CAAJ,6BADR;EAKXC,SAAS,eAAE,IAAAH,YAAA,EAAI;IACXI,KAAK,EAAE,6CADI;IAEXV,OAAO,EAAE;EAFE,CAAJ,qBALA;EASXW,SAAS,eAAE,IAAAL,YAAA,EAAI;IACXM,cAAc,EAAE,MADL;IAEX,WAAW;MACPA,cAAc,EAAE;IADT;EAFA,CAAJ;AATA,CAAf;;AAiBO,IAAMC,kBAA4B,GAAG,SAA/BA,kBAA+B,GAAM;EAC9C,oBACI,oBAAC,cAAD,qBACI,oBAAC,oBAAD;IAAQ,KAAK,EAAE;EAAf,EADJ,eAGI;IAAK,SAAS,EAAET,MAAM,CAACC,iBAAvB;IAA0C,GAAG,EAAES,yBAA/C;IAA6D,GAAG,EAAC;EAAjE,EAHJ,eAKI,oBAAC,sBAAD;IAAY,GAAG,EAAE,OAAjB;IAA0B,SAAS,EAAEV,MAAM,CAACK;EAA5C,GAAuD,4CAAvD,CALJ,eASI,oBAAC,sBAAD;IAAY,GAAG,EAAE,OAAjB;IAA0B,SAAS,EAAEL,MAAM,CAACK;EAA5C,GAAuD,sDAAvD,CATJ,eAaI,oBAAC,iBAAD;IAAM,EAAE,EAAC,GAAT;IAAa,SAAS,EAAEL,MAAM,CAACO;EAA/B,GAA0C,eAA1C,CAbJ,CADJ;AAmBH,CApBM"}
+{"version":3,"names":["ContentWrapper","styled","display","paddingTop","textAlign","margin","styles","authErrorImgStyle","css","width","paddingBottom","bodyStyle","color","linkStyle","textDecoration","NotAuthorizedError","authErrorImg"],"sources":["NotAuthorizedError.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Link } from \"@webiny/react-router\";\nimport { css } from \"emotion\";\nimport styled from \"@emotion/styled\";\nimport Helmet from \"react-helmet\";\nimport authErrorImg from \"./SecureRouteError.svg\";\nimport { Typography } from \"@webiny/ui/Typography\";\n\nconst ContentWrapper = styled(\"div\")({\n    display: \"block\",\n    paddingTop: \"15%\",\n    textAlign: \"center\",\n    margin: \"auto\"\n});\n\nconst styles = {\n    authErrorImgStyle: css({\n        width: \"192px\",\n        paddingBottom: \"24px\"\n    }),\n    bodyStyle: css({\n        color: \"var(--mdc-theme-text-primary-on-background)\",\n        display: \"block\"\n    }),\n    linkStyle: css({\n        textDecoration: \"none\",\n        \"&:hover\": {\n            textDecoration: \"none\"\n        }\n    })\n};\n\nexport const NotAuthorizedError: React.FC = () => {\n    return (\n        <ContentWrapper>\n            <Helmet title={\"Not authorized\"} />\n\n            <img className={styles.authErrorImgStyle} src={authErrorImg} alt=\"Not Authorized\" />\n\n            <Typography use={\"body1\"} className={styles.bodyStyle}>\n                You are not authorized to view this route.\n            </Typography>\n\n            <Typography use={\"body1\"} className={styles.bodyStyle}>\n                Please contact your administrator to request access.\n            </Typography>\n\n            <Link to=\"/\" className={styles.linkStyle}>\n                Take me back.\n            </Link>\n        </ContentWrapper>\n    );\n};\n"],"mappings":";;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA,IAAMA,cAAc,oBAAGC,eAAM,EAAC,KAAK;EAAA;EAAA;AAAA,GAAE;EACjCC,OAAO,EAAE,OAAO;EAChBC,UAAU,EAAE,KAAK;EACjBC,SAAS,EAAE,QAAQ;EACnBC,MAAM,EAAE;AACZ,CAAC,CAAC;AAEF,IAAMC,MAAM,GAAG;EACXC,iBAAiB,eAAE,IAAAC,YAAG,EAAC;IACnBC,KAAK,EAAE,OAAO;IACdC,aAAa,EAAE;EACnB,CAAC,6BAAC;EACFC,SAAS,eAAE,IAAAH,YAAG,EAAC;IACXI,KAAK,EAAE,6CAA6C;IACpDV,OAAO,EAAE;EACb,CAAC,qBAAC;EACFW,SAAS,eAAE,IAAAL,YAAG,EAAC;IACXM,cAAc,EAAE,MAAM;IACtB,SAAS,EAAE;MACPA,cAAc,EAAE;IACpB;EACJ,CAAC;AACL,CAAC;AAEM,IAAMC,kBAA4B,GAAG,SAA/BA,kBAA4B,GAAS;EAC9C,oBACI,oBAAC,cAAc,qBACX,oBAAC,oBAAM;IAAC,KAAK,EAAE;EAAiB,EAAG,eAEnC;IAAK,SAAS,EAAET,MAAM,CAACC,iBAAkB;IAAC,GAAG,EAAES,yBAAa;IAAC,GAAG,EAAC;EAAgB,EAAG,eAEpF,oBAAC,sBAAU;IAAC,GAAG,EAAE,OAAQ;IAAC,SAAS,EAAEV,MAAM,CAACK;EAAU,GAAC,4CAEvD,CAAa,eAEb,oBAAC,sBAAU;IAAC,GAAG,EAAE,OAAQ;IAAC,SAAS,EAAEL,MAAM,CAACK;EAAU,GAAC,sDAEvD,CAAa,eAEb,oBAAC,iBAAI;IAAC,EAAE,EAAC,GAAG;IAAC,SAAS,EAAEL,MAAM,CAACO;EAAU,GAAC,eAE1C,CAAO,CACM;AAEzB,CAAC;AAAC"}

package/components/NotAuthorizedError/index.js

@@ -9,5 +9,4 @@ Object.defineProperty(exports, "NotAuthorizedError", {
     return _NotAuthorizedError.NotAuthorizedError;
   }
 });
-
 var _NotAuthorizedError = require("./NotAuthorizedError");

package/components/NotAuthorizedError/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export { NotAuthorizedError } from \"./NotAuthorizedError\";\n"],"mappings":";;;;;;;;;;;;AAAA"}
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export { NotAuthorizedError } from \"./NotAuthorizedError\";\n"],"mappings":";;;;;;;;;;;AAAA"}

package/index.js

@@ -1,30 +1,19 @@
 "use strict";
 
 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
@@ -33,12 +22,9 @@ var _plugins2 = _interopRequireDefault(require("./plugins"));
 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, {
@@ -74,7 +60,6 @@ var AccessManagementExtension = function AccessManagementExtension() {
     path: "/access-management/api-keys"
   }))))));
 };
-
 exports.AccessManagementExtension = AccessManagementExtension;
 var AccessManagement = /*#__PURE__*/(0, _react.memo)(AccessManagementExtension);
 exports.AccessManagement = AccessManagement;

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;eACe;EAAA,OAAM,EAAN;AAAA,C;;;;AAER,IAAMA,yBAAyB,GAAG,SAA5BA,yBAA4B,GAAM;EAC3CC,gBAAA,CAAQC,QAAR,CAAiB,IAAAC,iBAAA,GAAjB;;EAEA,oBACI,6BAAC,iBAAD,qBACI,6BAAC,0BAAD;IAAe,IAAI,EAAEC,qBAAA,CAAWC;EAAhC,gBACI,6BAAC,kBAAD;IAAU,KAAK,MAAf;IAAgB,IAAI,EAAE;EAAtB,gBACI,6BAAC,gBAAD;IAAQ,KAAK,EAAE;EAAf,gBACI,6BAAC,cAAD,OADJ,CADJ,CADJ,CADJ,eAQI,6BAAC,0BAAD;IAAe,IAAI,EAAED,qBAAA,CAAWE;EAAhC,gBACI,6BAAC,kBAAD;IAAU,KAAK,MAAf;IAAgB,IAAI,EAAE;EAAtB,gBACI,6BAAC,gBAAD;IAAQ,KAAK,EAAE;EAAf,gBACI,6BAAC,gBAAD,OADJ,CADJ,CADJ,CARJ,eAeI,6BAAC,0BAAD;IAAe,GAAG,EAAE,CAACF,qBAAA,CAAWC,MAAZ,EAAoBD,qBAAA,CAAWE,OAA/B;EAApB,gBACI,6BAAC,iBAAD;IAAS,IAAI,EAAE;EAAf,gBACI,6BAAC,iBAAD;IAAS,IAAI,EAAE,2BAAf;IAA4C,KAAK,EAAE;EAAnD,gBACI,6BAAC,0BAAD;IAAe,IAAI,EAAEF,qBAAA,CAAWC;EAAhC,gBACI,6BAAC,iBAAD;IACI,IAAI,EAAE,kCADV;IAEI,KAAK,EAAE,QAFX;IAGI,IAAI,EAAE;EAHV,EADJ,CADJ,eAQI,6BAAC,0BAAD;IAAe,IAAI,EAAED,qBAAA,CAAWE;EAAhC,gBACI,6BAAC,iBAAD;IACI,IAAI,EAAE,mCADV;IAEI,KAAK,EAAE,UAFX;IAGI,IAAI,EAAE;EAHV,EADJ,CARJ,CADJ,CADJ,CAfJ,CADJ;AAsCH,CAzCM;;;AA2CA,IAAMC,gBAAgB,gBAAG,IAAAC,WAAA,EAAKR,yBAAL,CAAzB"}
+{"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@webiny/app-security-access-management",
-	"version": "5.34.8",
+	"version": "5.35.0-beta.0",
 	"main": "index.js",
 	"repository": {
 		"type": "git",
@@ -14,15 +14,15 @@
 	"license": "MIT",
 	"dependencies": {
 		"@apollo/react-hooks": "3.1.5",
-		"@emotion/styled": "10.3.0",
-		"@webiny/app": "5.34.8",
-		"@webiny/app-admin": "5.34.8",
-		"@webiny/app-security": "5.34.8",
-		"@webiny/form": "5.34.8",
-		"@webiny/plugins": "5.34.8",
-		"@webiny/react-router": "5.34.8",
-		"@webiny/ui": "5.34.8",
-		"@webiny/validation": "5.34.8",
+		"@emotion/styled": "11.10.6",
+		"@webiny/app": "5.35.0-beta.0",
+		"@webiny/app-admin": "5.35.0-beta.0",
+		"@webiny/app-security": "5.35.0-beta.0",
+		"@webiny/form": "5.35.0-beta.0",
+		"@webiny/plugins": "5.35.0-beta.0",
+		"@webiny/react-router": "5.35.0-beta.0",
+		"@webiny/ui": "5.35.0-beta.0",
+		"@webiny/validation": "5.35.0-beta.0",
 		"emotion": "10.0.27",
 		"graphql-tag": "2.12.6",
 		"lodash": "4.17.21",
@@ -38,8 +38,8 @@
 		"@babel/preset-react": "^7.18.6",
 		"@babel/preset-typescript": "^7.18.6",
 		"@types/react-helmet": "^6.1.5",
-		"@webiny/cli": "^5.34.8",
-		"@webiny/project-utils": "^5.34.8",
+		"@webiny/cli": "^5.35.0-beta.0",
+		"@webiny/project-utils": "^5.35.0-beta.0",
 		"babel-plugin-emotion": "^9.2.8",
 		"babel-plugin-lodash": "^3.3.4",
 		"rimraf": "^3.0.2",
@@ -61,5 +61,5 @@
 			]
 		}
 	},
-	"gitHead": "6e77eebaac687279fe82ea04f667b7e84214b96a"
+	"gitHead": "8acc9e8892842cabb3980ce0b6432fde55968d5b"
 }

package/plugins/constants.js

@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.Permission = void 0;
 var Permission;
 exports.Permission = Permission;
-
 (function (Permission) {
   Permission["Groups"] = "security.group";
   Permission["ApiKeys"] = "security.apiKey";

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,U;;;WAAAA,U;EAAAA,U;EAAAA,U;GAAAA,U,0BAAAA,U"}
+{"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"}

package/plugins/index.js

@@ -1,20 +1,14 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _installation = _interopRequireDefault(require("./installation"));
-
 var _permissionRenderer = _interopRequireDefault(require("./permissionRenderer"));
-
 var _secureRouteError = _interopRequireDefault(require("./secureRouteError"));
-
 var _default = function _default() {
   return [_installation.default, _permissionRenderer.default, _secureRouteError.default];
 };
-
 exports.default = _default;

package/plugins/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["installation","permissionRenderer","secureRouteError"],"sources":["index.ts"],"sourcesContent":["import { PluginCollection } from \"@webiny/plugins/types\";\nimport installation from \"./installation\";\nimport permissionRenderer from \"./permissionRenderer\";\nimport secureRouteError from \"~/plugins/secureRouteError\";\n\nexport default (): PluginCollection => [installation, permissionRenderer, secureRouteError];\n"],"mappings":";;;;;;;;;AACA;;AACA;;AACA;;eAEe;EAAA,OAAwB,CAACA,qBAAD,EAAeC,2BAAf,EAAmCC,yBAAnC,CAAxB;AAAA,C"}
+{"version":3,"names":["installation","permissionRenderer","secureRouteError"],"sources":["index.ts"],"sourcesContent":["import { PluginCollection } from \"@webiny/plugins/types\";\nimport installation from \"./installation\";\nimport permissionRenderer from \"./permissionRenderer\";\nimport secureRouteError from \"~/plugins/secureRouteError\";\n\nexport default (): PluginCollection => [installation, permissionRenderer, secureRouteError];\n"],"mappings":";;;;;;;AACA;AACA;AACA;AAA0D,eAE3C;EAAA,OAAwB,CAACA,qBAAY,EAAEC,2BAAkB,EAAEC,yBAAgB,CAAC;AAAA;AAAA"}

package/plugins/installation.js

@@ -1,38 +1,23 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
-
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _graphqlTag = _interopRequireDefault(require("graphql-tag"));
-
 var _reactHooks = require("@apollo/react-hooks");
-
 var _Alert = require("@webiny/ui/Alert");
-
 var _Progress = require("@webiny/ui/Progress");
-
 var _SimpleForm = require("@webiny/app-admin/components/SimpleForm");
-
 var _styled = _interopRequireDefault(require("@emotion/styled"));
-
 var _templateObject, _templateObject2;
-
 var SimpleFormPlaceholder = /*#__PURE__*/(0, _styled.default)("div", {
   target: "evolwsn0",
   label: "SimpleFormPlaceholder"
@@ -42,29 +27,25 @@ var SimpleFormPlaceholder = /*#__PURE__*/(0, _styled.default)("div", {
 });
 var IS_INSTALLED = (0, _graphqlTag.default)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n    query IsSecurityInstalled {\n        security {\n            version\n        }\n    }\n"])));
 var INSTALL = (0, _graphqlTag.default)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n    mutation InstallSecurity {\n        security {\n            install {\n                data\n                error {\n                    code\n                    message\n                }\n            }\n        }\n    }\n"])));
-
 var SecurityInstaller = function SecurityInstaller(_ref) {
   var onInstalled = _ref.onInstalled;
   var client = (0, _reactHooks.useApolloClient)();
-
   var _useState = (0, _react.useState)(null),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      error = _useState2[0],
-      setError = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    error = _useState2[0],
+    setError = _useState2[1];
   (0, _react.useEffect)(function () {
     client.mutate({
       mutation: INSTALL
     }).then(function (_ref2) {
       var data = _ref2.data;
       var error = data.security.install.error;
-
       if (error) {
         setError(error.message);
         return;
-      } // Just so the user sees the actual message.
-
+      }
 
+      // Just so the user sees the actual message.
       setTimeout(onInstalled, 3000);
     });
   }, []);
@@ -76,7 +57,6 @@ var SecurityInstaller = function SecurityInstaller(_ref) {
     label: label
   }), /*#__PURE__*/_react.default.createElement(_SimpleForm.SimpleFormContent, null, /*#__PURE__*/_react.default.createElement(SimpleFormPlaceholder, null)));
 };
-
 var plugin = {
   name: "admin-installation-security",
   type: "admin-installation",
@@ -86,26 +66,21 @@ var plugin = {
   getInstalledVersion: function getInstalledVersion(_ref3) {
     return (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee() {
       var client, _yield$client$query, data;
-
       return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
-        while (1) {
-          switch (_context.prev = _context.next) {
-            case 0:
-              client = _ref3.client;
-              _context.next = 3;
-              return client.query({
-                query: IS_INSTALLED
-              });
-
-            case 3:
-              _yield$client$query = _context.sent;
-              data = _yield$client$query.data;
-              return _context.abrupt("return", data.security.version);
-
-            case 6:
-            case "end":
-              return _context.stop();
-          }
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            client = _ref3.client;
+            _context.next = 3;
+            return client.query({
+              query: IS_INSTALLED
+            });
+          case 3:
+            _yield$client$query = _context.sent;
+            data = _yield$client$query.data;
+            return _context.abrupt("return", data.security.version);
+          case 6:
+          case "end":
+            return _context.stop();
         }
       }, _callee);
     }))();

package/plugins/installation.js.map

@@ -1 +1 @@
-{"version":3,"names":["SimpleFormPlaceholder","styled","minHeight","minWidth","IS_INSTALLED","gql","INSTALL","SecurityInstaller","onInstalled","client","useApolloClient","useState","error","setError","useEffect","mutate","mutation","then","data","security","install","message","setTimeout","label","plugin","name","type","title","dependencies","secure","getInstalledVersion","query","version","render"],"sources":["installation.tsx"],"sourcesContent":["import React, { useState, useEffect } from \"react\";\nimport gql from \"graphql-tag\";\nimport { useApolloClient } from \"@apollo/react-hooks\";\nimport { Alert } from \"@webiny/ui/Alert\";\nimport { CircularProgress } from \"@webiny/ui/Progress\";\nimport { SimpleForm, SimpleFormContent } from \"@webiny/app-admin/components/SimpleForm\";\nimport styled from \"@emotion/styled\";\nimport { AdminInstallationPlugin } from \"@webiny/app-admin/types\";\n\nconst SimpleFormPlaceholder = styled.div({\n    minHeight: 300,\n    minWidth: 400\n});\n\nconst IS_INSTALLED = gql`\n    query IsSecurityInstalled {\n        security {\n            version\n        }\n    }\n`;\n\nconst INSTALL = gql`\n    mutation InstallSecurity {\n        security {\n            install {\n                data\n                error {\n                    code\n                    message\n                }\n            }\n        }\n    }\n`;\n\ninterface SecurityInstallerProps {\n    onInstalled: () => void;\n}\nconst SecurityInstaller: React.FC<SecurityInstallerProps> = ({ onInstalled }) => {\n    const client = useApolloClient();\n    const [error, setError] = useState(null);\n\n    useEffect(() => {\n        client.mutate({ mutation: INSTALL }).then(({ data }) => {\n            const { error } = data.security.install;\n            if (error) {\n                setError(error.message);\n                return;\n            }\n\n            // Just so the user sees the actual message.\n            setTimeout(onInstalled, 3000);\n        });\n    }, []);\n\n    const label = error ? (\n        <Alert title={`Something went wrong`} type={\"danger\"}>\n            {error}\n        </Alert>\n    ) : (\n        `Installing Security...`\n    );\n\n    return (\n        <SimpleForm>\n            <CircularProgress label={label} />\n            <SimpleFormContent>\n                <SimpleFormPlaceholder />\n            </SimpleFormContent>\n        </SimpleForm>\n    );\n};\n\nconst plugin: AdminInstallationPlugin = {\n    name: \"admin-installation-security\",\n    type: \"admin-installation\",\n    title: `Security`,\n    dependencies: [`admin-installation-tenancy`],\n    secure: false,\n    async getInstalledVersion({ client }) {\n        const { data } = await client.query({ query: IS_INSTALLED });\n        return data.security.version;\n    },\n    render({ onInstalled }) {\n        return <SecurityInstaller onInstalled={onInstalled} />;\n    }\n};\n\nexport default plugin;\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAGA,IAAMA,qBAAqB,oBAAGC,eAAH;EAAA;EAAA;AAAA,GAAc;EACrCC,SAAS,EAAE,GAD0B;EAErCC,QAAQ,EAAE;AAF2B,CAAd,CAA3B;AAKA,IAAMC,YAAY,OAAGC,mBAAH,kLAAlB;AAQA,IAAMC,OAAO,OAAGD,mBAAH,6TAAb;;AAiBA,IAAME,iBAAmD,GAAG,SAAtDA,iBAAsD,OAAqB;EAAA,IAAlBC,WAAkB,QAAlBA,WAAkB;EAC7E,IAAMC,MAAM,GAAG,IAAAC,2BAAA,GAAf;;EACA,gBAA0B,IAAAC,eAAA,EAAS,IAAT,CAA1B;EAAA;EAAA,IAAOC,KAAP;EAAA,IAAcC,QAAd;;EAEA,IAAAC,gBAAA,EAAU,YAAM;IACZL,MAAM,CAACM,MAAP,CAAc;MAAEC,QAAQ,EAAEV;IAAZ,CAAd,EAAqCW,IAArC,CAA0C,iBAAc;MAAA,IAAXC,IAAW,SAAXA,IAAW;MACpD,IAAQN,KAAR,GAAkBM,IAAI,CAACC,QAAL,CAAcC,OAAhC,CAAQR,KAAR;;MACA,IAAIA,KAAJ,EAAW;QACPC,QAAQ,CAACD,KAAK,CAACS,OAAP,CAAR;QACA;MACH,CALmD,CAOpD;;;MACAC,UAAU,CAACd,WAAD,EAAc,IAAd,CAAV;IACH,CATD;EAUH,CAXD,EAWG,EAXH;EAaA,IAAMe,KAAK,GAAGX,KAAK,gBACf,6BAAC,YAAD;IAAO,KAAK,wBAAZ;IAAsC,IAAI,EAAE;EAA5C,GACKA,KADL,CADe,2BAAnB;EAQA,oBACI,6BAAC,sBAAD,qBACI,6BAAC,0BAAD;IAAkB,KAAK,EAAEW;EAAzB,EADJ,eAEI,6BAAC,6BAAD,qBACI,6BAAC,qBAAD,OADJ,CAFJ,CADJ;AAQH,CAjCD;;AAmCA,IAAMC,MAA+B,GAAG;EACpCC,IAAI,EAAE,6BAD8B;EAEpCC,IAAI,EAAE,oBAF8B;EAGpCC,KAAK,YAH+B;EAIpCC,YAAY,EAAE,8BAJsB;EAKpCC,MAAM,EAAE,KAL4B;EAM9BC,mBAN8B,sCAME;IAAA;MAAA;;MAAA;QAAA;UAAA;YAAA;cAAVrB,MAAU,SAAVA,MAAU;cAAA;cAAA,OACXA,MAAM,CAACsB,KAAP,CAAa;gBAAEA,KAAK,EAAE3B;cAAT,CAAb,CADW;;YAAA;cAAA;cAC1Bc,IAD0B,uBAC1BA,IAD0B;cAAA,iCAE3BA,IAAI,CAACC,QAAL,CAAca,OAFa;;YAAA;YAAA;cAAA;UAAA;QAAA;MAAA;IAAA;EAGrC,CATmC;EAUpCC,MAVoC,yBAUZ;IAAA,IAAfzB,WAAe,SAAfA,WAAe;IACpB,oBAAO,6BAAC,iBAAD;MAAmB,WAAW,EAAEA;IAAhC,EAAP;EACH;AAZmC,CAAxC;eAeegB,M"}
+{"version":3,"names":["SimpleFormPlaceholder","styled","minHeight","minWidth","IS_INSTALLED","gql","INSTALL","SecurityInstaller","onInstalled","client","useApolloClient","useState","error","setError","useEffect","mutate","mutation","then","data","security","install","message","setTimeout","label","plugin","name","type","title","dependencies","secure","getInstalledVersion","query","version","render"],"sources":["installation.tsx"],"sourcesContent":["import React, { useState, useEffect } from \"react\";\nimport gql from \"graphql-tag\";\nimport { useApolloClient } from \"@apollo/react-hooks\";\nimport { Alert } from \"@webiny/ui/Alert\";\nimport { CircularProgress } from \"@webiny/ui/Progress\";\nimport { SimpleForm, SimpleFormContent } from \"@webiny/app-admin/components/SimpleForm\";\nimport styled from \"@emotion/styled\";\nimport { AdminInstallationPlugin } from \"@webiny/app-admin/types\";\n\nconst SimpleFormPlaceholder = styled.div({\n    minHeight: 300,\n    minWidth: 400\n});\n\nconst IS_INSTALLED = gql`\n    query IsSecurityInstalled {\n        security {\n            version\n        }\n    }\n`;\n\nconst INSTALL = gql`\n    mutation InstallSecurity {\n        security {\n            install {\n                data\n                error {\n                    code\n                    message\n                }\n            }\n        }\n    }\n`;\n\ninterface SecurityInstallerProps {\n    onInstalled: () => void;\n}\nconst SecurityInstaller: React.FC<SecurityInstallerProps> = ({ onInstalled }) => {\n    const client = useApolloClient();\n    const [error, setError] = useState(null);\n\n    useEffect(() => {\n        client.mutate({ mutation: INSTALL }).then(({ data }) => {\n            const { error } = data.security.install;\n            if (error) {\n                setError(error.message);\n                return;\n            }\n\n            // Just so the user sees the actual message.\n            setTimeout(onInstalled, 3000);\n        });\n    }, []);\n\n    const label = error ? (\n        <Alert title={`Something went wrong`} type={\"danger\"}>\n            {error}\n        </Alert>\n    ) : (\n        `Installing Security...`\n    );\n\n    return (\n        <SimpleForm>\n            <CircularProgress label={label} />\n            <SimpleFormContent>\n                <SimpleFormPlaceholder />\n            </SimpleFormContent>\n        </SimpleForm>\n    );\n};\n\nconst plugin: AdminInstallationPlugin = {\n    name: \"admin-installation-security\",\n    type: \"admin-installation\",\n    title: `Security`,\n    dependencies: [`admin-installation-tenancy`],\n    secure: false,\n    async getInstalledVersion({ client }) {\n        const { data } = await client.query({ query: IS_INSTALLED });\n        return data.security.version;\n    },\n    render({ onInstalled }) {\n        return <SecurityInstaller onInstalled={onInstalled} />;\n    }\n};\n\nexport default plugin;\n"],"mappings":";;;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AAAqC;AAGrC,IAAMA,qBAAqB,oBAAGC,eAAM;EAAA;EAAA;AAAA,GAAK;EACrCC,SAAS,EAAE,GAAG;EACdC,QAAQ,EAAE;AACd,CAAC,CAAC;AAEF,IAAMC,YAAY,OAAGC,mBAAG,kLAMvB;AAED,IAAMC,OAAO,OAAGD,mBAAG,6TAYlB;AAKD,IAAME,iBAAmD,GAAG,SAAtDA,iBAAmD,OAAwB;EAAA,IAAlBC,WAAW,QAAXA,WAAW;EACtE,IAAMC,MAAM,GAAG,IAAAC,2BAAe,GAAE;EAChC,gBAA0B,IAAAC,eAAQ,EAAC,IAAI,CAAC;IAAA;IAAjCC,KAAK;IAAEC,QAAQ;EAEtB,IAAAC,gBAAS,EAAC,YAAM;IACZL,MAAM,CAACM,MAAM,CAAC;MAAEC,QAAQ,EAAEV;IAAQ,CAAC,CAAC,CAACW,IAAI,CAAC,iBAAc;MAAA,IAAXC,IAAI,SAAJA,IAAI;MAC7C,IAAQN,KAAK,GAAKM,IAAI,CAACC,QAAQ,CAACC,OAAO,CAA/BR,KAAK;MACb,IAAIA,KAAK,EAAE;QACPC,QAAQ,CAACD,KAAK,CAACS,OAAO,CAAC;QACvB;MACJ;;MAEA;MACAC,UAAU,CAACd,WAAW,EAAE,IAAI,CAAC;IACjC,CAAC,CAAC;EACN,CAAC,EAAE,EAAE,CAAC;EAEN,IAAMe,KAAK,GAAGX,KAAK,gBACf,6BAAC,YAAK;IAAC,KAAK,wBAAyB;IAAC,IAAI,EAAE;EAAS,GAChDA,KAAK,CACF,2BAGX;EAED,oBACI,6BAAC,sBAAU,qBACP,6BAAC,0BAAgB;IAAC,KAAK,EAAEW;EAAM,EAAG,eAClC,6BAAC,6BAAiB,qBACd,6BAAC,qBAAqB,OAAG,CACT,CACX;AAErB,CAAC;AAED,IAAMC,MAA+B,GAAG;EACpCC,IAAI,EAAE,6BAA6B;EACnCC,IAAI,EAAE,oBAAoB;EAC1BC,KAAK,YAAY;EACjBC,YAAY,EAAE,8BAA8B;EAC5CC,MAAM,EAAE,KAAK;EACPC,mBAAmB,sCAAa;IAAA;MAAA;MAAA;QAAA;UAAA;YAAVrB,MAAM,SAANA,MAAM;YAAA;YAAA,OACPA,MAAM,CAACsB,KAAK,CAAC;cAAEA,KAAK,EAAE3B;YAAa,CAAC,CAAC;UAAA;YAAA;YAApDc,IAAI,uBAAJA,IAAI;YAAA,iCACLA,IAAI,CAACC,QAAQ,CAACa,OAAO;UAAA;UAAA;YAAA;QAAA;MAAA;IAAA;EAChC,CAAC;EACDC,MAAM,yBAAkB;IAAA,IAAfzB,WAAW,SAAXA,WAAW;IAChB,oBAAO,6BAAC,iBAAiB;MAAC,WAAW,EAAEA;IAAY,EAAG;EAC1D;AACJ,CAAC;AAAC,eAEagB,MAAM;AAAA"}

package/plugins/permissionRenderer/SecurityPermissions.js

@@ -1,36 +1,22 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SecurityPermissions = void 0;
-
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _Grid = require("@webiny/ui/Grid");
-
 var _Select = require("@webiny/ui/Select");
-
 var _i18n = require("@webiny/app/i18n");
-
 var _Permissions = require("@webiny/app-admin/components/Permissions");
-
 var _form = require("@webiny/form");
-
 var _Elevation = require("@webiny/ui/Elevation");
-
 var _Typography = require("@webiny/ui/Typography");
-
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13;
-
 var t = _i18n.i18n.ns("app-security-admin-users/plugins/permissionRenderer");
-
 var SECURITY = "security";
 var SECURITY_FULL_ACCESS = "".concat(SECURITY, ".*");
 var SECURITY_GROUP_ACCESS = "".concat(SECURITY, ".group");
@@ -38,22 +24,18 @@ var SECURITY_API_KEY_ACCESS = "".concat(SECURITY, ".apiKey");
 var FULL_ACCESS = "full";
 var NO_ACCESS = "no";
 var CUSTOM_ACCESS = "custom";
-
 var SecurityPermissions = function SecurityPermissions(_ref) {
   var value = _ref.value,
-      onChange = _ref.onChange;
+    onChange = _ref.onChange;
   var onFormChange = (0, _react.useCallback)(function (data) {
     var newValue = [];
-
     if (Array.isArray(value)) {
       // Let's just filter out the `security*` permission objects, it's easier to build new ones from scratch.
       newValue = value.filter(function (item) {
         return !item.name.startsWith(SECURITY);
       });
     }
-
     var permissions = [];
-
     if (data.accessLevel === FULL_ACCESS) {
       permissions.push({
         name: SECURITY_FULL_ACCESS
@@ -64,20 +46,16 @@ var SecurityPermissions = function SecurityPermissions(_ref) {
           name: SECURITY_GROUP_ACCESS
         });
       }
-
       if (data.apiKeyAccessScope === FULL_ACCESS) {
         permissions.push({
           name: SECURITY_API_KEY_ACCESS
         });
       }
     }
-
     if (permissions && permissions.length) {
       var _newValue;
-
       (_newValue = newValue).push.apply(_newValue, permissions);
     }
-
     onChange(newValue);
   }, [value]);
   var formData = (0, _react.useMemo)(function () {
@@ -86,27 +64,22 @@ var SecurityPermissions = function SecurityPermissions(_ref) {
         accessLevel: NO_ACCESS
       };
     }
-
     var hasFullAccess = value.find(function (item) {
       return item.name === SECURITY_FULL_ACCESS || item.name === "*";
     });
-
     if (hasFullAccess) {
       return {
         accessLevel: FULL_ACCESS
       };
     }
-
     var permissions = value.filter(function (item) {
       return item.name.startsWith(SECURITY);
     });
-
     if (permissions.length === 0) {
       return {
         accessLevel: NO_ACCESS
       };
     }
-
     var data = {
       accessLevel: CUSTOM_ACCESS,
       groupAccessScope: NO_ACCESS,
@@ -115,19 +88,15 @@ var SecurityPermissions = function SecurityPermissions(_ref) {
     var hasGroupAccess = permissions.find(function (item) {
       return item.name === SECURITY_GROUP_ACCESS;
     });
-
     if (hasGroupAccess) {
       data.groupAccessScope = FULL_ACCESS;
     }
-
     var hasApiKeyAccess = permissions.find(function (item) {
       return item.name === SECURITY_API_KEY_ACCESS;
     });
-
     if (hasApiKeyAccess) {
       data.apiKeyAccessScope = FULL_ACCESS;
     }
-
     return data;
   }, []);
   return /*#__PURE__*/_react.default.createElement(_form.Form, {
@@ -135,7 +104,7 @@ var SecurityPermissions = function SecurityPermissions(_ref) {
     onChange: onFormChange
   }, function (_ref2) {
     var data = _ref2.data,
-        Bind = _ref2.Bind;
+      Bind = _ref2.Bind;
     return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_Grid.Grid, {
       className: _Permissions.gridNoPaddingClass
     }, /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
@@ -195,5 +164,4 @@ var SecurityPermissions = function SecurityPermissions(_ref) {
     }, t(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteral2.default)(["Full access"])))))))))));
   });
 };
-
 exports.SecurityPermissions = SecurityPermissions;