@strapi/admin 5.57.0 → 5.58.0

package/dist/admin/ee/admin/src/pages/SettingsPage/pages/ApplicationInfoPage/components/AdminSeatInfo.js.map

@@ -1 +1 @@
-{"version":3,"file":"AdminSeatInfo.js","sources":["../../../../../../../../../../ee/admin/src/pages/SettingsPage/pages/ApplicationInfoPage/components/AdminSeatInfo.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { Flex, Tooltip, Typography, Link, Grid } from '@strapi/design-system';\nimport { ExternalLink, WarningCircle } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\nimport { useSelector } from 'react-redux';\n\nimport { useRBAC } from '../../../../../../../../admin/src/hooks/useRBAC';\nimport { selectAdminPermissions } from '../../../../../../../../admin/src/selectors';\nimport { useLicenseLimits } from '../../../../../hooks/useLicenseLimits';\n\nconst BILLING_SELF_HOSTED_URL = 'mailto:sales@strapi.io';\nconst MANAGE_SUBSCRIPTION_URL = 'https://billing.strapi.io';\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, type } = license;\n\n  if (!permittedSeats) {\n    return null;\n  }\n\n  return (\n    <Grid.Item col={6} xs={12} direction=\"column\" alignItems=\"stretch\">\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 tag=\"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: ReactNode) => (\n                  <Typography\n                    fontWeight=\"semiBold\"\n                    textColor={enforcementUserCount > permittedSeats ? 'danger500' : undefined}\n                  >\n                    {chunks}\n                  </Typography>\n                ),\n              }\n            )}\n          </Typography>\n        </Flex>\n        {licenseLimitStatus === 'OVER_LIMIT' && (\n          <Tooltip\n            label={formatMessage({\n              id: 'Settings.application.ee.admin-seats.at-limit-tooltip',\n              defaultMessage: 'At limit: add seats to invite more users',\n            })}\n          >\n            <WarningCircle width=\"1.4rem\" height=\"1.4rem\" fill=\"danger500\" />\n          </Tooltip>\n        )}\n      </Flex>\n      {type === 'gold' ? (\n        <Link href={BILLING_SELF_HOSTED_URL} endIcon={<ExternalLink />} target=\"_blank\">\n          {formatMessage({\n            id: 'Settings.application.ee.admin-seats.support',\n            defaultMessage: 'Contact sales',\n          })}\n        </Link>\n      ) : (\n        <Link href={MANAGE_SUBSCRIPTION_URL} isExternal endIcon={<ExternalLink />} target=\"_blank\">\n          {formatMessage({\n            id: 'Settings.application.ee.admin-seats.add-seats',\n            defaultMessage: 'Manage subscription',\n          })}\n        </Link>\n      )}\n    </Grid.Item>\n  );\n};\n"],"names":["BILLING_SELF_HOSTED_URL","MANAGE_SUBSCRIPTION_URL","AdminSeatInfoEE","formatMessage","useIntl","settings","useSelector","selectAdminPermissions","isLoading","isRBACLoading","allowedActions","canRead","canCreate","canUpdate","canDelete","useRBAC","users","license","isError","isLicenseLoading","useLicenseLimits","enabled","licenseLimitStatus","enforcementUserCount","permittedSeats","type","_jsxs","Grid","Item","col","xs","direction","alignItems","_jsx","Typography","variant","textColor","id","defaultMessage","Flex","gap","tag","text","chunks","fontWeight","undefined","Tooltip","label","WarningCircle","width","height","fill","Link","href","endIcon","ExternalLink","target","isExternal"],"mappings":"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"}
+{"version":3,"file":"AdminSeatInfo.js","sources":["../../../../../../../../../../ee/admin/src/pages/SettingsPage/pages/ApplicationInfoPage/components/AdminSeatInfo.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { Flex, Tooltip, Typography } from '@strapi/design-system';\nimport { WarningCircle } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\nimport { useSelector } from 'react-redux';\n\nimport { useRBAC } from '../../../../../../../../admin/src/hooks/useRBAC';\nimport { selectAdminPermissions } from '../../../../../../../../admin/src/selectors';\nimport { useLicenseLimits } from '../../../../../hooks/useLicenseLimits';\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 { enforcementUserCount, permittedSeats, seats } = license;\n\n  // `permittedSeats` is the live enforcement limit and is wiped once the licence stops being\n  // usable, so fall back to the retained `seats` to keep showing the count on an expired\n  // licence. Enforcement itself (`licenseLimitStatus`, `shouldStopCreate`) still runs off\n  // `permittedSeats` server-side and is untouched by this.\n  const seatLimit = permittedSeats ?? seats;\n\n  if (!seatLimit) {\n    return null;\n  }\n\n  // The red count and the warning follow the same displayed limit. Server-side\n  // `licenseLimitStatus` tracks only the live limit, so it is empty once the licence expires.\n  const isOverLimit = enforcementUserCount > seatLimit;\n\n  return (\n    <Flex direction=\"column\" alignItems=\"start\" gap={2}>\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 tag=\"p\">\n            {formatMessage(\n              {\n                id: 'Settings.application.ee.admin-seats.count',\n                defaultMessage: '<text>{enforcementUserCount}</text>/{permittedSeats}',\n              },\n              {\n                permittedSeats: seatLimit,\n                enforcementUserCount,\n                text: (chunks: ReactNode) => (\n                  <Typography\n                    fontWeight=\"semiBold\"\n                    textColor={isOverLimit ? 'danger500' : undefined}\n                  >\n                    {chunks}\n                  </Typography>\n                ),\n              }\n            )}\n          </Typography>\n        </Flex>\n        {isOverLimit && (\n          <Tooltip\n            label={formatMessage({\n              id: 'Settings.application.ee.admin-seats.at-limit-tooltip',\n              defaultMessage: 'At limit: add seats to invite more users',\n            })}\n          >\n            <WarningCircle width=\"1.4rem\" height=\"1.4rem\" fill=\"danger500\" />\n          </Tooltip>\n        )}\n      </Flex>\n    </Flex>\n  );\n};\n"],"names":["AdminSeatInfoEE","formatMessage","useIntl","settings","useSelector","selectAdminPermissions","isLoading","isRBACLoading","allowedActions","canRead","canCreate","canUpdate","canDelete","useRBAC","users","license","isError","isLicenseLoading","useLicenseLimits","enabled","enforcementUserCount","permittedSeats","seats","seatLimit","isOverLimit","_jsxs","Flex","direction","alignItems","gap","_jsx","Typography","variant","textColor","id","defaultMessage","tag","text","chunks","fontWeight","undefined","Tooltip","label","WarningCircle","width","height","fill"],"mappings":";;;;;;;;;;;MAWaA,eAAAA,GAAkB,IAAA;IAC7B,MAAM,EAAEC,aAAa,EAAE,GAAGC,iBAAAA,EAAAA;AAC1B,IAAA,MAAM,EAAEC,QAAQ,EAAE,GAAGC,sBAAAA,CAAYC,gCAAAA,CAAAA;AACjC,IAAA,MAAM,EACJC,SAAAA,EAAWC,aAAa,EACxBC,cAAAA,EAAgB,EAAEC,OAAO,EAAEC,SAAS,EAAEC,SAAS,EAAEC,SAAS,EAAE,EAC7D,GAAGC,eAAAA,CAAQV,QAAAA,EAAUW,SAAS,EAAC,CAAA;IAChC,MAAM,EACJC,OAAO,EACPC,OAAO,EACPV,SAAAA,EAAWW,gBAAgB,EAC5B,GAAGC,iCAAAA,CAAiB;;;;;AAKnBC,QAAAA,OAAAA,EAAS,CAACZ,aAAAA,IAAiBE,OAAAA,IAAWC,SAAAA,IAAaC,SAAAA,IAAaC;AAClE,KAAA,CAAA;AAEA,IAAA,MAAMN,YAAYC,aAAAA,IAAiBU,gBAAAA;IAEnC,IAAID,OAAAA,IAAWV,SAAAA,IAAa,CAACS,OAAAA,EAAS;QACpC,OAAO,IAAA;AACT,IAAA;AAEA,IAAA,MAAM,EAAEK,oBAAoB,EAAEC,cAAc,EAAEC,KAAK,EAAE,GAAGP,OAAAA;;;;;AAMxD,IAAA,MAAMQ,YAAYF,cAAAA,IAAkBC,KAAAA;AAEpC,IAAA,IAAI,CAACC,SAAAA,EAAW;QACd,OAAO,IAAA;AACT,IAAA;;;AAIA,IAAA,MAAMC,cAAcJ,oBAAAA,GAAuBG,SAAAA;AAE3C,IAAA,qBACEE,eAAA,CAACC,iBAAAA,EAAAA;QAAKC,SAAAA,EAAU,QAAA;QAASC,UAAAA,EAAW,OAAA;QAAQC,GAAAA,EAAK,CAAA;;0BAC/CC,cAAA,CAACC,uBAAAA,EAAAA;gBAAWC,OAAAA,EAAQ,OAAA;gBAAQC,SAAAA,EAAU,YAAA;0BACnChC,aAAAA,CAAc;oBACbiC,EAAAA,EAAI,kCAAA;oBACJC,cAAAA,EAAgB;AAClB,iBAAA;;0BAEFV,eAAA,CAACC,iBAAAA,EAAAA;gBAAKG,GAAAA,EAAK,CAAA;;kCACTC,cAAA,CAACJ,iBAAAA,EAAAA;AACC,wBAAA,QAAA,gBAAAI,cAAA,CAACC,uBAAAA,EAAAA;4BAAWK,GAAAA,EAAI,GAAA;sCACbnC,aAAAA,CACC;gCACEiC,EAAAA,EAAI,2CAAA;gCACJC,cAAAA,EAAgB;6BAClB,EACA;gCACEd,cAAAA,EAAgBE,SAAAA;AAChBH,gCAAAA,oBAAAA;gCACAiB,IAAAA,EAAM,CAACC,uBACLR,cAAA,CAACC,uBAAAA,EAAAA;wCACCQ,UAAAA,EAAW,UAAA;AACXN,wCAAAA,SAAAA,EAAWT,cAAc,WAAA,GAAcgB,SAAAA;AAEtCF,wCAAAA,QAAAA,EAAAA;;AAGP,6BAAA;;;AAILd,oBAAAA,WAAAA,kBACCM,cAAA,CAACW,oBAAAA,EAAAA;AACCC,wBAAAA,KAAAA,EAAOzC,aAAAA,CAAc;4BACnBiC,EAAAA,EAAI,sDAAA;4BACJC,cAAAA,EAAgB;AAClB,yBAAA,CAAA;AAEA,wBAAA,QAAA,gBAAAL,cAAA,CAACa,mBAAAA,EAAAA;4BAAcC,KAAAA,EAAM,QAAA;4BAASC,MAAAA,EAAO,QAAA;4BAASC,IAAAA,EAAK;;;;;;;AAM/D;;;;"}

package/dist/admin/ee/admin/src/pages/SettingsPage/pages/ApplicationInfoPage/components/AdminSeatInfo.mjs

@@ -1,14 +1,12 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { Grid, Typography, Flex, Tooltip, Link } from '@strapi/design-system';
-import { WarningCircle, ExternalLink } from '@strapi/icons';
+import { Flex, Typography, Tooltip } from '@strapi/design-system';
+import { WarningCircle } from '@strapi/icons';
 import { useIntl } from 'react-intl';
 import { useSelector } from 'react-redux';
 import { useRBAC } from '../../../../../../../../admin/src/hooks/useRBAC.mjs';
 import { selectAdminPermissions } from '../../../../../../../../admin/src/selectors.mjs';
 import { useLicenseLimits } from '../../../../../hooks/useLicenseLimits.mjs';
 
-const BILLING_SELF_HOSTED_URL = 'mailto:sales@strapi.io';
-const MANAGE_SUBSCRIPTION_URL = 'https://billing.strapi.io';
 const AdminSeatInfoEE = ()=>{
     const { formatMessage } = useIntl();
     const { settings } = useSelector(selectAdminPermissions);
@@ -24,15 +22,22 @@ const AdminSeatInfoEE = ()=>{
     if (isError || isLoading || !license) {
         return null;
     }
-    const { licenseLimitStatus, enforcementUserCount, permittedSeats, type } = license;
-    if (!permittedSeats) {
+    const { enforcementUserCount, permittedSeats, seats } = license;
+    // `permittedSeats` is the live enforcement limit and is wiped once the licence stops being
+    // usable, so fall back to the retained `seats` to keep showing the count on an expired
+    // licence. Enforcement itself (`licenseLimitStatus`, `shouldStopCreate`) still runs off
+    // `permittedSeats` server-side and is untouched by this.
+    const seatLimit = permittedSeats ?? seats;
+    if (!seatLimit) {
         return null;
     }
-    return /*#__PURE__*/ jsxs(Grid.Item, {
-        col: 6,
-        xs: 12,
+    // The red count and the warning follow the same displayed limit. Server-side
+    // `licenseLimitStatus` tracks only the live limit, so it is empty once the licence expires.
+    const isOverLimit = enforcementUserCount > seatLimit;
+    return /*#__PURE__*/ jsxs(Flex, {
         direction: "column",
-        alignItems: "stretch",
+        alignItems: "start",
+        gap: 2,
         children: [
             /*#__PURE__*/ jsx(Typography, {
                 variant: "sigma",
@@ -52,17 +57,17 @@ const AdminSeatInfoEE = ()=>{
                                 id: 'Settings.application.ee.admin-seats.count',
                                 defaultMessage: '<text>{enforcementUserCount}</text>/{permittedSeats}'
                             }, {
-                                permittedSeats,
+                                permittedSeats: seatLimit,
                                 enforcementUserCount,
                                 text: (chunks)=>/*#__PURE__*/ jsx(Typography, {
                                         fontWeight: "semiBold",
-                                        textColor: enforcementUserCount > permittedSeats ? 'danger500' : undefined,
+                                        textColor: isOverLimit ? 'danger500' : undefined,
                                         children: chunks
                                     })
                             })
                         })
                     }),
-                    licenseLimitStatus === 'OVER_LIMIT' && /*#__PURE__*/ jsx(Tooltip, {
+                    isOverLimit && /*#__PURE__*/ jsx(Tooltip, {
                         label: formatMessage({
                             id: 'Settings.application.ee.admin-seats.at-limit-tooltip',
                             defaultMessage: 'At limit: add seats to invite more users'
@@ -74,24 +79,6 @@ const AdminSeatInfoEE = ()=>{
                         })
                     })
                 ]
-            }),
-            type === 'gold' ? /*#__PURE__*/ jsx(Link, {
-                href: BILLING_SELF_HOSTED_URL,
-                endIcon: /*#__PURE__*/ jsx(ExternalLink, {}),
-                target: "_blank",
-                children: formatMessage({
-                    id: 'Settings.application.ee.admin-seats.support',
-                    defaultMessage: 'Contact sales'
-                })
-            }) : /*#__PURE__*/ jsx(Link, {
-                href: MANAGE_SUBSCRIPTION_URL,
-                isExternal: true,
-                endIcon: /*#__PURE__*/ jsx(ExternalLink, {}),
-                target: "_blank",
-                children: formatMessage({
-                    id: 'Settings.application.ee.admin-seats.add-seats',
-                    defaultMessage: 'Manage subscription'
-                })
             })
         ]
     });

package/dist/admin/ee/admin/src/pages/SettingsPage/pages/ApplicationInfoPage/components/AdminSeatInfo.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"AdminSeatInfo.mjs","sources":["../../../../../../../../../../ee/admin/src/pages/SettingsPage/pages/ApplicationInfoPage/components/AdminSeatInfo.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { Flex, Tooltip, Typography, Link, Grid } from '@strapi/design-system';\nimport { ExternalLink, WarningCircle } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\nimport { useSelector } from 'react-redux';\n\nimport { useRBAC } from '../../../../../../../../admin/src/hooks/useRBAC';\nimport { selectAdminPermissions } from '../../../../../../../../admin/src/selectors';\nimport { useLicenseLimits } from '../../../../../hooks/useLicenseLimits';\n\nconst BILLING_SELF_HOSTED_URL = 'mailto:sales@strapi.io';\nconst MANAGE_SUBSCRIPTION_URL = 'https://billing.strapi.io';\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, type } = license;\n\n  if (!permittedSeats) {\n    return null;\n  }\n\n  return (\n    <Grid.Item col={6} xs={12} direction=\"column\" alignItems=\"stretch\">\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 tag=\"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: ReactNode) => (\n                  <Typography\n                    fontWeight=\"semiBold\"\n                    textColor={enforcementUserCount > permittedSeats ? 'danger500' : undefined}\n                  >\n                    {chunks}\n                  </Typography>\n                ),\n              }\n            )}\n          </Typography>\n        </Flex>\n        {licenseLimitStatus === 'OVER_LIMIT' && (\n          <Tooltip\n            label={formatMessage({\n              id: 'Settings.application.ee.admin-seats.at-limit-tooltip',\n              defaultMessage: 'At limit: add seats to invite more users',\n            })}\n          >\n            <WarningCircle width=\"1.4rem\" height=\"1.4rem\" fill=\"danger500\" />\n          </Tooltip>\n        )}\n      </Flex>\n      {type === 'gold' ? (\n        <Link href={BILLING_SELF_HOSTED_URL} endIcon={<ExternalLink />} target=\"_blank\">\n          {formatMessage({\n            id: 'Settings.application.ee.admin-seats.support',\n            defaultMessage: 'Contact sales',\n          })}\n        </Link>\n      ) : (\n        <Link href={MANAGE_SUBSCRIPTION_URL} isExternal endIcon={<ExternalLink />} target=\"_blank\">\n          {formatMessage({\n            id: 'Settings.application.ee.admin-seats.add-seats',\n            defaultMessage: 'Manage subscription',\n          })}\n        </Link>\n      )}\n    </Grid.Item>\n  );\n};\n"],"names":["BILLING_SELF_HOSTED_URL","MANAGE_SUBSCRIPTION_URL","AdminSeatInfoEE","formatMessage","useIntl","settings","useSelector","selectAdminPermissions","isLoading","isRBACLoading","allowedActions","canRead","canCreate","canUpdate","canDelete","useRBAC","users","license","isError","isLicenseLoading","useLicenseLimits","enabled","licenseLimitStatus","enforcementUserCount","permittedSeats","type","_jsxs","Grid","Item","col","xs","direction","alignItems","_jsx","Typography","variant","textColor","id","defaultMessage","Flex","gap","tag","text","chunks","fontWeight","undefined","Tooltip","label","WarningCircle","width","height","fill","Link","href","endIcon","ExternalLink","target","isExternal"],"mappings":"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"}
+{"version":3,"file":"AdminSeatInfo.mjs","sources":["../../../../../../../../../../ee/admin/src/pages/SettingsPage/pages/ApplicationInfoPage/components/AdminSeatInfo.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { Flex, Tooltip, Typography } from '@strapi/design-system';\nimport { WarningCircle } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\nimport { useSelector } from 'react-redux';\n\nimport { useRBAC } from '../../../../../../../../admin/src/hooks/useRBAC';\nimport { selectAdminPermissions } from '../../../../../../../../admin/src/selectors';\nimport { useLicenseLimits } from '../../../../../hooks/useLicenseLimits';\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 { enforcementUserCount, permittedSeats, seats } = license;\n\n  // `permittedSeats` is the live enforcement limit and is wiped once the licence stops being\n  // usable, so fall back to the retained `seats` to keep showing the count on an expired\n  // licence. Enforcement itself (`licenseLimitStatus`, `shouldStopCreate`) still runs off\n  // `permittedSeats` server-side and is untouched by this.\n  const seatLimit = permittedSeats ?? seats;\n\n  if (!seatLimit) {\n    return null;\n  }\n\n  // The red count and the warning follow the same displayed limit. Server-side\n  // `licenseLimitStatus` tracks only the live limit, so it is empty once the licence expires.\n  const isOverLimit = enforcementUserCount > seatLimit;\n\n  return (\n    <Flex direction=\"column\" alignItems=\"start\" gap={2}>\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 tag=\"p\">\n            {formatMessage(\n              {\n                id: 'Settings.application.ee.admin-seats.count',\n                defaultMessage: '<text>{enforcementUserCount}</text>/{permittedSeats}',\n              },\n              {\n                permittedSeats: seatLimit,\n                enforcementUserCount,\n                text: (chunks: ReactNode) => (\n                  <Typography\n                    fontWeight=\"semiBold\"\n                    textColor={isOverLimit ? 'danger500' : undefined}\n                  >\n                    {chunks}\n                  </Typography>\n                ),\n              }\n            )}\n          </Typography>\n        </Flex>\n        {isOverLimit && (\n          <Tooltip\n            label={formatMessage({\n              id: 'Settings.application.ee.admin-seats.at-limit-tooltip',\n              defaultMessage: 'At limit: add seats to invite more users',\n            })}\n          >\n            <WarningCircle width=\"1.4rem\" height=\"1.4rem\" fill=\"danger500\" />\n          </Tooltip>\n        )}\n      </Flex>\n    </Flex>\n  );\n};\n"],"names":["AdminSeatInfoEE","formatMessage","useIntl","settings","useSelector","selectAdminPermissions","isLoading","isRBACLoading","allowedActions","canRead","canCreate","canUpdate","canDelete","useRBAC","users","license","isError","isLicenseLoading","useLicenseLimits","enabled","enforcementUserCount","permittedSeats","seats","seatLimit","isOverLimit","_jsxs","Flex","direction","alignItems","gap","_jsx","Typography","variant","textColor","id","defaultMessage","tag","text","chunks","fontWeight","undefined","Tooltip","label","WarningCircle","width","height","fill"],"mappings":";;;;;;;;;MAWaA,eAAAA,GAAkB,IAAA;IAC7B,MAAM,EAAEC,aAAa,EAAE,GAAGC,OAAAA,EAAAA;AAC1B,IAAA,MAAM,EAAEC,QAAQ,EAAE,GAAGC,WAAAA,CAAYC,sBAAAA,CAAAA;AACjC,IAAA,MAAM,EACJC,SAAAA,EAAWC,aAAa,EACxBC,cAAAA,EAAgB,EAAEC,OAAO,EAAEC,SAAS,EAAEC,SAAS,EAAEC,SAAS,EAAE,EAC7D,GAAGC,OAAAA,CAAQV,QAAAA,EAAUW,SAAS,EAAC,CAAA;IAChC,MAAM,EACJC,OAAO,EACPC,OAAO,EACPV,SAAAA,EAAWW,gBAAgB,EAC5B,GAAGC,gBAAAA,CAAiB;;;;;AAKnBC,QAAAA,OAAAA,EAAS,CAACZ,aAAAA,IAAiBE,OAAAA,IAAWC,SAAAA,IAAaC,SAAAA,IAAaC;AAClE,KAAA,CAAA;AAEA,IAAA,MAAMN,YAAYC,aAAAA,IAAiBU,gBAAAA;IAEnC,IAAID,OAAAA,IAAWV,SAAAA,IAAa,CAACS,OAAAA,EAAS;QACpC,OAAO,IAAA;AACT,IAAA;AAEA,IAAA,MAAM,EAAEK,oBAAoB,EAAEC,cAAc,EAAEC,KAAK,EAAE,GAAGP,OAAAA;;;;;AAMxD,IAAA,MAAMQ,YAAYF,cAAAA,IAAkBC,KAAAA;AAEpC,IAAA,IAAI,CAACC,SAAAA,EAAW;QACd,OAAO,IAAA;AACT,IAAA;;;AAIA,IAAA,MAAMC,cAAcJ,oBAAAA,GAAuBG,SAAAA;AAE3C,IAAA,qBACEE,IAAA,CAACC,IAAAA,EAAAA;QAAKC,SAAAA,EAAU,QAAA;QAASC,UAAAA,EAAW,OAAA;QAAQC,GAAAA,EAAK,CAAA;;0BAC/CC,GAAA,CAACC,UAAAA,EAAAA;gBAAWC,OAAAA,EAAQ,OAAA;gBAAQC,SAAAA,EAAU,YAAA;0BACnChC,aAAAA,CAAc;oBACbiC,EAAAA,EAAI,kCAAA;oBACJC,cAAAA,EAAgB;AAClB,iBAAA;;0BAEFV,IAAA,CAACC,IAAAA,EAAAA;gBAAKG,GAAAA,EAAK,CAAA;;kCACTC,GAAA,CAACJ,IAAAA,EAAAA;AACC,wBAAA,QAAA,gBAAAI,GAAA,CAACC,UAAAA,EAAAA;4BAAWK,GAAAA,EAAI,GAAA;sCACbnC,aAAAA,CACC;gCACEiC,EAAAA,EAAI,2CAAA;gCACJC,cAAAA,EAAgB;6BAClB,EACA;gCACEd,cAAAA,EAAgBE,SAAAA;AAChBH,gCAAAA,oBAAAA;gCACAiB,IAAAA,EAAM,CAACC,uBACLR,GAAA,CAACC,UAAAA,EAAAA;wCACCQ,UAAAA,EAAW,UAAA;AACXN,wCAAAA,SAAAA,EAAWT,cAAc,WAAA,GAAcgB,SAAAA;AAEtCF,wCAAAA,QAAAA,EAAAA;;AAGP,6BAAA;;;AAILd,oBAAAA,WAAAA,kBACCM,GAAA,CAACW,OAAAA,EAAAA;AACCC,wBAAAA,KAAAA,EAAOzC,aAAAA,CAAc;4BACnBiC,EAAAA,EAAI,sDAAA;4BACJC,cAAAA,EAAgB;AAClB,yBAAA,CAAA;AAEA,wBAAA,QAAA,gBAAAL,GAAA,CAACa,aAAAA,EAAAA;4BAAcC,KAAAA,EAAM,QAAA;4BAASC,MAAAA,EAAO,QAAA;4BAASC,IAAAA,EAAK;;;;;;;AAM/D;;;;"}

package/dist/admin/ee/admin/src/pages/SettingsPage/pages/ApplicationInfoPage/components/LicenseInfo.js

@@ -0,0 +1,473 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var designSystem = require('@strapi/design-system');
+var icons = require('@strapi/icons');
+var reactIntl = require('react-intl');
+var PlanCard = require('../../../../../../../../admin/src/pages/Settings/pages/ApplicationInfo/components/PlanCard.js');
+var admin = require('../../../../../../../../admin/src/services/admin.js');
+var getProjectType = require('../../../../../../../../shared/utils/get-project-type.js');
+var useLicenseLimits = require('../../../../../hooks/useLicenseLimits.js');
+var AdminSeatInfo = require('./AdminSeatInfo.js');
+var AIUsage = require('./AIUsage.js');
+
+// Feature key -> display label. Labels themselves resolve through i18n; only the
+// mapping of known license feature keys lives here.
+const FEATURE_LABELS = {
+    sso: {
+        id: 'Settings.license.feature.sso',
+        defaultMessage: 'Single Sign-On'
+    },
+    'cms-advanced-preview': {
+        id: 'Settings.license.feature.cms-advanced-preview',
+        defaultMessage: 'Live Preview'
+    },
+    'cms-content-releases': {
+        id: 'Settings.license.feature.cms-content-releases',
+        defaultMessage: 'Releases'
+    },
+    'review-workflows': {
+        id: 'Settings.license.feature.review-workflows',
+        defaultMessage: 'Review Workflows'
+    },
+    'cms-content-history': {
+        id: 'Settings.license.feature.cms-content-history',
+        defaultMessage: 'Content History'
+    },
+    'audit-logs': {
+        id: 'Settings.license.feature.audit-logs',
+        defaultMessage: 'Audit Logs'
+    }
+};
+// Entitlement limit key -> display label. Only used when a feature has more than one limit and
+// each value needs to be told apart; a single limit is rendered on its own, unlabelled.
+const LIMIT_LABELS = {
+    numberOfWorkflows: {
+        id: 'Settings.license.limit.numberOfWorkflows',
+        defaultMessage: 'Workflows'
+    },
+    stagesPerWorkflow: {
+        id: 'Settings.license.limit.stagesPerWorkflow',
+        defaultMessage: 'Stages per workflow'
+    },
+    maximumReleases: {
+        id: 'Settings.license.limit.maximumReleases',
+        defaultMessage: 'Releases'
+    },
+    retentionDays: {
+        id: 'Settings.license.limit.retentionDays',
+        defaultMessage: 'Retention'
+    }
+};
+/**
+ * Shown instead of `Active` while a trial is running. Deliberately keyed on an active
+ * licence: once a trial lapses the licence stops validating and `isTrial` goes false, so
+ * "In Trial" would be claiming a subscription the instance no longer has.
+ */ const TRIAL_BADGE = {
+    variant: 'alternative',
+    label: {
+        id: 'Settings.license.status.in-trial',
+        defaultMessage: 'In Trial'
+    }
+};
+const STATUS_BADGE = {
+    active: {
+        variant: 'success',
+        label: {
+            id: 'Settings.license.status.active',
+            defaultMessage: 'Active'
+        }
+    },
+    expired: {
+        variant: 'danger',
+        label: {
+            id: 'Settings.license.status.expired',
+            defaultMessage: 'Expired'
+        }
+    },
+    unknown: {
+        variant: 'warning',
+        label: {
+            id: 'Settings.license.status.unknown',
+            defaultMessage: 'Unknown'
+        }
+    },
+    // A license-gated component only mounts for EE instances, so `none` should never occur here
+    // in practice. Fall back to the same treatment as `unknown` rather than rendering nothing.
+    none: {
+        variant: 'warning',
+        label: {
+            id: 'Settings.license.status.unknown',
+            defaultMessage: 'Unknown'
+        }
+    }
+};
+/**
+ * Absolute dates are rendered as `yyyy/mm/dd` rather than through `formatDate`, so the
+ * value is unambiguous in every locale (a locale-ordered `03/04` could be either March 4th
+ * or April 3rd). Relative values, like the last license check, stay relative per the design.
+ */ const formatAbsoluteDate = (value)=>{
+    const date = new Date(value);
+    if (Number.isNaN(date.getTime())) {
+        return '';
+    }
+    // UTC, not the local calendar: license dates are UTC-midnight instants, which local getters
+    // turn into the previous day anywhere west of UTC.
+    const month = `${date.getUTCMonth() + 1}`.padStart(2, '0');
+    const day = `${date.getUTCDate()}`.padStart(2, '0');
+    return `${date.getUTCFullYear()}/${month}/${day}`;
+};
+const LicenseInfoEE = ()=>{
+    const { formatMessage, formatRelativeTime } = reactIntl.useIntl();
+    const { license, isLoading, isError } = useLicenseLimits.useLicenseLimits();
+    const { data: trialTimeLeft } = admin.useGetLicenseTrialTimeLeftQuery(undefined, {
+        skip: !license?.isTrial
+    });
+    if (isLoading) {
+        return null;
+    }
+    if (isError || !license) {
+        return null;
+    }
+    const { licenseMode, licenseStatus, renewalDate, subscriptionId, lastRegistrySyncAt, expireAt, isTrial, planEntitlements, usingCachedLicense, registrySyncError, registrySyncErrorKind } = license;
+    const licensedPlan = getProjectType.getLicensedPlan({
+        licenseStatus,
+        type: license.type,
+        planPriceId: license.planPriceId
+    });
+    const isGrowth = licensedPlan === 'Growth';
+    // Retention is shown in days (the design lists "30 days retention" / "90 days
+    // retention"); only sentinel-sized values collapse to years, so a licence with
+    // e.g. 1500 days does not read as a meaningless number.
+    const formatDays = (value)=>{
+        if (value >= 365) {
+            return formatMessage({
+                id: 'Settings.license.limit.years',
+                defaultMessage: '~{years, plural, one {# year} other {# years}}'
+            }, {
+                years: Math.round(value / 365)
+            });
+        }
+        return formatMessage({
+            id: 'Settings.license.limit.days',
+            defaultMessage: '{days, plural, one {# day retention} other {# days retention}}'
+        }, {
+            days: value
+        });
+    };
+    const formatLimitValue = (limit)=>{
+        if (limit.value === null) {
+            return formatMessage({
+                id: 'Settings.license.unlimited',
+                defaultMessage: 'Unlimited'
+            });
+        }
+        if (limit.unit === 'days') {
+            return formatDays(limit.value);
+        }
+        return formatMessage({
+            id: 'Settings.license.limit.count',
+            defaultMessage: '{value, number}'
+        }, {
+            value: limit.value
+        });
+    };
+    // Shown relative ("2 hours ago") rather than as an absolute timestamp, matching how the rest of
+    // the admin surfaces recency.
+    const formatLastCheck = (timestamp)=>{
+        if (typeof timestamp !== 'number') {
+            return formatMessage({
+                id: 'Settings.license.checkin.never',
+                defaultMessage: 'Not yet'
+            });
+        }
+        const diffMs = timestamp - Date.now();
+        // Minutes decide the unit: rounding hours first turned 31 minutes into "1 hour ago".
+        const diffMinutes = Math.round(diffMs / (60 * 1000));
+        if (Math.abs(diffMinutes) < 60) {
+            return formatRelativeTime(diffMinutes, 'minute', {
+                numeric: 'auto'
+            });
+        }
+        return formatRelativeTime(Math.round(diffMs / (60 * 60 * 1000)), 'hour', {
+            numeric: 'auto'
+        });
+    };
+    const currentPlanValue = licenseMode === 'offline' ? `${licensedPlan} - offline` : licensedPlan;
+    const dateLabel = isTrial ? {
+        id: 'Settings.license.trial-end-date',
+        defaultMessage: 'trial end date'
+    } : {
+        id: 'Settings.license.renewal-date',
+        defaultMessage: 'renewal date'
+    };
+    const rawDateValue = isTrial ? trialTimeLeft?.trialEndsAt ?? null : renewalDate;
+    const formattedDate = rawDateValue ? formatAbsoluteDate(rawDateValue) : null;
+    const statusBadge = licenseStatus === 'active' && isTrial ? TRIAL_BADGE : STATUS_BADGE[licenseStatus];
+    /**
+   * `unknown` covers two very different situations that used to render identically: we could
+   * not reach the registry (the licence is probably fine, we are running on the cached copy),
+   * or the registry answered and refused the licence. Only the second one needs the customer
+   * to do something, so say which it is.
+   */ const registryNotice = usingCachedLicense ? {
+        id: 'Settings.license.registry.cached',
+        defaultMessage: "Couldn't reach the license registry. Showing the last license we retrieved."
+    } : // `usingCachedLicense` is false even though the cause was an outage rather than a
+    // refusal. Read the recorded kind instead of inferring the cause from the cache.
+    registrySyncErrorKind === 'unreachable' && licenseStatus !== 'active' ? {
+        id: 'Settings.license.registry.unreachable',
+        defaultMessage: "Couldn't reach the license registry."
+    } : registrySyncError && licenseStatus !== 'active' ? {
+        id: 'Settings.license.registry.rejected',
+        defaultMessage: 'The license registry could not validate this license.'
+    } : null;
+    const checkinLine = licenseMode === 'offline' ? expireAt ? formatMessage({
+        id: 'Settings.license.valid-until',
+        defaultMessage: 'License valid until {date}'
+    }, {
+        date: formatAbsoluteDate(expireAt)
+    }) : null : formatMessage({
+        id: 'Settings.license.last-check',
+        defaultMessage: 'Last license validity check {relative}'
+    }, {
+        relative: formatLastCheck(lastRegistrySyncAt)
+    });
+    const renderLimitCell = (entitlement)=>{
+        const { available, limits } = entitlement;
+        if (limits.length === 0) {
+            return available ? /*#__PURE__*/ jsxRuntime.jsx(icons.Check, {
+                "aria-label": formatMessage({
+                    id: 'Settings.license.yes',
+                    defaultMessage: 'Yes'
+                }),
+                fill: "success600"
+            }) : /*#__PURE__*/ jsxRuntime.jsx(icons.Cross, {
+                "aria-label": formatMessage({
+                    id: 'Settings.license.no',
+                    defaultMessage: 'No'
+                }),
+                fill: "danger600"
+            });
+        }
+        if (limits.length === 1) {
+            return /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+                children: formatLimitValue(limits[0])
+            });
+        }
+        return /*#__PURE__*/ jsxRuntime.jsx(designSystem.Flex, {
+            direction: "column",
+            alignItems: "end",
+            gap: 1,
+            children: limits.map((limit)=>/*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+                    variant: "pi",
+                    children: LIMIT_LABELS[limit.key] ? `${formatMessage(LIMIT_LABELS[limit.key])}: ${formatLimitValue(limit)}` : formatLimitValue(limit)
+                }, limit.key))
+        });
+    };
+    return /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
+        direction: "column",
+        alignItems: "stretch",
+        gap: 6,
+        children: [
+            /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
+                alignItems: "flex-start",
+                gap: 5,
+                tag: "dl",
+                children: [
+                    /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
+                        direction: "column",
+                        alignItems: "stretch",
+                        gap: 5,
+                        flex: "1",
+                        children: [
+                            /*#__PURE__*/ jsxRuntime.jsx(PlanCard.PlanDetail, {
+                                label: {
+                                    id: 'Settings.application.plan.current',
+                                    defaultMessage: 'current plan'
+                                },
+                                value: currentPlanValue
+                            }),
+                            !isGrowth && formattedDate && /*#__PURE__*/ jsxRuntime.jsx(PlanCard.PlanDetail, {
+                                label: dateLabel,
+                                value: formattedDate
+                            }),
+                            /*#__PURE__*/ jsxRuntime.jsx(AdminSeatInfo.AdminSeatInfoEE, {}),
+                            window.strapi.ai?.enabled !== false && /*#__PURE__*/ jsxRuntime.jsx(AIUsage.AIUsage, {
+                                isTrial: isTrial
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
+                        direction: "column",
+                        alignItems: "stretch",
+                        gap: 5,
+                        flex: "1",
+                        children: [
+                            /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
+                                direction: "column",
+                                alignItems: "start",
+                                gap: 2,
+                                children: [
+                                    /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
+                                        gap: 2,
+                                        alignItems: "center",
+                                        tag: "dt",
+                                        children: [
+                                            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+                                                variant: "sigma",
+                                                textColor: "neutral600",
+                                                children: formatMessage({
+                                                    id: 'Settings.license.status',
+                                                    defaultMessage: 'license status'
+                                                })
+                                            }),
+                                            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Tooltip, {
+                                                label: formatMessage({
+                                                    id: 'Settings.license.status-tooltip',
+                                                    defaultMessage: 'Strapi checks the license status every 12 hours and on every build.'
+                                                }),
+                                                children: /*#__PURE__*/ jsxRuntime.jsx(icons.Information, {
+                                                    width: "1.4rem",
+                                                    height: "1.4rem",
+                                                    fill: "neutral500"
+                                                })
+                                            })
+                                        ]
+                                    }),
+                                    /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
+                                        direction: "column",
+                                        alignItems: "start",
+                                        gap: 2,
+                                        tag: "dd",
+                                        children: [
+                                            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Status, {
+                                                size: "S",
+                                                variant: statusBadge.variant,
+                                                children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+                                                    variant: "omega",
+                                                    fontWeight: "bold",
+                                                    children: formatMessage(statusBadge.label)
+                                                })
+                                            }),
+                                            checkinLine && /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
+                                                gap: 1,
+                                                alignItems: "center",
+                                                children: [
+                                                    /*#__PURE__*/ jsxRuntime.jsx(icons.ClockCounterClockwise, {
+                                                        width: "1.2rem",
+                                                        height: "1.2rem",
+                                                        fill: "neutral500"
+                                                    }),
+                                                    /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+                                                        variant: "pi",
+                                                        textColor: "neutral500",
+                                                        children: checkinLine
+                                                    })
+                                                ]
+                                            }),
+                                            registryNotice && /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
+                                                gap: 1,
+                                                alignItems: "center",
+                                                children: [
+                                                    /*#__PURE__*/ jsxRuntime.jsx(icons.WarningCircle, {
+                                                        width: "1.2rem",
+                                                        height: "1.2rem",
+                                                        fill: "warning600"
+                                                    }),
+                                                    /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+                                                        variant: "pi",
+                                                        textColor: "warning600",
+                                                        children: formatMessage(registryNotice)
+                                                    })
+                                                ]
+                                            })
+                                        ]
+                                    })
+                                ]
+                            }),
+                            isGrowth && formattedDate && /*#__PURE__*/ jsxRuntime.jsx(PlanCard.PlanDetail, {
+                                label: dateLabel,
+                                value: formattedDate
+                            }),
+                            subscriptionId && /*#__PURE__*/ jsxRuntime.jsx(PlanCard.PlanDetail, {
+                                label: {
+                                    id: 'Settings.license.subscription',
+                                    defaultMessage: 'Subscription ID'
+                                },
+                                value: subscriptionId
+                            })
+                        ]
+                    })
+                ]
+            }),
+            planEntitlements.length > 0 && /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
+                direction: "column",
+                alignItems: "stretch",
+                gap: 4,
+                children: [
+                    /*#__PURE__*/ jsxRuntime.jsx(designSystem.Divider, {}),
+                    /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+                        variant: "sigma",
+                        textColor: "neutral600",
+                        children: formatMessage({
+                            id: 'Settings.license.entitlements',
+                            defaultMessage: 'plan entitlements'
+                        })
+                    }),
+                    /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Table, {
+                        colCount: 2,
+                        rowCount: planEntitlements.length,
+                        children: [
+                            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Thead, {
+                                children: /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Tr, {
+                                    children: [
+                                        /*#__PURE__*/ jsxRuntime.jsx(designSystem.Th, {
+                                            children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+                                                variant: "sigma",
+                                                children: formatMessage({
+                                                    id: 'Settings.license.feature',
+                                                    defaultMessage: 'Feature'
+                                                })
+                                            })
+                                        }),
+                                        /*#__PURE__*/ jsxRuntime.jsx(designSystem.Th, {
+                                            children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.VisuallyHidden, {
+                                                children: formatMessage({
+                                                    id: 'Settings.license.limit',
+                                                    defaultMessage: 'Limit'
+                                                })
+                                            })
+                                        })
+                                    ]
+                                })
+                            }),
+                            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Tbody, {
+                                children: planEntitlements.map((entitlement)=>{
+                                    const label = FEATURE_LABELS[entitlement.feature];
+                                    return /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Tr, {
+                                        children: [
+                                            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Td, {
+                                                children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+                                                    children: label ? formatMessage(label) : entitlement.feature
+                                                })
+                                            }),
+                                            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Td, {
+                                                children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Flex, {
+                                                    justifyContent: "flex-end",
+                                                    children: renderLimitCell(entitlement)
+                                                })
+                                            })
+                                        ]
+                                    }, entitlement.feature);
+                                })
+                            })
+                        ]
+                    })
+                ]
+            })
+        ]
+    });
+};
+
+exports.LicenseInfoEE = LicenseInfoEE;
+//# sourceMappingURL=LicenseInfo.js.map