@plone/volto 18.0.0-alpha.42 → 18.0.0-alpha.44

package/dist/server/assets/UsersControlpanel-D_FsBPMW.js

@@ -0,0 +1,752 @@
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { l as listUsers, d as deleteUser, c as createUser, a as updateUser, g as getUser } from "./users-BY0qskQF.js";
+import { l as listRoles, a as addUserSvg } from "./add-user-OjrbLPze.js";
+import { l as listGroups, u as updateGroup } from "./groups-DlLziArH.js";
+import { bH as getControlpanel, T as Toast, aw as messages, H as HelmetExport, be as ModalForm, I as Icon, k as clearSVG } from "../entry-server.js";
+import { g as getUserSchema } from "./PersonalInformation--cOokZv2.js";
+import jwtDecode from "jwt-decode";
+import { T as Toolbar } from "./Toolbar-DVsVq7NQ.js";
+import { P as Pagination } from "./Pagination-DhaW_lzc.js";
+import { E as Error2 } from "./Error-MJ-ObF_2.js";
+import RenderUsers from "./RenderUsers-DQoVtZTV.js";
+import { Link } from "react-router-dom";
+import { i as isManager, c as canAssignGroup } from "./User-CeYa32LY.js";
+import { s as saveSVG } from "./save-C0BIu8AK.js";
+import { p as ploneSVG } from "./plone-DmfQ132L.js";
+import { find, map, pull, difference } from "lodash-es";
+import PropTypes from "prop-types";
+import { Component } from "react";
+import { injectIntl, FormattedMessage } from "react-intl";
+import { createPortal } from "react-dom";
+import { connect } from "react-redux";
+import { toast } from "react-toastify";
+import { compose, bindActionCreators } from "redux";
+import { Container, Confirm, Dimmer, Loader, Segment, Form as Form$1, Input, Table, Button } from "semantic-ui-react";
+import "query-string";
+import "classnames";
+import "moment";
+import "react-router";
+import "react-router-hash-link";
+import "tlds";
+import "prepend-http";
+import "lodash-move";
+import "react-dom/server";
+import "react-transition-group";
+import "promise-file-reader";
+import "uuid";
+import "pretty-bytes";
+import "react-side-effect";
+import "github-slugger";
+import "slate";
+import "hoist-non-react-statics";
+import "slate-react";
+import "prettier/standalone";
+import "prettier/parser-html";
+import "prismjs/components/prism-core.js";
+import "react-animate-height";
+import "react-popper";
+import "react-sortable-hoc";
+import "react-dates/initialize.js";
+import "react-anchor-link-smooth-scroll";
+import "react-router-config";
+import "react-fast-compare";
+import "object-assign";
+import "lodash-es/split.js";
+import "lodash-es/join.js";
+import "lodash-es/trim.js";
+import "react-cookie";
+import "react-intl-redux";
+import "universal-cookie";
+import "slate-hyperscript";
+import "is-hotkey";
+import "react-dropzone";
+import "react-intersection-observer";
+import "is-url";
+import "lodash-es/isUndefined.js";
+import "lodash-es/isString.js";
+import "redux-mock-store";
+import "serialize-javascript";
+import "superagent";
+import "connected-react-router";
+import "react-beautiful-dnd";
+import "detect-browser";
+import "locale";
+import "history";
+import "redux-thunk";
+import "redux-localstorage-simple";
+import "debug";
+import "express";
+import "http-proxy-middleware";
+class UsersControlpanel extends Component {
+  /**
+   * Constructor
+   * @method constructor
+   * @param {Object} props Component properties
+   * @constructs Sharing
+   */
+  constructor(props) {
+    super(props);
+    __publicField(this, "fetchData", async () => {
+      await this.props.getControlpanel("usergroup");
+      await this.props.listRoles();
+      if (!this.props.many_users) {
+        this.props.listGroups();
+        await this.props.listUsers();
+        this.setState({
+          entries: this.props.users
+        });
+      }
+      await this.props.getUserSchema();
+      await this.props.getUser(this.props.userId);
+    });
+    // Because username field needs to be disabled if email login is enabled!
+    __publicField(this, "checkLoginUsingEmailStatus", async () => {
+      var _a;
+      await this.props.getControlpanel("security");
+      this.setState({
+        loginUsingEmail: (_a = this.props.controlPanelData) == null ? void 0 : _a.data.use_email_as_login
+      });
+    });
+    /**
+     *@param {object} user
+     *@returns {undefined}
+     *@memberof UsersControlpanel
+     */
+    __publicField(this, "addUserToGroup", (user) => {
+      const { groups, username } = user;
+      groups.forEach((group) => {
+        this.props.updateGroup(group, {
+          users: {
+            [username]: true
+          }
+        });
+      });
+    });
+    /**
+     *
+     * @param {*} event
+     * @memberof UsersControlpanel
+     */
+    __publicField(this, "updateUserRoleSubmit", (e) => {
+      e.stopPropagation();
+      const roles = this.props.roles.map((item) => item.id);
+      this.state.entries.forEach((item) => {
+        const userData = { roles: {} };
+        const removedRoles = difference(roles, item.roles);
+        removedRoles.forEach((role) => {
+          userData.roles[role] = false;
+        });
+        item.roles.forEach((role) => {
+          userData.roles[role] = true;
+        });
+        this.props.updateUser(item.id, userData);
+      });
+      toast.success(
+        /* @__PURE__ */ jsx(
+          Toast,
+          {
+            success: true,
+            title: this.props.intl.formatMessage(messages.success),
+            content: this.props.intl.formatMessage(messages.updateRoles)
+          }
+        )
+      );
+    });
+    /**
+     * On change page
+     * @method onChangePage
+     * @param {object} event Event object.
+     * @param {string} value Page value.
+     * @returns {undefined}
+     */
+    __publicField(this, "onChangePage", (event, { value }) => {
+      this.setState({
+        currentPage: value
+      });
+    });
+    this.onChangeSearch = this.onChangeSearch.bind(this);
+    this.onSearch = this.onSearch.bind(this);
+    this.delete = this.delete.bind(this);
+    this.onDeleteOk = this.onDeleteOk.bind(this);
+    this.onDeleteCancel = this.onDeleteCancel.bind(this);
+    this.onAddUserSubmit = this.onAddUserSubmit.bind(this);
+    this.onAddUserError = this.onAddUserError.bind(this);
+    this.onAddUserSuccess = this.onAddUserSuccess.bind(this);
+    this.updateUserRole = this.updateUserRole.bind(this);
+    this.state = {
+      search: "",
+      isLoading: false,
+      showAddUser: false,
+      showAddUserErrorConfirm: false,
+      addUserError: "",
+      showDelete: false,
+      userToDelete: void 0,
+      entries: [],
+      isClient: false,
+      currentPage: 0,
+      pageSize: 10,
+      loginUsingEmail: false
+    };
+  }
+  /**
+   * Component did mount
+   * @method componentDidMount
+   * @returns {undefined}
+   */
+  componentDidMount() {
+    this.setState({
+      isClient: true
+    });
+    this.fetchData();
+    this.checkLoginUsingEmailStatus();
+  }
+  UNSAFE_componentWillReceiveProps(nextProps) {
+    if (this.props.deleteRequest.loading && nextProps.deleteRequest.loaded || this.props.createRequest.loading && nextProps.createRequest.loaded) {
+      this.props.listUsers({
+        search: this.state.search
+      });
+    }
+    if (this.props.deleteRequest.loading && nextProps.deleteRequest.loaded) {
+      this.onDeleteUserSuccess();
+    }
+    if (this.props.createRequest.loading && nextProps.createRequest.loaded) {
+      this.onAddUserSuccess();
+    }
+    if (this.props.createRequest.loading && nextProps.createRequest.error) {
+      this.onAddUserError(nextProps.createRequest.error);
+    }
+    if (this.props.loadRolesRequest.loading && nextProps.loadRolesRequest.error) {
+      this.setState({
+        error: nextProps.loadRolesRequest.error
+      });
+    }
+  }
+  getUserFromProps(value) {
+    return find(this.props.users, ["@id", value]);
+  }
+  /**
+   * Search handler
+   * @method onSearch
+   * @param {object} event Event object.
+   * @returns {undefined}
+   */
+  onSearch(event) {
+    event.preventDefault();
+    this.setState({ isLoading: true });
+    this.props.listUsers({
+      search: this.state.search
+    }).then(() => {
+      this.setState({ isLoading: false });
+    }).catch((error) => {
+      this.setState({ isLoading: false });
+      console.error("Error searching users", error);
+    });
+  }
+  /**
+   * On change search handler
+   * @method onChangeSearch
+   * @param {object} event Event object.
+   * @returns {undefined}
+   */
+  onChangeSearch(event) {
+    this.setState({
+      search: event.target.value
+    });
+  }
+  /**
+   * Delete a user
+   * @method delete
+   * @param {object} event Event object.
+   * @param {string} value username.
+   * @returns {undefined}
+   */
+  delete(event, { value }) {
+    if (value) {
+      this.setState({
+        showDelete: true,
+        userToDelete: this.getUserFromProps(value)
+      });
+    }
+  }
+  /**
+   * On delete ok
+   * @method onDeleteOk
+   * @returns {undefined}
+   */
+  onDeleteOk() {
+    if (this.state.userToDelete) {
+      this.props.deleteUser(this.state.userToDelete.id);
+    }
+  }
+  /**
+   * On delete cancel
+   * @method onDeleteCancel
+   * @returns {undefined}
+   */
+  onDeleteCancel() {
+    this.setState({
+      showDelete: false,
+      itemsToDelete: [],
+      userToDelete: void 0
+    });
+  }
+  /**
+   * Callback to be called by the ModalForm when the form is submitted.
+   *
+   * @param {object} data Form data from the ModalForm.
+   * @param {func} callback to set new form data in the ModalForm
+   * @returns {undefined}
+   */
+  onAddUserSubmit(data, callback) {
+    const { groups, sendPasswordReset, password } = data;
+    if (sendPasswordReset !== void 0 && sendPasswordReset === true && password !== void 0) {
+      toast.error(
+        /* @__PURE__ */ jsx(
+          Toast,
+          {
+            error: true,
+            title: this.props.intl.formatMessage(messages.error),
+            content: this.props.intl.formatMessage(
+              messages.addUserFormPasswordAndSendPasswordTogetherNotAllowed
+            )
+          }
+        )
+      );
+    } else {
+      if (groups && groups.length > 0) this.addUserToGroup(data);
+      this.props.createUser(data, sendPasswordReset);
+      this.setState({
+        addUserSetFormDataCallback: callback
+      });
+    }
+  }
+  /**
+   * Handle Success after createUser()
+   *
+   * @returns {undefined}
+   */
+  onAddUserSuccess() {
+    this.state.addUserSetFormDataCallback({});
+    this.setState({
+      showAddUser: false,
+      addUserError: void 0,
+      addUserSetFormDataCallback: void 0
+    });
+    toast.success(
+      /* @__PURE__ */ jsx(
+        Toast,
+        {
+          success: true,
+          title: this.props.intl.formatMessage(messages.success),
+          content: this.props.intl.formatMessage(messages.userCreated)
+        }
+      )
+    );
+  }
+  /**
+   * Handle Success after deleteUser()
+   *
+   * @returns {undefined}
+   */
+  onDeleteUserSuccess() {
+    this.setState({
+      userToDelete: void 0,
+      showDelete: false
+    });
+    toast.success(
+      /* @__PURE__ */ jsx(
+        Toast,
+        {
+          success: true,
+          title: this.props.intl.formatMessage(messages.success),
+          content: this.props.intl.formatMessage(messages.userDeleted)
+        }
+      )
+    );
+  }
+  /**
+   *
+   *
+   * @param {*} data
+   * @param {*} callback
+   * @memberof UsersControlpanel
+   */
+  updateUserRole(name, value) {
+    this.setState({
+      entries: map(this.state.entries, (entry) => ({
+        ...entry,
+        roles: entry.id === name && !entry.roles.includes(value) ? [...entry.roles, value] : entry.id !== name ? entry.roles : pull(entry.roles, value)
+      }))
+    });
+  }
+  /**
+   * Handle Errors after createUser()
+   *
+   * @param {object} error object. Requires the property .message
+   * @returns {undefined}
+   */
+  onAddUserError(error) {
+    this.setState({
+      addUserError: error.response.body.error.message
+    });
+  }
+  componentDidUpdate(prevProps, prevState) {
+    if (this.props.users !== prevProps.users) {
+      this.setState({
+        entries: this.props.users
+      });
+    }
+  }
+  /**
+   * Filters the roles a user can assign when adding a user.
+   * @method canAssignAdd
+   * @returns {arry}
+   */
+  canAssignAdd(isManager2) {
+    var _a;
+    if (isManager2) return this.props.roles;
+    return ((_a = this.props.user) == null ? void 0 : _a.roles) ? this.props.roles.filter(
+      (role) => this.props.user.roles.includes(role.id)
+    ) : [];
+  }
+  /**
+   * Render method.
+   * @method render
+   * @returns {string} Markup for the component.
+   */
+  render() {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _i;
+    if (this.state.error) {
+      return /* @__PURE__ */ jsx(Error2, { error: this.state.error });
+    }
+    let usernameToDelete = this.state.userToDelete ? this.state.userToDelete.username : "";
+    let adduserschema = {};
+    let isUserManager = false;
+    if ((_b = (_a = this.props) == null ? void 0 : _a.userschema) == null ? void 0 : _b.loaded) {
+      isUserManager = isManager(this.props.user);
+      adduserschema = JSON.parse(
+        JSON.stringify((_d = (_c = this.props) == null ? void 0 : _c.userschema) == null ? void 0 : _d.userschema)
+      );
+      adduserschema.properties["username"] = {
+        title: this.props.intl.formatMessage(messages.addUserFormUsernameTitle),
+        type: "string",
+        description: this.props.intl.formatMessage(
+          messages.addUserFormUsernameDescription
+        )
+      };
+      adduserschema.properties["password"] = {
+        title: this.props.intl.formatMessage(messages.addUserFormPasswordTitle),
+        type: "password",
+        description: this.props.intl.formatMessage(
+          messages.addUserFormPasswordDescription
+        ),
+        widget: "password"
+      };
+      adduserschema.properties["sendPasswordReset"] = {
+        title: this.props.intl.formatMessage(
+          messages.addUserFormSendPasswordResetTitle
+        ),
+        type: "boolean"
+      };
+      adduserschema.properties["roles"] = {
+        title: this.props.intl.formatMessage(messages.addUserFormRolesTitle),
+        type: "array",
+        choices: this.canAssignAdd(isUserManager).map((role) => [
+          role.id,
+          role.title
+        ]),
+        noValueOption: false
+      };
+      adduserschema.properties["groups"] = {
+        title: this.props.intl.formatMessage(messages.addUserGroupNameTitle),
+        type: "array",
+        choices: this.props.groups.filter((group) => canAssignGroup(isUserManager, group)).map((group) => [group.id, group.id]),
+        noValueOption: false
+      };
+      if (adduserschema.fieldsets && adduserschema.fieldsets.length > 0 && !adduserschema.fieldsets[0]["fields"].includes("username")) {
+        adduserschema.fieldsets[0]["fields"] = adduserschema.fieldsets[0]["fields"].concat([
+          "username",
+          "password",
+          "sendPasswordReset",
+          "roles",
+          "groups"
+        ]);
+      }
+    }
+    return /* @__PURE__ */ jsxs(Container, { className: "users-control-panel", children: [
+      /* @__PURE__ */ jsx(HelmetExport, { title: this.props.intl.formatMessage(messages.users) }),
+      /* @__PURE__ */ jsxs("div", { className: "container", children: [
+        /* @__PURE__ */ jsx(
+          Confirm,
+          {
+            open: this.state.showDelete,
+            header: this.props.intl.formatMessage(
+              messages.deleteUserConfirmTitle
+            ),
+            content: /* @__PURE__ */ jsxs("div", { className: "content", children: [
+              /* @__PURE__ */ jsx(Dimmer, { active: (_f = (_e = this.props) == null ? void 0 : _e.deleteRequest) == null ? void 0 : _f.loading, children: /* @__PURE__ */ jsx(Loader, { children: /* @__PURE__ */ jsx(FormattedMessage, { id: "Loading", defaultMessage: "Loading." }) }) }),
+              /* @__PURE__ */ jsx("ul", { className: "content", children: /* @__PURE__ */ jsx(
+                FormattedMessage,
+                {
+                  id: "Do you really want to delete the user {username}?",
+                  defaultMessage: "Do you really want to delete the user {username}?",
+                  values: {
+                    username: /* @__PURE__ */ jsx("b", { children: usernameToDelete })
+                  }
+                }
+              ) })
+            ] }),
+            onCancel: this.onDeleteCancel,
+            onConfirm: this.onDeleteOk,
+            size: null
+          }
+        ),
+        ((_h = (_g = this.props) == null ? void 0 : _g.userschema) == null ? void 0 : _h.loaded) && this.state.showAddUser ? /* @__PURE__ */ jsx(
+          ModalForm,
+          {
+            open: this.state.showAddUser,
+            className: "modal",
+            onSubmit: this.onAddUserSubmit,
+            submitError: this.state.addUserError,
+            onCancel: () => this.setState({ showAddUser: false, addUserError: void 0 }),
+            title: this.props.intl.formatMessage(messages.addUserFormTitle),
+            loading: this.props.createRequest.loading,
+            schema: adduserschema
+          }
+        ) : null
+      ] }),
+      /* @__PURE__ */ jsxs(Segment.Group, { raised: true, children: [
+        /* @__PURE__ */ jsx(Segment, { className: "primary", children: /* @__PURE__ */ jsx(FormattedMessage, { id: "Users", defaultMessage: "Users" }) }),
+        /* @__PURE__ */ jsx(Segment, { secondary: true, children: /* @__PURE__ */ jsx(
+          FormattedMessage,
+          {
+            id: "Note that roles set here apply directly to a user. The symbol{plone_svg}indicates a role inherited from membership in a group.",
+            defaultMessage: "Note that roles set here apply directly to a user. The symbol{plone_svg}indicates a role inherited from membership in a group.",
+            values: {
+              plone_svg: /* @__PURE__ */ jsx(
+                Icon,
+                {
+                  name: ploneSVG,
+                  size: "20px",
+                  color: "#007EB1",
+                  title: "plone-svg"
+                }
+              )
+            }
+          }
+        ) }),
+        /* @__PURE__ */ jsx(Segment, { children: /* @__PURE__ */ jsx(Form$1, { onSubmit: this.onSearch, children: /* @__PURE__ */ jsx(Form$1.Field, { children: /* @__PURE__ */ jsx(
+          Input,
+          {
+            name: "SearchableText",
+            action: {
+              icon: "search",
+              loading: this.state.isLoading,
+              disabled: this.state.isLoading
+            },
+            placeholder: this.props.intl.formatMessage(
+              messages.searchUsers
+            ),
+            onChange: this.onChangeSearch,
+            id: "user-search-input"
+          }
+        ) }) }) }),
+        /* @__PURE__ */ jsxs(Form$1, { children: [
+          (this.props.many_users && this.state.entries.length > 0 || !this.props.many_users) && /* @__PURE__ */ jsxs(Table, { padded: true, striped: true, attached: true, unstackable: true, children: [
+            /* @__PURE__ */ jsx(Table.Header, { children: /* @__PURE__ */ jsxs(Table.Row, { children: [
+              /* @__PURE__ */ jsx(Table.HeaderCell, { children: /* @__PURE__ */ jsx(
+                FormattedMessage,
+                {
+                  id: "User name",
+                  defaultMessage: "User name"
+                }
+              ) }),
+              this.props.roles.map((role) => /* @__PURE__ */ jsx(Table.HeaderCell, { children: role.title }, role.id)),
+              /* @__PURE__ */ jsx(Table.HeaderCell, { children: /* @__PURE__ */ jsx(FormattedMessage, { id: "Actions", defaultMessage: "Actions" }) })
+            ] }) }),
+            /* @__PURE__ */ jsx(Table.Body, { "data-user": "users", children: this.state.entries.slice(
+              this.state.currentPage * 10,
+              this.state.pageSize * (this.state.currentPage + 1)
+            ).map((user) => /* @__PURE__ */ jsx(
+              RenderUsers,
+              {
+                onDelete: this.delete,
+                roles: this.props.roles,
+                user,
+                updateUser: this.updateUserRole,
+                inheritedRole: this.props.inheritedRole,
+                userschema: this.props.userschema,
+                listUsers: this.props.listUsers,
+                isUserManager
+              },
+              user.id
+            )) })
+          ] }),
+          this.state.entries.length === 0 && this.state.search && /* @__PURE__ */ jsx(Segment, { children: this.props.intl.formatMessage(messages.userSearchNoResults) }),
+          /* @__PURE__ */ jsx("div", { className: "contents-pagination", children: /* @__PURE__ */ jsx(
+            Pagination,
+            {
+              current: this.state.currentPage,
+              total: Math.ceil(
+                ((_i = this.state.entries) == null ? void 0 : _i.length) / this.state.pageSize
+              ),
+              onChangePage: this.onChangePage
+            }
+          ) })
+        ] })
+      ] }),
+      this.state.isClient && createPortal(
+        /* @__PURE__ */ jsx(
+          Toolbar,
+          {
+            pathname: this.props.pathname,
+            hideDefaultViewButtons: true,
+            inner: /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsx(
+                Button,
+                {
+                  id: "toolbar-save",
+                  className: "save",
+                  "aria-label": this.props.intl.formatMessage(messages.save),
+                  onClick: this.updateUserRoleSubmit,
+                  loading: this.props.createRequest.loading,
+                  children: /* @__PURE__ */ jsx(
+                    Icon,
+                    {
+                      name: saveSVG,
+                      className: "circled",
+                      size: "30px",
+                      title: this.props.intl.formatMessage(messages.save)
+                    }
+                  )
+                }
+              ),
+              /* @__PURE__ */ jsx(Link, { to: "/controlpanel", className: "cancel", children: /* @__PURE__ */ jsx(
+                Icon,
+                {
+                  name: clearSVG,
+                  className: "circled",
+                  "aria-label": this.props.intl.formatMessage(
+                    messages.cancel
+                  ),
+                  size: "30px",
+                  title: this.props.intl.formatMessage(messages.cancel)
+                }
+              ) }),
+              /* @__PURE__ */ jsx(
+                Button,
+                {
+                  id: "toolbar-add",
+                  "aria-label": this.props.intl.formatMessage(
+                    messages.addUserButtonTitle
+                  ),
+                  onClick: () => {
+                    this.setState({ showAddUser: true });
+                  },
+                  loading: this.props.createRequest.loading,
+                  children: /* @__PURE__ */ jsx(
+                    Icon,
+                    {
+                      name: addUserSvg,
+                      size: "45px",
+                      color: "#826A6A",
+                      title: this.props.intl.formatMessage(
+                        messages.addUserButtonTitle
+                      )
+                    }
+                  )
+                }
+              )
+            ] })
+          }
+        ),
+        document.getElementById("toolbar")
+      )
+    ] });
+  }
+}
+/**
+ * Property types.
+ * @property {Object} propTypes Property types.
+ * @static
+ */
+__publicField(UsersControlpanel, "propTypes", {
+  listRoles: PropTypes.func.isRequired,
+  listUsers: PropTypes.func.isRequired,
+  updateUser: PropTypes.func,
+  listGroups: PropTypes.func.isRequired,
+  pathname: PropTypes.string.isRequired,
+  roles: PropTypes.arrayOf(
+    PropTypes.shape({
+      "@id": PropTypes.string,
+      "@type": PropTypes.string,
+      id: PropTypes.string
+    })
+  ).isRequired,
+  users: PropTypes.arrayOf(
+    PropTypes.shape({
+      username: PropTypes.string,
+      fullname: PropTypes.string,
+      roles: PropTypes.arrayOf(PropTypes.string)
+    })
+  ).isRequired,
+  user: PropTypes.shape({
+    "@id": PropTypes.string,
+    id: PropTypes.string,
+    description: PropTypes.string,
+    email: PropTypes.string,
+    fullname: PropTypes.string,
+    groups: PropTypes.object,
+    location: PropTypes.string,
+    portrait: PropTypes.string,
+    home_page: PropTypes.string,
+    roles: PropTypes.arrayOf(PropTypes.string),
+    username: PropTypes.string
+  }).isRequired
+});
+const UsersControlpanel$1 = compose(
+  injectIntl,
+  connect(
+    (state, props) => {
+      var _a, _b, _c, _d, _e, _f, _g;
+      return {
+        roles: state.roles.roles,
+        users: state.users.users,
+        user: state.users.user,
+        userId: state.userSession.token ? jwtDecode(state.userSession.token).sub : "",
+        groups: state.groups.groups,
+        many_users: (_c = (_b = (_a = state.controlpanels) == null ? void 0 : _a.controlpanel) == null ? void 0 : _b.data) == null ? void 0 : _c.many_users,
+        many_groups: (_f = (_e = (_d = state.controlpanels) == null ? void 0 : _d.controlpanel) == null ? void 0 : _e.data) == null ? void 0 : _f.many_groups,
+        description: state.description,
+        pathname: props.location.pathname,
+        deleteRequest: state.users.delete,
+        createRequest: state.users.create,
+        loadRolesRequest: state.roles,
+        inheritedRole: state.authRole.authenticatedRole,
+        userschema: state.userschema,
+        controlPanelData: (_g = state.controlpanels) == null ? void 0 : _g.controlpanel
+      };
+    },
+    (dispatch) => bindActionCreators(
+      {
+        listRoles,
+        listUsers,
+        listGroups,
+        getControlpanel,
+        deleteUser,
+        createUser,
+        updateUser,
+        updateGroup,
+        getUserSchema,
+        getUser
+      },
+      dispatch
+    )
+  )
+)(UsersControlpanel);
+export {
+  UsersControlpanel$1 as default
+};