@webiny/app-security-access-management 0.0.0-unstable.78f581c1d2 → 0.0.0-unstable.7be00a75a9

package/routes.js

@@ -0,0 +1,36 @@
+import { Route } from "@webiny/app-admin";
+const Routes = {
+    Roles: {
+        List: new Route({
+            name: "Security/Roles/List",
+            path: "/access-management/roles",
+            params: (z)=>({
+                    id: z.string().optional(),
+                    new: z.boolean().optional()
+                })
+        })
+    },
+    Teams: {
+        List: new Route({
+            name: "Security/Teams/List",
+            path: "/access-management/teams",
+            params: (z)=>({
+                    id: z.string().optional(),
+                    new: z.boolean().optional()
+                })
+        })
+    },
+    ApiKeys: {
+        List: new Route({
+            name: "Security/ApiKeys/List",
+            path: "/access-management/api-keys",
+            params: (z)=>({
+                    id: z.string().optional(),
+                    new: z.boolean().optional()
+                })
+        })
+    }
+};
+export { Routes };
+
+//# sourceMappingURL=routes.js.map

package/routes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"routes.js","sources":["../src/routes.ts"],"sourcesContent":["import { Route } from \"@webiny/app-admin\";\n\nexport const Routes = {\n    Roles: {\n        List: new Route({\n            name: \"Security/Roles/List\",\n            path: \"/access-management/roles\",\n            params: z => {\n                return {\n                    id: z.string().optional(),\n                    new: z.boolean().optional()\n                };\n            }\n        })\n    },\n    Teams: {\n        List: new Route({\n            name: \"Security/Teams/List\",\n            path: \"/access-management/teams\",\n            params: z => {\n                return {\n                    id: z.string().optional(),\n                    new: z.boolean().optional()\n                };\n            }\n        })\n    },\n    ApiKeys: {\n        List: new Route({\n            name: \"Security/ApiKeys/List\",\n            path: \"/access-management/api-keys\",\n            params: z => {\n                return {\n                    id: z.string().optional(),\n                    new: z.boolean().optional()\n                };\n            }\n        })\n    }\n};\n"],"names":["Routes","Route","z"],"mappings":";AAEO,MAAMA,SAAS;IAClB,OAAO;QACH,MAAM,IAAIC,MAAM;YACZ,MAAM;YACN,MAAM;YACN,QAAQC,CAAAA,IACG;oBACH,IAAIA,EAAE,MAAM,GAAG,QAAQ;oBACvB,KAAKA,EAAE,OAAO,GAAG,QAAQ;gBAC7B;QAER;IACJ;IACA,OAAO;QACH,MAAM,IAAID,MAAM;YACZ,MAAM;YACN,MAAM;YACN,QAAQC,CAAAA,IACG;oBACH,IAAIA,EAAE,MAAM,GAAG,QAAQ;oBACvB,KAAKA,EAAE,OAAO,GAAG,QAAQ;gBAC7B;QAER;IACJ;IACA,SAAS;QACL,MAAM,IAAID,MAAM;YACZ,MAAM;YACN,MAAM;YACN,QAAQC,CAAAA,IACG;oBACH,IAAIA,EAAE,MAAM,GAAG,QAAQ;oBACvB,KAAKA,EAAE,OAAO,GAAG,QAAQ;gBAC7B;QAER;IACJ;AACJ"}

package/types.d.ts

@@ -1,15 +1,29 @@
-import { SecurityPermission } from "@webiny/app-security/types";
-export interface Group {
+import type { Identity } from "@webiny/app-admin/domain/Identity.js";
+export interface Role {
     id: string;
     name: string;
     description: string;
     slug: string;
     system?: boolean;
+    plugin: boolean | null;
+    permissions: Identity.Permission[];
+    createdOn: string;
+}
+export interface Team {
+    id: string;
+    name: string;
+    description: string;
+    slug: string;
+    system?: boolean;
+    plugin: boolean | null;
+    createdOn: string;
 }
 export interface ApiKey {
     id: string;
+    slug: string;
     token: string;
     name: string;
     description: string;
-    permissions: SecurityPermission[];
+    permissions: Identity.Permission[];
+    createdOn: string;
 }

package/types.js

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

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

@@ -1,5 +1,7 @@
 import React from "react";
-export interface ApiKeyFormProps {
-    [key: string]: any;
+interface ApiKeyFormProps {
+    newEntry: boolean;
+    id: string | undefined;
 }
-export declare const ApiKeyForm: React.FC<ApiKeyFormProps>;
+export declare const ApiKeyForm: ({ id, newEntry }: ApiKeyFormProps) => React.JSX.Element;
+export {};

package/ui/views/ApiKeys/ApiKeyForm.js

@@ -1,288 +1,220 @@
-"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.ApiKeyForm = void 0;
-
-var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
-
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
-var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _reactHooks = require("@apollo/react-hooks");
-
-var _get = _interopRequireDefault(require("lodash/get"));
-
-var _reactRouter = require("@webiny/react-router");
-
-var _i18n = require("@webiny/app/i18n");
-
-var _form = require("@webiny/form");
-
-var _Grid = require("@webiny/ui/Grid");
-
-var _Input = require("@webiny/ui/Input");
-
-var _Button = require("@webiny/ui/Button");
-
-var _Progress = require("@webiny/ui/Progress");
-
-var _FormElementMessage = require("@webiny/ui/FormElementMessage");
-
-var _Permissions = require("@webiny/app-admin/components/Permissions");
-
-var _validation = require("@webiny/validation");
-
-var _SimpleForm = require("@webiny/app-admin/components/SimpleForm");
-
-var _Typography = require("@webiny/ui/Typography");
-
-var _useSnackbar2 = require("@webiny/app-admin/hooks/useSnackbar");
-
-var _utils = require("./utils");
-
-var GQL = _interopRequireWildcard(require("./graphql"));
-
-var _Snackbar = require("@webiny/ui/Snackbar");
-
-var _isEmpty = _interopRequireDefault(require("lodash/isEmpty"));
-
-var _EmptyView = _interopRequireDefault(require("@webiny/app-admin/components/EmptyView"));
-
-var _add18px = require("@webiny/app-admin/assets/icons/add-18px.svg");
-
-var _styled = _interopRequireDefault(require("@emotion/styled"));
-
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10;
-
-var t = _i18n.i18n.ns("app-security-admin-users/admin/api-keys/form");
-
-var ButtonWrapper = /*#__PURE__*/(0, _styled.default)("div", {
-  target: "e18bg2x40",
-  label: "ButtonWrapper"
-})({
-  display: "flex",
-  justifyContent: "space-between"
-});
-
-var ApiKeyForm = function ApiKeyForm() {
-  var _useRouter = (0, _reactRouter.useRouter)(),
-      location = _useRouter.location,
-      history = _useRouter.history;
-
-  var _useSnackbar = (0, _useSnackbar2.useSnackbar)(),
-      showSnackbar = _useSnackbar.showSnackbar;
-
-  var newEntry = new URLSearchParams(location.search).get("new") === "true";
-  var id = new URLSearchParams(location.search).get("id");
-  var getQuery = (0, _reactHooks.useQuery)(GQL.READ_API_KEY, {
-    variables: {
-      id: id
-    },
-    skip: !id,
-    onCompleted: function onCompleted(data) {
-      if (!data) {
-        return;
-      }
-
-      var error = data.security.apiKey.error;
-
-      if (error) {
-        history.push("/access-management/api-keys");
-        showSnackbar(error.message);
-      }
-    }
-  });
-
-  var _useMutation = (0, _reactHooks.useMutation)(GQL.CREATE_API_KEY, {
-    refetchQueries: [{
-      query: GQL.LIST_API_KEYS
-    }]
-  }),
-      _useMutation2 = (0, _slicedToArray2.default)(_useMutation, 2),
-      create = _useMutation2[0],
-      createMutation = _useMutation2[1];
-
-  var _useMutation3 = (0, _reactHooks.useMutation)(GQL.UPDATE_API_KEY, {
-    refetchQueries: [{
-      query: GQL.LIST_API_KEYS
-    }]
-  }),
-      _useMutation4 = (0, _slicedToArray2.default)(_useMutation3, 2),
-      update = _useMutation4[0],
-      updateMutation = _useMutation4[1];
-
-  var loading = [getQuery, createMutation, updateMutation].find(function (item) {
-    return item.loading;
-  });
-  var onSubmit = (0, _react.useCallback)( /*#__PURE__*/function () {
-    var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee(data) {
-      var isUpdate, _ref2, _ref3, operation, args, response, error, id;
-
-      return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
-        while (1) {
-          switch (_context.prev = _context.next) {
-            case 0:
-              if (!(!data.permissions || !data.permissions.length)) {
-                _context.next = 3;
-                break;
-              }
-
-              showSnackbar(t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["You must configure permissions before saving!"]))), {
-                timeout: 60000,
-                dismissesOnAction: true,
-                action: /*#__PURE__*/_react.default.createElement(_Snackbar.SnackbarAction, {
-                  label: "OK"
-                })
-              });
-              return _context.abrupt("return");
-
-            case 3:
-              isUpdate = data.createdOn;
-              _ref2 = isUpdate ? [update, {
+import react, { useCallback } from "react";
+import { useMutation, useQuery } from "@apollo/react-hooks";
+import get from "lodash/get.js";
+import isEmpty from "lodash/isEmpty.js";
+import { i18n } from "@webiny/app/i18n/index.js";
+import { Bind as form_Bind, Form, useForm, useGenerateSlug } from "@webiny/form";
+import { EmptyView, Permissions, SimpleForm, SimpleFormContent, SimpleFormFooter, SimpleFormHeader, useRouter } from "@webiny/app-admin";
+import { validation } from "@webiny/validation";
+import { ReactComponent } from "@webiny/icons/add.svg";
+import { ReactComponent as content_copy_svg_ReactComponent } from "@webiny/icons/content_copy.svg";
+import { ReactComponent as content_paste_svg_ReactComponent } from "@webiny/icons/content_paste.svg";
+import { ReactComponent as settings_svg_ReactComponent } from "@webiny/icons/settings.svg";
+import { pickDataForCreate, pickDataForUpdate } from "./utils.js";
+import { Alert, Button, CopyButton, Grid, Icon, IconButton, Input, Label, OverlayLoader, Textarea, Tooltip, useToast } from "@webiny/admin-ui";
+import { Routes } from "../../../routes.js";
+import * as __rspack_external__graphql_js_d64db012 from "./graphql.js";
+const t = i18n.ns("app-security-admin-users/admin/api-keys/form");
+const ApiKeyForm = ({ id, newEntry })=>{
+    const { goToRoute } = useRouter();
+    const toast = useToast();
+    const getQuery = useQuery(__rspack_external__graphql_js_d64db012.READ_API_KEY, {
+        variables: {
+            id
+        },
+        skip: !id,
+        onCompleted: (data)=>{
+            if (!data) return;
+            const { error } = data.security.apiKey;
+            if (error) {
+                goToRoute(Routes.ApiKeys.List);
+                toast.showWarningToast({
+                    title: error.message
+                });
+            }
+        }
+    });
+    const [create, createMutation] = useMutation(__rspack_external__graphql_js_d64db012.CREATE_API_KEY, {
+        refetchQueries: [
+            {
+                query: __rspack_external__graphql_js_d64db012.LIST_API_KEYS
+            }
+        ]
+    });
+    const [update, updateMutation] = useMutation(__rspack_external__graphql_js_d64db012.UPDATE_API_KEY, {
+        refetchQueries: [
+            {
+                query: __rspack_external__graphql_js_d64db012.LIST_API_KEYS
+            }
+        ]
+    });
+    const loading = [
+        getQuery,
+        createMutation,
+        updateMutation
+    ].find((item)=>item.loading);
+    const onSubmit = useCallback(async (formData)=>{
+        if (!formData.permissions || !formData.permissions.length) return void toast.showWarningToast({
+            title: t`You must configure permissions before saving!`,
+            duration: 1 / 0
+        });
+        const isUpdate = formData.createdOn;
+        const [operation, args] = isUpdate ? [
+            update,
+            {
                 variables: {
-                  id: data.id,
-                  data: (0, _utils.pickDataForAPI)(data)
+                    id: formData.id,
+                    data: pickDataForUpdate(formData)
                 }
-              }] : [create, {
+            }
+        ] : [
+            create,
+            {
                 variables: {
-                  data: (0, _utils.pickDataForAPI)(data)
+                    data: pickDataForCreate(formData)
                 }
-              }], _ref3 = (0, _slicedToArray2.default)(_ref2, 2), operation = _ref3[0], args = _ref3[1];
-              _context.next = 7;
-              return operation(args);
-
-            case 7:
-              response = _context.sent;
-              error = response.data.security.apiKey.error;
-
-              if (!error) {
-                _context.next = 11;
-                break;
-              }
-
-              return _context.abrupt("return", showSnackbar(error.message));
-
-            case 11:
-              id = response.data.security.apiKey.data.id;
-              !isUpdate && history.push("/access-management/api-keys?id=".concat(id));
-              showSnackbar(t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["API key saved successfully."]))));
-
-            case 14:
-            case "end":
-              return _context.stop();
-          }
-        }
-      }, _callee);
-    }));
-
-    return function (_x) {
-      return _ref.apply(this, arguments);
-    };
-  }(), [id]);
-  var data = (0, _get.default)(getQuery, "data.security.apiKey.data", {});
-  var showEmptyView = !newEntry && !loading && (0, _isEmpty.default)(data); // Render "No content" selected view.
-
-  if (showEmptyView) {
-    return /*#__PURE__*/_react.default.createElement(_EmptyView.default, {
-      title: t(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["Click on the left side list to display API key details or create a..."]))),
-      action: /*#__PURE__*/_react.default.createElement(_Button.ButtonDefault, {
-        "data-testid": "new-record-button",
-        onClick: function onClick() {
-          return history.push("/access-management/api-keys?new=true");
+            }
+        ];
+        const response = await operation(args);
+        const { error } = response.data.security.apiKey;
+        if (error) return void toast.showWarningToast({
+            title: error.message
+        });
+        const { id } = response.data.security.apiKey.data;
+        if (!isUpdate) goToRoute(Routes.ApiKeys.List, {
+            id
+        });
+        toast.showSuccessToast({
+            title: t`API key saved successfully.`
+        });
+    }, [
+        id
+    ]);
+    const data = get(getQuery, "data.security.apiKey.data", {});
+    const showEmptyView = !newEntry && !loading && isEmpty(data);
+    if (showEmptyView) return /*#__PURE__*/ react.createElement(EmptyView, {
+        icon: /*#__PURE__*/ react.createElement(settings_svg_ReactComponent, null),
+        title: t`Click on the left side list to display API key details or create a...`,
+        action: /*#__PURE__*/ react.createElement(Button, {
+            icon: /*#__PURE__*/ react.createElement(ReactComponent, null),
+            text: t`New API Key`,
+            "data-testid": "new-record-button",
+            onClick: ()=>{
+                goToRoute(Routes.ApiKeys.List, {
+                    new: true
+                });
+            }
+        })
+    });
+    return /*#__PURE__*/ react.createElement(Form, {
+        data: data,
+        onSubmit: onSubmit
+    }, ({ data, form, Bind })=>/*#__PURE__*/ react.createElement(SimpleForm, {
+            size: "lg"
+        }, loading && /*#__PURE__*/ react.createElement(OverlayLoader, null), /*#__PURE__*/ react.createElement(SimpleFormHeader, {
+            title: data.name ? data.name : "Untitled"
+        }), /*#__PURE__*/ react.createElement(SimpleFormContent, null, /*#__PURE__*/ react.createElement(FormContent, {
+            newEntry: newEntry
+        })), /*#__PURE__*/ react.createElement(SimpleFormHeader, {
+            title: "Permissions",
+            rounded: false
+        }, /*#__PURE__*/ react.createElement("div", {
+            className: "flex justify-end"
+        }, /*#__PURE__*/ react.createElement(CopyPermissionsToJson, {
+            permissions: data.permissions
+        }))), /*#__PURE__*/ react.createElement(SimpleFormContent, null, /*#__PURE__*/ react.createElement(Grid, null, /*#__PURE__*/ react.createElement(Grid.Column, {
+            span: 12
+        }, /*#__PURE__*/ react.createElement(Bind, {
+            name: "permissions",
+            defaultValue: []
+        }, (bind)=>/*#__PURE__*/ react.createElement(Permissions, {
+                id: data.id || "new",
+                ...bind
+            }))))), /*#__PURE__*/ react.createElement(SimpleFormFooter, null, /*#__PURE__*/ react.createElement(Button, {
+            variant: "secondary",
+            text: t`Cancel`,
+            onClick: ()=>{
+                goToRoute(Routes.ApiKeys.List);
+            },
+            "data-testid": "sam.key.new.form.button.cancel"
+        }), /*#__PURE__*/ react.createElement(Button, {
+            text: t`Save`,
+            "data-testid": "sam.key.new.form.button.save",
+            onClick: form.submit
+        }))));
+};
+const FormContent = (props)=>{
+    const { newEntry } = props;
+    const form = useForm();
+    const toast = useToast();
+    const { generateSlug } = useGenerateSlug(form, "name", "slug");
+    const data = form.data;
+    return /*#__PURE__*/ react.createElement(Grid, null, /*#__PURE__*/ react.createElement(Grid.Column, {
+        span: 6
+    }, /*#__PURE__*/ react.createElement(form_Bind, {
+        name: "name",
+        validators: validation.create("required")
+    }, /*#__PURE__*/ react.createElement(Input, {
+        label: t`Name`,
+        "data-testid": "sam.key.new.form.name",
+        onBlur: generateSlug
+    }))), /*#__PURE__*/ react.createElement(Grid.Column, {
+        span: 6
+    }, /*#__PURE__*/ react.createElement(form_Bind, {
+        name: "slug",
+        validators: validation.create("required")
+    }, /*#__PURE__*/ react.createElement(Input, {
+        label: t`Slug`,
+        "data-testid": "sam.key.new.form.name",
+        disabled: !newEntry
+    }))), /*#__PURE__*/ react.createElement(Grid.Column, {
+        span: 12
+    }, /*#__PURE__*/ react.createElement(form_Bind, {
+        name: "description",
+        validators: validation.create("required")
+    }, /*#__PURE__*/ react.createElement(Textarea, {
+        size: "lg",
+        label: t`Description`,
+        rows: 4,
+        "data-testid": "sam.key.new.form.description"
+    }))), /*#__PURE__*/ react.createElement(Grid.Column, {
+        span: 12
+    }, /*#__PURE__*/ react.createElement("div", null, /*#__PURE__*/ react.createElement(Label, {
+        text: t`Token`
+    }), data.token ? /*#__PURE__*/ react.createElement("div", {
+        className: "py-sm pl-sm-extra pr-xs rounded-md mt-xs bg-neutral-disabled flex justify-between items-center"
+    }, /*#__PURE__*/ react.createElement("div", null, data.token), /*#__PURE__*/ react.createElement(CopyButton, {
+        variant: "ghost",
+        value: data.token,
+        onCopy: ()=>{
+            toast.showSuccessToast({
+                title: "Successfully copied!"
+            });
         }
-      }, /*#__PURE__*/_react.default.createElement(_Button.ButtonIcon, {
-        icon: /*#__PURE__*/_react.default.createElement(_add18px.ReactComponent, null)
-      }), " ", t(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["New API Key"]))))
+    })) : /*#__PURE__*/ react.createElement(Alert, {
+        className: "mt-xs"
+    }, "Your token will be shown once you submit the form."))));
+};
+const CopyPermissionsToJson = ({ permissions })=>{
+    const toast = useToast();
+    return /*#__PURE__*/ react.createElement(Tooltip, {
+        content: "Copy permissions as JSON",
+        trigger: /*#__PURE__*/ react.createElement(IconButton, {
+            variant: "ghost",
+            icon: /*#__PURE__*/ react.createElement(content_copy_svg_ReactComponent, null),
+            onClick: ()=>{
+                navigator.clipboard.writeText(JSON.stringify(permissions, null, 2));
+                toast.showToast({
+                    title: "JSON data copied to clipboard.",
+                    icon: /*#__PURE__*/ react.createElement(Icon, {
+                        icon: /*#__PURE__*/ react.createElement(content_paste_svg_ReactComponent, null),
+                        label: "Paste"
+                    })
+                });
+            }
+        })
     });
-  }
-
-  return /*#__PURE__*/_react.default.createElement(_form.Form, {
-    data: data,
-    onSubmit: onSubmit
-  }, function (_ref4) {
-    var data = _ref4.data,
-        form = _ref4.form,
-        Bind = _ref4.Bind;
-    return /*#__PURE__*/_react.default.createElement(_SimpleForm.SimpleForm, null, loading && /*#__PURE__*/_react.default.createElement(_Progress.CircularProgress, null), /*#__PURE__*/_react.default.createElement(_SimpleForm.SimpleFormHeader, {
-      title: data.name ? data.name : "Untitled"
-    }), /*#__PURE__*/_react.default.createElement(_SimpleForm.SimpleFormContent, null, /*#__PURE__*/_react.default.createElement(_Grid.Grid, null, /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
-      span: 12
-    }, /*#__PURE__*/_react.default.createElement(Bind, {
-      name: "name",
-      validators: _validation.validation.create("required")
-    }, /*#__PURE__*/_react.default.createElement(_Input.Input, {
-      label: t(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["Name"]))),
-      "data-testid": "sam.key.new.form.name"
-    })))), /*#__PURE__*/_react.default.createElement(_Grid.Grid, null, /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
-      span: 12
-    }, /*#__PURE__*/_react.default.createElement(Bind, {
-      name: "description",
-      validators: _validation.validation.create("required")
-    }, /*#__PURE__*/_react.default.createElement(_Input.Input, {
-      label: t(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["Description"]))),
-      rows: 4,
-      "data-testid": "sam.key.new.form.description"
-    })))), /*#__PURE__*/_react.default.createElement(_Grid.Grid, null, /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
-      span: 12
-    }, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
-      use: "subtitle1"
-    }, t(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["Token"])))), data.token ? /*#__PURE__*/_react.default.createElement("div", {
-      style: {
-        background: "var(--mdc-theme-background)",
-        padding: "8px",
-        paddingLeft: "16px"
-      }
-    }, /*#__PURE__*/_react.default.createElement("span", {
-      style: {
-        lineHeight: "48px",
-        verticalAlign: "middle"
-      }
-    }, data.token), /*#__PURE__*/_react.default.createElement("span", {
-      style: {
-        position: "absolute",
-        right: "32px"
-      }
-    }, /*#__PURE__*/_react.default.createElement(_Button.CopyButton, {
-      value: data.token,
-      onCopy: function onCopy() {
-        return showSnackbar("Successfully copied!");
-      }
-    }))) : /*#__PURE__*/_react.default.createElement(_FormElementMessage.FormElementMessage, null, "Your token will be shown once you submit the form.")))), /*#__PURE__*/_react.default.createElement(_Grid.Grid, null, /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
-      span: 12
-    }, /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
-      use: "subtitle1"
-    }, t(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)(["Permissions"]))))), /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
-      span: 12
-    }, /*#__PURE__*/_react.default.createElement(Bind, {
-      name: "permissions",
-      defaultValue: []
-    }, function (bind) {
-      return /*#__PURE__*/_react.default.createElement(_Permissions.Permissions, Object.assign({
-        id: data.id || "new"
-      }, bind));
-    })))), /*#__PURE__*/_react.default.createElement(_SimpleForm.SimpleFormFooter, null, /*#__PURE__*/_react.default.createElement(ButtonWrapper, null, /*#__PURE__*/_react.default.createElement(_Button.ButtonDefault, {
-      onClick: function onClick() {
-        return history.push("/access-management/api-keys");
-      },
-      "data-testid": "sam.key.new.form.button.cancel"
-    }, t(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2.default)(["Cancel"])))), /*#__PURE__*/_react.default.createElement(_Button.ButtonPrimary, {
-      onClick: function onClick(ev) {
-        form.submit(ev);
-      },
-      "data-testid": "sam.key.new.form.button.save"
-    }, t(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2.default)(["Save API key"])))))));
-  });
 };
+export { ApiKeyForm };
 
-exports.ApiKeyForm = ApiKeyForm;
+//# sourceMappingURL=ApiKeyForm.js.map