@webiny/cognito 6.3.0 → 6.4.0-beta.0

package/admin/ui/views/Account/Account.js

@@ -1,142 +1,129 @@
-import React, { useState } from "react";
+import react, { useState } from "react";
 import omit from "lodash/omit.js";
-import { useQuery, useMutation } from "@apollo/react-hooks";
+import { useMutation, useQuery } from "@apollo/react-hooks";
 import { i18n } from "@webiny/app/i18n/index.js";
 import { Form } from "@webiny/form";
 import { validation } from "@webiny/validation";
 import { AvatarImage } from "../../components/AvatarImage/index.js";
 import { GET_CURRENT_USER, UPDATE_CURRENT_USER } from "./graphql.js";
-import { config as appConfig } from "@webiny/app/config.js";
-import { SimpleForm, SimpleFormHeader, SimpleFormFooter, SimpleFormContent, useIdentity } from "@webiny/app-admin";
-import { CenteredView } from "@webiny/app-admin";
+import { config } from "@webiny/app/config.js";
+import { CenteredView, SimpleForm, SimpleFormContent, SimpleFormFooter, SimpleFormHeader, useIdentity } from "@webiny/app-admin";
 import { usePasswordValidator } from "../../../presentation/shared/usePasswordValidator.js";
 import { Alert, Button, Grid, Input, OverlayLoader, useToast } from "@webiny/admin-ui";
 const t = i18n.ns("app-security-admin-users/account-form");
-export const UserAccountForm = () => {
-  const [isSaving, setSaving] = useState(false);
-  const toast = useToast();
-  const {
-    identity
-  } = useIdentity();
-  const passwordValidator = usePasswordValidator();
-  const currentUser = useQuery(GET_CURRENT_USER);
-  const [updateUser] = useMutation(UPDATE_CURRENT_USER);
-  const user = currentUser.loading ? {} : currentUser.data.adminUsers.user.data;
-  const isFormLoading = isSaving || currentUser.loading;
-  const loaderMessage = isSaving ? "Saving account..." : "Loading account...";
-  const emailIsDisabled = appConfig.getKey("ADMIN_USER_CAN_CHANGE_EMAIL", process.env.REACT_APP_ADMIN_USER_CAN_CHANGE_EMAIL === "false");
-  const isExternal = user?.external === true;
-  const onSubmit = async formData => {
-    setSaving(true);
-    const {
-      data: response
-    } = await updateUser({
-      variables: {
-        data: omit(formData, ["id", "external"])
-      }
-    });
-    const {
-      error
-    } = response.adminUsers.updateCurrentUser;
-    setSaving(false);
-    if (error) {
-      toast.showWarningToast({
-        title: "Error updating user account",
-        description: error.message,
-        duration: Infinity
-      });
-      return;
-    }
-
-    // TODO: set new roles/teams into the identity context
-
-    identity.update({
-      displayName: `${formData.firstName} ${formData.lastName}`,
-      profile: {
-        ...(identity.profile || {}),
-        firstName: formData.firstName,
-        lastName: formData.lastName,
-        avatar: formData.avatar
-      }
-    });
-    toast.showSuccessToast({
-      title: "Account updated successfully!"
-    });
-  };
-  return /*#__PURE__*/React.createElement(CenteredView, {
-    maxWidth: 600
-  }, /*#__PURE__*/React.createElement(Form, {
-    data: user,
-    onSubmit: onSubmit
-  }, ({
-    data,
-    form,
-    Bind
-  }) => /*#__PURE__*/React.createElement(SimpleForm, null, isFormLoading && /*#__PURE__*/React.createElement(OverlayLoader, {
-    text: loaderMessage
-  }), /*#__PURE__*/React.createElement(SimpleFormHeader, {
-    title: "Account"
-  }), /*#__PURE__*/React.createElement(SimpleFormContent, null, isExternal && /*#__PURE__*/React.createElement(Grid, null, /*#__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."))), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Grid.Column, {
-    span: 12,
-    "data-testid": "avatar"
-  }, /*#__PURE__*/React.createElement(Bind, {
-    name: "avatar"
-  }, /*#__PURE__*/React.createElement(AvatarImage, {
-    round: true,
-    disabled: isExternal
-  }))), /*#__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: isExternal,
-    "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: isExternal,
-    "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 || isExternal,
-    "data-testid": "account.email",
-    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: "off",
-    disabled: data.external,
-    description: data.id && "Type a new password to reset it.",
-    type: "password",
-    label: "Password",
-    "data-testid": "account.password"
-  }))))), /*#__PURE__*/React.createElement(SimpleFormFooter, {
-    "data-testid": "form-footer"
-  }, /*#__PURE__*/React.createElement(Button, {
-    disabled: isExternal,
-    "data-testid": "account.updatebutton",
-    onClick: form.submit
-  }, t`Update account`)))));
+const UserAccountForm = ()=>{
+    const [isSaving, setSaving] = useState(false);
+    const toast = useToast();
+    const { identity } = useIdentity();
+    const passwordValidator = usePasswordValidator();
+    const currentUser = useQuery(GET_CURRENT_USER);
+    const [updateUser] = useMutation(UPDATE_CURRENT_USER);
+    const user = currentUser.loading ? {} : currentUser.data.adminUsers.user.data;
+    const isFormLoading = isSaving || currentUser.loading;
+    const loaderMessage = isSaving ? "Saving account..." : "Loading account...";
+    const emailIsDisabled = config.getKey("ADMIN_USER_CAN_CHANGE_EMAIL", "false" === process.env.REACT_APP_ADMIN_USER_CAN_CHANGE_EMAIL);
+    const isExternal = user?.external === true;
+    const onSubmit = async (formData)=>{
+        setSaving(true);
+        const { data: response } = await updateUser({
+            variables: {
+                data: omit(formData, [
+                    "id",
+                    "external"
+                ])
+            }
+        });
+        const { error } = response.adminUsers.updateCurrentUser;
+        setSaving(false);
+        if (error) return void toast.showWarningToast({
+            title: "Error updating user account",
+            description: error.message,
+            duration: 1 / 0
+        });
+        identity.update({
+            displayName: `${formData.firstName} ${formData.lastName}`,
+            profile: {
+                ...identity.profile || {},
+                firstName: formData.firstName,
+                lastName: formData.lastName,
+                avatar: formData.avatar
+            }
+        });
+        toast.showSuccessToast({
+            title: "Account updated successfully!"
+        });
+    };
+    return /*#__PURE__*/ react.createElement(CenteredView, {
+        maxWidth: 600
+    }, /*#__PURE__*/ react.createElement(Form, {
+        data: user,
+        onSubmit: onSubmit
+    }, ({ data, form, Bind })=>/*#__PURE__*/ react.createElement(SimpleForm, null, isFormLoading && /*#__PURE__*/ react.createElement(OverlayLoader, {
+            text: loaderMessage
+        }), /*#__PURE__*/ react.createElement(SimpleFormHeader, {
+            title: "Account"
+        }), /*#__PURE__*/ react.createElement(SimpleFormContent, null, isExternal && /*#__PURE__*/ react.createElement(Grid, null, /*#__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."))), /*#__PURE__*/ react.createElement(Grid, null, /*#__PURE__*/ react.createElement(Grid.Column, {
+            span: 12,
+            "data-testid": "avatar"
+        }, /*#__PURE__*/ react.createElement(Bind, {
+            name: "avatar"
+        }, /*#__PURE__*/ react.createElement(AvatarImage, {
+            round: true,
+            disabled: isExternal
+        }))), /*#__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: isExternal,
+            "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: isExternal,
+            "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 || isExternal,
+            "data-testid": "account.email",
+            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: "off",
+            disabled: data.external,
+            description: data.id && "Type a new password to reset it.",
+            type: "password",
+            label: "Password",
+            "data-testid": "account.password"
+        }))))), /*#__PURE__*/ react.createElement(SimpleFormFooter, {
+            "data-testid": "form-footer"
+        }, /*#__PURE__*/ react.createElement(Button, {
+            disabled: isExternal,
+            "data-testid": "account.updatebutton",
+            onClick: form.submit
+        }, t`Update account`)))));
 };
+export { UserAccountForm };
 
 //# sourceMappingURL=Account.js.map

package/admin/ui/views/Account/Account.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useState","omit","useQuery","useMutation","i18n","Form","validation","AvatarImage","GET_CURRENT_USER","UPDATE_CURRENT_USER","config","appConfig","SimpleForm","SimpleFormHeader","SimpleFormFooter","SimpleFormContent","useIdentity","CenteredView","usePasswordValidator","Alert","Button","Grid","Input","OverlayLoader","useToast","t","ns","UserAccountForm","isSaving","setSaving","toast","identity","passwordValidator","currentUser","updateUser","user","loading","data","adminUsers","isFormLoading","loaderMessage","emailIsDisabled","getKey","process","env","REACT_APP_ADMIN_USER_CAN_CHANGE_EMAIL","isExternal","external","onSubmit","formData","response","variables","error","updateCurrentUser","showWarningToast","title","description","message","duration","Infinity","update","displayName","firstName","lastName","profile","avatar","showSuccessToast","createElement","maxWidth","form","Bind","text","Column","span","type","name","round","disabled","validators","create","label","value","email","autoComplete","id","onClick","submit"],"sources":["Account.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport omit from \"lodash/omit.js\";\nimport { useQuery, useMutation } from \"@apollo/react-hooks\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport { Form } from \"@webiny/form\";\nimport { validation } from \"@webiny/validation\";\nimport { AvatarImage } from \"../../components/AvatarImage/index.js\";\nimport { GET_CURRENT_USER, UPDATE_CURRENT_USER } from \"./graphql.js\";\nimport { config as appConfig } from \"@webiny/app/config.js\";\n\nimport {\n    SimpleForm,\n    SimpleFormHeader,\n    SimpleFormFooter,\n    SimpleFormContent,\n    useIdentity\n} from \"@webiny/app-admin\";\nimport { CenteredView } from \"@webiny/app-admin\";\nimport { usePasswordValidator } from \"~/admin/presentation/shared/usePasswordValidator.js\";\nimport { Alert, Button, Grid, Input, OverlayLoader, useToast } from \"@webiny/admin-ui\";\n\nconst t = i18n.ns(\"app-security-admin-users/account-form\");\n\ninterface UserAccountFormData {\n    id?: boolean;\n    firstName: string;\n    lastName: string;\n    email: string;\n    password?: string;\n    external?: boolean;\n    avatar: {\n        src?: string;\n    };\n}\n\nexport const UserAccountForm = () => {\n    const [isSaving, setSaving] = useState(false);\n    const toast = useToast();\n    const { identity } = useIdentity();\n    const passwordValidator = usePasswordValidator();\n    const currentUser = useQuery(GET_CURRENT_USER);\n    const [updateUser] = useMutation(UPDATE_CURRENT_USER);\n\n    const user = currentUser.loading ? {} : currentUser.data.adminUsers.user.data;\n\n    const isFormLoading = isSaving || currentUser.loading;\n    const loaderMessage = isSaving ? \"Saving account...\" : \"Loading account...\";\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 isExternal = user?.external === true;\n\n    const onSubmit = async (formData: UserAccountFormData) => {\n        setSaving(true);\n        const { data: response } = await updateUser({\n            variables: { data: omit(formData, [\"id\", \"external\"]) }\n        });\n\n        const { error } = response.adminUsers.updateCurrentUser;\n        setSaving(false);\n\n        if (error) {\n            toast.showWarningToast({\n                title: \"Error updating user account\",\n                description: error.message,\n                duration: Infinity\n            });\n            return;\n        }\n\n        // TODO: set new roles/teams into the identity context\n\n        identity.update({\n            displayName: `${formData.firstName} ${formData.lastName}`,\n            profile: {\n                ...(identity.profile || {}),\n                firstName: formData.firstName,\n                lastName: formData.lastName,\n                avatar: formData.avatar\n            }\n        });\n\n        toast.showSuccessToast({ title: \"Account updated successfully!\" });\n    };\n\n    return (\n        <CenteredView maxWidth={600}>\n            <Form<UserAccountFormData> data={user} onSubmit={onSubmit}>\n                {({ data, form, Bind }) => (\n                    <SimpleForm>\n                        {isFormLoading && <OverlayLoader text={loaderMessage} />}\n                        <SimpleFormHeader title={\"Account\"} />\n                        <SimpleFormContent>\n                            {isExternal && (\n                                <Grid>\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                            <Grid>\n                                <Grid.Column span={12} data-testid={\"avatar\"}>\n                                    <Bind name=\"avatar\">\n                                        <AvatarImage round disabled={isExternal} />\n                                    </Bind>\n                                </Grid.Column>\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={isExternal}\n                                            data-testid=\"account.firstname\"\n                                        />\n                                    </Bind>\n                                </Grid.Column>\n                                <Grid.Column span={12}>\n                                    {\" \"}\n                                    <Bind\n                                        name=\"lastName\"\n                                        validators={validation.create(\"required\")}\n                                    >\n                                        <Input\n                                            label={t`Last Name`}\n                                            disabled={isExternal}\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 || isExternal}\n                                            data-testid=\"account.email\"\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=\"off\"\n                                            disabled={data.external}\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                        </SimpleFormContent>\n                        <SimpleFormFooter data-testid={\"form-footer\"}>\n                            <Button\n                                disabled={isExternal}\n                                data-testid=\"account.updatebutton\"\n                                onClick={form.submit}\n                            >{t`Update account`}</Button>\n                        </SimpleFormFooter>\n                    </SimpleForm>\n                )}\n            </Form>\n        </CenteredView>\n    );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"admin/ui/views/Account/Account.js","sources":["../../../../../src/admin/ui/views/Account/Account.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport omit from \"lodash/omit.js\";\nimport { useQuery, useMutation } from \"@apollo/react-hooks\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport { Form } from \"@webiny/form\";\nimport { validation } from \"@webiny/validation\";\nimport { AvatarImage } from \"../../components/AvatarImage/index.js\";\nimport { GET_CURRENT_USER, UPDATE_CURRENT_USER } from \"./graphql.js\";\nimport { config as appConfig } from \"@webiny/app/config.js\";\n\nimport {\n    SimpleForm,\n    SimpleFormHeader,\n    SimpleFormFooter,\n    SimpleFormContent,\n    useIdentity\n} from \"@webiny/app-admin\";\nimport { CenteredView } from \"@webiny/app-admin\";\nimport { usePasswordValidator } from \"~/admin/presentation/shared/usePasswordValidator.js\";\nimport { Alert, Button, Grid, Input, OverlayLoader, useToast } from \"@webiny/admin-ui\";\n\nconst t = i18n.ns(\"app-security-admin-users/account-form\");\n\ninterface UserAccountFormData {\n    id?: boolean;\n    firstName: string;\n    lastName: string;\n    email: string;\n    password?: string;\n    external?: boolean;\n    avatar: {\n        src?: string;\n    };\n}\n\nexport const UserAccountForm = () => {\n    const [isSaving, setSaving] = useState(false);\n    const toast = useToast();\n    const { identity } = useIdentity();\n    const passwordValidator = usePasswordValidator();\n    const currentUser = useQuery(GET_CURRENT_USER);\n    const [updateUser] = useMutation(UPDATE_CURRENT_USER);\n\n    const user = currentUser.loading ? {} : currentUser.data.adminUsers.user.data;\n\n    const isFormLoading = isSaving || currentUser.loading;\n    const loaderMessage = isSaving ? \"Saving account...\" : \"Loading account...\";\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 isExternal = user?.external === true;\n\n    const onSubmit = async (formData: UserAccountFormData) => {\n        setSaving(true);\n        const { data: response } = await updateUser({\n            variables: { data: omit(formData, [\"id\", \"external\"]) }\n        });\n\n        const { error } = response.adminUsers.updateCurrentUser;\n        setSaving(false);\n\n        if (error) {\n            toast.showWarningToast({\n                title: \"Error updating user account\",\n                description: error.message,\n                duration: Infinity\n            });\n            return;\n        }\n\n        // TODO: set new roles/teams into the identity context\n\n        identity.update({\n            displayName: `${formData.firstName} ${formData.lastName}`,\n            profile: {\n                ...(identity.profile || {}),\n                firstName: formData.firstName,\n                lastName: formData.lastName,\n                avatar: formData.avatar\n            }\n        });\n\n        toast.showSuccessToast({ title: \"Account updated successfully!\" });\n    };\n\n    return (\n        <CenteredView maxWidth={600}>\n            <Form<UserAccountFormData> data={user} onSubmit={onSubmit}>\n                {({ data, form, Bind }) => (\n                    <SimpleForm>\n                        {isFormLoading && <OverlayLoader text={loaderMessage} />}\n                        <SimpleFormHeader title={\"Account\"} />\n                        <SimpleFormContent>\n                            {isExternal && (\n                                <Grid>\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                            <Grid>\n                                <Grid.Column span={12} data-testid={\"avatar\"}>\n                                    <Bind name=\"avatar\">\n                                        <AvatarImage round disabled={isExternal} />\n                                    </Bind>\n                                </Grid.Column>\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={isExternal}\n                                            data-testid=\"account.firstname\"\n                                        />\n                                    </Bind>\n                                </Grid.Column>\n                                <Grid.Column span={12}>\n                                    {\" \"}\n                                    <Bind\n                                        name=\"lastName\"\n                                        validators={validation.create(\"required\")}\n                                    >\n                                        <Input\n                                            label={t`Last Name`}\n                                            disabled={isExternal}\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 || isExternal}\n                                            data-testid=\"account.email\"\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=\"off\"\n                                            disabled={data.external}\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                        </SimpleFormContent>\n                        <SimpleFormFooter data-testid={\"form-footer\"}>\n                            <Button\n                                disabled={isExternal}\n                                data-testid=\"account.updatebutton\"\n                                onClick={form.submit}\n                            >{t`Update account`}</Button>\n                        </SimpleFormFooter>\n                    </SimpleForm>\n                )}\n            </Form>\n        </CenteredView>\n    );\n};\n"],"names":["t","i18n","UserAccountForm","isSaving","setSaving","useState","toast","useToast","identity","useIdentity","passwordValidator","usePasswordValidator","currentUser","useQuery","GET_CURRENT_USER","updateUser","useMutation","UPDATE_CURRENT_USER","user","isFormLoading","loaderMessage","emailIsDisabled","appConfig","process","isExternal","onSubmit","formData","response","omit","error","Infinity","CenteredView","Form","data","form","Bind","SimpleForm","OverlayLoader","SimpleFormHeader","SimpleFormContent","Grid","Alert","AvatarImage","validation","Input","SimpleFormFooter","Button"],"mappings":"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"}

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

@@ -1,5 +1,5 @@
-import gql from "graphql-tag";
-const currentUserFields = /* GraphQL */`
+import graphql_tag from "graphql-tag";
+const currentUserFields = `
     {
         id
         email
@@ -9,7 +9,7 @@ const currentUserFields = /* GraphQL */`
         external
     }
 `;
-export const GET_CURRENT_USER = gql`
+const GET_CURRENT_USER = graphql_tag`
     query GetCurrentUser {
         adminUsers {
             user: getCurrentUser {
@@ -22,7 +22,7 @@ export const GET_CURRENT_USER = gql`
         }
     }
 `;
-export const UPDATE_CURRENT_USER = gql`
+const UPDATE_CURRENT_USER = graphql_tag`
     mutation UpdateCurrentUser($data: AdminUsersCurrentUserInput!) {
         adminUsers {
             updateCurrentUser(data: $data) {
@@ -36,5 +36,6 @@ export const UPDATE_CURRENT_USER = gql`
         }
     }
 `;
+export { GET_CURRENT_USER, UPDATE_CURRENT_USER };
 
 //# sourceMappingURL=graphql.js.map

package/admin/ui/views/Account/graphql.js.map

@@ -1 +1 @@
-{"version":3,"names":["gql","currentUserFields","GET_CURRENT_USER","UPDATE_CURRENT_USER"],"sources":["graphql.ts"],"sourcesContent":["import gql from \"graphql-tag\";\n\nconst currentUserFields = /* GraphQL */ `\n    {\n        id\n        email\n        firstName\n        lastName\n        avatar\n        external\n    }\n`;\n\nexport const GET_CURRENT_USER = gql`\n    query GetCurrentUser {\n        adminUsers {\n            user: getCurrentUser {\n                data ${currentUserFields}\n                error {\n                    code\n                    message\n                }\n            }\n        }\n    }\n`;\n\nexport const UPDATE_CURRENT_USER = gql`\n    mutation UpdateCurrentUser($data: AdminUsersCurrentUserInput!) {\n        adminUsers {\n            updateCurrentUser(data: $data) {\n                data ${currentUserFields}\n                error {\n                    code\n                    message\n                    data\n                }\n            }\n        }\n    }\n`;\n"],"mappings":"AAAA,OAAOA,GAAG,MAAM,aAAa;AAE7B,MAAMC,iBAAiB,GAAG,aAAc;AACxC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAED,OAAO,MAAMC,gBAAgB,GAAGF,GAAG;AACnC;AACA;AACA;AACA,uBAAuBC,iBAAiB;AACxC;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAED,OAAO,MAAME,mBAAmB,GAAGH,GAAG;AACtC;AACA;AACA;AACA,uBAAuBC,iBAAiB;AACxC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC","ignoreList":[]}
+{"version":3,"file":"admin/ui/views/Account/graphql.js","sources":["../../../../../src/admin/ui/views/Account/graphql.ts"],"sourcesContent":["import gql from \"graphql-tag\";\n\nconst currentUserFields = /* GraphQL */ `\n    {\n        id\n        email\n        firstName\n        lastName\n        avatar\n        external\n    }\n`;\n\nexport const GET_CURRENT_USER = gql`\n    query GetCurrentUser {\n        adminUsers {\n            user: getCurrentUser {\n                data ${currentUserFields}\n                error {\n                    code\n                    message\n                }\n            }\n        }\n    }\n`;\n\nexport const UPDATE_CURRENT_USER = gql`\n    mutation UpdateCurrentUser($data: AdminUsersCurrentUserInput!) {\n        adminUsers {\n            updateCurrentUser(data: $data) {\n                data ${currentUserFields}\n                error {\n                    code\n                    message\n                    data\n                }\n            }\n        }\n    }\n`;\n"],"names":["currentUserFields","GET_CURRENT_USER","gql","UPDATE_CURRENT_USER"],"mappings":";AAEA,MAAMA,oBAAkC,CAAC;;;;;;;;;AASzC,CAAC;AAEM,MAAMC,mBAAmBC,WAAG,CAAC;;;;qBAIf,EAAEF,kBAAkB;;;;;;;;AAQzC,CAAC;AAEM,MAAMG,sBAAsBD,WAAG,CAAC;;;;qBAIlB,EAAEF,kBAAkB;;;;;;;;;AASzC,CAAC"}

package/admin/ui/views/Account/index.js

@@ -1,3 +1 @@
 export { UserAccountForm } from "./Account.js";
-
-//# sourceMappingURL=index.js.map