@webiny/app-security-access-management 0.0.0-ee-vpcs.549378cf03

package/plugins/installation.js

@@ -0,0 +1,121 @@
+"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"
+})({
+  minHeight: 300,
+  minWidth: 400
+});
+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];
+
+  (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.
+
+
+      setTimeout(onInstalled, 3000);
+    });
+  }, []);
+  var label = error ? /*#__PURE__*/_react.default.createElement(_Alert.Alert, {
+    title: "Something went wrong",
+    type: "danger"
+  }, error) : "Installing Security...";
+  return /*#__PURE__*/_react.default.createElement(_SimpleForm.SimpleForm, null, /*#__PURE__*/_react.default.createElement(_Progress.CircularProgress, {
+    label: label
+  }), /*#__PURE__*/_react.default.createElement(_SimpleForm.SimpleFormContent, null, /*#__PURE__*/_react.default.createElement(SimpleFormPlaceholder, null)));
+};
+
+var plugin = {
+  name: "admin-installation-security",
+  type: "admin-installation",
+  title: "Security",
+  dependencies: ["admin-installation-tenancy"],
+  secure: false,
+  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();
+          }
+        }
+      }, _callee);
+    }))();
+  },
+  render: function render(_ref4) {
+    var onInstalled = _ref4.onInstalled;
+    return /*#__PURE__*/_react.default.createElement(SecurityInstaller, {
+      onInstalled: onInstalled
+    });
+  }
+};
+var _default = plugin;
+exports.default = _default;

package/plugins/installation.js.map

@@ -0,0 +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"}

package/plugins/permissionRenderer/SecurityPermissions.d.ts

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

package/plugins/permissionRenderer/SecurityPermissions.js

@@ -0,0 +1,199 @@
+"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");
+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;
+  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
+      });
+    } else if (data.accessLevel === CUSTOM_ACCESS) {
+      if (data.groupAccessScope === FULL_ACCESS) {
+        permissions.push({
+          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 () {
+    if (!Array.isArray(value)) {
+      return {
+        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,
+      apiKeyAccessScope: NO_ACCESS
+    };
+    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, {
+    data: formData,
+    onChange: onFormChange
+  }, function (_ref2) {
+    var data = _ref2.data,
+        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, {
+      span: 6
+    }, /*#__PURE__*/_react.default.createElement(_Permissions.PermissionInfo, {
+      title: t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Access Level"])))
+    })), /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
+      span: 6
+    }, /*#__PURE__*/_react.default.createElement(Bind, {
+      name: "accessLevel"
+    }, /*#__PURE__*/_react.default.createElement(_Select.Select, {
+      label: t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["Access Level"])))
+    }, /*#__PURE__*/_react.default.createElement("option", {
+      value: NO_ACCESS
+    }, t(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["No access"])))), /*#__PURE__*/_react.default.createElement("option", {
+      value: FULL_ACCESS
+    }, t(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["Full access"])))), /*#__PURE__*/_react.default.createElement("option", {
+      value: CUSTOM_ACCESS
+    }, t(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["Custom access"])))))))), data.accessLevel === CUSTOM_ACCESS && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Elevation.Elevation, {
+      z: 1,
+      style: {
+        marginTop: 10
+      }
+    }, /*#__PURE__*/_react.default.createElement(_Grid.Grid, null, /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
+      span: 12
+    }, /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
+      use: "overline"
+    }, t(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["API Keys"]))))), /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
+      span: 12
+    }, /*#__PURE__*/_react.default.createElement(Bind, {
+      name: "apiKeyAccessScope"
+    }, /*#__PURE__*/_react.default.createElement(_Select.Select, {
+      label: t(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["Access Scope"])))
+    }, /*#__PURE__*/_react.default.createElement("option", {
+      value: NO_ACCESS
+    }, t(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)(["No access"])))), /*#__PURE__*/_react.default.createElement("option", {
+      value: FULL_ACCESS
+    }, t(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2.default)(["Full access"]))))))))), /*#__PURE__*/_react.default.createElement(_Elevation.Elevation, {
+      z: 1,
+      style: {
+        marginTop: 10
+      }
+    }, /*#__PURE__*/_react.default.createElement(_Grid.Grid, null, /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
+      span: 12
+    }, /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
+      use: "overline"
+    }, t(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2.default)(["Groups"]))))), /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
+      span: 12
+    }, /*#__PURE__*/_react.default.createElement(Bind, {
+      name: "groupAccessScope"
+    }, /*#__PURE__*/_react.default.createElement(_Select.Select, {
+      label: t(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteral2.default)(["Access Scope"])))
+    }, /*#__PURE__*/_react.default.createElement("option", {
+      value: NO_ACCESS
+    }, t(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteral2.default)(["No access"])))), /*#__PURE__*/_react.default.createElement("option", {
+      value: FULL_ACCESS
+    }, t(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteral2.default)(["Full access"])))))))))));
+  });
+};
+
+exports.SecurityPermissions = SecurityPermissions;

package/plugins/permissionRenderer/SecurityPermissions.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["t","i18n","ns","SECURITY","SECURITY_FULL_ACCESS","SECURITY_GROUP_ACCESS","SECURITY_API_KEY_ACCESS","FULL_ACCESS","NO_ACCESS","CUSTOM_ACCESS","SecurityPermissions","value","onChange","onFormChange","useCallback","data","newValue","Array","isArray","filter","item","name","startsWith","permissions","accessLevel","push","groupAccessScope","apiKeyAccessScope","length","formData","useMemo","hasFullAccess","find","hasGroupAccess","hasApiKeyAccess","Bind","gridNoPaddingClass","marginTop"],"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 { PermissionInfo, gridNoPaddingClass } from \"@webiny/app-admin/components/Permissions\";\nimport { Form } from \"@webiny/form\";\nimport { Elevation } from \"@webiny/ui/Elevation\";\nimport { Typography } from \"@webiny/ui/Typography\";\nimport { SecurityPermission } from \"@webiny/app-security/types\";\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_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}\nexport const SecurityPermissions: React.FC<SecurityPermissionsProps> = ({ value, onChange }) => {\n    const onFormChange = useCallback(\n        data => {\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 (data.accessLevel === FULL_ACCESS) {\n                permissions.push({ name: SECURITY_FULL_ACCESS });\n            } else if (data.accessLevel === CUSTOM_ACCESS) {\n                if (data.groupAccessScope === FULL_ACCESS) {\n                    permissions.push({ name: SECURITY_GROUP_ACCESS });\n                }\n\n                if (data.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            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\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={gridNoPaddingClass}>\n                            <Cell span={6}>\n                                <PermissionInfo title={t`Access Level`} />\n                            </Cell>\n                            <Cell span={6}>\n                                <Bind name={\"accessLevel\"}>\n                                    <Select label={t`Access Level`}>\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                            <React.Fragment>\n                                <Elevation z={1} style={{ marginTop: 10 }}>\n                                    <Grid>\n                                        <Cell span={12}>\n                                            <Typography use={\"overline\"}>{t`API Keys`}</Typography>\n                                        </Cell>\n                                        <Cell span={12}>\n                                            <Bind name={\"apiKeyAccessScope\"}>\n                                                <Select label={t`Access Scope`}>\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                                </Elevation>\n                                <Elevation z={1} style={{ marginTop: 10 }}>\n                                    <Grid>\n                                        <Cell span={12}>\n                                            <Typography use={\"overline\"}>{t`Groups`}</Typography>\n                                        </Cell>\n                                        <Cell span={12}>\n                                            <Bind name={\"groupAccessScope\"}>\n                                                <Select label={t`Access Scope`}>\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                                </Elevation>\n                            </React.Fragment>\n                        )}\n                    </Fragment>\n                );\n            }}\n        </Form>\n    );\n};\n"],"mappings":"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"}

package/plugins/permissionRenderer/index.d.ts

@@ -0,0 +1,3 @@
+import { PermissionRendererPlugin } from "@webiny/app-admin/plugins/PermissionRendererPlugin";
+declare const _default: PermissionRendererPlugin;
+export default _default;

package/plugins/permissionRenderer/index.js

@@ -0,0 +1,39 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _i18n = require("@webiny/app/i18n");
+
+var _Accordion = require("@webiny/ui/Accordion");
+
+var _baselineSecurity24px = require("@webiny/app-admin/assets/icons/baseline-security-24px.svg");
+
+var _SecurityPermissions = require("./SecurityPermissions");
+
+var _PermissionRendererPlugin = require("@webiny/app-admin/plugins/PermissionRendererPlugin");
+
+var _templateObject, _templateObject2;
+
+var t = _i18n.i18n.ns("app-security-admin-users/plugins/permissionRenderer");
+
+var _default = new _PermissionRendererPlugin.PermissionRendererPlugin({
+  render: function render(props) {
+    return /*#__PURE__*/_react.default.createElement(_Accordion.AccordionItem, {
+      icon: /*#__PURE__*/_react.default.createElement(_baselineSecurity24px.ReactComponent, null),
+      title: t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Security"]))),
+      description: t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["Manage Security app access permissions."]))),
+      "data-testid": "permission.security"
+    }, /*#__PURE__*/_react.default.createElement(_SecurityPermissions.SecurityPermissions, props));
+  }
+});
+
+exports.default = _default;

package/plugins/permissionRenderer/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["t","i18n","ns","PermissionRendererPlugin","render","props"],"sources":["index.tsx"],"sourcesContent":["import React from \"react\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { AccordionItem } from \"@webiny/ui/Accordion\";\nimport { ReactComponent as SecurityIcon } from \"@webiny/app-admin/assets/icons/baseline-security-24px.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            <AccordionItem\n                icon={<SecurityIcon />}\n                title={t`Security`}\n                description={t`Manage Security app access permissions.`}\n                data-testid={\"permission.security\"}\n            >\n                <SecurityPermissions {...props} />\n            </AccordionItem>\n        );\n    }\n});\n"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,IAAMA,CAAC,GAAGC,UAAA,CAAKC,EAAL,CAAQ,qDAAR,CAAV;;eAEe,IAAIC,kDAAJ,CAA6B;EACxCC,MADwC,kBACjCC,KADiC,EAC1B;IACV,oBACI,6BAAC,wBAAD;MACI,IAAI,eAAE,6BAAC,oCAAD,OADV;MAEI,KAAK,EAAEL,CAAF,2FAFT;MAGI,WAAW,EAAEA,CAAF,4HAHf;MAII,eAAa;IAJjB,gBAMI,6BAAC,wCAAD,EAAyBK,KAAzB,CANJ,CADJ;EAUH;AAZuC,CAA7B,C"}

package/plugins/routes.d.ts

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

package/plugins/routes.js

@@ -0,0 +1,56 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _reactHelmet = _interopRequireDefault(require("react-helmet"));
+
+var _reactRouter = require("@webiny/react-router");
+
+var _AdminLayout = require("@webiny/app-admin/components/AdminLayout");
+
+var _components = require("@webiny/app-security/components");
+
+var _Groups = require("../ui/views/Groups");
+
+var _ApiKeys = require("../ui/views/ApiKeys");
+
+var _constants = require("./constants");
+
+var plugins = [{
+  name: "route-security-groups",
+  type: "route",
+  route: /*#__PURE__*/_react.default.createElement(_reactRouter.Route, {
+    exact: true,
+    path: "/access-management/groups",
+    render: function render() {
+      return /*#__PURE__*/_react.default.createElement(_components.SecureRoute, {
+        permission: _constants.Permission.Groups
+      }, /*#__PURE__*/_react.default.createElement(_AdminLayout.AdminLayout, null, /*#__PURE__*/_react.default.createElement(_reactHelmet.default, {
+        title: "Access Management - Groups"
+      }), /*#__PURE__*/_react.default.createElement(_Groups.Groups, null)));
+    }
+  })
+}, {
+  name: "route-security-api-keys",
+  type: "route",
+  route: /*#__PURE__*/_react.default.createElement(_reactRouter.Route, {
+    exact: true,
+    path: "/access-management/api-keys",
+    render: function render() {
+      return /*#__PURE__*/_react.default.createElement(_components.SecureRoute, {
+        permission: _constants.Permission.ApiKeys
+      }, /*#__PURE__*/_react.default.createElement(_AdminLayout.AdminLayout, {
+        title: "Access Management - API Keys"
+      }, /*#__PURE__*/_react.default.createElement(_ApiKeys.ApiKeys, null)));
+    }
+  })
+}];
+var _default = plugins;
+exports.default = _default;

package/plugins/routes.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["plugins","name","type","route","Permission","Groups","ApiKeys"],"sources":["routes.tsx"],"sourcesContent":["import React from \"react\";\nimport Helmet from \"react-helmet\";\nimport { Route } from \"@webiny/react-router\";\nimport { AdminLayout } from \"@webiny/app-admin/components/AdminLayout\";\nimport { SecureRoute } from \"@webiny/app-security/components\";\nimport { RoutePlugin } from \"@webiny/app/types\";\nimport { Groups } from \"~/ui/views/Groups\";\nimport { ApiKeys } from \"~/ui/views/ApiKeys\";\nimport { Permission } from \"./constants\";\n\nconst plugins: RoutePlugin[] = [\n    {\n        name: \"route-security-groups\",\n        type: \"route\",\n        route: (\n            <Route\n                exact\n                path={\"/access-management/groups\"}\n                render={() => (\n                    <SecureRoute permission={Permission.Groups}>\n                        <AdminLayout>\n                            <Helmet title={\"Access Management - Groups\"} />\n                            <Groups />\n                        </AdminLayout>\n                    </SecureRoute>\n                )}\n            />\n        )\n    },\n    {\n        name: \"route-security-api-keys\",\n        type: \"route\",\n        route: (\n            <Route\n                exact\n                path={\"/access-management/api-keys\"}\n                render={() => (\n                    <SecureRoute permission={Permission.ApiKeys}>\n                        <AdminLayout title={\"Access Management - API Keys\"}>\n                            <ApiKeys />\n                        </AdminLayout>\n                    </SecureRoute>\n                )}\n            />\n        )\n    }\n];\n\nexport default plugins;\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AAEA;;AACA;;AACA;;AAEA,IAAMA,OAAsB,GAAG,CAC3B;EACIC,IAAI,EAAE,uBADV;EAEIC,IAAI,EAAE,OAFV;EAGIC,KAAK,eACD,6BAAC,kBAAD;IACI,KAAK,MADT;IAEI,IAAI,EAAE,2BAFV;IAGI,MAAM,EAAE;MAAA,oBACJ,6BAAC,uBAAD;QAAa,UAAU,EAAEC,qBAAA,CAAWC;MAApC,gBACI,6BAAC,wBAAD,qBACI,6BAAC,oBAAD;QAAQ,KAAK,EAAE;MAAf,EADJ,eAEI,6BAAC,cAAD,OAFJ,CADJ,CADI;IAAA;EAHZ;AAJR,CAD2B,EAmB3B;EACIJ,IAAI,EAAE,yBADV;EAEIC,IAAI,EAAE,OAFV;EAGIC,KAAK,eACD,6BAAC,kBAAD;IACI,KAAK,MADT;IAEI,IAAI,EAAE,6BAFV;IAGI,MAAM,EAAE;MAAA,oBACJ,6BAAC,uBAAD;QAAa,UAAU,EAAEC,qBAAA,CAAWE;MAApC,gBACI,6BAAC,wBAAD;QAAa,KAAK,EAAE;MAApB,gBACI,6BAAC,gBAAD,OADJ,CADJ,CADI;IAAA;EAHZ;AAJR,CAnB2B,CAA/B;eAsCeN,O"}

package/plugins/secureRouteError.d.ts

@@ -0,0 +1,7 @@
+import * as React from "react";
+import { Plugin } from "@webiny/plugins/types";
+declare type SecureRouteErrorPlugin = Plugin & {
+    render: () => React.ReactNode;
+};
+declare const plugin: SecureRouteErrorPlugin;
+export default plugin;

package/plugins/secureRouteError.js

@@ -0,0 +1,22 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var React = _interopRequireWildcard(require("react"));
+
+var _NotAuthorizedError = require("../components/NotAuthorizedError");
+
+var plugin = {
+  type: "secure-route-error",
+  name: "secure-route-error",
+  render: function render() {
+    return /*#__PURE__*/React.createElement(_NotAuthorizedError.NotAuthorizedError, null);
+  }
+};
+var _default = plugin;
+exports.default = _default;

package/plugins/secureRouteError.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["plugin","type","name","render"],"sources":["secureRouteError.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Plugin } from \"@webiny/plugins/types\";\nimport { NotAuthorizedError } from \"~/components/NotAuthorizedError\";\n\ntype SecureRouteErrorPlugin = Plugin & { render: () => React.ReactNode };\n\nconst plugin: SecureRouteErrorPlugin = {\n    type: \"secure-route-error\",\n    name: \"secure-route-error\",\n    render(): React.ReactElement {\n        return <NotAuthorizedError />;\n    }\n};\n\nexport default plugin;\n"],"mappings":";;;;;;;;;AAAA;;AAEA;;AAIA,IAAMA,MAA8B,GAAG;EACnCC,IAAI,EAAE,oBAD6B;EAEnCC,IAAI,EAAE,oBAF6B;EAGnCC,MAHmC,oBAGN;IACzB,oBAAO,oBAAC,sCAAD,OAAP;EACH;AALkC,CAAvC;eAQeH,M"}

package/types.d.ts

@@ -0,0 +1,15 @@
+import { SecurityPermission } from "@webiny/app-security/types";
+export interface Group {
+    id: string;
+    name: string;
+    description: string;
+    slug: string;
+    system?: boolean;
+}
+export interface ApiKey {
+    id: string;
+    token: string;
+    name: string;
+    description: string;
+    permissions: SecurityPermission[];
+}

package/types.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import { SecurityPermission } from \"@webiny/app-security/types\";\n\nexport interface Group {\n    id: string;\n    name: string;\n    description: string;\n    slug: string;\n    system?: boolean;\n}\nexport interface ApiKey {\n    id: string;\n    token: string;\n    name: string;\n    description: string;\n    permissions: SecurityPermission[];\n}\n"],"mappings":""}

package/ui/elements/GroupAutocompleteElement.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+import { InputElement } from "@webiny/app-admin/ui/elements/form/InputElement";
+import { FormFieldElementRenderProps } from "@webiny/app-admin/ui/elements/form/FormFieldElement";
+export declare class GroupAutocompleteElement extends InputElement {
+    render(props: FormFieldElementRenderProps): React.ReactElement;
+}

package/ui/elements/GroupAutocompleteElement.js

@@ -0,0 +1,64 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.GroupAutocompleteElement = void 0;
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _InputElement2 = require("@webiny/app-admin/ui/elements/form/InputElement");
+
+var _GroupAutocomplete = require("../../components/GroupAutocomplete");
+
+var GroupAutocompleteElement = /*#__PURE__*/function (_InputElement) {
+  (0, _inherits2.default)(GroupAutocompleteElement, _InputElement);
+
+  var _super = (0, _createSuper2.default)(GroupAutocompleteElement);
+
+  function GroupAutocompleteElement() {
+    (0, _classCallCheck2.default)(this, GroupAutocompleteElement);
+    return _super.apply(this, arguments);
+  }
+
+  (0, _createClass2.default)(GroupAutocompleteElement, [{
+    key: "render",
+    value: function render(props) {
+      var formProps = props.formProps;
+      var _ref = formProps,
+          Bind = _ref.Bind;
+      var validators = this.config.validators;
+      /**
+       * TODO @ts-refactor @bruno
+       * Figure out what can validators be.
+       */
+
+      if (validators && typeof validators !== "function") {
+        console.log("packages/app-security-access-management/src/ui/elements/GroupAutocompleteElement.tsx validators is set but not a function.");
+        console.log(validators);
+      }
+
+      return /*#__PURE__*/_react.default.createElement(Bind, {
+        name: this.id,
+        validators: typeof validators === "function" ? validators({
+          formProps: formProps
+        }) : []
+      }, /*#__PURE__*/_react.default.createElement(_GroupAutocomplete.GroupAutocomplete, {
+        label: "Group"
+      }));
+    }
+  }]);
+  return GroupAutocompleteElement;
+}(_InputElement2.InputElement);
+
+exports.GroupAutocompleteElement = GroupAutocompleteElement;

package/ui/elements/GroupAutocompleteElement.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["GroupAutocompleteElement","props","formProps","Bind","validators","config","console","log","id","InputElement"],"sources":["GroupAutocompleteElement.tsx"],"sourcesContent":["import React from \"react\";\nimport { FormRenderPropParams } from \"@webiny/form\";\nimport { InputElement } from \"@webiny/app-admin/ui/elements/form/InputElement\";\nimport { GroupAutocomplete } from \"~/components/GroupAutocomplete\";\nimport { FormFieldElementRenderProps } from \"@webiny/app-admin/ui/elements/form/FormFieldElement\";\n\nexport class GroupAutocompleteElement extends InputElement {\n    public override render(props: FormFieldElementRenderProps): React.ReactElement {\n        const { formProps } = props;\n        const { Bind } = formProps as FormRenderPropParams;\n        const validators = this.config.validators;\n        /**\n         * TODO @ts-refactor @bruno\n         * Figure out what can validators be.\n         */\n        if (validators && typeof validators !== \"function\") {\n            console.log(\n                \"packages/app-security-access-management/src/ui/elements/GroupAutocompleteElement.tsx validators is set but not a function.\"\n            );\n            console.log(validators);\n        }\n        return (\n            <Bind\n                name={this.id}\n                validators={typeof validators === \"function\" ? validators({ formProps }) : []}\n            >\n                <GroupAutocomplete label={\"Group\"} />\n            </Bind>\n        );\n    }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAAA;;AAEA;;AACA;;IAGaA,wB;;;;;;;;;;;;WACT,gBAAuBC,KAAvB,EAA+E;MAC3E,IAAQC,SAAR,GAAsBD,KAAtB,CAAQC,SAAR;MACA,WAAiBA,SAAjB;MAAA,IAAQC,IAAR,QAAQA,IAAR;MACA,IAAMC,UAAU,GAAG,KAAKC,MAAL,CAAYD,UAA/B;MACA;AACR;AACA;AACA;;MACQ,IAAIA,UAAU,IAAI,OAAOA,UAAP,KAAsB,UAAxC,EAAoD;QAChDE,OAAO,CAACC,GAAR,CACI,4HADJ;QAGAD,OAAO,CAACC,GAAR,CAAYH,UAAZ;MACH;;MACD,oBACI,6BAAC,IAAD;QACI,IAAI,EAAE,KAAKI,EADf;QAEI,UAAU,EAAE,OAAOJ,UAAP,KAAsB,UAAtB,GAAmCA,UAAU,CAAC;UAAEF,SAAS,EAATA;QAAF,CAAD,CAA7C,GAA+D;MAF/E,gBAII,6BAAC,oCAAD;QAAmB,KAAK,EAAE;MAA1B,EAJJ,CADJ;IAQH;;;EAvByCO,2B"}

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

@@ -0,0 +1,5 @@
+import React from "react";
+export interface ApiKeyFormProps {
+    [key: string]: any;
+}
+export declare const ApiKeyForm: React.FC<ApiKeyFormProps>;