@strapi/admin 4.15.0 → 4.15.2

package/dist/_chunks/index-4a46c368.mjs

@@ -0,0 +1,127 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { Flex, Box, Typography } from "@strapi/design-system";
+import { pxToRem } from "@strapi/helper-plugin";
+import PropTypes from "prop-types";
+import { b as STAGE_COLOR_DEFAULT } from "./constants-8092eeb5.mjs";
+import { g as getStageColorByHex } from "./colors-e7489dd4.mjs";
+import { useIntl } from "react-intl";
+import "lodash/cloneDeep";
+import "lodash/get";
+import "lodash/omit";
+import "lodash/isNaN";
+import "./schema-ac25a47b.mjs";
+import "lodash/merge";
+import "lodash/set";
+import { g as getDisplayName } from "./index-768b7de9.mjs";
+import "react";
+import "react-dnd";
+import "@reduxjs/toolkit";
+import "./index-60a57d31.mjs";
+import "react-dom/client";
+import "invariant";
+import "lodash/isFunction";
+import "lodash/pick";
+import "react-helmet";
+import "react-router-dom";
+import "react-redux";
+import "@radix-ui/react-context";
+import "@strapi/design-system/v2";
+import "@strapi/icons";
+import "formik";
+import "lodash/camelCase";
+import "react-query";
+import "styled-components";
+import "yup";
+import "lodash/defaultsDeep";
+import "qs";
+import "immer";
+import "lodash/isBoolean";
+import "lodash/isEmpty";
+import "lodash/toNumber";
+import "lodash/sortBy";
+import "./DragLayer-bff96835.mjs";
+import "./AuthenticatedApp-fd7e406d.mjs";
+import "semver/functions/lt";
+import "semver/functions/valid";
+import "react-dnd-html5-backend";
+import "react-error-boundary";
+import "axios";
+import "lodash/isObject";
+import "lodash/isEqual";
+import "lodash/upperFirst";
+import "lodash/size";
+import "lodash/take";
+import "slate";
+import "slate-history";
+import "slate-react";
+import "@radix-ui/react-toolbar";
+import "./useDebounce-9364f340.mjs";
+import "react-window";
+import "codemirror5";
+import "highlight.js";
+import "markdown-it";
+import "markdown-it-abbr";
+import "markdown-it-container";
+import "markdown-it-deflist";
+import "markdown-it-emoji";
+import "markdown-it-footnote";
+import "markdown-it-ins";
+import "markdown-it-mark";
+import "markdown-it-sub";
+import "markdown-it-sup";
+import "sanitize-html";
+import "codemirror5/addon/display/placeholder";
+import "lodash/toLower";
+import "lodash/toString";
+import "react-dom";
+import "fractional-indexing";
+import "lodash/uniqBy";
+import "lodash/unset";
+import "lodash/isArray";
+import "lodash/flatMap";
+import "lodash/uniq";
+import "./useAdminUsers-09f86a58.mjs";
+import "./formatAPIErrors-db6ed675.mjs";
+import "date-fns/parseISO";
+import "lodash/isNumber";
+import "lodash/groupBy";
+function ReviewWorkflowsStageEE({ color, name }) {
+  const { themeColorName } = getStageColorByHex(color);
+  return /* @__PURE__ */ jsxs(Flex, { alignItems: "center", gap: 2, maxWidth: pxToRem(300), children: [
+    /* @__PURE__ */ jsx(
+      Box,
+      {
+        height: 2,
+        background: color,
+        borderColor: themeColorName === "neutral0" ? "neutral150" : "transparent",
+        hasRadius: true,
+        shrink: 0,
+        width: 2
+      }
+    ),
+    /* @__PURE__ */ jsx(Typography, { fontWeight: "regular", textColor: "neutral700", ellipsis: true, children: name })
+  ] });
+}
+ReviewWorkflowsStageEE.defaultProps = {
+  color: STAGE_COLOR_DEFAULT
+};
+ReviewWorkflowsStageEE.propTypes = {
+  color: PropTypes.string,
+  name: PropTypes.string.isRequired
+};
+function ReviewWorkflowsAssigneeEE({ user }) {
+  const { formatMessage } = useIntl();
+  return /* @__PURE__ */ jsx(Typography, { textColor: "neutral800", children: getDisplayName(user, formatMessage) });
+}
+ReviewWorkflowsAssigneeEE.propTypes = {
+  user: PropTypes.shape({
+    firstname: PropTypes.string,
+    lastname: PropTypes.string,
+    username: PropTypes.string
+  }).isRequired
+};
+export {
+  ReviewWorkflowsAssigneeEE,
+  ReviewWorkflowsStageEE
+};
+//# sourceMappingURL=index-4a46c368.mjs.map

package/dist/_chunks/index-4a46c368.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-4a46c368.mjs","sources":["../../ee/admin/src/content-manager/pages/ListView/ReviewWorkflowsColumn/ReviewWorkflowsStageEE.js","../../ee/admin/src/content-manager/pages/ListView/ReviewWorkflowsColumn/ReviewWorkflowsAssigneeEE.js"],"sourcesContent":["import React from 'react';\n\nimport { Box, Flex, Typography } from '@strapi/design-system';\nimport { pxToRem } from '@strapi/helper-plugin';\nimport PropTypes from 'prop-types';\n\nimport { STAGE_COLOR_DEFAULT } from '../../../../pages/SettingsPage/pages/ReviewWorkflows/constants';\nimport { getStageColorByHex } from '../../../../pages/SettingsPage/pages/ReviewWorkflows/utils/colors';\n\nexport function ReviewWorkflowsStageEE({ color, name }) {\n  const { themeColorName } = getStageColorByHex(color);\n\n  return (\n    <Flex alignItems=\"center\" gap={2} maxWidth={pxToRem(300)}>\n      <Box\n        height={2}\n        background={color}\n        borderColor={themeColorName === 'neutral0' ? 'neutral150' : 'transparent'}\n        hasRadius\n        shrink={0}\n        width={2}\n      />\n\n      <Typography fontWeight=\"regular\" textColor=\"neutral700\" ellipsis>\n        {name}\n      </Typography>\n    </Flex>\n  );\n}\n\nReviewWorkflowsStageEE.defaultProps = {\n  color: STAGE_COLOR_DEFAULT,\n};\n\nReviewWorkflowsStageEE.propTypes = {\n  color: PropTypes.string,\n  name: PropTypes.string.isRequired,\n};\n","import React from 'react';\n\nimport { Typography } from '@strapi/design-system';\nimport PropTypes from 'prop-types';\nimport { useIntl } from 'react-intl';\n\nimport { getDisplayName } from '../../../../../../../admin/src/content-manager/utils';\n\nexport function ReviewWorkflowsAssigneeEE({ user }) {\n  const { formatMessage } = useIntl();\n\n  return <Typography textColor=\"neutral800\">{getDisplayName(user, formatMessage)}</Typography>;\n}\n\nReviewWorkflowsAssigneeEE.propTypes = {\n  user: PropTypes.shape({\n    firstname: PropTypes.string,\n    lastname: PropTypes.string,\n    username: PropTypes.string,\n  }).isRequired,\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASO,SAAS,uBAAuB,EAAE,OAAO,QAAQ;AACtD,QAAM,EAAE,eAAA,IAAmB,mBAAmB,KAAK;AAGjD,SAAA,qBAAC,QAAK,YAAW,UAAS,KAAK,GAAG,UAAU,QAAQ,GAAG,GACrD,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,QAAQ;AAAA,QACR,YAAY;AAAA,QACZ,aAAa,mBAAmB,aAAa,eAAe;AAAA,QAC5D,WAAS;AAAA,QACT,QAAQ;AAAA,QACR,OAAO;AAAA,MAAA;AAAA,IACT;AAAA,IAEA,oBAAC,cAAW,YAAW,WAAU,WAAU,cAAa,UAAQ,MAC7D,UACH,KAAA,CAAA;AAAA,EACF,EAAA,CAAA;AAEJ;AAEA,uBAAuB,eAAe;AAAA,EACpC,OAAO;AACT;AAEA,uBAAuB,YAAY;AAAA,EACjC,OAAO,UAAU;AAAA,EACjB,MAAM,UAAU,OAAO;AACzB;AC7BgB,SAAA,0BAA0B,EAAE,QAAQ;AAC5C,QAAA,EAAE,kBAAkB;AAE1B,6BAAQ,YAAW,EAAA,WAAU,cAAc,UAAe,eAAA,MAAM,aAAa,EAAE,CAAA;AACjF;AAEA,0BAA0B,YAAY;AAAA,EACpC,MAAM,UAAU,MAAM;AAAA,IACpB,WAAW,UAAU;AAAA,IACrB,UAAU,UAAU;AAAA,IACpB,UAAU,UAAU;AAAA,EACrB,CAAA,EAAE;AACL;"}

package/dist/_chunks/index-52b70b56.mjs

@@ -0,0 +1,125 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { GridItem, Typography, Flex, Tooltip, Icon } from "@strapi/design-system";
+import { Link } from "@strapi/design-system/v2";
+import { useRBAC, pxToRem } from "@strapi/helper-plugin";
+import { ExclamationMarkCircle, ExternalLink } from "@strapi/icons";
+import { useIntl } from "react-intl";
+import { useSelector } from "react-redux";
+import { s as selectAdminPermissions } from "./AuthenticatedApp-fd7e406d.mjs";
+import { u as useLicenseLimits } from "./useLicenseLimits-13a102d3.mjs";
+import "react";
+import "react-query";
+import "semver/functions/lt";
+import "semver/functions/valid";
+import "./index-60a57d31.mjs";
+import "react-dom/client";
+import "invariant";
+import "lodash/isFunction";
+import "lodash/merge";
+import "lodash/pick";
+import "react-helmet";
+import "react-router-dom";
+import "@radix-ui/react-context";
+import "formik";
+import "lodash/camelCase";
+import "styled-components";
+import "yup";
+import "lodash/defaultsDeep";
+import "lodash/omit";
+import "qs";
+import "immer";
+import "lodash/get";
+import "lodash/set";
+import "@reduxjs/toolkit";
+import "react-dnd";
+import "react-dnd-html5-backend";
+import "lodash/cloneDeep";
+const BILLING_STRAPI_CLOUD_URL = "https://cloud.strapi.io/profile/billing";
+const BILLING_SELF_HOSTED_URL = "https://strapi.io/billing/request-seats";
+const AdminSeatInfoEE = () => {
+  const { formatMessage } = useIntl();
+  const permissions = useSelector(selectAdminPermissions);
+  const {
+    isLoading: isRBACLoading,
+    allowedActions: { canRead, canCreate, canUpdate, canDelete }
+  } = useRBAC(permissions.settings.users);
+  const {
+    license: { licenseLimitStatus, enforcementUserCount, permittedSeats, isHostedOnStrapiCloud },
+    isError,
+    isLoading: isLicenseLoading
+  } = useLicenseLimits({
+    // TODO: this creates a waterfall which we should avoid to render earlier, but for that
+    // we will have to move away from data-fetching hooks to query functions.
+    // Short-term we could at least implement a loader, for the user to have visual feedback
+    // in case the requests take a while
+    enabled: !isRBACLoading && canRead && canCreate && canUpdate && canDelete
+  });
+  const isLoading = isRBACLoading || isLicenseLoading;
+  if (isError || isLoading || !permittedSeats) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxs(GridItem, { col: 6, s: 12, children: [
+    /* @__PURE__ */ jsx(Typography, { variant: "sigma", textColor: "neutral600", children: formatMessage({
+      id: "Settings.application.admin-seats",
+      defaultMessage: "Admin seats"
+    }) }),
+    /* @__PURE__ */ jsxs(Flex, { gap: 2, children: [
+      /* @__PURE__ */ jsx(Flex, { children: /* @__PURE__ */ jsx(Typography, { as: "p", children: formatMessage(
+        {
+          id: "Settings.application.ee.admin-seats.count",
+          defaultMessage: "<text>{enforcementUserCount}</text>/{permittedSeats}"
+        },
+        {
+          permittedSeats,
+          enforcementUserCount,
+          // eslint-disable-next-line react/no-unstable-nested-components
+          text: (chunks) => /* @__PURE__ */ jsx(
+            Typography,
+            {
+              fontWeight: "semiBold",
+              textColor: enforcementUserCount > permittedSeats ? "danger500" : null,
+              children: chunks
+            }
+          )
+        }
+      ) }) }),
+      licenseLimitStatus === "OVER_LIMIT" && /* @__PURE__ */ jsx(
+        Tooltip,
+        {
+          description: formatMessage({
+            id: "Settings.application.ee.admin-seats.at-limit-tooltip",
+            defaultMessage: "At limit: add seats to invite more users"
+          }),
+          children: /* @__PURE__ */ jsx(
+            Icon,
+            {
+              width: `${pxToRem(14)}rem`,
+              height: `${pxToRem(14)}rem`,
+              color: "danger500",
+              as: ExclamationMarkCircle
+            }
+          )
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx(
+      Link,
+      {
+        href: isHostedOnStrapiCloud ? BILLING_STRAPI_CLOUD_URL : BILLING_SELF_HOSTED_URL,
+        isExternal: true,
+        endIcon: /* @__PURE__ */ jsx(ExternalLink, {}),
+        children: formatMessage(
+          {
+            id: "Settings.application.ee.admin-seats.add-seats",
+            defaultMessage: "{isHostedOnStrapiCloud, select, true {Add seats} other {Contact sales}}"
+          },
+          { isHostedOnStrapiCloud }
+        )
+      }
+    )
+  ] });
+};
+export {
+  AdminSeatInfoEE
+};
+//# sourceMappingURL=index-52b70b56.mjs.map

package/dist/_chunks/index-52b70b56.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-52b70b56.mjs","sources":["../../ee/admin/src/pages/SettingsPage/pages/ApplicationInfosPage/components/AdminSeatInfo/index.js"],"sourcesContent":["import React from 'react';\n\nimport { Flex, GridItem, Icon, Tooltip, Typography } from '@strapi/design-system';\nimport { Link } from '@strapi/design-system/v2';\nimport { pxToRem, useRBAC } from '@strapi/helper-plugin';\nimport { ExclamationMarkCircle, ExternalLink } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\nimport { useSelector } from 'react-redux';\n\nimport { selectAdminPermissions } from '../../../../../../../../../admin/src/selectors';\nimport { useLicenseLimits } from '../../../../../../hooks/useLicenseLimits';\n\nconst BILLING_STRAPI_CLOUD_URL = 'https://cloud.strapi.io/profile/billing';\nconst BILLING_SELF_HOSTED_URL = 'https://strapi.io/billing/request-seats';\n\nexport const AdminSeatInfoEE = () => {\n  const { formatMessage } = useIntl();\n  const permissions = useSelector(selectAdminPermissions);\n  const {\n    isLoading: isRBACLoading,\n    allowedActions: { canRead, canCreate, canUpdate, canDelete },\n  } = useRBAC(permissions.settings.users);\n  const {\n    license: { licenseLimitStatus, enforcementUserCount, permittedSeats, isHostedOnStrapiCloud },\n    isError,\n    isLoading: isLicenseLoading,\n  } = useLicenseLimits({\n    // TODO: this creates a waterfall which we should avoid to render earlier, but for that\n    // we will have to move away from data-fetching hooks to query functions.\n    // Short-term we could at least implement a loader, for the user to have visual feedback\n    // in case the requests take a while\n    enabled: !isRBACLoading && canRead && canCreate && canUpdate && canDelete,\n  });\n\n  const isLoading = isRBACLoading || isLicenseLoading;\n\n  if (isError || isLoading || !permittedSeats) {\n    return null;\n  }\n\n  return (\n    <GridItem col={6} s={12}>\n      <Typography variant=\"sigma\" textColor=\"neutral600\">\n        {formatMessage({\n          id: 'Settings.application.admin-seats',\n          defaultMessage: 'Admin seats',\n        })}\n      </Typography>\n      <Flex gap={2}>\n        <Flex>\n          <Typography as=\"p\">\n            {formatMessage(\n              {\n                id: 'Settings.application.ee.admin-seats.count',\n                defaultMessage: '<text>{enforcementUserCount}</text>/{permittedSeats}',\n              },\n              {\n                permittedSeats,\n                enforcementUserCount,\n                // eslint-disable-next-line react/no-unstable-nested-components\n                text: (chunks) => (\n                  <Typography\n                    fontWeight=\"semiBold\"\n                    textColor={enforcementUserCount > permittedSeats ? 'danger500' : null}\n                  >\n                    {chunks}\n                  </Typography>\n                ),\n              }\n            )}\n          </Typography>\n        </Flex>\n        {licenseLimitStatus === 'OVER_LIMIT' && (\n          <Tooltip\n            description={formatMessage({\n              id: 'Settings.application.ee.admin-seats.at-limit-tooltip',\n              defaultMessage: 'At limit: add seats to invite more users',\n            })}\n          >\n            <Icon\n              width={`${pxToRem(14)}rem`}\n              height={`${pxToRem(14)}rem`}\n              color=\"danger500\"\n              as={ExclamationMarkCircle}\n            />\n          </Tooltip>\n        )}\n      </Flex>\n      <Link\n        href={isHostedOnStrapiCloud ? BILLING_STRAPI_CLOUD_URL : BILLING_SELF_HOSTED_URL}\n        isExternal\n        endIcon={<ExternalLink />}\n      >\n        {formatMessage(\n          {\n            id: 'Settings.application.ee.admin-seats.add-seats',\n            defaultMessage:\n              '{isHostedOnStrapiCloud, select, true {Add seats} other {Contact sales}}',\n          },\n          { isHostedOnStrapiCloud }\n        )}\n      </Link>\n    </GridItem>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAYA,MAAM,2BAA2B;AACjC,MAAM,0BAA0B;AAEzB,MAAM,kBAAkB,MAAM;AAC7B,QAAA,EAAE,kBAAkB;AACpB,QAAA,cAAc,YAAY,sBAAsB;AAChD,QAAA;AAAA,IACJ,WAAW;AAAA,IACX,gBAAgB,EAAE,SAAS,WAAW,WAAW,UAAU;AAAA,EACzD,IAAA,QAAQ,YAAY,SAAS,KAAK;AAChC,QAAA;AAAA,IACJ,SAAS,EAAE,oBAAoB,sBAAsB,gBAAgB,sBAAsB;AAAA,IAC3F;AAAA,IACA,WAAW;AAAA,MACT,iBAAiB;AAAA;AAAA;AAAA;AAAA;AAAA,IAKnB,SAAS,CAAC,iBAAiB,WAAW,aAAa,aAAa;AAAA,EAAA,CACjE;AAED,QAAM,YAAY,iBAAiB;AAE/B,MAAA,WAAW,aAAa,CAAC,gBAAgB;AACpC,WAAA;AAAA,EACT;AAEA,SACG,qBAAA,UAAA,EAAS,KAAK,GAAG,GAAG,IACnB,UAAA;AAAA,IAAA,oBAAC,YAAW,EAAA,SAAQ,SAAQ,WAAU,cACnC,UAAc,cAAA;AAAA,MACb,IAAI;AAAA,MACJ,gBAAgB;AAAA,IACjB,CAAA,GACH;AAAA,IACA,qBAAC,MAAK,EAAA,KAAK,GACT,UAAA;AAAA,MAAA,oBAAC,MACC,EAAA,UAAA,oBAAC,YAAW,EAAA,IAAG,KACZ,UAAA;AAAA,QACC;AAAA,UACE,IAAI;AAAA,UACJ,gBAAgB;AAAA,QAClB;AAAA,QACA;AAAA,UACE;AAAA,UACA;AAAA;AAAA,UAEA,MAAM,CAAC,WACL;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,YAAW;AAAA,cACX,WAAW,uBAAuB,iBAAiB,cAAc;AAAA,cAEhE,UAAA;AAAA,YAAA;AAAA,UACH;AAAA,QAEJ;AAAA,SAEJ,EACF,CAAA;AAAA,MACC,uBAAuB,gBACtB;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,aAAa,cAAc;AAAA,YACzB,IAAI;AAAA,YACJ,gBAAgB;AAAA,UAAA,CACjB;AAAA,UAED,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,OAAO,GAAG,QAAQ,EAAE,CAAC;AAAA,cACrB,QAAQ,GAAG,QAAQ,EAAE,CAAC;AAAA,cACtB,OAAM;AAAA,cACN,IAAI;AAAA,YAAA;AAAA,UACN;AAAA,QAAA;AAAA,MACF;AAAA,IAAA,GAEJ;AAAA,IACA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAM,wBAAwB,2BAA2B;AAAA,QACzD,YAAU;AAAA,QACV,6BAAU,cAAa,EAAA;AAAA,QAEtB,UAAA;AAAA,UACC;AAAA,YACE,IAAI;AAAA,YACJ,gBACE;AAAA,UACJ;AAAA,UACA,EAAE,sBAAsB;AAAA,QAC1B;AAAA,MAAA;AAAA,IACF;AAAA,EACF,EAAA,CAAA;AAEJ;"}

package/dist/_chunks/index-55f9b6b3.mjs

@@ -0,0 +1,412 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import React__default, { useEffect } from "react";
+import { getFetchClient, useAppInfo, useNotification, useOverlayBlocker, useFocusWhenNavigate, SettingsPageTitle, Link, LoadingIndicatorPage, Form, GenericInput, auth, useRBAC } from "@strapi/helper-plugin";
+import { useSelector } from "react-redux";
+import { useRouteMatch, useHistory, useLocation, Redirect } from "react-router-dom";
+import { g as getFullName, s as selectAdminPermissions } from "./AuthenticatedApp-fd7e406d.mjs";
+import { Main, HeaderLayout, Button, ContentLayout, Box, Flex, Typography, Grid, GridItem } from "@strapi/design-system";
+import { Check, ArrowLeft } from "@strapi/icons";
+import { Formik } from "formik";
+import get from "lodash/get";
+import omit from "lodash/omit";
+import pick from "lodash/pick";
+import PropTypes from "prop-types";
+import { useIntl } from "react-intl";
+import { u as useAdminUsers } from "./useAdminUsers-09f86a58.mjs";
+import { p as useEnterprise } from "./index-60a57d31.mjs";
+import { f as formatAPIErrors } from "./formatAPIErrors-db6ed675.mjs";
+import { M as MagicLinkCE, S as SelectRoles } from "./index-d81f74c4.mjs";
+import { a as schema } from "./edit-923cefa0.mjs";
+import "react-query";
+import "semver/functions/lt";
+import "semver/functions/valid";
+import "immer";
+import "lodash/set";
+import "react-dnd";
+import "react-dnd-html5-backend";
+import "@strapi/design-system/v2";
+import "styled-components";
+import "lodash/cloneDeep";
+import "react-dom/client";
+import "invariant";
+import "lodash/isFunction";
+import "lodash/merge";
+import "react-helmet";
+import "@radix-ui/react-context";
+import "lodash/camelCase";
+import "yup";
+import "lodash/defaultsDeep";
+import "qs";
+import "@reduxjs/toolkit";
+const putUser = async (id, body) => {
+  const { put } = getFetchClient();
+  const { data } = await put(`/admin/users/${id}`, body);
+  return data.data;
+};
+const layout = [
+  [
+    {
+      intlLabel: {
+        id: "Auth.form.firstname.label",
+        defaultMessage: "First name"
+      },
+      name: "firstname",
+      placeholder: {
+        id: "Auth.form.firstname.placeholder",
+        defaultMessage: "e.g. Kai"
+      },
+      type: "text",
+      size: {
+        col: 6,
+        xs: 12
+      },
+      required: true
+    },
+    {
+      intlLabel: {
+        id: "Auth.form.lastname.label",
+        defaultMessage: "Last name"
+      },
+      name: "lastname",
+      placeholder: {
+        id: "Auth.form.lastname.placeholder",
+        defaultMessage: "e.g. Doe"
+      },
+      type: "text",
+      size: {
+        col: 6,
+        xs: 12
+      }
+    }
+  ],
+  [
+    {
+      intlLabel: {
+        id: "Auth.form.email.label",
+        defaultMessage: "Email"
+      },
+      name: "email",
+      placeholder: {
+        id: "Auth.form.email.placeholder",
+        defaultMessage: "e.g. kai.doe@strapi.io"
+      },
+      type: "email",
+      size: {
+        col: 6,
+        xs: 12
+      },
+      required: true
+    },
+    {
+      intlLabel: {
+        id: "Auth.form.username.label",
+        defaultMessage: "Username"
+      },
+      name: "username",
+      placeholder: {
+        id: "Auth.form.username.placeholder",
+        defaultMessage: "e.g. Kai_Doe"
+      },
+      type: "text",
+      size: {
+        col: 6,
+        xs: 12
+      }
+    }
+  ],
+  [
+    {
+      intlLabel: {
+        id: "global.password",
+        defaultMessage: "Password"
+      },
+      name: "password",
+      type: "password",
+      size: {
+        col: 6,
+        xs: 12
+      },
+      autoComplete: "new-password"
+    },
+    {
+      intlLabel: {
+        id: "Auth.form.confirmPassword.label",
+        defaultMessage: "Password confirmation"
+      },
+      name: "confirmPassword",
+      type: "password",
+      size: {
+        col: 6,
+        xs: 12
+      },
+      autoComplete: "new-password"
+    }
+  ],
+  [
+    {
+      intlLabel: {
+        id: "Auth.form.active.label",
+        defaultMessage: "Active"
+      },
+      name: "isActive",
+      type: "bool",
+      size: {
+        col: 6,
+        xs: 12
+      }
+    }
+  ]
+];
+const fieldsToPick = ["email", "firstname", "lastname", "username", "isActive", "roles"];
+const EditPage = ({ canUpdate }) => {
+  const { formatMessage } = useIntl();
+  const {
+    params: { id }
+  } = useRouteMatch("/settings/users/:id");
+  const { push } = useHistory();
+  const { setUserDisplayName } = useAppInfo();
+  const toggleNotification = useNotification();
+  const { lockApp, unlockApp } = useOverlayBlocker();
+  const MagicLink = useEnterprise(
+    MagicLinkCE,
+    async () => (await import("./index-f69d3930.mjs")).MagicLinkEE
+  );
+  useFocusWhenNavigate();
+  const {
+    users: [user],
+    isLoading: isLoadingAdminUsers
+  } = useAdminUsers(
+    { id },
+    {
+      cacheTime: 0,
+      onError(error) {
+        const { status } = error.response;
+        if (status === 403) {
+          toggleNotification({
+            type: "info",
+            message: {
+              id: "notification.permission.not-allowed-read",
+              defaultMessage: "You are not allowed to see this document"
+            }
+          });
+          push("/");
+        } else {
+          toggleNotification({
+            type: "warning",
+            message: { id: "notification.error", defaultMessage: "An error occured" }
+          });
+        }
+      }
+    }
+  );
+  const handleSubmit = async (body, actions) => {
+    lockApp();
+    try {
+      const data = await putUser(id, omit(body, "confirmPassword"));
+      toggleNotification({
+        type: "success",
+        message: formatMessage({ id: "notification.success.saved", defaultMessage: "Saved" })
+      });
+      const userInfos = auth.getUserInfo();
+      if (id.toString() === userInfos.id.toString()) {
+        auth.setUserInfo(data);
+        const userDisplayName = get(body, "username") || getFullName(body.firstname, body.lastname);
+        setUserDisplayName(userDisplayName);
+      }
+      actions.setValues(pick(body, fieldsToPick));
+    } catch (err) {
+      const errors = formatAPIErrors(err.response.data);
+      const fieldsErrors = Object.keys(errors).reduce((acc, current) => {
+        acc[current] = errors[current].id;
+        return acc;
+      }, {});
+      actions.setErrors(fieldsErrors);
+      toggleNotification({
+        type: "warning",
+        message: get(err, "response.data.error.message", "notification.error")
+      });
+    }
+    unlockApp();
+  };
+  const isLoading = isLoadingAdminUsers || !MagicLink;
+  const headerLabel = isLoading ? { id: "app.containers.Users.EditPage.header.label-loading", defaultMessage: "Edit user" } : { id: "app.containers.Users.EditPage.header.label", defaultMessage: "Edit {name}" };
+  const initialData = Object.keys(pick(user, fieldsToPick)).reduce((acc, current) => {
+    if (current === "roles") {
+      acc[current] = (user?.roles || []).map(({ id: id2 }) => id2);
+      return acc;
+    }
+    acc[current] = user?.[current];
+    return acc;
+  }, {});
+  const headerLabelName = initialData.username || getFullName(initialData.firstname, initialData.lastname);
+  const title = formatMessage(headerLabel, { name: headerLabelName });
+  if (isLoading) {
+    return /* @__PURE__ */ jsxs(Main, { "aria-busy": "true", children: [
+      /* @__PURE__ */ jsx(SettingsPageTitle, { name: "Users" }),
+      /* @__PURE__ */ jsx(
+        HeaderLayout,
+        {
+          primaryAction: /* @__PURE__ */ jsx(Button, { disabled: true, startIcon: /* @__PURE__ */ jsx(Check, {}), type: "button", size: "L", children: formatMessage({ id: "global.save", defaultMessage: "Save" }) }),
+          title,
+          navigationAction: /* @__PURE__ */ jsx(Link, { startIcon: /* @__PURE__ */ jsx(ArrowLeft, {}), to: "/settings/users?pageSize=10&page=1&sort=firstname", children: formatMessage({
+            id: "global.back",
+            defaultMessage: "Back"
+          }) })
+        }
+      ),
+      /* @__PURE__ */ jsx(ContentLayout, { children: /* @__PURE__ */ jsx(LoadingIndicatorPage, {}) })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs(Main, { children: [
+    /* @__PURE__ */ jsx(SettingsPageTitle, { name: "Users" }),
+    /* @__PURE__ */ jsx(
+      Formik,
+      {
+        onSubmit: handleSubmit,
+        initialValues: initialData,
+        validateOnChange: false,
+        validationSchema: schema,
+        children: ({ errors, values, handleChange, isSubmitting, dirty }) => {
+          return /* @__PURE__ */ jsxs(Form, { children: [
+            /* @__PURE__ */ jsx(
+              HeaderLayout,
+              {
+                primaryAction: /* @__PURE__ */ jsx(
+                  Button,
+                  {
+                    disabled: isSubmitting || !canUpdate ? true : !dirty,
+                    startIcon: /* @__PURE__ */ jsx(Check, {}),
+                    loading: isSubmitting,
+                    type: "submit",
+                    size: "L",
+                    children: formatMessage({ id: "global.save", defaultMessage: "Save" })
+                  }
+                ),
+                title,
+                navigationAction: /* @__PURE__ */ jsx(
+                  Link,
+                  {
+                    startIcon: /* @__PURE__ */ jsx(ArrowLeft, {}),
+                    to: "/settings/users?pageSize=10&page=1&sort=firstname",
+                    children: formatMessage({
+                      id: "global.back",
+                      defaultMessage: "Back"
+                    })
+                  }
+                )
+              }
+            ),
+            /* @__PURE__ */ jsxs(ContentLayout, { children: [
+              user?.registrationToken && /* @__PURE__ */ jsx(Box, { paddingBottom: 6, children: /* @__PURE__ */ jsx(MagicLink, { registrationToken: user.registrationToken }) }),
+              /* @__PURE__ */ jsxs(Flex, { direction: "column", alignItems: "stretch", gap: 7, children: [
+                /* @__PURE__ */ jsx(
+                  Box,
+                  {
+                    background: "neutral0",
+                    hasRadius: true,
+                    shadow: "filterShadow",
+                    paddingTop: 6,
+                    paddingBottom: 6,
+                    paddingLeft: 7,
+                    paddingRight: 7,
+                    children: /* @__PURE__ */ jsxs(Flex, { direction: "column", alignItems: "stretch", gap: 4, children: [
+                      /* @__PURE__ */ jsx(Typography, { variant: "delta", as: "h2", children: formatMessage({
+                        id: "app.components.Users.ModalCreateBody.block-title.details",
+                        defaultMessage: "Details"
+                      }) }),
+                      /* @__PURE__ */ jsx(Grid, { gap: 5, children: layout.map((row) => {
+                        return row.map((input) => {
+                          return /* @__PURE__ */ jsx(GridItem, { ...input.size, children: /* @__PURE__ */ jsx(
+                            GenericInput,
+                            {
+                              ...input,
+                              disabled: !canUpdate,
+                              error: errors[input.name],
+                              onChange: handleChange,
+                              value: values[input.name] || ""
+                            }
+                          ) }, input.name);
+                        });
+                      }) })
+                    ] })
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  Box,
+                  {
+                    background: "neutral0",
+                    hasRadius: true,
+                    shadow: "filterShadow",
+                    paddingTop: 6,
+                    paddingBottom: 6,
+                    paddingLeft: 7,
+                    paddingRight: 7,
+                    children: /* @__PURE__ */ jsxs(Flex, { direction: "column", alignItems: "stretch", gap: 4, children: [
+                      /* @__PURE__ */ jsx(Typography, { variant: "delta", as: "h2", children: formatMessage({
+                        id: "global.roles",
+                        defaultMessage: "User's role"
+                      }) }),
+                      /* @__PURE__ */ jsx(Grid, { gap: 5, children: /* @__PURE__ */ jsx(GridItem, { col: 6, xs: 12, children: /* @__PURE__ */ jsx(
+                        SelectRoles,
+                        {
+                          disabled: !canUpdate,
+                          error: errors.roles,
+                          onChange: handleChange,
+                          value: values.roles
+                        }
+                      ) }) })
+                    ] })
+                  }
+                )
+              ] })
+            ] })
+          ] });
+        }
+      }
+    )
+  ] });
+};
+EditPage.propTypes = {
+  canUpdate: PropTypes.bool.isRequired
+};
+const ProtectedEditPage = () => {
+  const toggleNotification = useNotification();
+  const permissions = useSelector(selectAdminPermissions);
+  const memoizedPermissions = React__default.useMemo(
+    () => ({
+      read: permissions.settings.users.read,
+      update: permissions.settings.users.update
+    }),
+    [permissions.settings.users]
+  );
+  const {
+    isLoading,
+    allowedActions: { canRead, canUpdate }
+  } = useRBAC(memoizedPermissions);
+  const { state } = useLocation();
+  const from = state?.from ?? "/";
+  useEffect(() => {
+    if (!isLoading) {
+      if (!canRead && !canUpdate) {
+        toggleNotification({
+          type: "info",
+          message: {
+            id: "notification.permission.not-allowed-read",
+            defaultMessage: "You are not allowed to see this document"
+          }
+        });
+      }
+    }
+  }, [isLoading, canRead, canUpdate, toggleNotification]);
+  if (isLoading) {
+    return /* @__PURE__ */ jsx(LoadingIndicatorPage, {});
+  }
+  if (!canRead && !canUpdate) {
+    return /* @__PURE__ */ jsx(Redirect, { to: from });
+  }
+  return /* @__PURE__ */ jsx(EditPage, { canUpdate });
+};
+export {
+  ProtectedEditPage as default
+};
+//# sourceMappingURL=index-55f9b6b3.mjs.map