@webiny/app-security-access-management 0.0.0-mt-2 → 0.0.0-unstable.06b2ede40f

package/plugins/index.js

@@ -1,8 +1,6 @@
-import routes from "./routes";
-import menus from "./menus";
 import installation from "./installation";
 import permissionRenderer from "./permissionRenderer";
 import secureRouteError from "./secureRouteError";
-export default (function () {
-  return [routes, menus, installation, permissionRenderer, secureRouteError];
-});
+export default () => [installation, permissionRenderer, secureRouteError];
+
+//# sourceMappingURL=index.js.map

package/plugins/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["installation","permissionRenderer","secureRouteError"],"sources":["index.ts"],"sourcesContent":["import type { 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,OAAOA,YAAY;AACnB,OAAOC,kBAAkB;AACzB,OAAOC,gBAAgB;AAEvB,eAAe,MAAwB,CAACF,YAAY,EAAEC,kBAAkB,EAAEC,gBAAgB,CAAC","ignoreList":[]}

package/plugins/installation.d.ts

@@ -1,3 +1,3 @@
-import { AdminInstallationPlugin } from "@webiny/app-admin/types";
+import type { AdminInstallationPlugin } from "@webiny/app-admin/types";
 declare const plugin: AdminInstallationPlugin;
 export default plugin;

package/plugins/installation.js

@@ -1,99 +1,100 @@
-import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-
-var _templateObject, _templateObject2;
-
-import _regeneratorRuntime from "@babel/runtime/regenerator";
+import _styled from "@emotion/styled/base";
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
 import React, { useState, useEffect } from "react";
 import gql from "graphql-tag";
 import { useApolloClient } from "@apollo/react-hooks";
 import { Alert } from "@webiny/ui/Alert";
 import { CircularProgress } from "@webiny/ui/Progress";
 import { SimpleForm, SimpleFormContent } from "@webiny/app-admin/components/SimpleForm";
-import styled from "@emotion/styled";
-var SimpleFormPlaceholder = /*#__PURE__*/styled("div", {
+const SimpleFormPlaceholder = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
+  target: "evolwsn0"
+} : {
   target: "evolwsn0",
   label: "SimpleFormPlaceholder"
-})({
-  minHeight: 300,
-  minWidth: 400
+})(process.env.NODE_ENV === "production" ? {
+  name: "u16u3o",
+  styles: "min-height:300px;min-width:400px"
+} : {
+  name: "u16u3o",
+  styles: "min-height:300px;min-width:400px",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImluc3RhbGxhdGlvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBUzhCIiwiZmlsZSI6Imluc3RhbGxhdGlvbi50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgdXNlU3RhdGUsIHVzZUVmZmVjdCB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IGdxbCBmcm9tIFwiZ3JhcGhxbC10YWdcIjtcbmltcG9ydCB7IHVzZUFwb2xsb0NsaWVudCB9IGZyb20gXCJAYXBvbGxvL3JlYWN0LWhvb2tzXCI7XG5pbXBvcnQgeyBBbGVydCB9IGZyb20gXCJAd2ViaW55L3VpL0FsZXJ0XCI7XG5pbXBvcnQgeyBDaXJjdWxhclByb2dyZXNzIH0gZnJvbSBcIkB3ZWJpbnkvdWkvUHJvZ3Jlc3NcIjtcbmltcG9ydCB7IFNpbXBsZUZvcm0sIFNpbXBsZUZvcm1Db250ZW50IH0gZnJvbSBcIkB3ZWJpbnkvYXBwLWFkbWluL2NvbXBvbmVudHMvU2ltcGxlRm9ybVwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgdHlwZSB7IEFkbWluSW5zdGFsbGF0aW9uUGx1Z2luIH0gZnJvbSBcIkB3ZWJpbnkvYXBwLWFkbWluL3R5cGVzXCI7XG5cbmNvbnN0IFNpbXBsZUZvcm1QbGFjZWhvbGRlciA9IHN0eWxlZC5kaXYoe1xuICAgIG1pbkhlaWdodDogMzAwLFxuICAgIG1pbldpZHRoOiA0MDBcbn0pO1xuXG5jb25zdCBJU19JTlNUQUxMRUQgPSBncWxgXG4gICAgcXVlcnkgSXNTZWN1cml0eUluc3RhbGxlZCB7XG4gICAgICAgIHNlY3VyaXR5IHtcbiAgICAgICAgICAgIHZlcnNpb25cbiAgICAgICAgfVxuICAgIH1cbmA7XG5cbmNvbnN0IElOU1RBTEwgPSBncWxgXG4gICAgbXV0YXRpb24gSW5zdGFsbFNlY3VyaXR5IHtcbiAgICAgICAgc2VjdXJpdHkge1xuICAgICAgICAgICAgaW5zdGFsbCB7XG4gICAgICAgICAgICAgICAgZGF0YVxuICAgICAgICAgICAgICAgIGVycm9yIHtcbiAgICAgICAgICAgICAgICAgICAgY29kZVxuICAgICAgICAgICAgICAgICAgICBtZXNzYWdlXG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfVxuICAgICAgICB9XG4gICAgfVxuYDtcblxuaW50ZXJmYWNlIFNlY3VyaXR5SW5zdGFsbGVyUHJvcHMge1xuICAgIG9uSW5zdGFsbGVkOiAoKSA9PiB2b2lkO1xufVxuY29uc3QgU2VjdXJpdHlJbnN0YWxsZXIgPSAoeyBvbkluc3RhbGxlZCB9OiBTZWN1cml0eUluc3RhbGxlclByb3BzKSA9PiB7XG4gICAgY29uc3QgY2xpZW50ID0gdXNlQXBvbGxvQ2xpZW50KCk7XG4gICAgY29uc3QgW2Vycm9yLCBzZXRFcnJvcl0gPSB1c2VTdGF0ZShudWxsKTtcblxuICAgIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgICAgIGNsaWVudC5tdXRhdGUoeyBtdXRhdGlvbjogSU5TVEFMTCB9KS50aGVuKCh7IGRhdGEgfSkgPT4ge1xuICAgICAgICAgICAgY29uc3QgeyBlcnJvciB9ID0gZGF0YS5zZWN1cml0eS5pbnN0YWxsO1xuICAgICAgICAgICAgaWYgKGVycm9yKSB7XG4gICAgICAgICAgICAgICAgc2V0RXJyb3IoZXJyb3IubWVzc2FnZSk7XG4gICAgICAgICAgICAgICAgcmV0dXJuO1xuICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICAvLyBKdXN0IHNvIHRoZSB1c2VyIHNlZXMgdGhlIGFjdHVhbCBtZXNzYWdlLlxuICAgICAgICAgICAgc2V0VGltZW91dChvbkluc3RhbGxlZCwgMzAwMCk7XG4gICAgICAgIH0pO1xuICAgIH0sIFtdKTtcblxuICAgIGNvbnN0IGxhYmVsID0gZXJyb3IgPyAoXG4gICAgICAgIDxBbGVydCB0aXRsZT17YFNvbWV0aGluZyB3ZW50IHdyb25nYH0gdHlwZT17XCJkYW5nZXJcIn0+XG4gICAgICAgICAgICB7ZXJyb3J9XG4gICAgICAgIDwvQWxlcnQ+XG4gICAgKSA6IChcbiAgICAgICAgYEluc3RhbGxpbmcgU2VjdXJpdHkuLi5gXG4gICAgKTtcblxuICAgIHJldHVybiAoXG4gICAgICAgIDxTaW1wbGVGb3JtPlxuICAgICAgICAgICAgPENpcmN1bGFyUHJvZ3Jlc3MgbGFiZWw9e2xhYmVsfSAvPlxuICAgICAgICAgICAgPFNpbXBsZUZvcm1Db250ZW50PlxuICAgICAgICAgICAgICAgIDxTaW1wbGVGb3JtUGxhY2Vob2xkZXIgLz5cbiAgICAgICAgICAgIDwvU2ltcGxlRm9ybUNvbnRlbnQ+XG4gICAgICAgIDwvU2ltcGxlRm9ybT5cbiAgICApO1xufTtcblxuY29uc3QgcGx1Z2luOiBBZG1pbkluc3RhbGxhdGlvblBsdWdpbiA9IHtcbiAgICBuYW1lOiBcImFkbWluLWluc3RhbGxhdGlvbi1zZWN1cml0eVwiLFxuICAgIHR5cGU6IFwiYWRtaW4taW5zdGFsbGF0aW9uXCIsXG4gICAgdGl0bGU6IGBTZWN1cml0eWAsXG4gICAgZGVwZW5kZW5jaWVzOiBbYGFkbWluLWluc3RhbGxhdGlvbi10ZW5hbmN5YF0sXG4gICAgc2VjdXJlOiBmYWxzZSxcbiAgICBhc3luYyBnZXRJbnN0YWxsZWRWZXJzaW9uKHsgY2xpZW50IH0pIHtcbiAgICAgICAgY29uc3QgeyBkYXRhIH0gPSBhd2FpdCBjbGllbnQucXVlcnkoeyBxdWVyeTogSVNfSU5TVEFMTEVEIH0pO1xuICAgICAgICByZXR1cm4gZGF0YS5zZWN1cml0eS52ZXJzaW9uO1xuICAgIH0sXG4gICAgcmVuZGVyKHsgb25JbnN0YWxsZWQgfSkge1xuICAgICAgICByZXR1cm4gPFNlY3VyaXR5SW5zdGFsbGVyIG9uSW5zdGFsbGVkPXtvbkluc3RhbGxlZH0gLz47XG4gICAgfVxufTtcblxuZXhwb3J0IGRlZmF1bHQgcGx1Z2luO1xuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
-var IS_INSTALLED = gql(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    query IsSecurityInstalled {\n        security {\n            version\n        }\n    }\n"])));
-var INSTALL = gql(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\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 = useApolloClient();
-
-  var _useState = useState(null),
-      _useState2 = _slicedToArray(_useState, 2),
-      error = _useState2[0],
-      setError = _useState2[1];
-
-  useEffect(function () {
+const IS_INSTALLED = gql`
+    query IsSecurityInstalled {
+        security {
+            version
+        }
+    }
+`;
+const INSTALL = gql`
+    mutation InstallSecurity {
+        security {
+            install {
+                data
+                error {
+                    code
+                    message
+                }
+            }
+        }
+    }
+`;
+const SecurityInstaller = ({
+  onInstalled
+}) => {
+  const client = useApolloClient();
+  const [error, setError] = useState(null);
+  useEffect(() => {
     client.mutate({
       mutation: INSTALL
-    }).then(function (_ref2) {
-      var data = _ref2.data;
-      var error = data.security.install.error;
-
+    }).then(({
+      data
+    }) => {
+      const {
+        error
+      } = data.security.install;
       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);
     });
   }, []);
-  var label = error ? /*#__PURE__*/React.createElement(Alert, {
-    title: "Something went wrong",
+  const label = error ? /*#__PURE__*/React.createElement(Alert, {
+    title: `Something went wrong`,
     type: "danger"
-  }, error) : "Installing Security...";
+  }, error) : `Installing Security...`;
   return /*#__PURE__*/React.createElement(SimpleForm, null, /*#__PURE__*/React.createElement(CircularProgress, {
     label: label
   }), /*#__PURE__*/React.createElement(SimpleFormContent, null, /*#__PURE__*/React.createElement(SimpleFormPlaceholder, null)));
 };
-
-var plugin = {
+const plugin = {
   name: "admin-installation-security",
   type: "admin-installation",
-  title: "Security",
-  dependencies: ["admin-installation-tenancy"],
+  title: `Security`,
+  dependencies: [`admin-installation-tenancy`],
   secure: false,
-  getInstalledVersion: function getInstalledVersion(_ref3) {
-    return _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-      var client, _yield$client$query, data;
-
-      return _regeneratorRuntime.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();
-          }
-        }
-      }, _callee);
-    }))();
+  async getInstalledVersion({
+    client
+  }) {
+    const {
+      data
+    } = await client.query({
+      query: IS_INSTALLED
+    });
+    return data.security.version;
   },
-  render: function render(_ref4) {
-    var onInstalled = _ref4.onInstalled;
+  render({
+    onInstalled
+  }) {
     return /*#__PURE__*/React.createElement(SecurityInstaller, {
       onInstalled: onInstalled
     });
   }
 };
-export default plugin;
+export default plugin;
+
+//# sourceMappingURL=installation.js.map

package/plugins/installation.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useState","useEffect","gql","useApolloClient","Alert","CircularProgress","SimpleForm","SimpleFormContent","SimpleFormPlaceholder","_styled","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","IS_INSTALLED","INSTALL","SecurityInstaller","onInstalled","client","error","setError","mutate","mutation","then","data","security","install","message","setTimeout","createElement","title","type","plugin","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 type { 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 = ({ onInstalled }: SecurityInstallerProps) => {\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,OAAOA,KAAK,IAAIC,QAAQ,EAAEC,SAAS,QAAQ,OAAO;AAClD,OAAOC,GAAG,MAAM,aAAa;AAC7B,SAASC,eAAe,QAAQ,qBAAqB;AACrD,SAASC,KAAK,QAAQ,kBAAkB;AACxC,SAASC,gBAAgB,QAAQ,qBAAqB;AACtD,SAASC,UAAU,EAAEC,iBAAiB,QAAQ,yCAAyC;AAIvF,MAAMC,qBAAqB,gBAAGC,OAAA,QAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,GAAAJ,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAG,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,GAAA;EAAAC,QAAA,EAAAC;AAAA,CAG7B,CAAC;AAEF,MAAMC,YAAY,GAAGlB,GAAG;AACxB;AACA;AACA;AACA;AACA;AACA,CAAC;AAED,MAAMmB,OAAO,GAAGnB,GAAG;AACnB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAKD,MAAMoB,iBAAiB,GAAGA,CAAC;EAAEC;AAAoC,CAAC,KAAK;EACnE,MAAMC,MAAM,GAAGrB,eAAe,CAAC,CAAC;EAChC,MAAM,CAACsB,KAAK,EAAEC,QAAQ,CAAC,GAAG1B,QAAQ,CAAC,IAAI,CAAC;EAExCC,SAAS,CAAC,MAAM;IACZuB,MAAM,CAACG,MAAM,CAAC;MAAEC,QAAQ,EAAEP;IAAQ,CAAC,CAAC,CAACQ,IAAI,CAAC,CAAC;MAAEC;IAAK,CAAC,KAAK;MACpD,MAAM;QAAEL;MAAM,CAAC,GAAGK,IAAI,CAACC,QAAQ,CAACC,OAAO;MACvC,IAAIP,KAAK,EAAE;QACPC,QAAQ,CAACD,KAAK,CAACQ,OAAO,CAAC;QACvB;MACJ;;MAEA;MACAC,UAAU,CAACX,WAAW,EAAE,IAAI,CAAC;IACjC,CAAC,CAAC;EACN,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMT,KAAK,GAAGW,KAAK,gBACf1B,KAAA,CAAAoC,aAAA,CAAC/B,KAAK;IAACgC,KAAK,EAAE,sBAAuB;IAACC,IAAI,EAAE;EAAS,GAChDZ,KACE,CAAC,GAER,wBACH;EAED,oBACI1B,KAAA,CAAAoC,aAAA,CAAC7B,UAAU,qBACPP,KAAA,CAAAoC,aAAA,CAAC9B,gBAAgB;IAACS,KAAK,EAAEA;EAAM,CAAE,CAAC,eAClCf,KAAA,CAAAoC,aAAA,CAAC5B,iBAAiB,qBACdR,KAAA,CAAAoC,aAAA,CAAC3B,qBAAqB,MAAE,CACT,CACX,CAAC;AAErB,CAAC;AAED,MAAM8B,MAA+B,GAAG;EACpCvB,IAAI,EAAE,6BAA6B;EACnCsB,IAAI,EAAE,oBAAoB;EAC1BD,KAAK,EAAE,UAAU;EACjBG,YAAY,EAAE,CAAC,4BAA4B,CAAC;EAC5CC,MAAM,EAAE,KAAK;EACb,MAAMC,mBAAmBA,CAAC;IAAEjB;EAAO,CAAC,EAAE;IAClC,MAAM;MAAEM;IAAK,CAAC,GAAG,MAAMN,MAAM,CAACkB,KAAK,CAAC;MAAEA,KAAK,EAAEtB;IAAa,CAAC,CAAC;IAC5D,OAAOU,IAAI,CAACC,QAAQ,CAACY,OAAO;EAChC,CAAC;EACDC,MAAMA,CAAC;IAAErB;EAAY,CAAC,EAAE;IACpB,oBAAOxB,KAAA,CAAAoC,aAAA,CAACb,iBAAiB;MAACC,WAAW,EAAEA;IAAY,CAAE,CAAC;EAC1D;AACJ,CAAC;AAED,eAAee,MAAM","ignoreList":[]}

package/plugins/permissionRenderer/SecurityPermissions.d.ts

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

package/plugins/permissionRenderer/SecurityPermissions.js

@@ -1,176 +1,175 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13;
-
 import React, { Fragment, useCallback, useMemo } from "react";
 import { Grid, Cell } from "@webiny/ui/Grid";
 import { Select } from "@webiny/ui/Select";
 import { i18n } from "@webiny/app/i18n";
-import { PermissionInfo, gridNoPaddingClass } from "@webiny/app-admin/components/Permissions";
+import { CannotUseAaclAlert, PermissionInfo, gridWithPaddingClass, PermissionsGroup } from "@webiny/app-admin/components/Permissions";
 import { Form } from "@webiny/form";
-import { Elevation } from "@webiny/ui/Elevation";
-import { Typography } from "@webiny/ui/Typography";
-var t = i18n.ns("app-security-admin-users/plugins/permissionRenderer");
-var SECURITY = "security";
-var SECURITY_FULL_ACCESS = "".concat(SECURITY, ".*");
-var SECURITY_GROUP_ACCESS = "".concat(SECURITY, ".group");
-var SECURITY_API_KEY_ACCESS = "".concat(SECURITY, ".apiKey");
-var FULL_ACCESS = "full";
-var NO_ACCESS = "no";
-var CUSTOM_ACCESS = "custom";
-export var SecurityPermissions = function SecurityPermissions(_ref) {
-  var value = _ref.value,
-      onChange = _ref.onChange;
-  var onFormChange = useCallback(function (data) {
-    var newValue = [];
-
+import { useSecurity } from "@webiny/app-security";
+import { useWcp } from "@webiny/app-admin";
+const t = i18n.ns("app-security-admin-users/plugins/permissionRenderer");
+const SECURITY = "security";
+const SECURITY_FULL_ACCESS = `${SECURITY}.*`;
+const SECURITY_GROUP_ACCESS = `${SECURITY}.group`;
+const SECURITY_TEAM_ACCESS = `${SECURITY}.team`;
+const SECURITY_API_KEY_ACCESS = `${SECURITY}.apiKey`;
+const FULL_ACCESS = "full";
+const NO_ACCESS = "no";
+const CUSTOM_ACCESS = "custom";
+export const SecurityPermissions = ({
+  value,
+  onChange
+}) => {
+  const {
+    getPermission
+  } = useSecurity();
+  const wcp = useWcp();
+
+  // We disable form elements for custom permissions if AACL cannot be used.
+  const cannotUseAacl = useMemo(() => {
+    return !getPermission("aacl", true);
+  }, []);
+  const teams = wcp.canUseTeams();
+  const onFormChange = useCallback(formData => {
+    let 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);
-      });
+      newValue = value.filter(item => !item.name.startsWith(SECURITY));
     }
-
-    var permissions = [];
-
-    if (data.accessLevel === FULL_ACCESS) {
+    const permissions = [];
+    if (formData.accessLevel === FULL_ACCESS) {
       permissions.push({
         name: SECURITY_FULL_ACCESS
       });
-    } else if (data.accessLevel === CUSTOM_ACCESS) {
-      if (data.groupAccessScope === FULL_ACCESS) {
+    } else if (formData.accessLevel === CUSTOM_ACCESS) {
+      if (formData.groupAccessScope === FULL_ACCESS) {
         permissions.push({
           name: SECURITY_GROUP_ACCESS
         });
       }
-
-      if (data.apiKeyAccessScope === FULL_ACCESS) {
+      if (formData.teamAccessScope === FULL_ACCESS) {
+        permissions.push({
+          name: SECURITY_TEAM_ACCESS
+        });
+      }
+      if (formData.apiKeyAccessScope === FULL_ACCESS) {
         permissions.push({
           name: SECURITY_API_KEY_ACCESS
         });
       }
     }
-
     if (permissions && permissions.length) {
-      var _newValue;
-
-      (_newValue = newValue).push.apply(_newValue, permissions);
+      newValue.push(...permissions);
     }
-
     onChange(newValue);
   }, [value]);
-  var formData = useMemo(function () {
+  const formData = useMemo(() => {
     if (!Array.isArray(value)) {
       return {
         accessLevel: NO_ACCESS
       };
     }
-
-    var hasFullAccess = value.find(function (item) {
-      return item.name === SECURITY_FULL_ACCESS || item.name === "*";
-    });
-
+    const hasFullAccess = value.find(item => item.name === SECURITY_FULL_ACCESS || item.name === "*");
     if (hasFullAccess) {
       return {
         accessLevel: FULL_ACCESS
       };
     }
-
-    var permissions = value.filter(function (item) {
-      return item.name.startsWith(SECURITY);
-    });
-
+    const permissions = value.filter(item => item.name.startsWith(SECURITY));
     if (permissions.length === 0) {
       return {
         accessLevel: NO_ACCESS
       };
     }
-
-    var data = {
+    const data = {
       accessLevel: CUSTOM_ACCESS,
       groupAccessScope: NO_ACCESS,
+      teamAccessScope: NO_ACCESS,
       apiKeyAccessScope: NO_ACCESS
     };
-    var hasGroupAccess = permissions.find(function (item) {
-      return item.name === SECURITY_GROUP_ACCESS;
-    });
-
+    const hasGroupAccess = permissions.find(item => item.name === SECURITY_GROUP_ACCESS);
     if (hasGroupAccess) {
       data.groupAccessScope = FULL_ACCESS;
     }
-
-    var hasApiKeyAccess = permissions.find(function (item) {
-      return item.name === SECURITY_API_KEY_ACCESS;
-    });
-
+    const hasTeamAccess = permissions.find(item => item.name === SECURITY_TEAM_ACCESS);
+    if (hasTeamAccess) {
+      data.teamAccessScope = FULL_ACCESS;
+    }
+    const hasApiKeyAccess = permissions.find(item => item.name === SECURITY_API_KEY_ACCESS);
     if (hasApiKeyAccess) {
       data.apiKeyAccessScope = FULL_ACCESS;
     }
-
     return data;
   }, []);
   return /*#__PURE__*/React.createElement(Form, {
     data: formData,
     onChange: onFormChange
-  }, function (_ref2) {
-    var data = _ref2.data,
-        Bind = _ref2.Bind;
+  }, ({
+    data,
+    Bind
+  }) => {
     return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(Grid, {
-      className: gridNoPaddingClass
+      className: gridWithPaddingClass
+    }, /*#__PURE__*/React.createElement(Cell, {
+      span: 12
+    }, data.accessLevel === "custom" && cannotUseAacl && /*#__PURE__*/React.createElement(CannotUseAaclAlert, null))), /*#__PURE__*/React.createElement(Grid, {
+      className: gridWithPaddingClass
     }, /*#__PURE__*/React.createElement(Cell, {
       span: 6
     }, /*#__PURE__*/React.createElement(PermissionInfo, {
-      title: t(_templateObject || (_templateObject = _taggedTemplateLiteral(["Access Level"])))
+      title: t`Access Level`
     })), /*#__PURE__*/React.createElement(Cell, {
       span: 6
     }, /*#__PURE__*/React.createElement(Bind, {
       name: "accessLevel"
-    }, /*#__PURE__*/React.createElement(Select, {
-      label: t(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["Access Level"])))
-    }, /*#__PURE__*/React.createElement("option", {
+    }, /*#__PURE__*/React.createElement(Select, null, /*#__PURE__*/React.createElement("option", {
       value: NO_ACCESS
-    }, t(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["No access"])))), /*#__PURE__*/React.createElement("option", {
+    }, t`No access`), /*#__PURE__*/React.createElement("option", {
       value: FULL_ACCESS
-    }, t(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["Full access"])))), /*#__PURE__*/React.createElement("option", {
+    }, t`Full access`), /*#__PURE__*/React.createElement("option", {
       value: CUSTOM_ACCESS
-    }, t(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["Custom access"])))))))), data.accessLevel === CUSTOM_ACCESS && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Elevation, {
-      z: 1,
-      style: {
-        marginTop: 10
-      }
+    }, t`Custom access`))))), data.accessLevel === CUSTOM_ACCESS && /*#__PURE__*/React.createElement("div", {
+      className: "wby-mt-lg"
+    }, /*#__PURE__*/React.createElement(PermissionsGroup, {
+      title: t`API Keys`
     }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Cell, {
       span: 12
-    }, /*#__PURE__*/React.createElement(Typography, {
-      use: "overline"
-    }, t(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["API Keys"]))))), /*#__PURE__*/React.createElement(Cell, {
-      span: 12
     }, /*#__PURE__*/React.createElement(Bind, {
       name: "apiKeyAccessScope"
     }, /*#__PURE__*/React.createElement(Select, {
-      label: t(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["Access Scope"])))
+      label: t`Access Scope`,
+      disabled: cannotUseAacl
     }, /*#__PURE__*/React.createElement("option", {
       value: NO_ACCESS
-    }, t(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["No access"])))), /*#__PURE__*/React.createElement("option", {
+    }, t`No access`), /*#__PURE__*/React.createElement("option", {
       value: FULL_ACCESS
-    }, t(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["Full access"]))))))))), /*#__PURE__*/React.createElement(Elevation, {
-      z: 1,
-      style: {
-        marginTop: 10
-      }
+    }, t`Full access`)))))), /*#__PURE__*/React.createElement(PermissionsGroup, {
+      title: t`Roles`
     }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Cell, {
       span: 12
-    }, /*#__PURE__*/React.createElement(Typography, {
-      use: "overline"
-    }, t(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["Groups"]))))), /*#__PURE__*/React.createElement(Cell, {
-      span: 12
     }, /*#__PURE__*/React.createElement(Bind, {
       name: "groupAccessScope"
     }, /*#__PURE__*/React.createElement(Select, {
-      label: t(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["Access Scope"])))
+      label: t`Access Scope`,
+      disabled: cannotUseAacl
+    }, /*#__PURE__*/React.createElement("option", {
+      value: NO_ACCESS
+    }, t`No access`), /*#__PURE__*/React.createElement("option", {
+      value: FULL_ACCESS
+    }, t`Full access`)))))), teams && /*#__PURE__*/React.createElement(PermissionsGroup, {
+      title: t`Teams`
+    }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Cell, {
+      span: 12
+    }, /*#__PURE__*/React.createElement(Bind, {
+      name: "teamAccessScope"
+    }, /*#__PURE__*/React.createElement(Select, {
+      label: t`Access Scope`,
+      disabled: cannotUseAacl
     }, /*#__PURE__*/React.createElement("option", {
       value: NO_ACCESS
-    }, t(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["No access"])))), /*#__PURE__*/React.createElement("option", {
+    }, t`No access`), /*#__PURE__*/React.createElement("option", {
       value: FULL_ACCESS
-    }, t(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["Full access"])))))))))));
+    }, t`Full access`))))))));
   });
-};
+};
+
+//# sourceMappingURL=SecurityPermissions.js.map

package/plugins/permissionRenderer/SecurityPermissions.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Fragment","useCallback","useMemo","Grid","Cell","Select","i18n","CannotUseAaclAlert","PermissionInfo","gridWithPaddingClass","PermissionsGroup","Form","useSecurity","useWcp","t","ns","SECURITY","SECURITY_FULL_ACCESS","SECURITY_GROUP_ACCESS","SECURITY_TEAM_ACCESS","SECURITY_API_KEY_ACCESS","FULL_ACCESS","NO_ACCESS","CUSTOM_ACCESS","SecurityPermissions","value","onChange","getPermission","wcp","cannotUseAacl","teams","canUseTeams","onFormChange","formData","newValue","Array","isArray","filter","item","name","startsWith","permissions","accessLevel","push","groupAccessScope","teamAccessScope","apiKeyAccessScope","length","hasFullAccess","find","data","hasGroupAccess","hasTeamAccess","hasApiKeyAccess","createElement","Bind","className","span","title","label","disabled"],"sources":["SecurityPermissions.tsx"],"sourcesContent":["import React, { Fragment, useCallback, useMemo } from \"react\";\nimport { Grid, Cell } from \"@webiny/ui/Grid\";\nimport { Select } from \"@webiny/ui/Select\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport {\n    CannotUseAaclAlert,\n    PermissionInfo,\n    gridWithPaddingClass,\n    PermissionsGroup\n} from \"@webiny/app-admin/components/Permissions\";\nimport { Form } from \"@webiny/form\";\nimport type { SecurityPermission } from \"@webiny/app-security/types\";\nimport { useSecurity } from \"@webiny/app-security\";\nimport type { AaclPermission } from \"@webiny/app-admin\";\nimport { useWcp } from \"@webiny/app-admin\";\n\nconst t = i18n.ns(\"app-security-admin-users/plugins/permissionRenderer\");\n\nconst SECURITY = \"security\";\nconst SECURITY_FULL_ACCESS = `${SECURITY}.*`;\nconst SECURITY_GROUP_ACCESS = `${SECURITY}.group`;\nconst SECURITY_TEAM_ACCESS = `${SECURITY}.team`;\nconst SECURITY_API_KEY_ACCESS = `${SECURITY}.apiKey`;\nconst FULL_ACCESS = \"full\";\nconst NO_ACCESS = \"no\";\nconst CUSTOM_ACCESS = \"custom\";\n\ninterface SecurityPermissionsProps {\n    value: SecurityPermission[];\n    onChange: (value: SecurityPermission[]) => void;\n}\n\nexport const SecurityPermissions = ({ value, onChange }: SecurityPermissionsProps) => {\n    const { getPermission } = useSecurity();\n    const wcp = useWcp();\n\n    // We disable form elements for custom permissions if AACL cannot be used.\n    const cannotUseAacl = useMemo(() => {\n        return !getPermission<AaclPermission>(\"aacl\", true);\n    }, []);\n\n    const teams = wcp.canUseTeams();\n\n    const onFormChange = useCallback(\n        (formData: SecurityPermission) => {\n            let newValue: SecurityPermission[] = [];\n            if (Array.isArray(value)) {\n                // Let's just filter out the `security*` permission objects, it's easier to build new ones from scratch.\n                newValue = value.filter(item => !item.name.startsWith(SECURITY));\n            }\n\n            const permissions = [];\n            if (formData.accessLevel === FULL_ACCESS) {\n                permissions.push({ name: SECURITY_FULL_ACCESS });\n            } else if (formData.accessLevel === CUSTOM_ACCESS) {\n                if (formData.groupAccessScope === FULL_ACCESS) {\n                    permissions.push({ name: SECURITY_GROUP_ACCESS });\n                }\n\n                if (formData.teamAccessScope === FULL_ACCESS) {\n                    permissions.push({ name: SECURITY_TEAM_ACCESS });\n                }\n\n                if (formData.apiKeyAccessScope === FULL_ACCESS) {\n                    permissions.push({ name: SECURITY_API_KEY_ACCESS });\n                }\n            }\n\n            if (permissions && permissions.length) {\n                newValue.push(...permissions);\n            }\n\n            onChange(newValue);\n        },\n        [value]\n    );\n\n    const formData = useMemo(() => {\n        if (!Array.isArray(value)) {\n            return { accessLevel: NO_ACCESS };\n        }\n\n        const hasFullAccess = value.find(\n            item => item.name === SECURITY_FULL_ACCESS || item.name === \"*\"\n        );\n\n        if (hasFullAccess) {\n            return { accessLevel: FULL_ACCESS };\n        }\n\n        const permissions = value.filter(item => item.name.startsWith(SECURITY));\n        if (permissions.length === 0) {\n            return { accessLevel: NO_ACCESS };\n        }\n\n        const data = {\n            accessLevel: CUSTOM_ACCESS,\n            groupAccessScope: NO_ACCESS,\n            teamAccessScope: NO_ACCESS,\n            apiKeyAccessScope: NO_ACCESS\n        };\n\n        const hasGroupAccess = permissions.find(item => item.name === SECURITY_GROUP_ACCESS);\n        if (hasGroupAccess) {\n            data.groupAccessScope = FULL_ACCESS;\n        }\n        const hasTeamAccess = permissions.find(item => item.name === SECURITY_TEAM_ACCESS);\n        if (hasTeamAccess) {\n            data.teamAccessScope = FULL_ACCESS;\n        }\n\n        const hasApiKeyAccess = permissions.find(item => item.name === SECURITY_API_KEY_ACCESS);\n        if (hasApiKeyAccess) {\n            data.apiKeyAccessScope = FULL_ACCESS;\n        }\n\n        return data;\n    }, []);\n\n    return (\n        <Form data={formData} onChange={onFormChange}>\n            {({ data, Bind }) => {\n                return (\n                    <Fragment>\n                        <Grid className={gridWithPaddingClass}>\n                            <Cell span={12}>\n                                {data.accessLevel === \"custom\" && cannotUseAacl && (\n                                    <CannotUseAaclAlert />\n                                )}\n                            </Cell>\n                        </Grid>\n                        <Grid className={gridWithPaddingClass}>\n                            <Cell span={6}>\n                                <PermissionInfo title={t`Access Level`} />\n                            </Cell>\n                            <Cell span={6}>\n                                <Bind name={\"accessLevel\"}>\n                                    <Select>\n                                        <option value={NO_ACCESS}>{t`No access`}</option>\n                                        <option value={FULL_ACCESS}>{t`Full access`}</option>\n                                        <option value={CUSTOM_ACCESS}>{t`Custom access`}</option>\n                                    </Select>\n                                </Bind>\n                            </Cell>\n                        </Grid>\n                        {data.accessLevel === CUSTOM_ACCESS && (\n                            <div className={\"wby-mt-lg\"}>\n                                <PermissionsGroup title={t`API Keys`}>\n                                    <Grid>\n                                        <Cell span={12}>\n                                            <Bind name={\"apiKeyAccessScope\"}>\n                                                <Select\n                                                    label={t`Access Scope`}\n                                                    disabled={cannotUseAacl}\n                                                >\n                                                    <option\n                                                        value={NO_ACCESS}\n                                                    >{t`No access`}</option>\n                                                    <option\n                                                        value={FULL_ACCESS}\n                                                    >{t`Full access`}</option>\n                                                </Select>\n                                            </Bind>\n                                        </Cell>\n                                    </Grid>\n                                </PermissionsGroup>\n                                <PermissionsGroup title={t`Roles`}>\n                                    <Grid>\n                                        <Cell span={12}>\n                                            <Bind name={\"groupAccessScope\"}>\n                                                <Select\n                                                    label={t`Access Scope`}\n                                                    disabled={cannotUseAacl}\n                                                >\n                                                    <option\n                                                        value={NO_ACCESS}\n                                                    >{t`No access`}</option>\n                                                    <option\n                                                        value={FULL_ACCESS}\n                                                    >{t`Full access`}</option>\n                                                </Select>\n                                            </Bind>\n                                        </Cell>\n                                    </Grid>\n                                </PermissionsGroup>\n                                {teams && (\n                                    <PermissionsGroup title={t`Teams`}>\n                                        <Grid>\n                                            <Cell span={12}>\n                                                <Bind name={\"teamAccessScope\"}>\n                                                    <Select\n                                                        label={t`Access Scope`}\n                                                        disabled={cannotUseAacl}\n                                                    >\n                                                        <option\n                                                            value={NO_ACCESS}\n                                                        >{t`No access`}</option>\n                                                        <option\n                                                            value={FULL_ACCESS}\n                                                        >{t`Full access`}</option>\n                                                    </Select>\n                                                </Bind>\n                                            </Cell>\n                                        </Grid>\n                                    </PermissionsGroup>\n                                )}\n                            </div>\n                        )}\n                    </Fragment>\n                );\n            }}\n        </Form>\n    );\n};\n"],"mappings":"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","ignoreList":[]}

package/plugins/permissionRenderer/index.js

@@ -1,21 +1,22 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-
-var _templateObject, _templateObject2;
-
 import React from "react";
 import { i18n } from "@webiny/app/i18n";
-import { AccordionItem } from "@webiny/ui/Accordion";
-import { ReactComponent as SecurityIcon } from "@svgr/webpack!@webiny/app-admin/assets/icons/baseline-security-24px.svg";
+import { Accordion } from "@webiny/admin-ui";
+import { ReactComponent as PermissionsIcon } from "@webiny/icons/security.svg";
 import { SecurityPermissions } from "./SecurityPermissions";
 import { PermissionRendererPlugin } from "@webiny/app-admin/plugins/PermissionRendererPlugin";
-var t = i18n.ns("app-security-admin-users/plugins/permissionRenderer");
+const t = i18n.ns("app-security-admin-users/plugins/permissionRenderer");
 export default new PermissionRendererPlugin({
-  render: function render(props) {
-    return /*#__PURE__*/React.createElement(AccordionItem, {
-      icon: /*#__PURE__*/React.createElement(SecurityIcon, null),
-      title: t(_templateObject || (_templateObject = _taggedTemplateLiteral(["Security"]))),
-      description: t(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["Manage Security app access permissions."]))),
+  render(props) {
+    return /*#__PURE__*/React.createElement(Accordion.Item, {
+      icon: /*#__PURE__*/React.createElement(Accordion.Item.Icon, {
+        icon: /*#__PURE__*/React.createElement(PermissionsIcon, null),
+        label: "Security Permissions"
+      }),
+      title: t`Security`,
+      description: t`Manage Security app access permissions.`,
       "data-testid": "permission.security"
     }, /*#__PURE__*/React.createElement(SecurityPermissions, props));
   }
-});
+});
+
+//# sourceMappingURL=index.js.map

package/plugins/permissionRenderer/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","i18n","Accordion","ReactComponent","PermissionsIcon","SecurityPermissions","PermissionRendererPlugin","t","ns","render","props","createElement","Item","icon","Icon","label","title","description"],"sources":["index.tsx"],"sourcesContent":["import React from \"react\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { Accordion } from \"@webiny/admin-ui\";\nimport { ReactComponent as PermissionsIcon } from \"@webiny/icons/security.svg\";\nimport { SecurityPermissions } from \"./SecurityPermissions\";\nimport { PermissionRendererPlugin } from \"@webiny/app-admin/plugins/PermissionRendererPlugin\";\n\nconst t = i18n.ns(\"app-security-admin-users/plugins/permissionRenderer\");\n\nexport default new PermissionRendererPlugin({\n    render(props) {\n        return (\n            <Accordion.Item\n                icon={\n                    <Accordion.Item.Icon\n                        icon={<PermissionsIcon />}\n                        label={\"Security Permissions\"}\n                    />\n                }\n                title={t`Security`}\n                description={t`Manage Security app access permissions.`}\n                data-testid={\"permission.security\"}\n            >\n                <SecurityPermissions {...props} />\n            </Accordion.Item>\n        );\n    }\n});\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,kBAAkB;AACvC,SAASC,SAAS,QAAQ,kBAAkB;AAC5C,SAASC,cAAc,IAAIC,eAAe,QAAQ,4BAA4B;AAC9E,SAASC,mBAAmB;AAC5B,SAASC,wBAAwB,QAAQ,oDAAoD;AAE7F,MAAMC,CAAC,GAAGN,IAAI,CAACO,EAAE,CAAC,qDAAqD,CAAC;AAExE,eAAe,IAAIF,wBAAwB,CAAC;EACxCG,MAAMA,CAACC,KAAK,EAAE;IACV,oBACIV,KAAA,CAAAW,aAAA,CAACT,SAAS,CAACU,IAAI;MACXC,IAAI,eACAb,KAAA,CAAAW,aAAA,CAACT,SAAS,CAACU,IAAI,CAACE,IAAI;QAChBD,IAAI,eAAEb,KAAA,CAAAW,aAAA,CAACP,eAAe,MAAE,CAAE;QAC1BW,KAAK,EAAE;MAAuB,CACjC,CACJ;MACDC,KAAK,EAAET,CAAC,UAAW;MACnBU,WAAW,EAAEV,CAAC,yCAA0C;MACxD,eAAa;IAAsB,gBAEnCP,KAAA,CAAAW,aAAA,CAACN,mBAAmB,EAAKK,KAAQ,CACrB,CAAC;EAEzB;AACJ,CAAC,CAAC","ignoreList":[]}

package/plugins/routes.d.ts

@@ -1,3 +1,3 @@
-import { RoutePlugin } from "@webiny/app/types";
+import type { RoutePlugin } from "@webiny/app/types";
 declare const plugins: RoutePlugin[];
 export default plugins;

package/plugins/routes.js

@@ -6,19 +6,17 @@ import { SecureRoute } from "@webiny/app-security/components";
 import { Groups } from "../ui/views/Groups";
 import { ApiKeys } from "../ui/views/ApiKeys";
 import { Permission } from "./constants";
-var plugins = [{
+const plugins = [{
   name: "route-security-groups",
   type: "route",
   route: /*#__PURE__*/React.createElement(Route, {
     exact: true,
     path: "/access-management/groups",
-    render: function render() {
-      return /*#__PURE__*/React.createElement(SecureRoute, {
-        permission: Permission.Groups
-      }, /*#__PURE__*/React.createElement(AdminLayout, null, /*#__PURE__*/React.createElement(Helmet, {
-        title: "Access Management - Groups"
-      }), /*#__PURE__*/React.createElement(Groups, null)));
-    }
+    render: () => /*#__PURE__*/React.createElement(SecureRoute, {
+      permission: Permission.Groups
+    }, /*#__PURE__*/React.createElement(AdminLayout, null, /*#__PURE__*/React.createElement(Helmet, {
+      title: "Access Management - Groups"
+    }), /*#__PURE__*/React.createElement(Groups, null)))
   })
 }, {
   name: "route-security-api-keys",
@@ -26,13 +24,13 @@ var plugins = [{
   route: /*#__PURE__*/React.createElement(Route, {
     exact: true,
     path: "/access-management/api-keys",
-    render: function render() {
-      return /*#__PURE__*/React.createElement(SecureRoute, {
-        permission: Permission.ApiKeys
-      }, /*#__PURE__*/React.createElement(AdminLayout, {
-        title: "Access Management - API Keys"
-      }, /*#__PURE__*/React.createElement(ApiKeys, null)));
-    }
+    render: () => /*#__PURE__*/React.createElement(SecureRoute, {
+      permission: Permission.ApiKeys
+    }, /*#__PURE__*/React.createElement(AdminLayout, {
+      title: "Access Management - API Keys"
+    }, /*#__PURE__*/React.createElement(ApiKeys, null)))
   })
 }];
-export default plugins;
+export default plugins;
+
+//# sourceMappingURL=routes.js.map