@webiny/cognito 6.3.0-beta.4 → 6.4.0-beta.0

package/admin/ui/views/Users/UsersForm.js

@@ -1,174 +1,163 @@
-import React, { useMemo } from "react";
+import react, { useMemo } from "react";
 import { i18n } from "@webiny/app/i18n/index.js";
 import { Form } from "@webiny/form";
 import { validation } from "@webiny/validation";
-import { SimpleForm, SimpleFormHeader, SimpleFormFooter, SimpleFormContent, EmptyView, RolesMultiAutocomplete, TeamsMultiAutocomplete, useAuthentication, useRouter } from "@webiny/app-admin";
-import { ReactComponent as AddIcon } from "@webiny/icons/add.svg";
-import { ReactComponent as SecurityIcon } from "@webiny/icons/gpp_maybe.svg";
-import { ReactComponent as SecurityTeamsIcon } from "@webiny/icons/admin_panel_settings.svg";
-import { ReactComponent as SettingsIcon } from "@webiny/icons/settings.svg";
-import { Accordion, Alert, OverlayLoader, Button, Input, Grid, Link } from "@webiny/admin-ui";
-import { config as appConfig } from "@webiny/app/config.js";
+import { EmptyView, RolesMultiAutocomplete, SimpleForm, SimpleFormContent, SimpleFormFooter, SimpleFormHeader, TeamsMultiAutocomplete, useAuthentication, useRouter } from "@webiny/app-admin";
+import { ReactComponent } from "@webiny/icons/add.svg";
+import { ReactComponent as gpp_maybe_svg_ReactComponent } from "@webiny/icons/gpp_maybe.svg";
+import { ReactComponent as admin_panel_settings_svg_ReactComponent } from "@webiny/icons/admin_panel_settings.svg";
+import { ReactComponent as settings_svg_ReactComponent } from "@webiny/icons/settings.svg";
+import { Accordion, Alert, Button, Grid, Input, Link, OverlayLoader } from "@webiny/admin-ui";
+import { config } from "@webiny/app/config.js";
 import { AvatarImage } from "../../components/AvatarImage/index.js";
 import { useUserForm } from "./hooks/useUserForm.js";
 import { usePasswordValidator } from "../../../presentation/shared/usePasswordValidator.js";
 import { Routes } from "../../../routes.js";
 const t = i18n.ns("app-security-admin-users/account-form");
-export const UserForm = ({
-  teams
-}) => {
-  const {
-    identity
-  } = useAuthentication();
-  const userForm = useUserForm();
-  const passwordValidator = usePasswordValidator();
-  const {
-    getLink
-  } = useRouter();
-  const isExternal = userForm.user?.external === true;
-  const formTitle = userForm.isNewUser ? "New User" : userForm.fullName;
-  const isNewUser = userForm.isNewUser;
-  const emailIsDisabled = appConfig.getKey("ADMIN_USER_CAN_CHANGE_EMAIL", process.env.REACT_APP_ADMIN_USER_CAN_CHANGE_EMAIL === "false");
-  const groupValidators = useMemo(() => {
-    return teams ? [] : [validation.create("required")];
-  }, [teams]);
-  const accountLink = getLink(Routes.Users.Account);
-
-  // Render "No content" selected view.
-  if (userForm.showEmptyView) {
-    return /*#__PURE__*/React.createElement(EmptyView, {
-      icon: /*#__PURE__*/React.createElement(SettingsIcon, null),
-      title: t`Click on the left side list to display user details or create a...`,
-      action: /*#__PURE__*/React.createElement(Button, {
-        icon: /*#__PURE__*/React.createElement(AddIcon, null),
-        text: t`New User`,
-        "data-testid": "new-record-button",
-        onClick: userForm.createUser
-      })
+const UserForm = ({ teams })=>{
+    const { identity } = useAuthentication();
+    const userForm = useUserForm();
+    const passwordValidator = usePasswordValidator();
+    const { getLink } = useRouter();
+    const isExternal = userForm.user?.external === true;
+    const formTitle = userForm.isNewUser ? "New User" : userForm.fullName;
+    const isNewUser = userForm.isNewUser;
+    const emailIsDisabled = config.getKey("ADMIN_USER_CAN_CHANGE_EMAIL", "false" === process.env.REACT_APP_ADMIN_USER_CAN_CHANGE_EMAIL);
+    const groupValidators = useMemo(()=>teams ? [] : [
+            validation.create("required")
+        ], [
+        teams
+    ]);
+    const accountLink = getLink(Routes.Users.Account);
+    if (userForm.showEmptyView) return /*#__PURE__*/ react.createElement(EmptyView, {
+        icon: /*#__PURE__*/ react.createElement(settings_svg_ReactComponent, null),
+        title: t`Click on the left side list to display user details or create a...`,
+        action: /*#__PURE__*/ react.createElement(Button, {
+            icon: /*#__PURE__*/ react.createElement(ReactComponent, null),
+            text: t`New User`,
+            "data-testid": "new-record-button",
+            onClick: userForm.createUser
+        })
     });
-  }
-  const isSelf = userForm.user.id === identity.id;
-  const isDisabled = isExternal || isSelf;
-  return /*#__PURE__*/React.createElement(Form, {
-    data: userForm.user,
-    onSubmit: userForm.onSubmit
-  }, ({
-    data,
-    form,
-    Bind
-  }) => /*#__PURE__*/React.createElement(SimpleForm, {
-    size: "lg"
-  }, userForm.loading && /*#__PURE__*/React.createElement(OverlayLoader, null), /*#__PURE__*/React.createElement("div", {
-    className: "mb-xl"
-  }, /*#__PURE__*/React.createElement(Bind, {
-    name: "avatar"
-  }, /*#__PURE__*/React.createElement(AvatarImage, {
-    round: true,
-    disabled: isDisabled
-  }))), /*#__PURE__*/React.createElement(SimpleFormHeader, {
-    title: formTitle
-  }), /*#__PURE__*/React.createElement(SimpleFormContent, null, isExternal && /*#__PURE__*/React.createElement(Grid, {
-    className: "mb-lg"
-  }, /*#__PURE__*/React.createElement(Grid.Column, {
-    span: 12
-  }, /*#__PURE__*/React.createElement(Alert, {
-    type: "info",
-    title: "External User"
-  }, "This user is an external user and cannot be edited."))), isSelf && /*#__PURE__*/React.createElement(Grid, {
-    className: "mb-lg"
-  }, /*#__PURE__*/React.createElement(Grid.Column, {
-    span: 12
-  }, /*#__PURE__*/React.createElement(Alert, {
-    type: "info",
-    title: "Own Profile"
-  }, "You cannot edit your own profile using this form. Please use the ", /*#__PURE__*/React.createElement(Link, {
-    to: accountLink
-  }, "account settings"), " instead."))), /*#__PURE__*/React.createElement(Accordion, {
-    variant: "underline"
-  }, /*#__PURE__*/React.createElement(Accordion.Item, {
-    title: "Bio",
-    description: "Account information",
-    icon: /*#__PURE__*/React.createElement(SettingsIcon, null),
-    defaultOpen: true
-  }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Grid.Column, {
-    span: 12
-  }, /*#__PURE__*/React.createElement(Bind, {
-    name: "firstName",
-    validators: validation.create("required")
-  }, /*#__PURE__*/React.createElement(Input, {
-    label: t`First Name`,
-    disabled: isDisabled,
-    "data-testid": "account.firstname"
-  }))), /*#__PURE__*/React.createElement(Grid.Column, {
-    span: 12
-  }, /*#__PURE__*/React.createElement(Bind, {
-    name: "lastName",
-    validators: validation.create("required")
-  }, /*#__PURE__*/React.createElement(Input, {
-    label: t`Last Name`,
-    disabled: isDisabled,
-    "data-testid": "account.lastname"
-  }))), /*#__PURE__*/React.createElement(Grid.Column, {
-    span: 12
-  }, /*#__PURE__*/React.createElement(Bind, {
-    name: "email",
-    validators: validation.create("required,email")
-  }, /*#__PURE__*/React.createElement(Input, {
-    value: data.email,
-    label: t`Email`,
-    disabled: emailIsDisabled || isDisabled,
-    "data-testid": "account.email",
-    autoComplete: "new-password",
-    description: "Email is your unique identifier used to login!"
-  }))), /*#__PURE__*/React.createElement(Grid.Column, {
-    span: 12
-  }, /*#__PURE__*/React.createElement(Bind, {
-    name: "password",
-    validators: passwordValidator
-  }, /*#__PURE__*/React.createElement(Input, {
-    autoComplete: "new-password",
-    disabled: isDisabled,
-    description: data.id && "Type a new password to reset it.",
-    type: "password",
-    label: "Password",
-    "data-testid": "account.password"
-  }))))), /*#__PURE__*/React.createElement(Accordion.Item, {
-    title: "Roles",
-    description: "Assign to security roles",
-    icon: /*#__PURE__*/React.createElement(SecurityIcon, null)
-  }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Grid.Column, {
-    span: 12
-  }, /*#__PURE__*/React.createElement(Bind, {
-    name: "roles",
-    validators: groupValidators
-  }, /*#__PURE__*/React.createElement(RolesMultiAutocomplete, {
-    label: "Roles",
-    "data-testid": "roles-autocomplete",
-    disabled: isDisabled
-  }))))), teams ? /*#__PURE__*/React.createElement(Accordion.Item, {
-    title: "Teams",
-    description: "Assign to teams",
-    icon: /*#__PURE__*/React.createElement(SecurityTeamsIcon, null)
-  }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Grid.Column, {
-    span: 12
-  }, /*#__PURE__*/React.createElement(Bind, {
-    name: "teams"
-  }, /*#__PURE__*/React.createElement(TeamsMultiAutocomplete, {
-    label: "Teams",
-    "data-testid": "teams-autocomplete",
-    disabled: isDisabled
-  }))))) : null)), /*#__PURE__*/React.createElement(SimpleFormFooter, {
-    "data-testid": "form-footer"
-  }, /*#__PURE__*/React.createElement(Button, {
-    variant: "secondary",
-    text: t`Cancel`,
-    onClick: userForm.cancelEditing
-  }), /*#__PURE__*/React.createElement(Button, {
-    variant: "primary",
-    text: isNewUser ? t`Create user` : t`Update user`,
-    disabled: isDisabled,
-    onClick: form.submit
-  }))));
+    const isSelf = userForm.user.id === identity.id;
+    const isDisabled = isExternal || isSelf;
+    return /*#__PURE__*/ react.createElement(Form, {
+        data: userForm.user,
+        onSubmit: userForm.onSubmit
+    }, ({ data, form, Bind })=>/*#__PURE__*/ react.createElement(SimpleForm, {
+            size: "lg"
+        }, userForm.loading && /*#__PURE__*/ react.createElement(OverlayLoader, null), /*#__PURE__*/ react.createElement("div", {
+            className: "mb-xl"
+        }, /*#__PURE__*/ react.createElement(Bind, {
+            name: "avatar"
+        }, /*#__PURE__*/ react.createElement(AvatarImage, {
+            round: true,
+            disabled: isDisabled
+        }))), /*#__PURE__*/ react.createElement(SimpleFormHeader, {
+            title: formTitle
+        }), /*#__PURE__*/ react.createElement(SimpleFormContent, null, isExternal && /*#__PURE__*/ react.createElement(Grid, {
+            className: "mb-lg"
+        }, /*#__PURE__*/ react.createElement(Grid.Column, {
+            span: 12
+        }, /*#__PURE__*/ react.createElement(Alert, {
+            type: "info",
+            title: "External User"
+        }, "This user is an external user and cannot be edited."))), isSelf && /*#__PURE__*/ react.createElement(Grid, {
+            className: "mb-lg"
+        }, /*#__PURE__*/ react.createElement(Grid.Column, {
+            span: 12
+        }, /*#__PURE__*/ react.createElement(Alert, {
+            type: "info",
+            title: "Own Profile"
+        }, "You cannot edit your own profile using this form. Please use the ", /*#__PURE__*/ react.createElement(Link, {
+            to: accountLink
+        }, "account settings"), " instead."))), /*#__PURE__*/ react.createElement(Accordion, {
+            variant: "underline"
+        }, /*#__PURE__*/ react.createElement(Accordion.Item, {
+            title: "Bio",
+            description: "Account information",
+            icon: /*#__PURE__*/ react.createElement(settings_svg_ReactComponent, null),
+            defaultOpen: true
+        }, /*#__PURE__*/ react.createElement(Grid, null, /*#__PURE__*/ react.createElement(Grid.Column, {
+            span: 12
+        }, /*#__PURE__*/ react.createElement(Bind, {
+            name: "firstName",
+            validators: validation.create("required")
+        }, /*#__PURE__*/ react.createElement(Input, {
+            label: t`First Name`,
+            disabled: isDisabled,
+            "data-testid": "account.firstname"
+        }))), /*#__PURE__*/ react.createElement(Grid.Column, {
+            span: 12
+        }, /*#__PURE__*/ react.createElement(Bind, {
+            name: "lastName",
+            validators: validation.create("required")
+        }, /*#__PURE__*/ react.createElement(Input, {
+            label: t`Last Name`,
+            disabled: isDisabled,
+            "data-testid": "account.lastname"
+        }))), /*#__PURE__*/ react.createElement(Grid.Column, {
+            span: 12
+        }, /*#__PURE__*/ react.createElement(Bind, {
+            name: "email",
+            validators: validation.create("required,email")
+        }, /*#__PURE__*/ react.createElement(Input, {
+            value: data.email,
+            label: t`Email`,
+            disabled: emailIsDisabled || isDisabled,
+            "data-testid": "account.email",
+            autoComplete: "new-password",
+            description: "Email is your unique identifier used to login!"
+        }))), /*#__PURE__*/ react.createElement(Grid.Column, {
+            span: 12
+        }, /*#__PURE__*/ react.createElement(Bind, {
+            name: "password",
+            validators: passwordValidator
+        }, /*#__PURE__*/ react.createElement(Input, {
+            autoComplete: "new-password",
+            disabled: isDisabled,
+            description: data.id && "Type a new password to reset it.",
+            type: "password",
+            label: "Password",
+            "data-testid": "account.password"
+        }))))), /*#__PURE__*/ react.createElement(Accordion.Item, {
+            title: "Roles",
+            description: "Assign to security roles",
+            icon: /*#__PURE__*/ react.createElement(gpp_maybe_svg_ReactComponent, null)
+        }, /*#__PURE__*/ react.createElement(Grid, null, /*#__PURE__*/ react.createElement(Grid.Column, {
+            span: 12
+        }, /*#__PURE__*/ react.createElement(Bind, {
+            name: "roles",
+            validators: groupValidators
+        }, /*#__PURE__*/ react.createElement(RolesMultiAutocomplete, {
+            label: "Roles",
+            "data-testid": "roles-autocomplete",
+            disabled: isDisabled
+        }))))), teams ? /*#__PURE__*/ react.createElement(Accordion.Item, {
+            title: "Teams",
+            description: "Assign to teams",
+            icon: /*#__PURE__*/ react.createElement(admin_panel_settings_svg_ReactComponent, null)
+        }, /*#__PURE__*/ react.createElement(Grid, null, /*#__PURE__*/ react.createElement(Grid.Column, {
+            span: 12
+        }, /*#__PURE__*/ react.createElement(Bind, {
+            name: "teams"
+        }, /*#__PURE__*/ react.createElement(TeamsMultiAutocomplete, {
+            label: "Teams",
+            "data-testid": "teams-autocomplete",
+            disabled: isDisabled
+        }))))) : null)), /*#__PURE__*/ react.createElement(SimpleFormFooter, {
+            "data-testid": "form-footer"
+        }, /*#__PURE__*/ react.createElement(Button, {
+            variant: "secondary",
+            text: t`Cancel`,
+            onClick: userForm.cancelEditing
+        }), /*#__PURE__*/ react.createElement(Button, {
+            variant: "primary",
+            text: isNewUser ? t`Create user` : t`Update user`,
+            disabled: isDisabled,
+            onClick: form.submit
+        }))));
 };
+export { UserForm };
 
 //# sourceMappingURL=UsersForm.js.map

package/admin/ui/views/Users/UsersForm.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useMemo","i18n","Form","validation","SimpleForm","SimpleFormHeader","SimpleFormFooter","SimpleFormContent","EmptyView","RolesMultiAutocomplete","TeamsMultiAutocomplete","useAuthentication","useRouter","ReactComponent","AddIcon","SecurityIcon","SecurityTeamsIcon","SettingsIcon","Accordion","Alert","OverlayLoader","Button","Input","Grid","Link","config","appConfig","AvatarImage","useUserForm","usePasswordValidator","Routes","t","ns","UserForm","teams","identity","userForm","passwordValidator","getLink","isExternal","user","external","formTitle","isNewUser","fullName","emailIsDisabled","getKey","process","env","REACT_APP_ADMIN_USER_CAN_CHANGE_EMAIL","groupValidators","create","accountLink","Users","Account","showEmptyView","createElement","icon","title","action","text","onClick","createUser","isSelf","id","isDisabled","data","onSubmit","form","Bind","size","loading","className","name","round","disabled","Column","span","type","to","variant","Item","description","defaultOpen","validators","label","value","email","autoComplete","cancelEditing","submit"],"sources":["UsersForm.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport { Form } from \"@webiny/form\";\nimport { validation } from \"@webiny/validation\";\nimport {\n    SimpleForm,\n    SimpleFormHeader,\n    SimpleFormFooter,\n    SimpleFormContent,\n    EmptyView,\n    RolesMultiAutocomplete,\n    TeamsMultiAutocomplete,\n    useAuthentication,\n    useRouter\n} from \"@webiny/app-admin\";\nimport { ReactComponent as AddIcon } from \"@webiny/icons/add.svg\";\nimport { ReactComponent as SecurityIcon } from \"@webiny/icons/gpp_maybe.svg\";\nimport { ReactComponent as SecurityTeamsIcon } from \"@webiny/icons/admin_panel_settings.svg\";\nimport { ReactComponent as SettingsIcon } from \"@webiny/icons/settings.svg\";\nimport { Accordion, Alert, OverlayLoader, Button, Input, Grid, Link } from \"@webiny/admin-ui\";\nimport { config as appConfig } from \"@webiny/app/config.js\";\nimport { AvatarImage } from \"../../components/AvatarImage/index.js\";\nimport { useUserForm } from \"~/admin/ui/views/Users/hooks/useUserForm.js\";\nimport { usePasswordValidator } from \"~/admin/presentation/shared/usePasswordValidator.js\";\nimport { Routes } from \"~/admin/routes.js\";\n\nconst t = i18n.ns(\"app-security-admin-users/account-form\");\n\nexport interface UserFormProps {\n    teams: boolean;\n}\n\nexport const UserForm = ({ teams }: UserFormProps) => {\n    const { identity } = useAuthentication();\n    const userForm = useUserForm();\n    const passwordValidator = usePasswordValidator();\n    const { getLink } = useRouter();\n\n    const isExternal = userForm.user?.external === true;\n    const formTitle = userForm.isNewUser ? \"New User\" : userForm.fullName;\n    const isNewUser = userForm.isNewUser;\n\n    const emailIsDisabled = appConfig.getKey(\n        \"ADMIN_USER_CAN_CHANGE_EMAIL\",\n        process.env.REACT_APP_ADMIN_USER_CAN_CHANGE_EMAIL === \"false\"\n    );\n\n    const groupValidators = useMemo(() => {\n        return teams ? [] : [validation.create(\"required\")];\n    }, [teams]);\n\n    const accountLink = getLink(Routes.Users.Account);\n\n    // Render \"No content\" selected view.\n    if (userForm.showEmptyView) {\n        return (\n            <EmptyView\n                icon={<SettingsIcon />}\n                title={t`Click on the left side list to display user details or create a...`}\n                action={\n                    <Button\n                        icon={<AddIcon />}\n                        text={t`New User`}\n                        data-testid=\"new-record-button\"\n                        onClick={userForm.createUser}\n                    />\n                }\n            />\n        );\n    }\n\n    const isSelf = userForm.user.id === identity.id;\n    const isDisabled = isExternal || isSelf;\n\n    return (\n        <Form data={userForm.user} onSubmit={userForm.onSubmit}>\n            {({ data, form, Bind }) => (\n                <SimpleForm size={\"lg\"}>\n                    {userForm.loading && <OverlayLoader />}\n                    <div className={\"mb-xl\"}>\n                        <Bind name=\"avatar\">\n                            <AvatarImage round disabled={isDisabled} />\n                        </Bind>\n                    </div>\n                    <SimpleFormHeader title={formTitle} />\n                    <SimpleFormContent>\n                        {isExternal && (\n                            <Grid className={\"mb-lg\"}>\n                                <Grid.Column span={12}>\n                                    <Alert type={\"info\"} title={\"External User\"}>\n                                        This user is an external user and cannot be edited.\n                                    </Alert>\n                                </Grid.Column>\n                            </Grid>\n                        )}\n                        {isSelf && (\n                            <Grid className={\"mb-lg\"}>\n                                <Grid.Column span={12}>\n                                    <Alert type={\"info\"} title={\"Own Profile\"}>\n                                        You cannot edit your own profile using this form. Please use\n                                        the <Link to={accountLink}>account settings</Link> instead.\n                                    </Alert>\n                                </Grid.Column>\n                            </Grid>\n                        )}\n                        <Accordion variant={\"underline\"}>\n                            <Accordion.Item\n                                title={\"Bio\"}\n                                description={\"Account information\"}\n                                icon={<SettingsIcon />}\n                                defaultOpen={true}\n                            >\n                                <Grid>\n                                    <Grid.Column span={12}>\n                                        <Bind\n                                            name=\"firstName\"\n                                            validators={validation.create(\"required\")}\n                                        >\n                                            <Input\n                                                label={t`First Name`}\n                                                disabled={isDisabled}\n                                                data-testid=\"account.firstname\"\n                                            />\n                                        </Bind>\n                                    </Grid.Column>\n                                    <Grid.Column span={12}>\n                                        <Bind\n                                            name=\"lastName\"\n                                            validators={validation.create(\"required\")}\n                                        >\n                                            <Input\n                                                label={t`Last Name`}\n                                                disabled={isDisabled}\n                                                data-testid=\"account.lastname\"\n                                            />\n                                        </Bind>\n                                    </Grid.Column>\n                                    <Grid.Column span={12}>\n                                        <Bind\n                                            name=\"email\"\n                                            validators={validation.create(\"required,email\")}\n                                        >\n                                            <Input\n                                                value={data.email}\n                                                label={t`Email`}\n                                                disabled={emailIsDisabled || isDisabled}\n                                                data-testid=\"account.email\"\n                                                autoComplete=\"new-password\"\n                                                description={\n                                                    \"Email is your unique identifier used to login!\"\n                                                }\n                                            />\n                                        </Bind>\n                                    </Grid.Column>\n                                    <Grid.Column span={12}>\n                                        <Bind name=\"password\" validators={passwordValidator}>\n                                            <Input\n                                                autoComplete=\"new-password\"\n                                                disabled={isDisabled}\n                                                description={\n                                                    data.id && \"Type a new password to reset it.\"\n                                                }\n                                                type=\"password\"\n                                                label={\"Password\"}\n                                                data-testid=\"account.password\"\n                                            />\n                                        </Bind>\n                                    </Grid.Column>\n                                </Grid>\n                            </Accordion.Item>\n                            <Accordion.Item\n                                title={\"Roles\"}\n                                description={\"Assign to security roles\"}\n                                icon={<SecurityIcon />}\n                            >\n                                <Grid>\n                                    <Grid.Column span={12}>\n                                        <Bind name={\"roles\"} validators={groupValidators}>\n                                            <RolesMultiAutocomplete\n                                                label={\"Roles\"}\n                                                data-testid=\"roles-autocomplete\"\n                                                disabled={isDisabled}\n                                            />\n                                        </Bind>\n                                    </Grid.Column>\n                                </Grid>\n                            </Accordion.Item>\n                            {teams ? (\n                                <Accordion.Item\n                                    title={\"Teams\"}\n                                    description={\"Assign to teams\"}\n                                    icon={<SecurityTeamsIcon />}\n                                >\n                                    <Grid>\n                                        <Grid.Column span={12}>\n                                            <Bind name={\"teams\"}>\n                                                <TeamsMultiAutocomplete\n                                                    label={\"Teams\"}\n                                                    data-testid=\"teams-autocomplete\"\n                                                    disabled={isDisabled}\n                                                />\n                                            </Bind>\n                                        </Grid.Column>\n                                    </Grid>\n                                </Accordion.Item>\n                            ) : null}\n                        </Accordion>\n                    </SimpleFormContent>\n                    <SimpleFormFooter data-testid={\"form-footer\"}>\n                        <Button\n                            variant={\"secondary\"}\n                            text={t`Cancel`}\n                            onClick={userForm.cancelEditing}\n                        />\n                        <Button\n                            variant={\"primary\"}\n                            text={isNewUser ? t`Create user` : t`Update user`}\n                            disabled={isDisabled}\n                            onClick={form.submit}\n                        />\n                    </SimpleFormFooter>\n                </SimpleForm>\n            )}\n        </Form>\n    );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"admin/ui/views/Users/UsersForm.js","sources":["../../../../../src/admin/ui/views/Users/UsersForm.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport { Form } from \"@webiny/form\";\nimport { validation } from \"@webiny/validation\";\nimport {\n    SimpleForm,\n    SimpleFormHeader,\n    SimpleFormFooter,\n    SimpleFormContent,\n    EmptyView,\n    RolesMultiAutocomplete,\n    TeamsMultiAutocomplete,\n    useAuthentication,\n    useRouter\n} from \"@webiny/app-admin\";\nimport { ReactComponent as AddIcon } from \"@webiny/icons/add.svg\";\nimport { ReactComponent as SecurityIcon } from \"@webiny/icons/gpp_maybe.svg\";\nimport { ReactComponent as SecurityTeamsIcon } from \"@webiny/icons/admin_panel_settings.svg\";\nimport { ReactComponent as SettingsIcon } from \"@webiny/icons/settings.svg\";\nimport { Accordion, Alert, OverlayLoader, Button, Input, Grid, Link } from \"@webiny/admin-ui\";\nimport { config as appConfig } from \"@webiny/app/config.js\";\nimport { AvatarImage } from \"../../components/AvatarImage/index.js\";\nimport { useUserForm } from \"~/admin/ui/views/Users/hooks/useUserForm.js\";\nimport { usePasswordValidator } from \"~/admin/presentation/shared/usePasswordValidator.js\";\nimport { Routes } from \"~/admin/routes.js\";\n\nconst t = i18n.ns(\"app-security-admin-users/account-form\");\n\nexport interface UserFormProps {\n    teams: boolean;\n}\n\nexport const UserForm = ({ teams }: UserFormProps) => {\n    const { identity } = useAuthentication();\n    const userForm = useUserForm();\n    const passwordValidator = usePasswordValidator();\n    const { getLink } = useRouter();\n\n    const isExternal = userForm.user?.external === true;\n    const formTitle = userForm.isNewUser ? \"New User\" : userForm.fullName;\n    const isNewUser = userForm.isNewUser;\n\n    const emailIsDisabled = appConfig.getKey(\n        \"ADMIN_USER_CAN_CHANGE_EMAIL\",\n        process.env.REACT_APP_ADMIN_USER_CAN_CHANGE_EMAIL === \"false\"\n    );\n\n    const groupValidators = useMemo(() => {\n        return teams ? [] : [validation.create(\"required\")];\n    }, [teams]);\n\n    const accountLink = getLink(Routes.Users.Account);\n\n    // Render \"No content\" selected view.\n    if (userForm.showEmptyView) {\n        return (\n            <EmptyView\n                icon={<SettingsIcon />}\n                title={t`Click on the left side list to display user details or create a...`}\n                action={\n                    <Button\n                        icon={<AddIcon />}\n                        text={t`New User`}\n                        data-testid=\"new-record-button\"\n                        onClick={userForm.createUser}\n                    />\n                }\n            />\n        );\n    }\n\n    const isSelf = userForm.user.id === identity.id;\n    const isDisabled = isExternal || isSelf;\n\n    return (\n        <Form data={userForm.user} onSubmit={userForm.onSubmit}>\n            {({ data, form, Bind }) => (\n                <SimpleForm size={\"lg\"}>\n                    {userForm.loading && <OverlayLoader />}\n                    <div className={\"mb-xl\"}>\n                        <Bind name=\"avatar\">\n                            <AvatarImage round disabled={isDisabled} />\n                        </Bind>\n                    </div>\n                    <SimpleFormHeader title={formTitle} />\n                    <SimpleFormContent>\n                        {isExternal && (\n                            <Grid className={\"mb-lg\"}>\n                                <Grid.Column span={12}>\n                                    <Alert type={\"info\"} title={\"External User\"}>\n                                        This user is an external user and cannot be edited.\n                                    </Alert>\n                                </Grid.Column>\n                            </Grid>\n                        )}\n                        {isSelf && (\n                            <Grid className={\"mb-lg\"}>\n                                <Grid.Column span={12}>\n                                    <Alert type={\"info\"} title={\"Own Profile\"}>\n                                        You cannot edit your own profile using this form. Please use\n                                        the <Link to={accountLink}>account settings</Link> instead.\n                                    </Alert>\n                                </Grid.Column>\n                            </Grid>\n                        )}\n                        <Accordion variant={\"underline\"}>\n                            <Accordion.Item\n                                title={\"Bio\"}\n                                description={\"Account information\"}\n                                icon={<SettingsIcon />}\n                                defaultOpen={true}\n                            >\n                                <Grid>\n                                    <Grid.Column span={12}>\n                                        <Bind\n                                            name=\"firstName\"\n                                            validators={validation.create(\"required\")}\n                                        >\n                                            <Input\n                                                label={t`First Name`}\n                                                disabled={isDisabled}\n                                                data-testid=\"account.firstname\"\n                                            />\n                                        </Bind>\n                                    </Grid.Column>\n                                    <Grid.Column span={12}>\n                                        <Bind\n                                            name=\"lastName\"\n                                            validators={validation.create(\"required\")}\n                                        >\n                                            <Input\n                                                label={t`Last Name`}\n                                                disabled={isDisabled}\n                                                data-testid=\"account.lastname\"\n                                            />\n                                        </Bind>\n                                    </Grid.Column>\n                                    <Grid.Column span={12}>\n                                        <Bind\n                                            name=\"email\"\n                                            validators={validation.create(\"required,email\")}\n                                        >\n                                            <Input\n                                                value={data.email}\n                                                label={t`Email`}\n                                                disabled={emailIsDisabled || isDisabled}\n                                                data-testid=\"account.email\"\n                                                autoComplete=\"new-password\"\n                                                description={\n                                                    \"Email is your unique identifier used to login!\"\n                                                }\n                                            />\n                                        </Bind>\n                                    </Grid.Column>\n                                    <Grid.Column span={12}>\n                                        <Bind name=\"password\" validators={passwordValidator}>\n                                            <Input\n                                                autoComplete=\"new-password\"\n                                                disabled={isDisabled}\n                                                description={\n                                                    data.id && \"Type a new password to reset it.\"\n                                                }\n                                                type=\"password\"\n                                                label={\"Password\"}\n                                                data-testid=\"account.password\"\n                                            />\n                                        </Bind>\n                                    </Grid.Column>\n                                </Grid>\n                            </Accordion.Item>\n                            <Accordion.Item\n                                title={\"Roles\"}\n                                description={\"Assign to security roles\"}\n                                icon={<SecurityIcon />}\n                            >\n                                <Grid>\n                                    <Grid.Column span={12}>\n                                        <Bind name={\"roles\"} validators={groupValidators}>\n                                            <RolesMultiAutocomplete\n                                                label={\"Roles\"}\n                                                data-testid=\"roles-autocomplete\"\n                                                disabled={isDisabled}\n                                            />\n                                        </Bind>\n                                    </Grid.Column>\n                                </Grid>\n                            </Accordion.Item>\n                            {teams ? (\n                                <Accordion.Item\n                                    title={\"Teams\"}\n                                    description={\"Assign to teams\"}\n                                    icon={<SecurityTeamsIcon />}\n                                >\n                                    <Grid>\n                                        <Grid.Column span={12}>\n                                            <Bind name={\"teams\"}>\n                                                <TeamsMultiAutocomplete\n                                                    label={\"Teams\"}\n                                                    data-testid=\"teams-autocomplete\"\n                                                    disabled={isDisabled}\n                                                />\n                                            </Bind>\n                                        </Grid.Column>\n                                    </Grid>\n                                </Accordion.Item>\n                            ) : null}\n                        </Accordion>\n                    </SimpleFormContent>\n                    <SimpleFormFooter data-testid={\"form-footer\"}>\n                        <Button\n                            variant={\"secondary\"}\n                            text={t`Cancel`}\n                            onClick={userForm.cancelEditing}\n                        />\n                        <Button\n                            variant={\"primary\"}\n                            text={isNewUser ? t`Create user` : t`Update user`}\n                            disabled={isDisabled}\n                            onClick={form.submit}\n                        />\n                    </SimpleFormFooter>\n                </SimpleForm>\n            )}\n        </Form>\n    );\n};\n"],"names":["t","i18n","UserForm","teams","identity","useAuthentication","userForm","useUserForm","passwordValidator","usePasswordValidator","getLink","useRouter","isExternal","formTitle","isNewUser","emailIsDisabled","appConfig","process","groupValidators","useMemo","validation","accountLink","Routes","EmptyView","SettingsIcon","Button","AddIcon","isSelf","isDisabled","Form","data","form","Bind","SimpleForm","OverlayLoader","AvatarImage","SimpleFormHeader","SimpleFormContent","Grid","Alert","Link","Accordion","Input","SecurityIcon","RolesMultiAutocomplete","SecurityTeamsIcon","TeamsMultiAutocomplete","SimpleFormFooter"],"mappings":"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"}

package/admin/ui/views/Users/UsersView.js

@@ -1,14 +1,14 @@
-import React from "react";
-import { LeftPanel, RightPanel, SplitView } from "@webiny/app-admin";
+import react from "react";
+import { LeftPanel, RightPanel, SplitView, useWcp } from "@webiny/app-admin";
 import UsersDataList from "./UsersDataList.js";
-import { useWcp } from "@webiny/app-admin";
 import { UserForm } from "./UsersForm.js";
-export const UsersView = () => {
-  const wcp = useWcp();
-  const teams = wcp.canUseTeams();
-  return /*#__PURE__*/React.createElement(SplitView, null, /*#__PURE__*/React.createElement(LeftPanel, null, /*#__PURE__*/React.createElement(UsersDataList, null)), /*#__PURE__*/React.createElement(RightPanel, null, /*#__PURE__*/React.createElement(UserForm, {
-    teams: teams
-  })));
+const UsersView = ()=>{
+    const wcp = useWcp();
+    const teams = wcp.canUseTeams();
+    return /*#__PURE__*/ react.createElement(SplitView, null, /*#__PURE__*/ react.createElement(LeftPanel, null, /*#__PURE__*/ react.createElement(UsersDataList, null)), /*#__PURE__*/ react.createElement(RightPanel, null, /*#__PURE__*/ react.createElement(UserForm, {
+        teams: teams
+    })));
 };
+export { UsersView };
 
 //# sourceMappingURL=UsersView.js.map

package/admin/ui/views/Users/UsersView.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","LeftPanel","RightPanel","SplitView","UsersDataList","useWcp","UserForm","UsersView","wcp","teams","canUseTeams","createElement"],"sources":["UsersView.tsx"],"sourcesContent":["import React from \"react\";\nimport { LeftPanel, RightPanel, SplitView } from \"@webiny/app-admin\";\nimport UsersDataList from \"~/admin/ui/views/Users/UsersDataList.js\";\nimport { useWcp } from \"@webiny/app-admin\";\nimport { UserForm } from \"./UsersForm.js\";\n\nexport const UsersView = () => {\n    const wcp = useWcp();\n\n    const teams = wcp.canUseTeams();\n\n    return (\n        <SplitView>\n            <LeftPanel>\n                <UsersDataList />\n            </LeftPanel>\n            <RightPanel>\n                <UserForm teams={teams} />\n            </RightPanel>\n        </SplitView>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,SAAS,EAAEC,UAAU,EAAEC,SAAS,QAAQ,mBAAmB;AACpE,OAAOC,aAAa;AACpB,SAASC,MAAM,QAAQ,mBAAmB;AAC1C,SAASC,QAAQ;AAEjB,OAAO,MAAMC,SAAS,GAAGA,CAAA,KAAM;EAC3B,MAAMC,GAAG,GAAGH,MAAM,CAAC,CAAC;EAEpB,MAAMI,KAAK,GAAGD,GAAG,CAACE,WAAW,CAAC,CAAC;EAE/B,oBACIV,KAAA,CAAAW,aAAA,CAACR,SAAS,qBACNH,KAAA,CAAAW,aAAA,CAACV,SAAS,qBACND,KAAA,CAAAW,aAAA,CAACP,aAAa,MAAE,CACT,CAAC,eACZJ,KAAA,CAAAW,aAAA,CAACT,UAAU,qBACPF,KAAA,CAAAW,aAAA,CAACL,QAAQ;IAACG,KAAK,EAAEA;EAAM,CAAE,CACjB,CACL,CAAC;AAEpB,CAAC","ignoreList":[]}
+{"version":3,"file":"admin/ui/views/Users/UsersView.js","sources":["../../../../../src/admin/ui/views/Users/UsersView.tsx"],"sourcesContent":["import React from \"react\";\nimport { LeftPanel, RightPanel, SplitView } from \"@webiny/app-admin\";\nimport UsersDataList from \"~/admin/ui/views/Users/UsersDataList.js\";\nimport { useWcp } from \"@webiny/app-admin\";\nimport { UserForm } from \"./UsersForm.js\";\n\nexport const UsersView = () => {\n    const wcp = useWcp();\n\n    const teams = wcp.canUseTeams();\n\n    return (\n        <SplitView>\n            <LeftPanel>\n                <UsersDataList />\n            </LeftPanel>\n            <RightPanel>\n                <UserForm teams={teams} />\n            </RightPanel>\n        </SplitView>\n    );\n};\n"],"names":["UsersView","wcp","useWcp","teams","SplitView","LeftPanel","UsersDataList","RightPanel","UserForm"],"mappings":";;;;AAMO,MAAMA,YAAY;IACrB,MAAMC,MAAMC;IAEZ,MAAMC,QAAQF,IAAI,WAAW;IAE7B,OAAO,WAAP,GACI,oBAACG,WAASA,MAAAA,WAAAA,GACN,oBAACC,WAASA,MAAAA,WAAAA,GACN,oBAACC,eAAaA,QAAAA,WAAAA,GAElB,oBAACC,YAAUA,MAAAA,WAAAA,GACP,oBAACC,UAAQA;QAAC,OAAOL;;AAIjC"}

package/admin/ui/views/Users/components/DeleteAction.js

@@ -1,36 +1,29 @@
-import React from "react";
+import react from "react";
 import { i18n } from "@webiny/app/i18n/index.js";
 import { useSecurity } from "@webiny/app-admin";
-import { Tooltip } from "@webiny/ui/Tooltip/index.js";
-import { DeleteIcon } from "@webiny/ui/List/DataList/icons/index.js";
+import { DeleteIcon, Tooltip } from "@webiny/admin-ui";
 const t = i18n.ns("app-identity/admin/users/data-list");
-export const DeleteAction = ({
-  item,
-  onClick
-}) => {
-  const {
-    identity
-  } = useSecurity();
-  if (identity.id === item.id) {
-    return /*#__PURE__*/React.createElement(Tooltip, {
-      placement: "bottom",
-      content: /*#__PURE__*/React.createElement("span", null, t`You can't delete your own user account.`)
-    }, /*#__PURE__*/React.createElement(DeleteIcon, {
-      disabled: true
-    }));
-  }
-  if (item.external) {
-    return /*#__PURE__*/React.createElement(Tooltip, {
-      placement: "bottom",
-      content: /*#__PURE__*/React.createElement("span", null, t`You can't delete external users.`)
-    }, /*#__PURE__*/React.createElement(DeleteIcon, {
-      disabled: true
-    }));
-  }
-  return /*#__PURE__*/React.createElement(DeleteIcon, {
-    onClick: onClick,
-    "data-testid": "default-data-list.delete"
-  });
+const DeleteAction = ({ item, onClick })=>{
+    const { identity } = useSecurity();
+    if (identity.id === item.id) return /*#__PURE__*/ react.createElement(Tooltip, {
+        side: "bottom",
+        content: /*#__PURE__*/ react.createElement("span", null, t`You can't delete your own user account.`),
+        trigger: /*#__PURE__*/ react.createElement(DeleteIcon, {
+            disabled: true
+        })
+    });
+    if (item.external) return /*#__PURE__*/ react.createElement(Tooltip, {
+        side: "bottom",
+        content: /*#__PURE__*/ react.createElement("span", null, t`You can't delete external users.`),
+        trigger: /*#__PURE__*/ react.createElement(DeleteIcon, {
+            disabled: true
+        })
+    });
+    return /*#__PURE__*/ react.createElement(DeleteIcon, {
+        onClick: onClick,
+        "data-testid": "default-data-list.delete"
+    });
 };
+export { DeleteAction };
 
 //# sourceMappingURL=DeleteAction.js.map

package/admin/ui/views/Users/components/DeleteAction.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","i18n","useSecurity","Tooltip","DeleteIcon","t","ns","DeleteAction","item","onClick","identity","id","createElement","placement","content","disabled","external"],"sources":["DeleteAction.tsx"],"sourcesContent":["import React from \"react\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport { useSecurity } from \"@webiny/app-admin\";\nimport { Tooltip } from \"@webiny/ui/Tooltip/index.js\";\nimport { DeleteIcon } from \"@webiny/ui/List/DataList/icons/index.js\";\nimport type { UserItem } from \"~/admin/ui/UserItem.js\";\n\nconst t = i18n.ns(\"app-identity/admin/users/data-list\");\n\nexport interface DeleteActionProps {\n    item: UserItem;\n    onClick: () => void;\n}\n\nexport const DeleteAction = ({ item, onClick }: DeleteActionProps) => {\n    const { identity } = useSecurity();\n\n    if (identity.id === item.id) {\n        return (\n            <Tooltip\n                placement={\"bottom\"}\n                content={<span>{t`You can't delete your own user account.`}</span>}\n            >\n                <DeleteIcon disabled />\n            </Tooltip>\n        );\n    }\n\n    if (item.external) {\n        return (\n            <Tooltip\n                placement={\"bottom\"}\n                content={<span>{t`You can't delete external users.`}</span>}\n            >\n                <DeleteIcon disabled />\n            </Tooltip>\n        );\n    }\n\n    return <DeleteIcon onClick={onClick} data-testid={\"default-data-list.delete\"} />;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,2BAA2B;AAChD,SAASC,WAAW,QAAQ,mBAAmB;AAC/C,SAASC,OAAO,QAAQ,6BAA6B;AACrD,SAASC,UAAU,QAAQ,yCAAyC;AAGpE,MAAMC,CAAC,GAAGJ,IAAI,CAACK,EAAE,CAAC,oCAAoC,CAAC;AAOvD,OAAO,MAAMC,YAAY,GAAGA,CAAC;EAAEC,IAAI;EAAEC;AAA2B,CAAC,KAAK;EAClE,MAAM;IAAEC;EAAS,CAAC,GAAGR,WAAW,CAAC,CAAC;EAElC,IAAIQ,QAAQ,CAACC,EAAE,KAAKH,IAAI,CAACG,EAAE,EAAE;IACzB,oBACIX,KAAA,CAAAY,aAAA,CAACT,OAAO;MACJU,SAAS,EAAE,QAAS;MACpBC,OAAO,eAAEd,KAAA,CAAAY,aAAA,eAAOP,CAAC,yCAAgD;IAAE,gBAEnEL,KAAA,CAAAY,aAAA,CAACR,UAAU;MAACW,QAAQ;IAAA,CAAE,CACjB,CAAC;EAElB;EAEA,IAAIP,IAAI,CAACQ,QAAQ,EAAE;IACf,oBACIhB,KAAA,CAAAY,aAAA,CAACT,OAAO;MACJU,SAAS,EAAE,QAAS;MACpBC,OAAO,eAAEd,KAAA,CAAAY,aAAA,eAAOP,CAAC,kCAAyC;IAAE,gBAE5DL,KAAA,CAAAY,aAAA,CAACR,UAAU;MAACW,QAAQ;IAAA,CAAE,CACjB,CAAC;EAElB;EAEA,oBAAOf,KAAA,CAAAY,aAAA,CAACR,UAAU;IAACK,OAAO,EAAEA,OAAQ;IAAC,eAAa;EAA2B,CAAE,CAAC;AACpF,CAAC","ignoreList":[]}
+{"version":3,"file":"admin/ui/views/Users/components/DeleteAction.js","sources":["../../../../../../src/admin/ui/views/Users/components/DeleteAction.tsx"],"sourcesContent":["import React from \"react\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport { useSecurity } from \"@webiny/app-admin\";\nimport { Tooltip, DeleteIcon } from \"@webiny/admin-ui\";\nimport type { UserItem } from \"~/admin/ui/UserItem.js\";\n\nconst t = i18n.ns(\"app-identity/admin/users/data-list\");\n\nexport interface DeleteActionProps {\n    item: UserItem;\n    onClick: () => void;\n}\n\nexport const DeleteAction = ({ item, onClick }: DeleteActionProps) => {\n    const { identity } = useSecurity();\n\n    if (identity.id === item.id) {\n        return (\n            <Tooltip\n                side={\"bottom\"}\n                content={<span>{t`You can't delete your own user account.`}</span>}\n                trigger={<DeleteIcon disabled />}\n            />\n        );\n    }\n\n    if (item.external) {\n        return (\n            <Tooltip\n                side={\"bottom\"}\n                content={<span>{t`You can't delete external users.`}</span>}\n                trigger={<DeleteIcon disabled />}\n            />\n        );\n    }\n\n    return <DeleteIcon onClick={onClick} data-testid={\"default-data-list.delete\"} />;\n};\n"],"names":["t","i18n","DeleteAction","item","onClick","identity","useSecurity","Tooltip","DeleteIcon"],"mappings":";;;;AAMA,MAAMA,IAAIC,KAAK,EAAE,CAAC;AAOX,MAAMC,eAAe,CAAC,EAAEC,IAAI,EAAEC,OAAO,EAAqB;IAC7D,MAAM,EAAEC,QAAQ,EAAE,GAAGC;IAErB,IAAID,SAAS,EAAE,KAAKF,KAAK,EAAE,EACvB,OAAO,WAAP,GACI,oBAACI,SAAOA;QACJ,MAAM;QACN,uBAAS,oBAAC,cAAMP,CAAC,CAAC,uCAAuC,CAAC;QAC1D,uBAAS,oBAACQ,YAAUA;YAAC;;;IAKjC,IAAIL,KAAK,QAAQ,EACb,OAAO,WAAP,GACI,oBAACI,SAAOA;QACJ,MAAM;QACN,uBAAS,oBAAC,cAAMP,CAAC,CAAC,gCAAgC,CAAC;QACnD,uBAAS,oBAACQ,YAAUA;YAAC;;;IAKjC,OAAO,WAAP,GAAO,oBAACA,YAAUA;QAAC,SAASJ;QAAS,eAAa;;AACtD"}

package/admin/ui/views/Users/graphql.js

@@ -1,5 +1,5 @@
-import gql from "graphql-tag";
-const listUserFields = /* GraphQL */`
+import graphql_tag from "graphql-tag";
+const listUserFields = `
     {
         id
         email
@@ -10,8 +10,7 @@ const listUserFields = /* GraphQL */`
         external
     }
 `;
-const userFormFields = () => {
-  return /* GraphQL */`
+const userFormFields = ()=>`
         {
             id
             email
@@ -31,8 +30,7 @@ const userFormFields = () => {
             }
         }
     `;
-};
-export const LIST_USERS = gql`
+const LIST_USERS = graphql_tag`
     query ListUsers {
         adminUsers {
             users: listUsers {
@@ -41,7 +39,7 @@ export const LIST_USERS = gql`
         }
     }
 `;
-export const READ_USER = () => gql`
+const READ_USER = ()=>graphql_tag`
     query GetUser($id: ID!) {
         adminUsers {
             user: getUser(where: { id: $id }){
@@ -54,7 +52,7 @@ export const READ_USER = () => gql`
         }
     }
 `;
-export const CREATE_USER = gql`
+const CREATE_USER = graphql_tag`
     mutation CreateUser($data: AdminUsersCreateInput!){
         adminUsers {
             user: createUser(data: $data) {
@@ -68,7 +66,7 @@ export const CREATE_USER = gql`
         }
     }
 `;
-export const UPDATE_USER = () => gql`
+const UPDATE_USER = ()=>graphql_tag`
     mutation UpdateUser($id: ID!, $data: AdminUsersUpdateInput!){
         adminUsers {
             user: updateUser(id: $id, data: $data) {
@@ -82,7 +80,7 @@ export const UPDATE_USER = () => gql`
         }
     }
 `;
-export const DELETE_USER = gql`
+const DELETE_USER = graphql_tag`
     mutation DeleteUser($id: ID!) {
         adminUsers {
             deleteUser(id: $id) {
@@ -95,5 +93,6 @@ export const DELETE_USER = gql`
         }
     }
 `;
+export { CREATE_USER, DELETE_USER, LIST_USERS, READ_USER, UPDATE_USER };
 
 //# sourceMappingURL=graphql.js.map