@strapi/admin 4.17.0 → 4.18.1-beta.0

package/index.js

@@ -102,7 +102,7 @@ async function watchAdmin({ browser, open, polling }) {
   );
 
   const cwd = process.cwd();
-  const logger = createLogger({ debug: true, silent: false, timestamp: false });
+  const logger = createLogger({ debug: false, silent: false, timestamp: false });
 
   const tsconfig = loadTsConfig({
     cwd,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@strapi/admin",
-  "version": "4.17.0",
+  "version": "4.18.1-beta.0",
   "description": "Strapi Admin",
   "repository": {
     "type": "git",
@@ -68,44 +68,44 @@
   },
   "dependencies": {
     "@casl/ability": "6.5.0",
-    "@pmmmwh/react-refresh-webpack-plugin": "0.5.10",
+    "@pmmmwh/react-refresh-webpack-plugin": "0.5.11",
     "@radix-ui/react-context": "1.0.1",
     "@radix-ui/react-toolbar": "1.0.4",
     "@reduxjs/toolkit": "1.9.7",
-    "@strapi/data-transfer": "4.17.0",
     "@strapi/design-system": "1.14.1",
-    "@strapi/helper-plugin": "4.17.0",
+    "@strapi/helper-plugin": "4.18.1-beta.0",
     "@strapi/icons": "1.14.1",
-    "@strapi/permissions": "4.17.0",
-    "@strapi/provider-audit-logs-local": "4.17.0",
-    "@strapi/types": "4.17.0",
-    "@strapi/typescript-utils": "4.17.0",
-    "@strapi/utils": "4.17.0",
+    "@strapi/permissions": "4.18.1-beta.0",
+    "@strapi/provider-audit-logs-local": "4.18.1-beta.0",
+    "@strapi/types": "4.18.1-beta.0",
+    "@strapi/typescript-utils": "4.18.1-beta.0",
+    "@strapi/utils": "4.18.1-beta.0",
+    "@vitejs/plugin-react-swc": "3.5.0",
     "axios": "1.6.0",
     "bcryptjs": "2.4.3",
     "boxen": "5.1.2",
-    "browserslist": "^4.22.1",
+    "browserslist": "^4.22.2",
     "browserslist-to-esbuild": "1.2.0",
     "chalk": "^4.1.2",
     "chokidar": "3.5.3",
     "codemirror5": "npm:codemirror@^5.65.11",
     "cross-env": "^7.0.3",
-    "css-loader": "^6.8.1",
+    "css-loader": "^6.9.0",
     "date-fns": "2.30.0",
     "dotenv": "14.2.0",
-    "esbuild": "0.19.2",
+    "esbuild": "0.19.11",
     "esbuild-loader": "^2.21.0",
     "esbuild-register": "3.5.0",
     "execa": "5.1.1",
     "fast-deep-equal": "3.1.3",
     "find-root": "1.1.0",
-    "fork-ts-checker-webpack-plugin": "8.0.0",
+    "fork-ts-checker-webpack-plugin": "9.0.2",
     "formik": "2.4.0",
     "fractional-indexing": "3.2.0",
     "fs-extra": "10.0.0",
     "highlight.js": "^10.4.1",
     "history": "^4.9.0",
-    "html-webpack-plugin": "5.5.0",
+    "html-webpack-plugin": "5.6.0",
     "immer": "9.0.19",
     "inquirer": "8.2.5",
     "invariant": "^2.2.4",
@@ -128,7 +128,7 @@
     "markdown-it-mark": "^3.0.1",
     "markdown-it-sub": "^1.0.0",
     "markdown-it-sup": "1.0.0",
-    "mini-css-extract-plugin": "2.7.6",
+    "mini-css-extract-plugin": "2.7.7",
     "node-schedule": "2.1.0",
     "ora": "5.4.1",
     "outdent": "0.8.0",
@@ -138,10 +138,8 @@
     "prettier": "2.8.4",
     "prop-types": "^15.8.1",
     "qs": "6.11.1",
-    "react": "^18.2.0",
-    "react-dnd": "15.1.2",
-    "react-dnd-html5-backend": "15.1.3",
-    "react-dom": "^18.2.0",
+    "react-dnd": "16.0.1",
+    "react-dnd-html5-backend": "16.0.1",
     "react-error-boundary": "3.1.4",
     "react-helmet": "^6.1.0",
     "react-intl": "6.4.1",
@@ -149,7 +147,6 @@
     "react-query": "3.39.3",
     "react-redux": "8.1.1",
     "react-refresh": "0.14.0",
-    "react-router-dom": "5.3.4",
     "react-select": "5.7.0",
     "react-window": "1.8.8",
     "read-pkg-up": "7.0.1",
@@ -161,20 +158,22 @@
     "slate": "0.94.1",
     "slate-history": "0.93.0",
     "slate-react": "0.98.3",
-    "style-loader": "3.3.1",
-    "styled-components": "5.3.3",
+    "style-loader": "3.3.4",
     "typescript": "5.2.2",
-    "webpack": "^5.88.1",
-    "webpack-bundle-analyzer": "^4.9.0",
+    "use-context-selector": "1.4.1",
+    "vite": "5.0.11",
+    "webpack": "^5.89.0",
+    "webpack-bundle-analyzer": "^4.10.1",
     "webpack-dev-middleware": "6.1.1",
-    "webpack-hot-middleware": "2.25.4",
+    "webpack-hot-middleware": "2.26.0",
     "yup": "0.32.9"
   },
   "devDependencies": {
-    "@strapi/admin-test-utils": "4.17.0",
-    "@strapi/pack-up": "4.17.0",
-    "@strapi/plugin-content-manager": "4.17.0",
-    "@strapi/strapi": "4.17.0",
+    "@strapi/admin-test-utils": "4.18.1-beta.0",
+    "@strapi/data-transfer": "4.18.1-beta.0",
+    "@strapi/pack-up": "4.18.1-beta.0",
+    "@strapi/plugin-content-manager": "4.18.1-beta.0",
+    "@strapi/strapi": "4.18.1-beta.0",
     "@testing-library/dom": "9.2.0",
     "@testing-library/react": "14.0.0",
     "@testing-library/user-event": "14.4.3",
@@ -194,13 +193,16 @@
     "@types/pluralize": "0.0.32",
     "@types/react-window": "1.8.8",
     "@types/sanitize-html": "2.9.5",
-    "@types/webpack-bundle-analyzer": "4.6.2",
-    "@types/webpack-hot-middleware": "2.25.8",
+    "@types/webpack-bundle-analyzer": "4.6.3",
+    "@types/webpack-hot-middleware": "2.25.9",
     "msw": "1.3.0",
-    "vite": "4.4.9"
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "react-router-dom": "5.3.4",
+    "styled-components": "5.3.3"
   },
   "peerDependencies": {
-    "@strapi/data-transfer": "4.16.2",
+    "@strapi/data-transfer": "^4.16.0",
     "@strapi/strapi": "^4.3.4",
     "react": "^17.0.0 || ^18.0.0",
     "react-dom": "^17.0.0 || ^18.0.0",
@@ -220,5 +222,5 @@
       }
     }
   },
-  "gitHead": "07112073ac7b4ffee57b911a13981bea3e6930cf"
+  "gitHead": "e1ede8c55a0e1e22ce20137bf238fc374bd5dd51"
 }

package/dist/_chunks/AdminSeatInfo-6e7bbb97.mjs

@@ -1,164 +0,0 @@
-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-7d1fdf0c.mjs";
-import { u as useLicenseLimits } from "./useLicenseLimits-497c0f5f.mjs";
-import "react";
-import "react-query";
-import "semver/functions/lt";
-import "semver/functions/valid";
-import "./index-95e8649d.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 "@reduxjs/toolkit";
-import "lodash/omit";
-import "qs";
-import "immer";
-import "lodash/get";
-import "lodash/set";
-import "lodash/defaultsDeep";
-import "react-dnd";
-import "react-dnd-html5-backend";
-import "react-window";
-import "lodash/cloneDeep";
-import "lodash/isEqual";
-import "lodash/upperFirst";
-import "prop-types";
-import "axios";
-import "lodash/fp";
-import "lodash/isNaN";
-import "lodash/take";
-import "slate";
-import "slate-history";
-import "slate-react";
-import "@radix-ui/react-toolbar";
-import "codemirror5";
-import "sanitize-html";
-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 "codemirror5/addon/display/placeholder";
-import "lodash/toString";
-import "lodash/isEmpty";
-import "react-dom";
-import "lodash/isBoolean";
-import "lodash/toNumber";
-import "fractional-indexing";
-import "lodash/uniqBy";
-import "lodash/unset";
-import "lodash/isArray";
-import "date-fns/parseISO";
-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 { settings } = useSelector(selectAdminPermissions);
-  const {
-    isLoading: isRBACLoading,
-    allowedActions: { canRead, canCreate, canUpdate, canDelete }
-  } = useRBAC(settings?.users ?? {});
-  const {
-    license,
-    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 || !license) {
-    return null;
-  }
-  const { licenseLimitStatus, enforcementUserCount, permittedSeats, isHostedOnStrapiCloud } = license;
-  if (!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,
-          text: (chunks) => /* @__PURE__ */ jsx(
-            Typography,
-            {
-              fontWeight: "semiBold",
-              textColor: enforcementUserCount > permittedSeats ? "danger500" : void 0,
-              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),
-              height: pxToRem(14),
-              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=AdminSeatInfo-6e7bbb97.mjs.map

package/dist/_chunks/AdminSeatInfo-6e7bbb97.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"AdminSeatInfo-6e7bbb97.mjs","sources":["../../ee/admin/src/pages/SettingsPage/pages/ApplicationInfoPage/components/AdminSeatInfo.tsx"],"sourcesContent":["import { 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 { settings } = useSelector(selectAdminPermissions);\n  const {\n    isLoading: isRBACLoading,\n    allowedActions: { canRead, canCreate, canUpdate, canDelete },\n  } = useRBAC(settings?.users ?? {});\n  const {\n    license,\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 || !license) {\n    return null;\n  }\n\n  const { licenseLimitStatus, enforcementUserCount, permittedSeats, isHostedOnStrapiCloud } =\n    license;\n\n  if (!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                text: (chunks) =>\n                  (\n                    <Typography\n                      fontWeight=\"semiBold\"\n                      textColor={enforcementUserCount > permittedSeats ? 'danger500' : undefined}\n                    >\n                      {chunks}\n                    </Typography>\n                  ) as any,\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)}\n              height={pxToRem(14)}\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAUA,MAAM,2BAA2B;AACjC,MAAM,0BAA0B;AAEzB,MAAM,kBAAkB,MAAM;AAC7B,QAAA,EAAE,kBAAkB;AAC1B,QAAM,EAAE,SAAA,IAAa,YAAY,sBAAsB;AACjD,QAAA;AAAA,IACJ,WAAW;AAAA,IACX,gBAAgB,EAAE,SAAS,WAAW,WAAW,UAAU;AAAA,EACzD,IAAA,QAAQ,UAAU,SAAS,CAAE,CAAA;AAC3B,QAAA;AAAA,IACJ;AAAA,IACA;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,SAAS;AAC7B,WAAA;AAAA,EACT;AAEA,QAAM,EAAE,oBAAoB,sBAAsB,gBAAgB,0BAChE;AAEF,MAAI,CAAC,gBAAgB;AACZ,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,UACA,MAAM,CAAC,WAEH;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,YAAW;AAAA,cACX,WAAW,uBAAuB,iBAAiB,cAAc;AAAA,cAEhE,UAAA;AAAA,YAAA;AAAA,UACH;AAAA,QAEN;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,QAAQ,EAAE;AAAA,cACjB,QAAQ,QAAQ,EAAE;AAAA,cAClB,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/AdminSeatInfo-a10d232f.js

@@ -1,164 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const designSystem = require("@strapi/design-system");
-const v2 = require("@strapi/design-system/v2");
-const helperPlugin = require("@strapi/helper-plugin");
-const Icons = require("@strapi/icons");
-const reactIntl = require("react-intl");
-const reactRedux = require("react-redux");
-const AuthenticatedApp = require("./AuthenticatedApp-47219c52.js");
-const useLicenseLimits = require("./useLicenseLimits-e60a01b1.js");
-require("react");
-require("react-query");
-require("semver/functions/lt");
-require("semver/functions/valid");
-require("./index-3f8cf4d5.js");
-require("react-dom/client");
-require("invariant");
-require("lodash/isFunction");
-require("lodash/merge");
-require("lodash/pick");
-require("react-helmet");
-require("react-router-dom");
-require("@radix-ui/react-context");
-require("formik");
-require("lodash/camelCase");
-require("styled-components");
-require("yup");
-require("@reduxjs/toolkit");
-require("lodash/omit");
-require("qs");
-require("immer");
-require("lodash/get");
-require("lodash/set");
-require("lodash/defaultsDeep");
-require("react-dnd");
-require("react-dnd-html5-backend");
-require("react-window");
-require("lodash/cloneDeep");
-require("lodash/isEqual");
-require("lodash/upperFirst");
-require("prop-types");
-require("axios");
-require("lodash/fp");
-require("lodash/isNaN");
-require("lodash/take");
-require("slate");
-require("slate-history");
-require("slate-react");
-require("@radix-ui/react-toolbar");
-require("codemirror5");
-require("sanitize-html");
-require("highlight.js");
-require("markdown-it");
-require("markdown-it-abbr");
-require("markdown-it-container");
-require("markdown-it-deflist");
-require("markdown-it-emoji");
-require("markdown-it-footnote");
-require("markdown-it-ins");
-require("markdown-it-mark");
-require("markdown-it-sub");
-require("markdown-it-sup");
-require("codemirror5/addon/display/placeholder");
-require("lodash/toString");
-require("lodash/isEmpty");
-require("react-dom");
-require("lodash/isBoolean");
-require("lodash/toNumber");
-require("fractional-indexing");
-require("lodash/uniqBy");
-require("lodash/unset");
-require("lodash/isArray");
-require("date-fns/parseISO");
-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 } = reactIntl.useIntl();
-  const { settings } = reactRedux.useSelector(AuthenticatedApp.selectAdminPermissions);
-  const {
-    isLoading: isRBACLoading,
-    allowedActions: { canRead, canCreate, canUpdate, canDelete }
-  } = helperPlugin.useRBAC(settings?.users ?? {});
-  const {
-    license,
-    isError,
-    isLoading: isLicenseLoading
-  } = useLicenseLimits.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 || !license) {
-    return null;
-  }
-  const { licenseLimitStatus, enforcementUserCount, permittedSeats, isHostedOnStrapiCloud } = license;
-  if (!permittedSeats) {
-    return null;
-  }
-  return /* @__PURE__ */ jsxRuntime.jsxs(designSystem.GridItem, { col: 6, s: 12, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", textColor: "neutral600", children: formatMessage({
-      id: "Settings.application.admin-seats",
-      defaultMessage: "Admin seats"
-    }) }),
-    /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 2, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { as: "p", children: formatMessage(
-        {
-          id: "Settings.application.ee.admin-seats.count",
-          defaultMessage: "<text>{enforcementUserCount}</text>/{permittedSeats}"
-        },
-        {
-          permittedSeats,
-          enforcementUserCount,
-          text: (chunks) => /* @__PURE__ */ jsxRuntime.jsx(
-            designSystem.Typography,
-            {
-              fontWeight: "semiBold",
-              textColor: enforcementUserCount > permittedSeats ? "danger500" : void 0,
-              children: chunks
-            }
-          )
-        }
-      ) }) }),
-      licenseLimitStatus === "OVER_LIMIT" && /* @__PURE__ */ jsxRuntime.jsx(
-        designSystem.Tooltip,
-        {
-          description: formatMessage({
-            id: "Settings.application.ee.admin-seats.at-limit-tooltip",
-            defaultMessage: "At limit: add seats to invite more users"
-          }),
-          children: /* @__PURE__ */ jsxRuntime.jsx(
-            designSystem.Icon,
-            {
-              width: helperPlugin.pxToRem(14),
-              height: helperPlugin.pxToRem(14),
-              color: "danger500",
-              as: Icons.ExclamationMarkCircle
-            }
-          )
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      v2.Link,
-      {
-        href: isHostedOnStrapiCloud ? BILLING_STRAPI_CLOUD_URL : BILLING_SELF_HOSTED_URL,
-        isExternal: true,
-        endIcon: /* @__PURE__ */ jsxRuntime.jsx(Icons.ExternalLink, {}),
-        children: formatMessage(
-          {
-            id: "Settings.application.ee.admin-seats.add-seats",
-            defaultMessage: "{isHostedOnStrapiCloud, select, true {Add seats} other {Contact sales}}"
-          },
-          { isHostedOnStrapiCloud }
-        )
-      }
-    )
-  ] });
-};
-exports.AdminSeatInfoEE = AdminSeatInfoEE;
-//# sourceMappingURL=AdminSeatInfo-a10d232f.js.map

package/dist/_chunks/AdminSeatInfo-a10d232f.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AdminSeatInfo-a10d232f.js","sources":["../../ee/admin/src/pages/SettingsPage/pages/ApplicationInfoPage/components/AdminSeatInfo.tsx"],"sourcesContent":["import { 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 { settings } = useSelector(selectAdminPermissions);\n  const {\n    isLoading: isRBACLoading,\n    allowedActions: { canRead, canCreate, canUpdate, canDelete },\n  } = useRBAC(settings?.users ?? {});\n  const {\n    license,\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 || !license) {\n    return null;\n  }\n\n  const { licenseLimitStatus, enforcementUserCount, permittedSeats, isHostedOnStrapiCloud } =\n    license;\n\n  if (!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                text: (chunks) =>\n                  (\n                    <Typography\n                      fontWeight=\"semiBold\"\n                      textColor={enforcementUserCount > permittedSeats ? 'danger500' : undefined}\n                    >\n                      {chunks}\n                    </Typography>\n                  ) as any,\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)}\n              height={pxToRem(14)}\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":["useIntl","useSelector","selectAdminPermissions","useRBAC","useLicenseLimits","jsxs","GridItem","jsx","Typography","Flex","Tooltip","Icon","pxToRem","ExclamationMarkCircle","Link","ExternalLink"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAUA,MAAM,2BAA2B;AACjC,MAAM,0BAA0B;AAEzB,MAAM,kBAAkB,MAAM;AAC7B,QAAA,EAAE,kBAAkBA,UAAAA;AAC1B,QAAM,EAAE,SAAA,IAAaC,WAAA,YAAYC,iBAAsB,sBAAA;AACjD,QAAA;AAAA,IACJ,WAAW;AAAA,IACX,gBAAgB,EAAE,SAAS,WAAW,WAAW,UAAU;AAAA,EACzD,IAAAC,qBAAQ,UAAU,SAAS,CAAE,CAAA;AAC3B,QAAA;AAAA,IACJ;AAAA,IACA;AAAA,IACA,WAAW;AAAA,MACTC,kCAAiB;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,SAAS;AAC7B,WAAA;AAAA,EACT;AAEA,QAAM,EAAE,oBAAoB,sBAAsB,gBAAgB,0BAChE;AAEF,MAAI,CAAC,gBAAgB;AACZ,WAAA;AAAA,EACT;AAEA,SACGC,2BAAAA,KAAAC,aAAAA,UAAA,EAAS,KAAK,GAAG,GAAG,IACnB,UAAA;AAAA,IAAAC,+BAACC,aAAAA,YAAW,EAAA,SAAQ,SAAQ,WAAU,cACnC,UAAc,cAAA;AAAA,MACb,IAAI;AAAA,MACJ,gBAAgB;AAAA,IACjB,CAAA,GACH;AAAA,IACAH,2BAAAA,KAACI,aAAAA,MAAK,EAAA,KAAK,GACT,UAAA;AAAA,MAAAF,+BAACE,aAAAA,MACC,EAAA,UAAAF,2BAAA,IAACC,aAAW,YAAA,EAAA,IAAG,KACZ,UAAA;AAAA,QACC;AAAA,UACE,IAAI;AAAA,UACJ,gBAAgB;AAAA,QAClB;AAAA,QACA;AAAA,UACE;AAAA,UACA;AAAA,UACA,MAAM,CAAC,WAEHD,2BAAA;AAAA,YAACC,aAAA;AAAA,YAAA;AAAA,cACC,YAAW;AAAA,cACX,WAAW,uBAAuB,iBAAiB,cAAc;AAAA,cAEhE,UAAA;AAAA,YAAA;AAAA,UACH;AAAA,QAEN;AAAA,SAEJ,EACF,CAAA;AAAA,MACC,uBAAuB,gBACtBD,2BAAA;AAAA,QAACG,aAAA;AAAA,QAAA;AAAA,UACC,aAAa,cAAc;AAAA,YACzB,IAAI;AAAA,YACJ,gBAAgB;AAAA,UAAA,CACjB;AAAA,UAED,UAAAH,2BAAA;AAAA,YAACI,aAAA;AAAA,YAAA;AAAA,cACC,OAAOC,qBAAQ,EAAE;AAAA,cACjB,QAAQA,qBAAQ,EAAE;AAAA,cAClB,OAAM;AAAA,cACN,IAAIC,MAAA;AAAA,YAAA;AAAA,UACN;AAAA,QAAA;AAAA,MACF;AAAA,IAAA,GAEJ;AAAA,IACAN,2BAAA;AAAA,MAACO,GAAA;AAAA,MAAA;AAAA,QACC,MAAM,wBAAwB,2BAA2B;AAAA,QACzD,YAAU;AAAA,QACV,wCAAUC,MAAa,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;;"}