@webiny/app-admin 0.0.0-unstable.7be00a75a9 → 0.0.0-unstable.7c2def32a7

package/presentation/adminUsers/views/Users/UsersForm.js

@@ -0,0 +1,175 @@
+import react, { useMemo } from "react";
+import { i18n } from "@webiny/app/i18n/index.js";
+import { Form } from "@webiny/form";
+import { validation as validation_validation } from "@webiny/validation";
+import { SimpleForm, SimpleFormContent, SimpleFormFooter, SimpleFormHeader } from "../../../../components/SimpleForm/index.js";
+import { EmptyView } from "../../../../components/EmptyView.js";
+import { RolesMultiAutocomplete } from "../../../../components/RolesMultiAutocomplete/index.js";
+import { TeamsMultiAutocomplete } from "../../../../components/TeamsMultiAutocomplete/index.js";
+import { useAuthentication } from "../../../security/hooks/useAuthentication.js";
+import { useFeature, useRouter } from "@webiny/app";
+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 { AvatarImage } from "../../components/AvatarImage/index.js";
+import { useUserForm } from "./hooks/useUserForm.js";
+import { PasswordPolicyFeature } from "../../../../features/adminUsers/passwordPolicy/index.js";
+import { Routes } from "../../routes.js";
+const t = i18n.ns("app-security-admin-users/account-form");
+const UserForm = ({ teams })=>{
+    const { identity } = useAuthentication();
+    const userForm = useUserForm();
+    const { passwordPolicy } = useFeature(PasswordPolicyFeature);
+    const { getLink } = useRouter();
+    const isExternal = userForm.user?.external === true;
+    const formTitle = userForm.isNewUser ? "New User" : userForm.fullName;
+    const isNewUser = userForm.isNewUser;
+    const emailIsDisabled = !isNewUser;
+    let emailDescription = "Email is your unique identifier used to login. It can't be changed!";
+    if (isNewUser) emailDescription = "Email is your unique identifier used to login. It can't be changed later!";
+    const groupValidators = useMemo(()=>teams ? [] : [
+            validation_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(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_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_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_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: emailDescription
+        }))), /*#__PURE__*/ react.createElement(Grid.Column, {
+            span: 12
+        }, /*#__PURE__*/ react.createElement(Bind, {
+            name: "password",
+            validators: (value)=>passwordPolicy.validate(value)
+        }, /*#__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
+        }, ({ value, onChange, validation })=>/*#__PURE__*/ react.createElement(RolesMultiAutocomplete, {
+                values: value,
+                onChange: onChange,
+                validation: validation,
+                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"
+        }, ({ value, onChange, validation })=>/*#__PURE__*/ react.createElement(TeamsMultiAutocomplete, {
+                values: value,
+                onChange: onChange,
+                validation: validation,
+                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/presentation/adminUsers/views/Users/UsersForm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/adminUsers/views/Users/UsersForm.js","sources":["../../../../../src/presentation/adminUsers/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} from \"~/components/SimpleForm/index.js\";\nimport { EmptyView } from \"~/components/EmptyView.js\";\nimport { RolesMultiAutocomplete } from \"~/components/RolesMultiAutocomplete/index.js\";\nimport { TeamsMultiAutocomplete } from \"~/components/TeamsMultiAutocomplete/index.js\";\nimport { useAuthentication } from \"~/presentation/security/hooks/useAuthentication.js\";\nimport { useRouter } from \"@webiny/app\";\nimport { useFeature } from \"@webiny/app\";\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 { AvatarImage } from \"../../components/AvatarImage/index.js\";\nimport { useUserForm } from \"~/presentation/adminUsers/views/Users/hooks/useUserForm.js\";\nimport { PasswordPolicyFeature } from \"~/features/adminUsers/passwordPolicy/index.js\";\nimport { Routes } from \"~/presentation/adminUsers/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 { passwordPolicy } = useFeature(PasswordPolicyFeature);\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    // The email is the sign-in key, so it is set once, when the user is created.\n    const emailIsDisabled = !isNewUser;\n    let emailDescription = \"Email is your unique identifier used to login. It can't be changed!\";\n    if (isNewUser) {\n        emailDescription =\n            \"Email is your unique identifier used to login. It can't be changed later!\";\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={emailDescription}\n                                            />\n                                        </Bind>\n                                    </Grid.Column>\n                                    <Grid.Column span={12}>\n                                        <Bind\n                                            name=\"password\"\n                                            validators={value => passwordPolicy.validate(value)}\n                                        >\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                                            {({ value, onChange, validation }) => (\n                                                <RolesMultiAutocomplete\n                                                    values={value}\n                                                    onChange={onChange}\n                                                    validation={validation}\n                                                    label={\"Roles\"}\n                                                    data-testid=\"roles-autocomplete\"\n                                                    disabled={isDisabled}\n                                                />\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                                                {({ value, onChange, validation }) => (\n                                                    <TeamsMultiAutocomplete\n                                                        values={value}\n                                                        onChange={onChange}\n                                                        validation={validation}\n                                                        label={\"Teams\"}\n                                                        data-testid=\"teams-autocomplete\"\n                                                        disabled={isDisabled}\n                                                    />\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","passwordPolicy","useFeature","PasswordPolicyFeature","getLink","useRouter","isExternal","formTitle","isNewUser","emailIsDisabled","emailDescription","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","value","SecurityIcon","onChange","RolesMultiAutocomplete","SecurityTeamsIcon","TeamsMultiAutocomplete","SimpleFormFooter"],"mappings":"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"}

package/presentation/adminUsers/views/Users/UsersView.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const UsersView: () => React.JSX.Element;

package/presentation/adminUsers/views/Users/UsersView.js

@@ -0,0 +1,15 @@
+import react from "react";
+import { LeftPanel, RightPanel, SplitView } from "../../../../components/SplitView/SplitView.js";
+import UsersDataList from "./UsersDataList.js";
+import { useFeatureFlags } from "../../../featureFlags/useFeatureFlags.js";
+import { UserForm } from "./UsersForm.js";
+const UsersView = ()=>{
+    const featureFlags = useFeatureFlags();
+    const teams = featureFlags.isEnabled("advancedAccessControlLayer.teams");
+    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/presentation/adminUsers/views/Users/UsersView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/adminUsers/views/Users/UsersView.js","sources":["../../../../../src/presentation/adminUsers/views/Users/UsersView.tsx"],"sourcesContent":["import React from \"react\";\nimport { LeftPanel, RightPanel, SplitView } from \"~/components/SplitView/SplitView.js\";\nimport UsersDataList from \"~/presentation/adminUsers/views/Users/UsersDataList.js\";\nimport { useFeatureFlags } from \"~/presentation/featureFlags/useFeatureFlags.js\";\nimport { UserForm } from \"./UsersForm.js\";\n\nexport const UsersView = () => {\n    const featureFlags = useFeatureFlags();\n\n    const teams = featureFlags.isEnabled(\"advancedAccessControlLayer.teams\");\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","featureFlags","useFeatureFlags","teams","SplitView","LeftPanel","UsersDataList","RightPanel","UserForm"],"mappings":";;;;;AAMO,MAAMA,YAAY;IACrB,MAAMC,eAAeC;IAErB,MAAMC,QAAQF,aAAa,SAAS,CAAC;IAErC,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/presentation/adminUsers/views/Users/components/DeleteAction.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import type { UserItem } from "../../../../../presentation/adminUsers/UserItem.js";
+export interface DeleteActionProps {
+    item: UserItem;
+    onClick: () => void;
+}
+export declare const DeleteAction: ({ item, onClick }: DeleteActionProps) => React.JSX.Element;

package/presentation/adminUsers/views/Users/components/DeleteAction.js

@@ -0,0 +1,29 @@
+import react from "react";
+import { i18n } from "@webiny/app/i18n/index.js";
+import { useSecurity } from "../../../../security/hooks/useSecurity.js";
+import { DeleteIcon, Tooltip } from "@webiny/admin-ui";
+const t = i18n.ns("app-identity/admin/users/data-list");
+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/presentation/adminUsers/views/Users/components/DeleteAction.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/adminUsers/views/Users/components/DeleteAction.js","sources":["../../../../../../src/presentation/adminUsers/views/Users/components/DeleteAction.tsx"],"sourcesContent":["import React from \"react\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport { useSecurity } from \"~/presentation/security/hooks/useSecurity.js\";\nimport { Tooltip, DeleteIcon } from \"@webiny/admin-ui\";\nimport type { UserItem } from \"~/presentation/adminUsers/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/presentation/adminUsers/views/Users/hooks/useUserForm.d.ts

@@ -0,0 +1,27 @@
+import type { IGetUserGatewayResult } from "../../../../../features/adminUsers/users/getUser/abstractions/GetUserGateway.js";
+interface SubmitUserCallableParams {
+    id?: string;
+    firstName: string;
+    lastName: string;
+    email: string;
+    password?: string;
+    avatar: {
+        src?: string;
+    };
+    external?: boolean;
+}
+interface SubmitUserCallable {
+    (data: SubmitUserCallableParams): Promise<void>;
+}
+export declare function useUserForm(): {
+    id: string | undefined;
+    loading: boolean;
+    user: IGetUserGatewayResult | undefined;
+    onSubmit: SubmitUserCallable;
+    isNewUser: boolean;
+    fullName: string;
+    showEmptyView: boolean;
+    createUser(): void;
+    cancelEditing(): void;
+};
+export {};

package/presentation/adminUsers/views/Users/hooks/useUserForm.js

@@ -0,0 +1,101 @@
+import { useCallback, useEffect, useState } from "react";
+import isEmpty from "lodash/isEmpty.js";
+import omit from "lodash/omit.js";
+import { useFeature, useRoute, useRouter } from "@webiny/app";
+import { GetUserFeature } from "../../../../../features/adminUsers/users/getUser/index.js";
+import { CreateUserFeature } from "../../../../../features/adminUsers/users/createUser/index.js";
+import { UpdateUserFeature } from "../../../../../features/adminUsers/users/updateUser/index.js";
+import { Routes } from "../../../routes.js";
+import { useToast } from "@webiny/admin-ui";
+function useUserForm() {
+    const { goToRoute } = useRouter();
+    const { route } = useRoute(Routes.Users.List);
+    const toast = useToast();
+    const { useCase: getUser } = useFeature(GetUserFeature);
+    const { useCase: createUser } = useFeature(CreateUserFeature);
+    const { useCase: updateUser } = useFeature(UpdateUserFeature);
+    const id = route.params.id;
+    const newUser = true === route.params.new;
+    const [user, setUser] = useState(void 0);
+    const [userLoading, setUserLoading] = useState(false);
+    const [mutationLoading, setMutationLoading] = useState(false);
+    useEffect(()=>{
+        setUser(void 0);
+        if (!id) return;
+        setUserLoading(true);
+        getUser.execute({
+            id
+        }).then((data)=>{
+            setUser(data);
+            setUserLoading(false);
+        }).catch((error)=>{
+            goToRoute(Routes.Users.List);
+            toast.showWarningToast({
+                title: "Error loading user profile",
+                description: error.message,
+                duration: 1 / 0
+            });
+            setUserLoading(false);
+        });
+    }, [
+        id
+    ]);
+    const loading = userLoading || mutationLoading;
+    const onSubmit = useCallback(async (data)=>{
+        setMutationLoading(true);
+        try {
+            if (newUser) {
+                const resultUser = await createUser.execute({
+                    data
+                });
+                goToRoute(Routes.Users.List, {
+                    id: resultUser.id
+                });
+            } else {
+                const { id: userId, ...rest } = data;
+                await updateUser.execute({
+                    id: userId,
+                    data: omit(rest, [
+                        "external"
+                    ])
+                });
+            }
+            toast.showSuccessToast({
+                title: "User saved successfully."
+            });
+        } catch (error) {
+            const message = error instanceof Error ? error.message : "Unknown error";
+            toast.showWarningToast({
+                title: "Error updating user profile",
+                description: message,
+                duration: 1 / 0
+            });
+        } finally{
+            setMutationLoading(false);
+        }
+    }, [
+        id,
+        newUser
+    ]);
+    const showEmptyView = !newUser && !userLoading && isEmpty(user);
+    return {
+        id,
+        loading,
+        user,
+        onSubmit,
+        isNewUser: newUser,
+        fullName: `${user?.firstName || ""} ${user?.lastName || ""}`.trim(),
+        showEmptyView,
+        createUser () {
+            goToRoute(Routes.Users.List, {
+                new: true
+            });
+        },
+        cancelEditing () {
+            goToRoute(Routes.Users.List);
+        }
+    };
+}
+export { useUserForm };
+
+//# sourceMappingURL=useUserForm.js.map

package/presentation/adminUsers/views/Users/hooks/useUserForm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/adminUsers/views/Users/hooks/useUserForm.js","sources":["../../../../../../src/presentation/adminUsers/views/Users/hooks/useUserForm.ts"],"sourcesContent":["import { useCallback, useEffect, useState } from \"react\";\nimport isEmpty from \"lodash/isEmpty.js\";\nimport omit from \"lodash/omit.js\";\nimport { useFeature } from \"@webiny/app\";\nimport { useRoute, useRouter } from \"@webiny/app\";\nimport { GetUserFeature } from \"~/features/adminUsers/users/getUser/index.js\";\nimport type { IGetUserGatewayResult } from \"~/features/adminUsers/users/getUser/abstractions/GetUserGateway.js\";\nimport { CreateUserFeature } from \"~/features/adminUsers/users/createUser/index.js\";\nimport { UpdateUserFeature } from \"~/features/adminUsers/users/updateUser/index.js\";\nimport { Routes } from \"~/presentation/adminUsers/routes.js\";\nimport { useToast } from \"@webiny/admin-ui\";\n\ninterface SubmitUserCallableParams {\n    id?: string;\n    firstName: string;\n    lastName: string;\n    email: string;\n    password?: string;\n    avatar: {\n        src?: string;\n    };\n    external?: boolean;\n}\n\ninterface SubmitUserCallable {\n    (data: SubmitUserCallableParams): Promise<void>;\n}\n\nexport function useUserForm() {\n    const { goToRoute } = useRouter();\n    const { route } = useRoute(Routes.Users.List);\n    const toast = useToast();\n\n    const { useCase: getUser } = useFeature(GetUserFeature);\n    const { useCase: createUser } = useFeature(CreateUserFeature);\n    const { useCase: updateUser } = useFeature(UpdateUserFeature);\n\n    const id = route.params.id;\n    const newUser = route.params.new === true;\n\n    const [user, setUser] = useState<IGetUserGatewayResult | undefined>(undefined);\n    const [userLoading, setUserLoading] = useState(false);\n    const [mutationLoading, setMutationLoading] = useState(false);\n\n    useEffect(() => {\n        // Drop the previous user, so \"New\" and a newly selected user don't show its data.\n        setUser(undefined);\n        if (!id) {\n            return;\n        }\n        setUserLoading(true);\n        getUser\n            .execute({ id })\n            .then(data => {\n                setUser(data);\n                setUserLoading(false);\n            })\n            .catch(error => {\n                goToRoute(Routes.Users.List);\n                toast.showWarningToast({\n                    title: \"Error loading user profile\",\n                    description: error.message,\n                    duration: Infinity\n                });\n                setUserLoading(false);\n            });\n    }, [id]);\n\n    const loading = userLoading || mutationLoading;\n\n    const onSubmit = useCallback<SubmitUserCallable>(\n        async data => {\n            setMutationLoading(true);\n\n            try {\n                if (newUser) {\n                    const resultUser = await createUser.execute({ data });\n                    goToRoute(Routes.Users.List, { id: resultUser.id });\n                } else {\n                    const { id: userId, ...rest } = data;\n                    await updateUser.execute({\n                        id: userId as string,\n                        data: omit(rest, [\"external\"])\n                    });\n                }\n\n                toast.showSuccessToast({\n                    title: \"User saved successfully.\"\n                });\n            } catch (error) {\n                const message = error instanceof Error ? error.message : \"Unknown error\";\n                toast.showWarningToast({\n                    title: \"Error updating user profile\",\n                    description: message,\n                    duration: Infinity\n                });\n            } finally {\n                setMutationLoading(false);\n            }\n        },\n        [id, newUser]\n    );\n\n    const showEmptyView = !newUser && !userLoading && isEmpty(user);\n\n    return {\n        id,\n        loading,\n        user,\n        onSubmit,\n        isNewUser: newUser,\n        fullName: `${user?.firstName || \"\"} ${user?.lastName || \"\"}`.trim(),\n        showEmptyView,\n        createUser() {\n            goToRoute(Routes.Users.List, { new: true });\n        },\n        cancelEditing() {\n            goToRoute(Routes.Users.List);\n        }\n    };\n}\n"],"names":["useUserForm","goToRoute","useRouter","route","useRoute","Routes","toast","useToast","getUser","useFeature","GetUserFeature","createUser","CreateUserFeature","updateUser","UpdateUserFeature","id","newUser","user","setUser","useState","undefined","userLoading","setUserLoading","mutationLoading","setMutationLoading","useEffect","data","error","Infinity","loading","onSubmit","useCallback","resultUser","userId","rest","omit","message","Error","showEmptyView","isEmpty"],"mappings":";;;;;;;;;AA4BO,SAASA;IACZ,MAAM,EAAEC,SAAS,EAAE,GAAGC;IACtB,MAAM,EAAEC,KAAK,EAAE,GAAGC,SAASC,OAAO,KAAK,CAAC,IAAI;IAC5C,MAAMC,QAAQC;IAEd,MAAM,EAAE,SAASC,OAAO,EAAE,GAAGC,WAAWC;IACxC,MAAM,EAAE,SAASC,UAAU,EAAE,GAAGF,WAAWG;IAC3C,MAAM,EAAE,SAASC,UAAU,EAAE,GAAGJ,WAAWK;IAE3C,MAAMC,KAAKZ,MAAM,MAAM,CAAC,EAAE;IAC1B,MAAMa,UAAUb,AAAqB,SAArBA,MAAM,MAAM,CAAC,GAAG;IAEhC,MAAM,CAACc,MAAMC,QAAQ,GAAGC,SAA4CC;IACpE,MAAM,CAACC,aAAaC,eAAe,GAAGH,SAAS;IAC/C,MAAM,CAACI,iBAAiBC,mBAAmB,GAAGL,SAAS;IAEvDM,UAAU;QAENP,QAAQE;QACR,IAAI,CAACL,IACD;QAEJO,eAAe;QACfd,QACK,OAAO,CAAC;YAAEO;QAAG,GACb,IAAI,CAACW,CAAAA;YACFR,QAAQQ;YACRJ,eAAe;QACnB,GACC,KAAK,CAACK,CAAAA;YACH1B,UAAUI,OAAO,KAAK,CAAC,IAAI;YAC3BC,MAAM,gBAAgB,CAAC;gBACnB,OAAO;gBACP,aAAaqB,MAAM,OAAO;gBAC1B,UAAUC,KAAQ;YACtB;YACAN,eAAe;QACnB;IACR,GAAG;QAACP;KAAG;IAEP,MAAMc,UAAUR,eAAeE;IAE/B,MAAMO,WAAWC,YACb,OAAML;QACFF,mBAAmB;QAEnB,IAAI;YACA,IAAIR,SAAS;gBACT,MAAMgB,aAAa,MAAMrB,WAAW,OAAO,CAAC;oBAAEe;gBAAK;gBACnDzB,UAAUI,OAAO,KAAK,CAAC,IAAI,EAAE;oBAAE,IAAI2B,WAAW,EAAE;gBAAC;YACrD,OAAO;gBACH,MAAM,EAAE,IAAIC,MAAM,EAAE,GAAGC,MAAM,GAAGR;gBAChC,MAAMb,WAAW,OAAO,CAAC;oBACrB,IAAIoB;oBACJ,MAAME,KAAKD,MAAM;wBAAC;qBAAW;gBACjC;YACJ;YAEA5B,MAAM,gBAAgB,CAAC;gBACnB,OAAO;YACX;QACJ,EAAE,OAAOqB,OAAO;YACZ,MAAMS,UAAUT,iBAAiBU,QAAQV,MAAM,OAAO,GAAG;YACzDrB,MAAM,gBAAgB,CAAC;gBACnB,OAAO;gBACP,aAAa8B;gBACb,UAAUR,KAAQ;YACtB;QACJ,SAAU;YACNJ,mBAAmB;QACvB;IACJ,GACA;QAACT;QAAIC;KAAQ;IAGjB,MAAMsB,gBAAgB,CAACtB,WAAW,CAACK,eAAekB,QAAQtB;IAE1D,OAAO;QACHF;QACAc;QACAZ;QACAa;QACA,WAAWd;QACX,UAAU,GAAGC,MAAM,aAAa,GAAG,CAAC,EAAEA,MAAM,YAAY,IAAI,CAAC,IAAI;QACjEqB;QACA;YACIrC,UAAUI,OAAO,KAAK,CAAC,IAAI,EAAE;gBAAE,KAAK;YAAK;QAC7C;QACA;YACIJ,UAAUI,OAAO,KAAK,CAAC,IAAI;QAC/B;IACJ;AACJ"}

package/presentation/adminUsers/views/Users/search.js

@@ -0,0 +1,21 @@
+import __rslib_svgr_url__0__ from "../../../../static/svg/search.43fa797c.svg";
+import * as __rspack_external_react from "react";
+const SvgSearch = (props)=>/*#__PURE__*/ __rspack_external_react.createElement("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        xmlSpace: "preserve",
+        width: 24,
+        height: 24,
+        viewBox: "0 0 24 24",
+        ...props
+    }, /*#__PURE__*/ __rspack_external_react.createElement("path", {
+        fill: "none",
+        d: "M0 0h24v24H0z"
+    }), /*#__PURE__*/ __rspack_external_react.createElement("path", {
+        fill: "currentColor",
+        d: "M15.5 14h-.79l-.28-.27a6.5 6.5 0 0 0 1.48-5.34c-.47-2.78-2.79-5-5.59-5.34a6.505 6.505 0 0 0-7.27 7.27c.34 2.8 2.56 5.12 5.34 5.59a6.5 6.5 0 0 0 5.34-1.48l.27.28v.79l4.25 4.25c.41.41 1.08.41 1.49 0s.41-1.08 0-1.49zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14"
+    }));
+const search = __rslib_svgr_url__0__;
+export default search;
+export { SvgSearch as ReactComponent };
+
+//# sourceMappingURL=search.js.map

package/presentation/adminUsers/views/Users/search.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/adminUsers/views/Users/search.js","sources":["../../../../../src/presentation/adminUsers/views/Users/search.svg"],"sourcesContent":["import * as React from \"react\";\nconst SvgSearch = props => <svg xmlns=\"http://www.w3.org/2000/svg\" xmlSpace=\"preserve\" width={24} height={24} viewBox=\"0 0 24 24\" {...props}><path fill=\"none\" d=\"M0 0h24v24H0z\" /><path fill=\"currentColor\" d=\"M15.5 14h-.79l-.28-.27a6.5 6.5 0 0 0 1.48-5.34c-.47-2.78-2.79-5-5.59-5.34a6.505 6.505 0 0 0-7.27 7.27c.34 2.8 2.56 5.12 5.34 5.59a6.5 6.5 0 0 0 5.34-1.48l.27.28v.79l4.25 4.25c.41.41 1.08.41 1.49 0s.41-1.08 0-1.49zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14\" /></svg>;\nexport { SvgSearch as ReactComponent };\nexport default \"__RSLIB_SVGR_AUTO_PUBLIC_PATH__static/svg/search.43fa797c.svg\";"],"names":["SvgSearch","props"],"mappings":";;AACA,MAAMA,YAAYC,CAAAA,QAAAA,WAAAA,GAAS,sCAAC;QAAI,OAAM;QAA6B,UAAS;QAAW,OAAO;QAAI,QAAQ;QAAI,SAAQ;QAAa,GAAGA,KAAK;qBAAE,sCAAC;QAAK,MAAK;QAAO,GAAE;sBAAkB,sCAAC;QAAK,MAAK;QAAe,GAAE;;AAE/M"}

package/presentation/adminUsers/views/Users/search.svg

@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="24px"
+	 height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve">
+<g id="Header_x2F_BG" display="none">
+	<rect x="-358" y="-314" display="inline" fill="#F1F1F2" width="520" height="520"/>
+</g>
+<g id="Bounding_Boxes">
+	<g id="ui_x5F_spec_x5F_header_copy_3" display="none">
+	</g>
+	<path fill="none" d="M0,0h24v24H0V0z"/>
+</g>
+<g id="Rounded">
+	<g id="ui_x5F_spec_x5F_header_copy_5" display="none">
+	</g>
+	<path fill="currentColor" d="M15.5,14h-0.79l-0.28-0.27c1.2-1.4,1.82-3.31,1.48-5.34c-0.47-2.78-2.79-5-5.59-5.34c-4.23-0.52-7.79,3.04-7.27,7.27
+		c0.34,2.8,2.56,5.12,5.34,5.59c2.03,0.34,3.94-0.28,5.34-1.48L14,14.71v0.79l4.25,4.25c0.41,0.41,1.08,0.41,1.49,0l0,0
+		c0.41-0.41,0.41-1.08,0-1.49L15.5,14z M9.5,14C7.01,14,5,11.99,5,9.5S7.01,5,9.5,5S14,7.01,14,9.5S11.99,14,9.5,14z"/>
+</g>
+</svg>

package/presentation/adminUsers/views/utils.d.ts

@@ -0,0 +1,3 @@
+type SortTypes = "asc" | "desc";
+export declare const deserializeSorters: (data: string) => [string, SortTypes];
+export {};

package/presentation/adminUsers/views/utils.js

@@ -0,0 +1,12 @@
+const deserializeSorters = (data)=>{
+    if ("string" != typeof data) return data;
+    const [field, orderBy] = data.split("_");
+    const order = "asc" === String(orderBy).toLowerCase() ? "asc" : "desc";
+    return [
+        field,
+        order
+    ];
+};
+export { deserializeSorters };
+
+//# sourceMappingURL=utils.js.map

package/presentation/adminUsers/views/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/adminUsers/views/utils.js","sources":["../../../../src/presentation/adminUsers/views/utils.ts"],"sourcesContent":["type SortTypes = \"asc\" | \"desc\";\nexport const deserializeSorters = (data: string): [string, SortTypes] => {\n    if (typeof data !== \"string\") {\n        return data;\n    }\n    const [field, orderBy] = data.split(\"_\") as [string, SortTypes];\n    const order = String(orderBy).toLowerCase() === \"asc\" ? \"asc\" : \"desc\";\n    return [field, order];\n};\n"],"names":["deserializeSorters","data","field","orderBy","order","String"],"mappings":"AACO,MAAMA,qBAAqB,CAACC;IAC/B,IAAI,AAAgB,YAAhB,OAAOA,MACP,OAAOA;IAEX,MAAM,CAACC,OAAOC,QAAQ,GAAGF,KAAK,KAAK,CAAC;IACpC,MAAMG,QAAQC,AAAkC,UAAlCA,OAAOF,SAAS,WAAW,KAAe,QAAQ;IAChE,OAAO;QAACD;QAAOE;KAAM;AACzB"}

package/presentation/assumePermissions/AssumePermissionsPresenter.d.ts

@@ -0,0 +1,36 @@
+import { FeatureFlagsService } from "../../features/featureFlags/abstractions.js";
+import { IdentityContext } from "../../features/security/IdentityContext/index.js";
+import { AssumePermissionsContext } from "../../features/assumePermissions/abstractions.js";
+import { AssumePermissionsUseCase } from "../../features/assumePermissions/abstractions.js";
+import { ListAssumableTargetsUseCase } from "../../features/assumePermissions/abstractions.js";
+import { AssumePermissionsPresenter as Abstraction } from "./abstractions.js";
+declare class AssumePermissionsPresenterImpl implements Abstraction.Interface {
+    private assumePermissionsUseCase;
+    private listAssumableTargetsUseCase;
+    private identityContext;
+    private featureFlags;
+    private loading;
+    private switching;
+    private roles;
+    private teams;
+    private error;
+    private readonly loadedAssumed;
+    constructor(assumePermissionsContext: AssumePermissionsContext.Interface, assumePermissionsUseCase: AssumePermissionsUseCase.Interface, listAssumableTargetsUseCase: ListAssumableTargetsUseCase.Interface, identityContext: IdentityContext.Interface, featureFlags: FeatureFlagsService.Interface);
+    get vm(): Abstraction.ViewModel;
+    load(): Promise<void>;
+    assume(value: string): Promise<void>;
+    assumeTarget(target: AssumePermissionsUseCase.Target): Promise<void>;
+    exit(): Promise<void>;
+    dismissError(): void;
+    private switchTo;
+    private startLoading;
+    private stopLoading;
+    private setEntries;
+    private setError;
+    private startSwitching;
+    private failSwitching;
+}
+export declare const AssumePermissionsPresenter: typeof AssumePermissionsPresenterImpl & {
+    __abstraction: import("@webiny/di").Abstraction<import("./abstractions.js").IAssumePermissionsPresenter>;
+};
+export {};