@strapi/admin 0.0.0-experimental.62ce06180fe9a772eaeb3d43d238b26644f39f7c → 0.0.0-experimental.6340da17068c3bed7fb006e7bcc554c71129e282

package/dist/admin/admin/src/pages/Settings/components/SettingsNav.js

@@ -0,0 +1,115 @@
+'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 reactRouterDom = require('react-router-dom');
+var styled = require('styled-components');
+var useLicenseLimits = require('../../../../../ee/admin/src/hooks/useLicenseLimits.js');
+var SubNav = require('../../../components/SubNav.js');
+var Tracking = require('../../../features/Tracking.js');
+var useSettingsMenu = require('../../../hooks/useSettingsMenu.js');
+
+const StyledBadge = styled.styled(designSystem.Badge)`
+  border-radius: 50%;
+  padding: ${({ theme })=>theme.spaces[2]};
+  height: 2rem;
+`;
+const SettingsNav = ({ isFullPage = false })=>{
+    const { menu } = useSettingsMenu.useSettingsMenu();
+    const { formatMessage } = reactIntl.useIntl();
+    const { trackUsage } = Tracking.useTracking();
+    const { pathname } = reactRouterDom.useLocation();
+    const { license } = useLicenseLimits.useLicenseLimits();
+    const availableFeatureNames = license?.features.map((feature)=>feature.name);
+    const linksIdsToLicenseFeaturesNames = {
+        'content-releases': 'cms-content-releases',
+        'review-workflows': 'review-workflows',
+        sso: 'sso',
+        auditLogs: 'audit-logs',
+        'auditLogs-purchase-page': 'audit-logs'
+    };
+    const filteredMenu = menu.filter((section)=>!section.links.every((link)=>link.isDisplayed === false));
+    const sections = filteredMenu.map((section)=>{
+        return {
+            ...section,
+            title: section.intlLabel,
+            links: section.links.map((link)=>{
+                return {
+                    ...link,
+                    id: link.id,
+                    title: link.intlLabel,
+                    name: link.id,
+                    to: link.to.startsWith('/') ? link.to : `/settings/${link.to}`
+                };
+            })
+        };
+    });
+    const label = formatMessage({
+        id: 'global.settings',
+        defaultMessage: 'Settings'
+    });
+    const handleClickOnLink = (destination)=>()=>{
+            trackUsage('willNavigate', {
+                from: pathname,
+                to: destination
+            });
+        };
+    return /*#__PURE__*/ jsxRuntime.jsxs(SubNav.SubNav.Main, {
+        "aria-label": label,
+        children: [
+            !isFullPage && /*#__PURE__*/ jsxRuntime.jsxs(jsxRuntime.Fragment, {
+                children: [
+                    /*#__PURE__*/ jsxRuntime.jsx(SubNav.SubNav.Header, {
+                        label: label
+                    }),
+                    /*#__PURE__*/ jsxRuntime.jsx(designSystem.Divider, {})
+                ]
+            }),
+            /*#__PURE__*/ jsxRuntime.jsxs(SubNav.SubNav.Content, {
+                children: [
+                    isFullPage && /*#__PURE__*/ jsxRuntime.jsxs(jsxRuntime.Fragment, {
+                        children: [
+                            /*#__PURE__*/ jsxRuntime.jsx(SubNav.SubNav.Header, {
+                                label: label
+                            }),
+                            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Divider, {})
+                        ]
+                    }),
+                    /*#__PURE__*/ jsxRuntime.jsx(SubNav.SubNav.Sections, {
+                        children: sections.map((section)=>/*#__PURE__*/ jsxRuntime.jsx(SubNav.SubNav.Section, {
+                                label: formatMessage(section.intlLabel),
+                                children: section.links.map((link)=>{
+                                    return /*#__PURE__*/ jsxRuntime.jsx(SubNav.SubNav.Link, {
+                                        to: link.to,
+                                        onClick: handleClickOnLink(link.to),
+                                        label: formatMessage(link.intlLabel),
+                                        endAction: /*#__PURE__*/ jsxRuntime.jsxs(jsxRuntime.Fragment, {
+                                            children: [
+                                                link?.licenseOnly && /*#__PURE__*/ jsxRuntime.jsx(icons.Lightning, {
+                                                    fill: (availableFeatureNames || []).includes(linksIdsToLicenseFeaturesNames[link.id]) ? 'primary600' : 'neutral300',
+                                                    width: "1.5rem",
+                                                    height: "1.5rem"
+                                                }),
+                                                link?.hasNotification && /*#__PURE__*/ jsxRuntime.jsx(StyledBadge, {
+                                                    "aria-label": "Notification",
+                                                    backgroundColor: "primary600",
+                                                    textColor: "neutral0",
+                                                    children: "1"
+                                                })
+                                            ]
+                                        }),
+                                        children: formatMessage(link.intlLabel)
+                                    }, link.id);
+                                })
+                            }, section.id))
+                    })
+                ]
+            })
+        ]
+    });
+};
+
+exports.SettingsNav = SettingsNav;
+//# sourceMappingURL=SettingsNav.js.map

package/dist/admin/admin/src/pages/Settings/components/SettingsNav.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SettingsNav.js","sources":["../../../../../../../admin/src/pages/Settings/components/SettingsNav.tsx"],"sourcesContent":["import { Badge, Divider, Typography } from '@strapi/design-system';\nimport { Lightning } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\nimport { useLocation } from 'react-router-dom';\nimport { styled } from 'styled-components';\n\nimport { useLicenseLimits } from '../../../../../ee/admin/src/hooks/useLicenseLimits';\nimport { SubNav } from '../../../components/SubNav';\nimport { useTracking } from '../../../features/Tracking';\nimport { useSettingsMenu } from '../../../hooks/useSettingsMenu';\n\ntype LinkId =\n  | 'content-releases'\n  | 'review-workflows'\n  | 'sso'\n  | 'auditLogs'\n  | 'auditLogs-purchase-page';\n\ntype FeatureName = 'cms-content-releases' | 'review-workflows' | 'sso' | 'audit-logs';\n\nconst StyledBadge = styled(Badge)`\n  border-radius: 50%;\n  padding: ${({ theme }) => theme.spaces[2]};\n  height: 2rem;\n`;\n\nconst SettingsNav = ({ isFullPage = false }: { isFullPage?: boolean }) => {\n  const { menu } = useSettingsMenu();\n  const { formatMessage } = useIntl();\n  const { trackUsage } = useTracking();\n  const { pathname } = useLocation();\n  const { license } = useLicenseLimits();\n\n  const availableFeatureNames = license?.features.map((feature) => feature.name);\n\n  const linksIdsToLicenseFeaturesNames: Record<LinkId, FeatureName> = {\n    'content-releases': 'cms-content-releases',\n    'review-workflows': 'review-workflows',\n    sso: 'sso',\n    auditLogs: 'audit-logs',\n    'auditLogs-purchase-page': 'audit-logs',\n  };\n\n  const filteredMenu = menu.filter(\n    (section) => !section.links.every((link) => link.isDisplayed === false)\n  );\n\n  const sections = filteredMenu.map((section) => {\n    return {\n      ...section,\n      title: section.intlLabel,\n      links: section.links.map((link) => {\n        return {\n          ...link,\n          id: link.id as LinkId,\n          title: link.intlLabel,\n          name: link.id,\n          to: link.to.startsWith('/') ? link.to : `/settings/${link.to}`,\n        };\n      }),\n    };\n  });\n\n  const label = formatMessage({\n    id: 'global.settings',\n    defaultMessage: 'Settings',\n  });\n\n  const handleClickOnLink = (destination: string) => () => {\n    trackUsage('willNavigate', { from: pathname, to: destination });\n  };\n\n  return (\n    <SubNav.Main aria-label={label}>\n      {!isFullPage && (\n        <>\n          <SubNav.Header label={label} />\n          <Divider />\n        </>\n      )}\n      <SubNav.Content>\n        {isFullPage && (\n          <>\n            <SubNav.Header label={label} />\n            <Divider />\n          </>\n        )}\n        <SubNav.Sections>\n          {sections.map((section) => (\n            <SubNav.Section key={section.id} label={formatMessage(section.intlLabel)}>\n              {section.links.map((link) => {\n                return (\n                  <SubNav.Link\n                    to={link.to}\n                    onClick={handleClickOnLink(link.to)}\n                    key={link.id}\n                    label={formatMessage(link.intlLabel)}\n                    endAction={\n                      <>\n                        {link?.licenseOnly && (\n                          <Lightning\n                            fill={\n                              (availableFeatureNames || []).includes(\n                                linksIdsToLicenseFeaturesNames[link.id]\n                              )\n                                ? 'primary600'\n                                : 'neutral300'\n                            }\n                            width=\"1.5rem\"\n                            height=\"1.5rem\"\n                          />\n                        )}\n                        {link?.hasNotification && (\n                          <StyledBadge\n                            aria-label=\"Notification\"\n                            backgroundColor=\"primary600\"\n                            textColor=\"neutral0\"\n                          >\n                            1\n                          </StyledBadge>\n                        )}\n                      </>\n                    }\n                  >\n                    {formatMessage(link.intlLabel)}\n                  </SubNav.Link>\n                );\n              })}\n            </SubNav.Section>\n          ))}\n        </SubNav.Sections>\n      </SubNav.Content>\n    </SubNav.Main>\n  );\n};\n\nexport { SettingsNav };\n"],"names":["StyledBadge","styled","Badge","theme","spaces","SettingsNav","isFullPage","menu","useSettingsMenu","formatMessage","useIntl","trackUsage","useTracking","pathname","useLocation","license","useLicenseLimits","availableFeatureNames","features","map","feature","name","linksIdsToLicenseFeaturesNames","sso","auditLogs","filteredMenu","filter","section","links","every","link","isDisplayed","sections","title","intlLabel","id","to","startsWith","label","defaultMessage","handleClickOnLink","destination","from","_jsxs","SubNav","Main","aria-label","_Fragment","_jsx","Header","Divider","Content","Sections","Section","Link","onClick","endAction","licenseOnly","Lightning","fill","includes","width","height","hasNotification","backgroundColor","textColor"],"mappings":"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"}

package/dist/admin/admin/src/pages/Settings/components/SettingsNav.mjs

@@ -0,0 +1,113 @@
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { Divider, Badge } from '@strapi/design-system';
+import { Lightning } from '@strapi/icons';
+import { useIntl } from 'react-intl';
+import { useLocation } from 'react-router-dom';
+import { styled } from 'styled-components';
+import { useLicenseLimits } from '../../../../../ee/admin/src/hooks/useLicenseLimits.mjs';
+import { SubNav } from '../../../components/SubNav.mjs';
+import { useTracking } from '../../../features/Tracking.mjs';
+import { useSettingsMenu } from '../../../hooks/useSettingsMenu.mjs';
+
+const StyledBadge = styled(Badge)`
+  border-radius: 50%;
+  padding: ${({ theme })=>theme.spaces[2]};
+  height: 2rem;
+`;
+const SettingsNav = ({ isFullPage = false })=>{
+    const { menu } = useSettingsMenu();
+    const { formatMessage } = useIntl();
+    const { trackUsage } = useTracking();
+    const { pathname } = useLocation();
+    const { license } = useLicenseLimits();
+    const availableFeatureNames = license?.features.map((feature)=>feature.name);
+    const linksIdsToLicenseFeaturesNames = {
+        'content-releases': 'cms-content-releases',
+        'review-workflows': 'review-workflows',
+        sso: 'sso',
+        auditLogs: 'audit-logs',
+        'auditLogs-purchase-page': 'audit-logs'
+    };
+    const filteredMenu = menu.filter((section)=>!section.links.every((link)=>link.isDisplayed === false));
+    const sections = filteredMenu.map((section)=>{
+        return {
+            ...section,
+            title: section.intlLabel,
+            links: section.links.map((link)=>{
+                return {
+                    ...link,
+                    id: link.id,
+                    title: link.intlLabel,
+                    name: link.id,
+                    to: link.to.startsWith('/') ? link.to : `/settings/${link.to}`
+                };
+            })
+        };
+    });
+    const label = formatMessage({
+        id: 'global.settings',
+        defaultMessage: 'Settings'
+    });
+    const handleClickOnLink = (destination)=>()=>{
+            trackUsage('willNavigate', {
+                from: pathname,
+                to: destination
+            });
+        };
+    return /*#__PURE__*/ jsxs(SubNav.Main, {
+        "aria-label": label,
+        children: [
+            !isFullPage && /*#__PURE__*/ jsxs(Fragment, {
+                children: [
+                    /*#__PURE__*/ jsx(SubNav.Header, {
+                        label: label
+                    }),
+                    /*#__PURE__*/ jsx(Divider, {})
+                ]
+            }),
+            /*#__PURE__*/ jsxs(SubNav.Content, {
+                children: [
+                    isFullPage && /*#__PURE__*/ jsxs(Fragment, {
+                        children: [
+                            /*#__PURE__*/ jsx(SubNav.Header, {
+                                label: label
+                            }),
+                            /*#__PURE__*/ jsx(Divider, {})
+                        ]
+                    }),
+                    /*#__PURE__*/ jsx(SubNav.Sections, {
+                        children: sections.map((section)=>/*#__PURE__*/ jsx(SubNav.Section, {
+                                label: formatMessage(section.intlLabel),
+                                children: section.links.map((link)=>{
+                                    return /*#__PURE__*/ jsx(SubNav.Link, {
+                                        to: link.to,
+                                        onClick: handleClickOnLink(link.to),
+                                        label: formatMessage(link.intlLabel),
+                                        endAction: /*#__PURE__*/ jsxs(Fragment, {
+                                            children: [
+                                                link?.licenseOnly && /*#__PURE__*/ jsx(Lightning, {
+                                                    fill: (availableFeatureNames || []).includes(linksIdsToLicenseFeaturesNames[link.id]) ? 'primary600' : 'neutral300',
+                                                    width: "1.5rem",
+                                                    height: "1.5rem"
+                                                }),
+                                                link?.hasNotification && /*#__PURE__*/ jsx(StyledBadge, {
+                                                    "aria-label": "Notification",
+                                                    backgroundColor: "primary600",
+                                                    textColor: "neutral0",
+                                                    children: "1"
+                                                })
+                                            ]
+                                        }),
+                                        children: formatMessage(link.intlLabel)
+                                    }, link.id);
+                                })
+                            }, section.id))
+                    })
+                ]
+            })
+        ]
+    });
+};
+
+export { SettingsNav };
+//# sourceMappingURL=SettingsNav.mjs.map

package/dist/admin/admin/src/pages/Settings/components/SettingsNav.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SettingsNav.mjs","sources":["../../../../../../../admin/src/pages/Settings/components/SettingsNav.tsx"],"sourcesContent":["import { Badge, Divider, Typography } from '@strapi/design-system';\nimport { Lightning } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\nimport { useLocation } from 'react-router-dom';\nimport { styled } from 'styled-components';\n\nimport { useLicenseLimits } from '../../../../../ee/admin/src/hooks/useLicenseLimits';\nimport { SubNav } from '../../../components/SubNav';\nimport { useTracking } from '../../../features/Tracking';\nimport { useSettingsMenu } from '../../../hooks/useSettingsMenu';\n\ntype LinkId =\n  | 'content-releases'\n  | 'review-workflows'\n  | 'sso'\n  | 'auditLogs'\n  | 'auditLogs-purchase-page';\n\ntype FeatureName = 'cms-content-releases' | 'review-workflows' | 'sso' | 'audit-logs';\n\nconst StyledBadge = styled(Badge)`\n  border-radius: 50%;\n  padding: ${({ theme }) => theme.spaces[2]};\n  height: 2rem;\n`;\n\nconst SettingsNav = ({ isFullPage = false }: { isFullPage?: boolean }) => {\n  const { menu } = useSettingsMenu();\n  const { formatMessage } = useIntl();\n  const { trackUsage } = useTracking();\n  const { pathname } = useLocation();\n  const { license } = useLicenseLimits();\n\n  const availableFeatureNames = license?.features.map((feature) => feature.name);\n\n  const linksIdsToLicenseFeaturesNames: Record<LinkId, FeatureName> = {\n    'content-releases': 'cms-content-releases',\n    'review-workflows': 'review-workflows',\n    sso: 'sso',\n    auditLogs: 'audit-logs',\n    'auditLogs-purchase-page': 'audit-logs',\n  };\n\n  const filteredMenu = menu.filter(\n    (section) => !section.links.every((link) => link.isDisplayed === false)\n  );\n\n  const sections = filteredMenu.map((section) => {\n    return {\n      ...section,\n      title: section.intlLabel,\n      links: section.links.map((link) => {\n        return {\n          ...link,\n          id: link.id as LinkId,\n          title: link.intlLabel,\n          name: link.id,\n          to: link.to.startsWith('/') ? link.to : `/settings/${link.to}`,\n        };\n      }),\n    };\n  });\n\n  const label = formatMessage({\n    id: 'global.settings',\n    defaultMessage: 'Settings',\n  });\n\n  const handleClickOnLink = (destination: string) => () => {\n    trackUsage('willNavigate', { from: pathname, to: destination });\n  };\n\n  return (\n    <SubNav.Main aria-label={label}>\n      {!isFullPage && (\n        <>\n          <SubNav.Header label={label} />\n          <Divider />\n        </>\n      )}\n      <SubNav.Content>\n        {isFullPage && (\n          <>\n            <SubNav.Header label={label} />\n            <Divider />\n          </>\n        )}\n        <SubNav.Sections>\n          {sections.map((section) => (\n            <SubNav.Section key={section.id} label={formatMessage(section.intlLabel)}>\n              {section.links.map((link) => {\n                return (\n                  <SubNav.Link\n                    to={link.to}\n                    onClick={handleClickOnLink(link.to)}\n                    key={link.id}\n                    label={formatMessage(link.intlLabel)}\n                    endAction={\n                      <>\n                        {link?.licenseOnly && (\n                          <Lightning\n                            fill={\n                              (availableFeatureNames || []).includes(\n                                linksIdsToLicenseFeaturesNames[link.id]\n                              )\n                                ? 'primary600'\n                                : 'neutral300'\n                            }\n                            width=\"1.5rem\"\n                            height=\"1.5rem\"\n                          />\n                        )}\n                        {link?.hasNotification && (\n                          <StyledBadge\n                            aria-label=\"Notification\"\n                            backgroundColor=\"primary600\"\n                            textColor=\"neutral0\"\n                          >\n                            1\n                          </StyledBadge>\n                        )}\n                      </>\n                    }\n                  >\n                    {formatMessage(link.intlLabel)}\n                  </SubNav.Link>\n                );\n              })}\n            </SubNav.Section>\n          ))}\n        </SubNav.Sections>\n      </SubNav.Content>\n    </SubNav.Main>\n  );\n};\n\nexport { SettingsNav };\n"],"names":["StyledBadge","styled","Badge","theme","spaces","SettingsNav","isFullPage","menu","useSettingsMenu","formatMessage","useIntl","trackUsage","useTracking","pathname","useLocation","license","useLicenseLimits","availableFeatureNames","features","map","feature","name","linksIdsToLicenseFeaturesNames","sso","auditLogs","filteredMenu","filter","section","links","every","link","isDisplayed","sections","title","intlLabel","id","to","startsWith","label","defaultMessage","handleClickOnLink","destination","from","_jsxs","SubNav","Main","aria-label","_Fragment","_jsx","Header","Divider","Content","Sections","Section","Link","onClick","endAction","licenseOnly","Lightning","fill","includes","width","height","hasNotification","backgroundColor","textColor"],"mappings":"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"}

package/dist/admin/admin/src/pages/Settings/components/Tokens/FormApiTokenContainer.js

@@ -0,0 +1,187 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+require('react');
+var designSystem = require('@strapi/design-system');
+var reactIntl = require('react-intl');
+var Auth = require('../../../../features/Auth.js');
+var LifeSpanInput = require('./LifeSpanInput.js');
+var TokenDescription = require('./TokenDescription.js');
+var TokenName = require('./TokenName.js');
+var TokenTypeSelect = require('./TokenTypeSelect.js');
+
+const formatAdminUserName = (owner)=>{
+    const full = [
+        owner.firstname,
+        owner.lastname
+    ].filter(Boolean).join(' ');
+    return full || owner.username || owner.email || '';
+};
+const FormApiTokenContainer = ({ errors = {}, onChange, canEditInputs, isCreating, values = {}, apiToken = {}, kind, onDispatch, setHasChangedPermissions })=>{
+    const { formatMessage } = reactIntl.useIntl();
+    const currentUser = Auth.useAuth('FormApiTokenContainer', (state)=>state.user);
+    const ownerToDisplay = (()=>{
+        const owner = kind === 'admin' ? apiToken?.adminUserOwner : undefined;
+        if (owner === undefined || owner === null) return null;
+        if (typeof owner !== 'object') return null;
+        if (currentUser?.id !== undefined && owner.id === currentUser.id) return null;
+        return owner;
+    })();
+    const handleChangeSelectApiTokenType = ({ target: { value } })=>{
+        setHasChangedPermissions(false);
+        if (value === 'full-access') {
+            onDispatch({
+                type: 'SELECT_ALL_ACTIONS'
+            });
+        }
+        if (value === 'read-only') {
+            onDispatch({
+                type: 'ON_CHANGE_READ_ONLY'
+            });
+        }
+    };
+    const typeOptions = [
+        {
+            value: 'read-only',
+            label: {
+                id: 'Settings.tokens.types.read-only',
+                defaultMessage: 'Read-only'
+            }
+        },
+        {
+            value: 'full-access',
+            label: {
+                id: 'Settings.tokens.types.full-access',
+                defaultMessage: 'Full access'
+            }
+        },
+        {
+            value: 'custom',
+            label: {
+                id: 'Settings.tokens.types.custom',
+                defaultMessage: 'Custom'
+            }
+        }
+    ];
+    return /*#__PURE__*/ jsxRuntime.jsx(designSystem.Box, {
+        background: "neutral0",
+        hasRadius: true,
+        shadow: "filterShadow",
+        paddingTop: 6,
+        paddingBottom: 6,
+        paddingLeft: 7,
+        paddingRight: 7,
+        children: /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
+            direction: "column",
+            alignItems: "stretch",
+            gap: 4,
+            children: [
+                /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+                    variant: "delta",
+                    tag: "h2",
+                    children: formatMessage({
+                        id: 'global.details',
+                        defaultMessage: 'Details'
+                    })
+                }),
+                /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Grid.Root, {
+                    gap: 5,
+                    children: [
+                        /*#__PURE__*/ jsxRuntime.jsx(designSystem.Grid.Item, {
+                            m: 6,
+                            xs: 12,
+                            direction: "column",
+                            alignItems: "stretch",
+                            children: /*#__PURE__*/ jsxRuntime.jsx(TokenName.TokenName, {
+                                error: errors['name'],
+                                value: values['name'],
+                                canEditInputs: canEditInputs,
+                                onChange: onChange
+                            })
+                        }, "name"),
+                        /*#__PURE__*/ jsxRuntime.jsx(designSystem.Grid.Item, {
+                            m: 6,
+                            xs: 12,
+                            direction: "column",
+                            alignItems: "stretch",
+                            children: /*#__PURE__*/ jsxRuntime.jsx(TokenDescription.TokenDescription, {
+                                error: errors['description'],
+                                value: values['description'],
+                                canEditInputs: canEditInputs,
+                                onChange: onChange
+                            })
+                        }, "description"),
+                        /*#__PURE__*/ jsxRuntime.jsx(designSystem.Grid.Item, {
+                            m: 6,
+                            xs: 12,
+                            direction: "column",
+                            alignItems: "stretch",
+                            children: /*#__PURE__*/ jsxRuntime.jsx(LifeSpanInput.LifeSpanInput, {
+                                isCreating: isCreating,
+                                error: errors['lifespan'],
+                                value: values['lifespan'],
+                                onChange: onChange,
+                                token: apiToken
+                            })
+                        }, "lifespan"),
+                        kind === 'content-api' && /*#__PURE__*/ jsxRuntime.jsx(designSystem.Grid.Item, {
+                            m: 6,
+                            xs: 12,
+                            direction: "column",
+                            alignItems: "stretch",
+                            children: /*#__PURE__*/ jsxRuntime.jsx(TokenTypeSelect.TokenTypeSelect, {
+                                value: values['type'],
+                                error: errors['type'],
+                                label: {
+                                    id: 'Settings.tokens.form.type',
+                                    defaultMessage: 'Token type'
+                                },
+                                onChange: (value)=>{
+                                    handleChangeSelectApiTokenType({
+                                        target: {
+                                            value: String(value)
+                                        }
+                                    });
+                                    onChange({
+                                        target: {
+                                            name: 'type',
+                                            value: String(value)
+                                        }
+                                    });
+                                },
+                                options: typeOptions,
+                                canEditInputs: canEditInputs
+                            })
+                        }, "type"),
+                        ownerToDisplay !== null && /*#__PURE__*/ jsxRuntime.jsx(designSystem.Grid.Item, {
+                            m: 6,
+                            xs: 12,
+                            direction: "column",
+                            alignItems: "stretch",
+                            children: /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Field.Root, {
+                                name: "adminUserOwner",
+                                children: [
+                                    /*#__PURE__*/ jsxRuntime.jsx(designSystem.Field.Label, {
+                                        children: formatMessage({
+                                            id: 'Settings.tokens.form.owner',
+                                            defaultMessage: 'Owner'
+                                        })
+                                    }),
+                                    /*#__PURE__*/ jsxRuntime.jsx(designSystem.TextInput, {
+                                        type: "text",
+                                        value: formatAdminUserName(ownerToDisplay),
+                                        disabled: true,
+                                        onChange: ()=>{}
+                                    })
+                                ]
+                            })
+                        }, "owner")
+                    ]
+                })
+            ]
+        })
+    });
+};
+
+exports.FormApiTokenContainer = FormApiTokenContainer;
+//# sourceMappingURL=FormApiTokenContainer.js.map

package/dist/admin/admin/src/pages/Settings/components/Tokens/FormApiTokenContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormApiTokenContainer.js","sources":["../../../../../../../../admin/src/pages/Settings/components/Tokens/FormApiTokenContainer.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Box, Field, Flex, Grid, TextInput, Typography } from '@strapi/design-system';\nimport { FormikErrors } from 'formik';\nimport { useIntl } from 'react-intl';\n\nimport { useAuth } from '../../../../features/Auth';\n\nimport { LifeSpanInput } from './LifeSpanInput';\nimport { TokenDescription } from './TokenDescription';\nimport { TokenName } from './TokenName';\nimport { TokenTypeSelect } from './TokenTypeSelect';\n\nimport type { AdminApiToken } from '../../../../../../shared/contracts/admin-token';\nimport type { ApiToken, ContentApiApiToken } from '../../../../../../shared/contracts/api-token';\nimport type { AdminTokenOwner } from '../../../../../../shared/contracts/shared';\nimport type { AuthContextValue } from '../../../../features/Auth';\n\ninterface FormApiTokenContainerProps {\n  errors?: FormikErrors<Pick<ContentApiApiToken, 'name' | 'description' | 'lifespan' | 'type'>>;\n  onChange: ({ target: { name, value } }: { target: { name: string; value: string } }) => void;\n  canEditInputs: boolean;\n  values?: Partial<Pick<ContentApiApiToken, 'name' | 'description' | 'lifespan' | 'type'>>;\n  isCreating: boolean;\n  apiToken?: null | Partial<ApiToken>;\n  kind: 'admin' | 'content-api';\n  onDispatch: React.Dispatch<{\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    type: any;\n    value?: unknown;\n  }>;\n  setHasChangedPermissions: (hasChanged: boolean) => void;\n}\n\nconst formatAdminUserName = (\n  owner: Pick<AdminTokenOwner, 'firstname' | 'lastname' | 'email' | 'username'>\n): string => {\n  const full = [owner.firstname, owner.lastname].filter(Boolean).join(' ');\n  return full || owner.username || owner.email || '';\n};\n\nexport const FormApiTokenContainer = ({\n  errors = {},\n  onChange,\n  canEditInputs,\n  isCreating,\n  values = {},\n  apiToken = {},\n  kind,\n  onDispatch,\n  setHasChangedPermissions,\n}: FormApiTokenContainerProps) => {\n  const { formatMessage } = useIntl();\n  const currentUser = useAuth('FormApiTokenContainer', (state: AuthContextValue) => state.user);\n\n  const ownerToDisplay = (() => {\n    const owner =\n      kind === 'admin'\n        ? (apiToken as Partial<AdminApiToken> | null | undefined)?.adminUserOwner\n        : undefined;\n    if (owner === undefined || owner === null) return null;\n    if (typeof owner !== 'object') return null;\n    if (currentUser?.id !== undefined && owner.id === currentUser.id) return null;\n    return owner;\n  })();\n\n  const handleChangeSelectApiTokenType = ({ target: { value } }: { target: { value: string } }) => {\n    setHasChangedPermissions(false);\n\n    if (value === 'full-access') {\n      onDispatch({\n        type: 'SELECT_ALL_ACTIONS',\n      });\n    }\n    if (value === 'read-only') {\n      onDispatch({\n        type: 'ON_CHANGE_READ_ONLY',\n      });\n    }\n  };\n\n  const typeOptions = [\n    {\n      value: 'read-only',\n      label: {\n        id: 'Settings.tokens.types.read-only',\n        defaultMessage: 'Read-only',\n      },\n    },\n    {\n      value: 'full-access',\n      label: {\n        id: 'Settings.tokens.types.full-access',\n        defaultMessage: 'Full access',\n      },\n    },\n    {\n      value: 'custom',\n      label: {\n        id: 'Settings.tokens.types.custom',\n        defaultMessage: 'Custom',\n      },\n    },\n  ];\n\n  return (\n    <Box\n      background=\"neutral0\"\n      hasRadius\n      shadow=\"filterShadow\"\n      paddingTop={6}\n      paddingBottom={6}\n      paddingLeft={7}\n      paddingRight={7}\n    >\n      <Flex direction=\"column\" alignItems=\"stretch\" gap={4}>\n        <Typography variant=\"delta\" tag=\"h2\">\n          {formatMessage({\n            id: 'global.details',\n            defaultMessage: 'Details',\n          })}\n        </Typography>\n        <Grid.Root gap={5}>\n          <Grid.Item key=\"name\" m={6} xs={12} direction=\"column\" alignItems=\"stretch\">\n            <TokenName\n              error={errors['name']}\n              value={values['name']}\n              canEditInputs={canEditInputs}\n              onChange={onChange}\n            />\n          </Grid.Item>\n          <Grid.Item key=\"description\" m={6} xs={12} direction=\"column\" alignItems=\"stretch\">\n            <TokenDescription\n              error={errors['description']}\n              value={values['description']}\n              canEditInputs={canEditInputs}\n              onChange={onChange}\n            />\n          </Grid.Item>\n          <Grid.Item key=\"lifespan\" m={6} xs={12} direction=\"column\" alignItems=\"stretch\">\n            <LifeSpanInput\n              isCreating={isCreating}\n              error={errors['lifespan']}\n              value={values['lifespan']}\n              onChange={onChange}\n              token={apiToken}\n            />\n          </Grid.Item>\n\n          {kind === 'content-api' && (\n            <Grid.Item key=\"type\" m={6} xs={12} direction=\"column\" alignItems=\"stretch\">\n              <TokenTypeSelect\n                value={values['type']}\n                error={errors['type']}\n                label={{\n                  id: 'Settings.tokens.form.type',\n                  defaultMessage: 'Token type',\n                }}\n                onChange={(value) => {\n                  handleChangeSelectApiTokenType({ target: { value: String(value) } });\n\n                  onChange({ target: { name: 'type', value: String(value) } });\n                }}\n                options={typeOptions}\n                canEditInputs={canEditInputs}\n              />\n            </Grid.Item>\n          )}\n          {ownerToDisplay !== null && (\n            <Grid.Item key=\"owner\" m={6} xs={12} direction=\"column\" alignItems=\"stretch\">\n              <Field.Root name=\"adminUserOwner\">\n                <Field.Label>\n                  {formatMessage({\n                    id: 'Settings.tokens.form.owner',\n                    defaultMessage: 'Owner',\n                  })}\n                </Field.Label>\n                <TextInput\n                  type=\"text\"\n                  value={formatAdminUserName(ownerToDisplay)}\n                  disabled\n                  onChange={() => {}}\n                />\n              </Field.Root>\n            </Grid.Item>\n          )}\n        </Grid.Root>\n      </Flex>\n    </Box>\n  );\n};\n"],"names":["formatAdminUserName","owner","full","firstname","lastname","filter","Boolean","join","username","email","FormApiTokenContainer","errors","onChange","canEditInputs","isCreating","values","apiToken","kind","onDispatch","setHasChangedPermissions","formatMessage","useIntl","currentUser","useAuth","state","user","ownerToDisplay","adminUserOwner","undefined","id","handleChangeSelectApiTokenType","target","value","type","typeOptions","label","defaultMessage","_jsx","Box","background","hasRadius","shadow","paddingTop","paddingBottom","paddingLeft","paddingRight","_jsxs","Flex","direction","alignItems","gap","Typography","variant","tag","Grid","Root","Item","m","xs","TokenName","error","TokenDescription","LifeSpanInput","token","TokenTypeSelect","String","name","options","Field","Label","TextInput","disabled"],"mappings":"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"}