@webiny/app-security-access-management 0.0.0-mt-2 → 0.0.0-unstable.13771d80a8

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.d.ts

@@ -1 +1 @@
-export declare const LIST_GROUPS: any;
+export declare const LIST_GROUPS: import("graphql").DocumentNode;

package/components/GroupAutocomplete/graphql.js

@@ -1,6 +1,12 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
+"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;
-
-import gql from "graphql-tag";
-export var LIST_GROUPS = gql(_templateObject || (_templateObject = _taggedTemplateLiteral(["\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"])));
+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

@@ -0,0 +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;AAA8B;AAEvB,IAAMA,WAAW,OAAGC,mBAAG,4XAc7B;AAAC"}

package/components/GroupAutocomplete/index.d.ts

@@ -1,2 +1,5 @@
-/// <reference types="react" />
-export declare const GroupAutocomplete: (props: any) => JSX.Element;
+import React from "react";
+import { AutoCompleteProps } from "@webiny/ui/AutoComplete";
+declare type GroupAutocompleteProps = Partial<AutoCompleteProps>;
+export declare const GroupAutocomplete: React.FC<GroupAutocompleteProps>;
+export {};

package/components/GroupAutocomplete/index.js

@@ -1,16 +1,23 @@
-import React from "react";
-import { AutoComplete } from "@webiny/ui/AutoComplete";
-import { LIST_GROUPS } from "./graphql";
-import { useQuery } from "@apollo/react-hooks";
-export var GroupAutocomplete = function GroupAutocomplete(props) {
-  var _useQuery = useQuery(LIST_GROUPS),
-      data = _useQuery.data,
-      loading = _useQuery.loading;
+"use strict";
 
-  var options = loading && !data ? [] : data.security.groups.data;
-  return /*#__PURE__*/React.createElement(AutoComplete, Object.assign({}, props, {
+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;
+  var options = loading || !data ? [] : data.security.groups.data;
+  return /*#__PURE__*/_react.default.createElement(_AutoComplete.AutoComplete, Object.assign({}, props, {
     options: options,
     valueProp: "id",
-    value: loading ? null : props.value
+    value: loading ? undefined : props.value
   }));
-};
+};
+exports.GroupAutocomplete = GroupAutocomplete;

package/components/GroupAutocomplete/index.js.map

@@ -0,0 +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,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.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export declare const NotAuthorizedError: () => JSX.Element;
+import * as React from "react";
+export declare const NotAuthorizedError: React.FC;

package/components/NotAuthorizedError/NotAuthorizedError.js

@@ -1,11 +1,19 @@
-import * as React from "react";
-import { Link } from "@webiny/react-router";
-import { css } from "emotion";
-import styled from "@emotion/styled";
-import Helmet from "react-helmet";
-import authErrorImg from "./SecureRouteError.svg";
-import { Typography } from "@webiny/ui/Typography";
-var ContentWrapper = /*#__PURE__*/styled("div", {
+"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"
 })({
@@ -15,36 +23,37 @@ var ContentWrapper = /*#__PURE__*/styled("div", {
   margin: "auto"
 });
 var styles = {
-  authErrorImgStyle: /*#__PURE__*/css({
+  authErrorImgStyle: /*#__PURE__*/(0, _emotion.css)({
     width: "192px",
     paddingBottom: "24px"
   }, "label:authErrorImgStyle;"),
-  bodyStyle: /*#__PURE__*/css({
+  bodyStyle: /*#__PURE__*/(0, _emotion.css)({
     color: "var(--mdc-theme-text-primary-on-background)",
     display: "block"
   }, "label:bodyStyle;"),
-  linkStyle: /*#__PURE__*/css({
+  linkStyle: /*#__PURE__*/(0, _emotion.css)({
     textDecoration: "none",
     "&:hover": {
       textDecoration: "none"
     }
   }, "label:linkStyle;")
 };
-export var NotAuthorizedError = function NotAuthorizedError() {
-  return /*#__PURE__*/React.createElement(ContentWrapper, null, /*#__PURE__*/React.createElement(Helmet, {
+var NotAuthorizedError = function NotAuthorizedError() {
+  return /*#__PURE__*/React.createElement(ContentWrapper, null, /*#__PURE__*/React.createElement(_reactHelmet.default, {
     title: "Not authorized"
   }), /*#__PURE__*/React.createElement("img", {
     className: styles.authErrorImgStyle,
-    src: authErrorImg,
+    src: _SecureRouteError.default,
     alt: "Not Authorized"
-  }), /*#__PURE__*/React.createElement(Typography, {
+  }), /*#__PURE__*/React.createElement(_Typography.Typography, {
     use: "body1",
     className: styles.bodyStyle
-  }, "You are not authorized to view this route."), /*#__PURE__*/React.createElement(Typography, {
+  }, "You are not authorized to view this route."), /*#__PURE__*/React.createElement(_Typography.Typography, {
     use: "body1",
     className: styles.bodyStyle
-  }, "Please contact your administrator to request access."), /*#__PURE__*/React.createElement(Link, {
+  }, "Please contact your administrator to request access."), /*#__PURE__*/React.createElement(_reactRouter.Link, {
     to: "/",
     className: styles.linkStyle
   }, "Take me back."));
-};
+};
+exports.NotAuthorizedError = NotAuthorizedError;

package/components/NotAuthorizedError/NotAuthorizedError.js.map

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

@@ -1 +1,12 @@
-export { NotAuthorizedError } from "./NotAuthorizedError";
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "NotAuthorizedError", {
+  enumerable: true,
+  get: function get() {
+    return _NotAuthorizedError.NotAuthorizedError;
+  }
+});
+var _NotAuthorizedError = require("./NotAuthorizedError");

package/components/NotAuthorizedError/index.js.map

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

package/index.d.ts

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

package/index.js

@@ -1,4 +1,65 @@
-import plugins from "./plugins";
-export default (function () {
-  return plugins();
-});
+"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
+ */
+// @ts-ignore
+var _default = function _default() {
+  return [];
+};
+exports.default = _default;
+var AccessManagementExtension = function AccessManagementExtension() {
+  _plugins.plugins.register((0, _plugins2.default)());
+  return /*#__PURE__*/_react.default.createElement(_appAdmin.Plugins, null, /*#__PURE__*/_react.default.createElement(_appSecurity.HasPermission, {
+    name: _constants.Permission.Groups
+  }, /*#__PURE__*/_react.default.createElement(_appAdmin.AddRoute, {
+    exact: true,
+    path: "/access-management/groups"
+  }, /*#__PURE__*/_react.default.createElement(_appAdmin.Layout, {
+    title: "Access Management - Groups"
+  }, /*#__PURE__*/_react.default.createElement(_Groups.Groups, null)))), /*#__PURE__*/_react.default.createElement(_appSecurity.HasPermission, {
+    name: _constants.Permission.ApiKeys
+  }, /*#__PURE__*/_react.default.createElement(_appAdmin.AddRoute, {
+    exact: true,
+    path: "/access-management/api-keys"
+  }, /*#__PURE__*/_react.default.createElement(_appAdmin.Layout, {
+    title: "Access Management - API Keys"
+  }, /*#__PURE__*/_react.default.createElement(_ApiKeys.ApiKeys, null)))), /*#__PURE__*/_react.default.createElement(_appSecurity.HasPermission, {
+    any: [_constants.Permission.Groups, _constants.Permission.ApiKeys]
+  }, /*#__PURE__*/_react.default.createElement(_appAdmin.AddMenu, {
+    name: "settings"
+  }, /*#__PURE__*/_react.default.createElement(_appAdmin.AddMenu, {
+    name: "settings.accessManagement",
+    label: "Access Management"
+  }, /*#__PURE__*/_react.default.createElement(_appSecurity.HasPermission, {
+    name: _constants.Permission.Groups
+  }, /*#__PURE__*/_react.default.createElement(_appAdmin.AddMenu, {
+    name: "settings.accessManagement.groups",
+    label: "Groups",
+    path: "/access-management/groups"
+  })), /*#__PURE__*/_react.default.createElement(_appSecurity.HasPermission, {
+    name: _constants.Permission.ApiKeys
+  }, /*#__PURE__*/_react.default.createElement(_appAdmin.AddMenu, {
+    name: "settings.accessManagement.apiKeys",
+    label: "API Keys",
+    path: "/access-management/api-keys"
+  }))))));
+};
+exports.AccessManagementExtension = AccessManagementExtension;
+var AccessManagement = /*#__PURE__*/(0, _react.memo)(AccessManagementExtension);
+exports.AccessManagement = AccessManagement;

package/index.js.map

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

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@webiny/app-security-access-management",
-	"version": "0.0.0-mt-2",
+	"version": "0.0.0-unstable.13771d80a8",
 	"main": "index.js",
 	"repository": {
 		"type": "git",
@@ -14,37 +14,37 @@
 	"license": "MIT",
 	"dependencies": {
 		"@apollo/react-hooks": "3.1.5",
-		"@emotion/styled": "10.0.27",
-		"@webiny/app": "0.0.0-mt-2",
-		"@webiny/app-admin": "0.0.0-mt-2",
-		"@webiny/app-security": "0.0.0-mt-2",
-		"@webiny/form": "0.0.0-mt-2",
-		"@webiny/plugins": "0.0.0-mt-2",
-		"@webiny/react-router": "0.0.0-mt-2",
-		"@webiny/ui": "0.0.0-mt-2",
-		"@webiny/validation": "0.0.0-mt-2",
+		"@emotion/styled": "11.10.6",
+		"@webiny/app": "0.0.0-unstable.13771d80a8",
+		"@webiny/app-admin": "0.0.0-unstable.13771d80a8",
+		"@webiny/app-security": "0.0.0-unstable.13771d80a8",
+		"@webiny/form": "0.0.0-unstable.13771d80a8",
+		"@webiny/plugins": "0.0.0-unstable.13771d80a8",
+		"@webiny/react-router": "0.0.0-unstable.13771d80a8",
+		"@webiny/ui": "0.0.0-unstable.13771d80a8",
+		"@webiny/validation": "0.0.0-unstable.13771d80a8",
 		"emotion": "10.0.27",
-		"graphql-tag": "2.12.5",
+		"graphql-tag": "2.12.6",
 		"lodash": "4.17.21",
-		"react": "16.14.0",
-		"react-dom": "16.14.0",
-		"react-helmet": "5.2.1"
+		"react": "17.0.2",
+		"react-dom": "17.0.2",
+		"react-helmet": "6.1.0"
 	},
 	"devDependencies": {
-		"@babel/cli": "^7.5.5",
-		"@babel/core": "^7.5.5",
-		"@babel/plugin-proposal-class-properties": "^7.5.5",
-		"@babel/preset-env": "^7.5.5",
-		"@babel/preset-react": "^7.0.0",
-		"@babel/preset-typescript": "^7.8.3",
-		"@webiny/cli": "^0.0.0-mt-2",
-		"@webiny/project-utils": "^0.0.0-mt-2",
+		"@babel/cli": "^7.19.3",
+		"@babel/core": "^7.19.3",
+		"@babel/plugin-proposal-class-properties": "^7.18.6",
+		"@babel/preset-env": "^7.19.4",
+		"@babel/preset-react": "^7.18.6",
+		"@babel/preset-typescript": "^7.18.6",
+		"@types/react-helmet": "^6.1.5",
+		"@webiny/cli": "^0.0.0-unstable.13771d80a8",
+		"@webiny/project-utils": "^0.0.0-unstable.13771d80a8",
 		"babel-plugin-emotion": "^9.2.8",
 		"babel-plugin-lodash": "^3.3.4",
-		"babel-plugin-named-asset-import": "^1.0.0-next.3e165448",
 		"rimraf": "^3.0.2",
 		"ttypescript": "^1.5.12",
-		"typescript": "^4.1.3"
+		"typescript": "4.7.4"
 	},
 	"publishConfig": {
 		"access": "public",
@@ -54,11 +54,6 @@
 		"build": "yarn webiny run build",
 		"watch": "yarn webiny run watch"
 	},
-	"svgo": {
-		"plugins": {
-			"removeViewBox": false
-		}
-	},
 	"adio": {
 		"ignore": {
 			"peerDependencies": [
@@ -66,5 +61,5 @@
 			]
 		}
 	},
-	"gitHead": "3c0dcfb3c22c9f83107fdb97b25014cd03d9db7d"
+	"gitHead": "13771d80a8ae3195c9ea1485bf8c01f6667a129e"
 }

package/plugins/constants.js

@@ -1,6 +1,12 @@
-export var Permission;
+"use strict";
 
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Permission = void 0;
+var Permission;
+exports.Permission = Permission;
 (function (Permission) {
   Permission["Groups"] = "security.group";
   Permission["ApiKeys"] = "security.apiKey";
-})(Permission || (Permission = {}));
+})(Permission || (exports.Permission = Permission = {}));

package/plugins/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Permission"],"sources":["constants.ts"],"sourcesContent":["export enum Permission {\n    Groups = \"security.group\",\n    ApiKeys = \"security.apiKey\"\n}\n"],"mappings":";;;;;;IAAYA,UAAU;AAAA;AAAA,WAAVA,UAAU;EAAVA,UAAU;EAAVA,UAAU;AAAA,GAAVA,UAAU,0BAAVA,UAAU"}

package/plugins/index.js

@@ -1,8 +1,14 @@
-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];
-});
+"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

@@ -0,0 +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;AAA0D,eAE3C;EAAA,OAAwB,CAACA,qBAAY,EAAEC,2BAAkB,EAAEC,yBAAgB,CAAC;AAAA;AAAA"}

package/plugins/installation.js

@@ -1,61 +1,62 @@
-import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
+"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;
-
-import _regeneratorRuntime from "@babel/runtime/regenerator";
-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", {
+var SimpleFormPlaceholder = /*#__PURE__*/(0, _styled.default)("div", {
   target: "evolwsn0",
   label: "SimpleFormPlaceholder"
 })({
   minHeight: 300,
   minWidth: 400
 });
-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 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 = useApolloClient();
-
-  var _useState = useState(null),
-      _useState2 = _slicedToArray(_useState, 2),
-      error = _useState2[0],
-      setError = _useState2[1];
-
-  useEffect(function () {
+  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.
-
+      }
 
+      // Just so the user sees the actual message.
       setTimeout(onInstalled, 3000);
     });
   }, []);
-  var label = error ? /*#__PURE__*/React.createElement(Alert, {
+  var label = error ? /*#__PURE__*/_react.default.createElement(_Alert.Alert, {
     title: "Something went wrong",
     type: "danger"
   }, error) : "Installing Security...";
-  return /*#__PURE__*/React.createElement(SimpleForm, null, /*#__PURE__*/React.createElement(CircularProgress, {
+  return /*#__PURE__*/_react.default.createElement(_SimpleForm.SimpleForm, null, /*#__PURE__*/_react.default.createElement(_Progress.CircularProgress, {
     label: label
-  }), /*#__PURE__*/React.createElement(SimpleFormContent, null, /*#__PURE__*/React.createElement(SimpleFormPlaceholder, null)));
+  }), /*#__PURE__*/_react.default.createElement(_SimpleForm.SimpleFormContent, null, /*#__PURE__*/_react.default.createElement(SimpleFormPlaceholder, null)));
 };
-
 var plugin = {
   name: "admin-installation-security",
   type: "admin-installation",
@@ -63,37 +64,33 @@ var plugin = {
   dependencies: ["admin-installation-tenancy"],
   secure: false,
   getInstalledVersion: function getInstalledVersion(_ref3) {
-    return _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+    return (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().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();
-          }
+      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.createElement(SecurityInstaller, {
+    return /*#__PURE__*/_react.default.createElement(SecurityInstaller, {
       onInstalled: onInstalled
     });
   }
 };
-export default plugin;
+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;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.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 { SecurityPermission } from "@webiny/app-security/types";
+interface SecurityPermissionsProps {
+    value: SecurityPermission[];
+    onChange: (value: SecurityPermission[]) => void;
+}
+export declare const SecurityPermissions: React.FC<SecurityPermissionsProps>;
+export {};