@strapi/admin 5.48.1 → 5.50.0

package/dist/admin/admin/src/components/LanguageProvider.js

@@ -6,9 +6,13 @@ var defaultsDeep = require('lodash/defaultsDeep');
 var reactIntl = require('react-intl');
 var hooks = require('../core/store/hooks.js');
 
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var defaultsDeep__default = /*#__PURE__*/_interopDefault(defaultsDeep);
+
 const LanguageProvider = ({ children, messages })=>{
     const locale = hooks.useTypedSelector((state)=>state.admin_app.language.locale);
-    const appMessages = defaultsDeep(messages[locale], messages.en);
+    const appMessages = defaultsDeep__default.default(messages[locale], messages.en);
     return /*#__PURE__*/ jsxRuntime.jsx(reactIntl.IntlProvider, {
         locale: locale,
         defaultLocale: "en",

package/dist/admin/admin/src/components/LanguageProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"LanguageProvider.js","sources":["../../../../../admin/src/components/LanguageProvider.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport defaultsDeep from 'lodash/defaultsDeep';\nimport { IntlProvider } from 'react-intl';\n\nimport { useTypedSelector } from '../core/store/hooks';\n\n/* -------------------------------------------------------------------------------------------------\n * LanguageProvider\n * -----------------------------------------------------------------------------------------------*/\n\ninterface LanguageProviderProps {\n  children: React.ReactNode;\n  messages: Record<string, Record<string, string>>;\n}\n\nconst LanguageProvider = ({ children, messages }: LanguageProviderProps) => {\n  const locale = useTypedSelector((state) => state.admin_app.language.locale);\n  const appMessages = defaultsDeep(messages[locale], messages.en);\n\n  return (\n    <IntlProvider locale={locale} defaultLocale=\"en\" messages={appMessages} textComponent=\"span\">\n      {children}\n    </IntlProvider>\n  );\n};\n\nexport { LanguageProvider };\nexport type { LanguageProviderProps };\n"],"names":["LanguageProvider","children","messages","locale","useTypedSelector","state","admin_app","language","appMessages","defaultsDeep","en","_jsx","IntlProvider","defaultLocale","textComponent"],"mappings":";;;;;;;;AAgBA,MAAMA,mBAAmB,CAAC,EAAEC,QAAQ,EAAEC,QAAQ,EAAyB,GAAA;IACrE,MAAMC,MAAAA,GAASC,uBAAiB,CAACC,KAAAA,GAAUA,MAAMC,SAAS,CAACC,QAAQ,CAACJ,MAAM,CAAA;AAC1E,IAAA,MAAMK,cAAcC,YAAAA,CAAaP,QAAQ,CAACC,MAAAA,CAAO,EAAED,SAASQ,EAAE,CAAA;AAE9D,IAAA,qBACEC,cAAA,CAACC,sBAAAA,EAAAA;QAAaT,MAAAA,EAAQA,MAAAA;QAAQU,aAAAA,EAAc,IAAA;QAAKX,QAAAA,EAAUM,WAAAA;QAAaM,aAAAA,EAAc,MAAA;AACnFb,QAAAA,QAAAA,EAAAA;;AAGP;;;;"}
+{"version":3,"file":"LanguageProvider.js","sources":["../../../../../admin/src/components/LanguageProvider.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport defaultsDeep from 'lodash/defaultsDeep';\nimport { IntlProvider } from 'react-intl';\n\nimport { useTypedSelector } from '../core/store/hooks';\n\n/* -------------------------------------------------------------------------------------------------\n * LanguageProvider\n * -----------------------------------------------------------------------------------------------*/\n\ninterface LanguageProviderProps {\n  children: React.ReactNode;\n  messages: Record<string, Record<string, string>>;\n}\n\nconst LanguageProvider = ({ children, messages }: LanguageProviderProps) => {\n  const locale = useTypedSelector((state) => state.admin_app.language.locale);\n  const appMessages = defaultsDeep(messages[locale], messages.en);\n\n  return (\n    <IntlProvider locale={locale} defaultLocale=\"en\" messages={appMessages} textComponent=\"span\">\n      {children}\n    </IntlProvider>\n  );\n};\n\nexport { LanguageProvider };\nexport type { LanguageProviderProps };\n"],"names":["LanguageProvider","children","messages","locale","useTypedSelector","state","admin_app","language","appMessages","defaultsDeep","en","_jsx","IntlProvider","defaultLocale","textComponent"],"mappings":";;;;;;;;;;;;AAgBA,MAAMA,mBAAmB,CAAC,EAAEC,QAAQ,EAAEC,QAAQ,EAAyB,GAAA;IACrE,MAAMC,MAAAA,GAASC,uBAAiB,CAACC,KAAAA,GAAUA,MAAMC,SAAS,CAACC,QAAQ,CAACJ,MAAM,CAAA;AAC1E,IAAA,MAAMK,cAAcC,6BAAAA,CAAaP,QAAQ,CAACC,MAAAA,CAAO,EAAED,SAASQ,EAAE,CAAA;AAE9D,IAAA,qBACEC,cAAA,CAACC,sBAAAA,EAAAA;QAAaT,MAAAA,EAAQA,MAAAA;QAAQU,aAAAA,EAAc,IAAA;QAAKX,QAAAA,EAAUM,WAAAA;QAAaM,aAAAA,EAAc,MAAA;AACnFb,QAAAA,QAAAA,EAAAA;;AAGP;;;;"}

package/dist/admin/admin/src/components/Layouts/HeaderLayout.js

@@ -13,7 +13,8 @@ var useElementOnScreen = require('../../hooks/useElementOnScreen.js');
 var useMediaQuery = require('../../hooks/useMediaQuery.js');
 var getMatchingDocLink = require('./utils/getMatchingDocLink.js');
 
-function _interopNamespaceDefault(e) {
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
   var n = Object.create(null);
   if (e) {
     Object.keys(e).forEach(function (k) {
@@ -30,7 +31,7 @@ function _interopNamespaceDefault(e) {
   return Object.freeze(n);
 }
 
-var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
 const BaseHeaderLayout = /*#__PURE__*/ React__namespace.forwardRef(({ navigationAction, primaryAction, secondaryAction, subtitle, title, sticky, width, docLink, ...props }, ref)=>{
     const isMobile = useMediaQuery.useIsMobile();

package/dist/admin/admin/src/components/Layouts/HeaderLayout.js.map

@@ -1 +1 @@
-{"version":3,"file":"HeaderLayout.js","sources":["../../../../../../admin/src/components/Layouts/HeaderLayout.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport {\n  Box,\n  Flex,\n  Typography,\n  TypographyProps,\n  useCallbackRef,\n  IconButton,\n} from '@strapi/design-system';\nimport { Question } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\nimport { useLocation, Link } from 'react-router-dom';\n\nimport {\n  HEIGHT_TOP_NAVIGATION,\n  HEIGHT_TOP_NAVIGATION_MEDIUM,\n  RESPONSIVE_DEFAULT_SPACING,\n} from '../../constants/theme';\nimport { useTracking } from '../../features/Tracking';\nimport { useDeviceType } from '../../hooks/useDeviceType';\nimport { useElementOnScreen } from '../../hooks/useElementOnScreen';\nimport { useIsMobile } from '../../hooks/useMediaQuery';\n\nimport { getMatchingDocLink, type DocLink } from './utils/getMatchingDocLink';\n\n/* -------------------------------------------------------------------------------------------------\n * BaseHeaderLayout\n * -----------------------------------------------------------------------------------------------*/\n\ninterface BaseHeaderLayoutProps extends Omit<TypographyProps<'div'>, 'tag'> {\n  navigationAction?: React.ReactNode;\n  primaryAction?: React.ReactNode;\n  secondaryAction?: React.ReactNode;\n  subtitle?: React.ReactNode;\n  sticky?: boolean;\n  width?: number;\n  docLink?: DocLink | null;\n}\n\nconst BaseHeaderLayout = React.forwardRef<HTMLDivElement, BaseHeaderLayoutProps>(\n  (\n    {\n      navigationAction,\n      primaryAction,\n      secondaryAction,\n      subtitle,\n      title,\n      sticky,\n      width,\n      docLink,\n      ...props\n    },\n    ref\n  ) => {\n    const isMobile = useIsMobile();\n    const isSubtitleString = typeof subtitle === 'string';\n\n    const { formatMessage } = useIntl();\n    const { trackUsage } = useTracking();\n\n    const docLinkButton = docLink ? (\n      <IconButton\n        onClick={() => trackUsage('didClickOnDocLink', { from: docLink.path, to: docLink.link })}\n        size=\"S\"\n        label={formatMessage({\n          id: 'app.HeaderLayout.docLink.label',\n          defaultMessage: 'Learn more on our documentation',\n        })}\n        to={docLink.link}\n        tag={Link}\n        target=\"_blank\"\n      >\n        <Question />\n      </IconButton>\n    ) : null;\n\n    if (sticky) {\n      return (\n        <Box\n          display=\"flex\"\n          paddingLeft={6}\n          paddingRight={6}\n          paddingTop={2}\n          paddingBottom={2}\n          position=\"fixed\"\n          top={0}\n          background=\"neutral0\"\n          shadow=\"tableShadow\"\n          width={`${width}px`}\n          zIndex={2}\n          minHeight={{\n            initial: HEIGHT_TOP_NAVIGATION,\n            medium: HEIGHT_TOP_NAVIGATION_MEDIUM,\n          }}\n          data-strapi-header-sticky\n        >\n          <Flex alignItems=\"center\" justifyContent=\"space-between\" wrap=\"wrap\" width=\"100%\" gap={2}>\n            <Flex>\n              {navigationAction && <Box paddingRight={3}>{navigationAction}</Box>}\n              <Box>\n                <Typography variant=\"beta\" tag=\"h1\" {...props}>\n                  {title}\n                </Typography>\n                {isSubtitleString ? (\n                  <Typography variant=\"pi\" textColor=\"neutral600\">\n                    {subtitle}\n                  </Typography>\n                ) : (\n                  subtitle\n                )}\n              </Box>\n              {secondaryAction ? <Box paddingLeft={4}>{secondaryAction}</Box> : null}\n            </Flex>\n            <Flex>\n              {primaryAction ? (\n                <Flex gap={2}>\n                  {docLinkButton}\n                  {primaryAction}\n                </Flex>\n              ) : undefined}\n            </Flex>\n          </Flex>\n        </Box>\n      );\n    }\n\n    return (\n      <Box\n        ref={ref}\n        paddingLeft={RESPONSIVE_DEFAULT_SPACING}\n        paddingRight={RESPONSIVE_DEFAULT_SPACING}\n        paddingBottom={{\n          initial: 4,\n          large: 8,\n        }}\n        paddingTop={{\n          initial: 4,\n          large: navigationAction ? 6 : 8,\n        }}\n        background=\"neutral100\"\n        data-strapi-header\n      >\n        <Flex direction=\"column\" alignItems=\"initial\" gap={3}>\n          {navigationAction}\n          {!isMobile ? (\n            <>\n              <Flex justifyContent=\"space-between\" wrap=\"wrap\" gap={4}>\n                <Flex minWidth={0}>\n                  <Typography\n                    tag=\"h1\"\n                    variant=\"alpha\"\n                    {...props}\n                    style={{\n                      wordBreak: 'break-word',\n                      overflowWrap: 'break-word',\n                      maxWidth: '100%',\n                    }}\n                  >\n                    {title}\n                  </Typography>\n                  {secondaryAction && <Box paddingLeft={4}>{secondaryAction}</Box>}\n                </Flex>\n                <Box paddingLeft={4} marginLeft=\"auto\">\n                  <Flex gap={2}>\n                    {docLinkButton}\n                    {primaryAction}\n                  </Flex>\n                </Box>\n              </Flex>\n              {isSubtitleString ? (\n                <Typography variant=\"epsilon\" textColor=\"neutral600\" tag=\"p\">\n                  {subtitle}\n                </Typography>\n              ) : (\n                subtitle\n              )}\n            </>\n          ) : (\n            <>\n              <Typography\n                tag=\"h1\"\n                variant=\"alpha\"\n                {...props}\n                style={{\n                  wordBreak: 'break-word',\n                  overflowWrap: 'break-word',\n                  maxWidth: '100%',\n                }}\n              >\n                {title}\n              </Typography>\n              {isSubtitleString ? (\n                <Typography variant=\"epsilon\" textColor=\"neutral600\" tag=\"p\">\n                  {subtitle}\n                </Typography>\n              ) : (\n                subtitle\n              )}\n              {(primaryAction || secondaryAction) && (\n                <Flex gap={3}>\n                  {secondaryAction}\n                  {docLinkButton}\n                  {primaryAction}\n                </Flex>\n              )}\n            </>\n          )}\n        </Flex>\n      </Box>\n    );\n  }\n);\n\n/* -------------------------------------------------------------------------------------------------\n * HeaderLayout\n * -----------------------------------------------------------------------------------------------*/\n\ninterface HeaderLayoutProps extends BaseHeaderLayoutProps {}\n\nconst HeaderLayout = (props: HeaderLayoutProps) => {\n  const baseHeaderLayoutRef = React.useRef<HTMLDivElement>(null);\n  const [headerSize, setHeaderSize] = React.useState<DOMRect | null>(null);\n  const [isVisible, setIsVisible] = React.useState(true);\n  const deviceType = useDeviceType();\n  const location = useLocation();\n  const docLink = React.useMemo(() => {\n    if (window.strapi.flags.docLinks === false) return null;\n    return getMatchingDocLink(location.pathname);\n  }, [location]);\n\n  const containerRef = useElementOnScreen<HTMLDivElement>(setIsVisible, {\n    root: null,\n    rootMargin: '0px',\n    threshold: 0,\n  });\n\n  useResizeObserver([containerRef, baseHeaderLayoutRef], () => {\n    const headerContainer = baseHeaderLayoutRef.current ?? containerRef.current;\n\n    if (headerContainer) {\n      const newSize = headerContainer.getBoundingClientRect();\n\n      setHeaderSize((prevSize) => {\n        // Only update if size actually changed\n        if (!prevSize || prevSize.height !== newSize.height || prevSize.width !== newSize.width) {\n          return newSize;\n        }\n        return prevSize;\n      });\n    }\n  });\n\n  React.useEffect(() => {\n    if (baseHeaderLayoutRef.current || containerRef.current) {\n      const headerContainer = baseHeaderLayoutRef.current ?? containerRef.current;\n      setHeaderSize(headerContainer?.getBoundingClientRect() ?? null);\n    }\n  }, [containerRef]);\n\n  if (deviceType === 'mobile') {\n    return <BaseHeaderLayout {...props} docLink={docLink} />;\n  }\n\n  return (\n    <div ref={containerRef}>\n      <div style={{ height: headerSize?.height }}>\n        {isVisible && <BaseHeaderLayout ref={baseHeaderLayoutRef} {...props} docLink={docLink} />}\n      </div>\n\n      {!isVisible && (\n        <BaseHeaderLayout {...props} sticky width={headerSize?.width} docLink={docLink} />\n      )}\n    </div>\n  );\n};\n\nHeaderLayout.displayName = 'HeaderLayout';\n\n/**\n * useResizeObserver: hook that observes the size of an element and calls a callback when it changes.\n */\nconst useResizeObserver = (\n  sources: React.RefObject<HTMLElement> | React.RefObject<HTMLElement>[],\n  onResize: ResizeObserverCallback\n) => {\n  const handleResize = useCallbackRef(onResize);\n\n  React.useLayoutEffect(() => {\n    const resizeObs = new ResizeObserver(handleResize);\n\n    if (Array.isArray(sources)) {\n      sources.forEach((source) => {\n        if (source.current) {\n          resizeObs.observe(source.current);\n        }\n      });\n    } else if (sources.current) {\n      resizeObs.observe(sources.current);\n    }\n\n    return () => {\n      resizeObs.disconnect();\n    };\n  }, [sources, handleResize]);\n};\n\nexport type { HeaderLayoutProps, BaseHeaderLayoutProps };\nexport { HeaderLayout, BaseHeaderLayout };\n"],"names":["BaseHeaderLayout","React","forwardRef","navigationAction","primaryAction","secondaryAction","subtitle","title","sticky","width","docLink","props","ref","isMobile","useIsMobile","isSubtitleString","formatMessage","useIntl","trackUsage","useTracking","docLinkButton","_jsx","IconButton","onClick","from","path","to","link","size","label","id","defaultMessage","tag","Link","target","Question","Box","display","paddingLeft","paddingRight","paddingTop","paddingBottom","position","top","background","shadow","zIndex","minHeight","initial","HEIGHT_TOP_NAVIGATION","medium","HEIGHT_TOP_NAVIGATION_MEDIUM","data-strapi-header-sticky","_jsxs","Flex","alignItems","justifyContent","wrap","gap","Typography","variant","textColor","undefined","RESPONSIVE_DEFAULT_SPACING","large","data-strapi-header","direction","_Fragment","minWidth","style","wordBreak","overflowWrap","maxWidth","marginLeft","HeaderLayout","baseHeaderLayoutRef","useRef","headerSize","setHeaderSize","useState","isVisible","setIsVisible","deviceType","useDeviceType","location","useLocation","useMemo","window","strapi","flags","docLinks","getMatchingDocLink","pathname","containerRef","useElementOnScreen","root","rootMargin","threshold","useResizeObserver","headerContainer","current","newSize","getBoundingClientRect","prevSize","height","useEffect","div","displayName","sources","onResize","handleResize","useCallbackRef","useLayoutEffect","resizeObs","ResizeObserver","Array","isArray","forEach","source","observe","disconnect"],"mappings":"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"}
+{"version":3,"file":"HeaderLayout.js","sources":["../../../../../../admin/src/components/Layouts/HeaderLayout.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport {\n  Box,\n  Flex,\n  Typography,\n  TypographyProps,\n  useCallbackRef,\n  IconButton,\n} from '@strapi/design-system';\nimport { Question } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\nimport { useLocation, Link } from 'react-router-dom';\n\nimport {\n  HEIGHT_TOP_NAVIGATION,\n  HEIGHT_TOP_NAVIGATION_MEDIUM,\n  RESPONSIVE_DEFAULT_SPACING,\n} from '../../constants/theme';\nimport { useTracking } from '../../features/Tracking';\nimport { useDeviceType } from '../../hooks/useDeviceType';\nimport { useElementOnScreen } from '../../hooks/useElementOnScreen';\nimport { useIsMobile } from '../../hooks/useMediaQuery';\n\nimport { getMatchingDocLink, type DocLink } from './utils/getMatchingDocLink';\n\n/* -------------------------------------------------------------------------------------------------\n * BaseHeaderLayout\n * -----------------------------------------------------------------------------------------------*/\n\ninterface BaseHeaderLayoutProps extends Omit<TypographyProps<'div'>, 'tag'> {\n  navigationAction?: React.ReactNode;\n  primaryAction?: React.ReactNode;\n  secondaryAction?: React.ReactNode;\n  subtitle?: React.ReactNode;\n  sticky?: boolean;\n  width?: number;\n  docLink?: DocLink | null;\n}\n\nconst BaseHeaderLayout = React.forwardRef<HTMLDivElement, BaseHeaderLayoutProps>(\n  (\n    {\n      navigationAction,\n      primaryAction,\n      secondaryAction,\n      subtitle,\n      title,\n      sticky,\n      width,\n      docLink,\n      ...props\n    },\n    ref\n  ) => {\n    const isMobile = useIsMobile();\n    const isSubtitleString = typeof subtitle === 'string';\n\n    const { formatMessage } = useIntl();\n    const { trackUsage } = useTracking();\n\n    const docLinkButton = docLink ? (\n      <IconButton\n        onClick={() => trackUsage('didClickOnDocLink', { from: docLink.path, to: docLink.link })}\n        size=\"S\"\n        label={formatMessage({\n          id: 'app.HeaderLayout.docLink.label',\n          defaultMessage: 'Learn more on our documentation',\n        })}\n        to={docLink.link}\n        tag={Link}\n        target=\"_blank\"\n      >\n        <Question />\n      </IconButton>\n    ) : null;\n\n    if (sticky) {\n      return (\n        <Box\n          display=\"flex\"\n          paddingLeft={6}\n          paddingRight={6}\n          paddingTop={2}\n          paddingBottom={2}\n          position=\"fixed\"\n          top={0}\n          background=\"neutral0\"\n          shadow=\"tableShadow\"\n          width={`${width}px`}\n          zIndex={2}\n          minHeight={{\n            initial: HEIGHT_TOP_NAVIGATION,\n            medium: HEIGHT_TOP_NAVIGATION_MEDIUM,\n          }}\n          data-strapi-header-sticky\n        >\n          <Flex alignItems=\"center\" justifyContent=\"space-between\" wrap=\"wrap\" width=\"100%\" gap={2}>\n            <Flex>\n              {navigationAction && <Box paddingRight={3}>{navigationAction}</Box>}\n              <Box>\n                <Typography variant=\"beta\" tag=\"h1\" {...props}>\n                  {title}\n                </Typography>\n                {isSubtitleString ? (\n                  <Typography variant=\"pi\" textColor=\"neutral600\">\n                    {subtitle}\n                  </Typography>\n                ) : (\n                  subtitle\n                )}\n              </Box>\n              {secondaryAction ? <Box paddingLeft={4}>{secondaryAction}</Box> : null}\n            </Flex>\n            <Flex>\n              {primaryAction ? (\n                <Flex gap={2}>\n                  {docLinkButton}\n                  {primaryAction}\n                </Flex>\n              ) : undefined}\n            </Flex>\n          </Flex>\n        </Box>\n      );\n    }\n\n    return (\n      <Box\n        ref={ref}\n        paddingLeft={RESPONSIVE_DEFAULT_SPACING}\n        paddingRight={RESPONSIVE_DEFAULT_SPACING}\n        paddingBottom={{\n          initial: 4,\n          large: 8,\n        }}\n        paddingTop={{\n          initial: 4,\n          large: navigationAction ? 6 : 8,\n        }}\n        background=\"neutral100\"\n        data-strapi-header\n      >\n        <Flex direction=\"column\" alignItems=\"initial\" gap={3}>\n          {navigationAction}\n          {!isMobile ? (\n            <>\n              <Flex justifyContent=\"space-between\" wrap=\"wrap\" gap={4}>\n                <Flex minWidth={0}>\n                  <Typography\n                    tag=\"h1\"\n                    variant=\"alpha\"\n                    {...props}\n                    style={{\n                      wordBreak: 'break-word',\n                      overflowWrap: 'break-word',\n                      maxWidth: '100%',\n                    }}\n                  >\n                    {title}\n                  </Typography>\n                  {secondaryAction && <Box paddingLeft={4}>{secondaryAction}</Box>}\n                </Flex>\n                <Box paddingLeft={4} marginLeft=\"auto\">\n                  <Flex gap={2}>\n                    {docLinkButton}\n                    {primaryAction}\n                  </Flex>\n                </Box>\n              </Flex>\n              {isSubtitleString ? (\n                <Typography variant=\"epsilon\" textColor=\"neutral600\" tag=\"p\">\n                  {subtitle}\n                </Typography>\n              ) : (\n                subtitle\n              )}\n            </>\n          ) : (\n            <>\n              <Typography\n                tag=\"h1\"\n                variant=\"alpha\"\n                {...props}\n                style={{\n                  wordBreak: 'break-word',\n                  overflowWrap: 'break-word',\n                  maxWidth: '100%',\n                }}\n              >\n                {title}\n              </Typography>\n              {isSubtitleString ? (\n                <Typography variant=\"epsilon\" textColor=\"neutral600\" tag=\"p\">\n                  {subtitle}\n                </Typography>\n              ) : (\n                subtitle\n              )}\n              {(primaryAction || secondaryAction) && (\n                <Flex gap={3}>\n                  {secondaryAction}\n                  {docLinkButton}\n                  {primaryAction}\n                </Flex>\n              )}\n            </>\n          )}\n        </Flex>\n      </Box>\n    );\n  }\n);\n\n/* -------------------------------------------------------------------------------------------------\n * HeaderLayout\n * -----------------------------------------------------------------------------------------------*/\n\ninterface HeaderLayoutProps extends BaseHeaderLayoutProps {}\n\nconst HeaderLayout = (props: HeaderLayoutProps) => {\n  const baseHeaderLayoutRef = React.useRef<HTMLDivElement>(null);\n  const [headerSize, setHeaderSize] = React.useState<DOMRect | null>(null);\n  const [isVisible, setIsVisible] = React.useState(true);\n  const deviceType = useDeviceType();\n  const location = useLocation();\n  const docLink = React.useMemo(() => {\n    if (window.strapi.flags.docLinks === false) return null;\n    return getMatchingDocLink(location.pathname);\n  }, [location]);\n\n  const containerRef = useElementOnScreen<HTMLDivElement>(setIsVisible, {\n    root: null,\n    rootMargin: '0px',\n    threshold: 0,\n  });\n\n  useResizeObserver([containerRef, baseHeaderLayoutRef], () => {\n    const headerContainer = baseHeaderLayoutRef.current ?? containerRef.current;\n\n    if (headerContainer) {\n      const newSize = headerContainer.getBoundingClientRect();\n\n      setHeaderSize((prevSize) => {\n        // Only update if size actually changed\n        if (!prevSize || prevSize.height !== newSize.height || prevSize.width !== newSize.width) {\n          return newSize;\n        }\n        return prevSize;\n      });\n    }\n  });\n\n  React.useEffect(() => {\n    if (baseHeaderLayoutRef.current || containerRef.current) {\n      const headerContainer = baseHeaderLayoutRef.current ?? containerRef.current;\n      setHeaderSize(headerContainer?.getBoundingClientRect() ?? null);\n    }\n  }, [containerRef]);\n\n  if (deviceType === 'mobile') {\n    return <BaseHeaderLayout {...props} docLink={docLink} />;\n  }\n\n  return (\n    <div ref={containerRef}>\n      <div style={{ height: headerSize?.height }}>\n        {isVisible && <BaseHeaderLayout ref={baseHeaderLayoutRef} {...props} docLink={docLink} />}\n      </div>\n\n      {!isVisible && (\n        <BaseHeaderLayout {...props} sticky width={headerSize?.width} docLink={docLink} />\n      )}\n    </div>\n  );\n};\n\nHeaderLayout.displayName = 'HeaderLayout';\n\n/**\n * useResizeObserver: hook that observes the size of an element and calls a callback when it changes.\n */\nconst useResizeObserver = (\n  sources: React.RefObject<HTMLElement> | React.RefObject<HTMLElement>[],\n  onResize: ResizeObserverCallback\n) => {\n  const handleResize = useCallbackRef(onResize);\n\n  React.useLayoutEffect(() => {\n    const resizeObs = new ResizeObserver(handleResize);\n\n    if (Array.isArray(sources)) {\n      sources.forEach((source) => {\n        if (source.current) {\n          resizeObs.observe(source.current);\n        }\n      });\n    } else if (sources.current) {\n      resizeObs.observe(sources.current);\n    }\n\n    return () => {\n      resizeObs.disconnect();\n    };\n  }, [sources, handleResize]);\n};\n\nexport type { HeaderLayoutProps, BaseHeaderLayoutProps };\nexport { HeaderLayout, BaseHeaderLayout };\n"],"names":["BaseHeaderLayout","React","forwardRef","navigationAction","primaryAction","secondaryAction","subtitle","title","sticky","width","docLink","props","ref","isMobile","useIsMobile","isSubtitleString","formatMessage","useIntl","trackUsage","useTracking","docLinkButton","_jsx","IconButton","onClick","from","path","to","link","size","label","id","defaultMessage","tag","Link","target","Question","Box","display","paddingLeft","paddingRight","paddingTop","paddingBottom","position","top","background","shadow","zIndex","minHeight","initial","HEIGHT_TOP_NAVIGATION","medium","HEIGHT_TOP_NAVIGATION_MEDIUM","data-strapi-header-sticky","_jsxs","Flex","alignItems","justifyContent","wrap","gap","Typography","variant","textColor","undefined","RESPONSIVE_DEFAULT_SPACING","large","data-strapi-header","direction","_Fragment","minWidth","style","wordBreak","overflowWrap","maxWidth","marginLeft","HeaderLayout","baseHeaderLayoutRef","useRef","headerSize","setHeaderSize","useState","isVisible","setIsVisible","deviceType","useDeviceType","location","useLocation","useMemo","window","strapi","flags","docLinks","getMatchingDocLink","pathname","containerRef","useElementOnScreen","root","rootMargin","threshold","useResizeObserver","headerContainer","current","newSize","getBoundingClientRect","prevSize","height","useEffect","div","displayName","sources","onResize","handleResize","useCallbackRef","useLayoutEffect","resizeObs","ResizeObserver","Array","isArray","forEach","source","observe","disconnect"],"mappings":"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"}

package/dist/admin/admin/src/components/LazyOutlet.js

@@ -0,0 +1,57 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var designSystem = require('@strapi/design-system');
+var reactRouterDom = require('react-router-dom');
+var PageHelpers = require('./PageHelpers.js');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+const NestedLoading = ()=>/*#__PURE__*/ jsxRuntime.jsx(designSystem.Flex, {
+        alignItems: "center",
+        justifyContent: "center",
+        minHeight: "50vh",
+        padding: 8,
+        "aria-busy": true,
+        children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Loader, {
+            children: "Loading content."
+        })
+    });
+/**
+ * Renders child routes with a visible loading state while lazy chunks load.
+ * Suspense fallbacks are suppressed during React Router transitions, so we also
+ * check `useNavigation().state` to replace stale outlet content while navigating.
+ */ const LazyOutlet = ({ nested = false, suspenseOnly = false })=>{
+    const navigation = reactRouterDom.useNavigation();
+    const isNavigating = !suspenseOnly && navigation.state === 'loading';
+    const fallback = nested ? /*#__PURE__*/ jsxRuntime.jsx(NestedLoading, {}) : /*#__PURE__*/ jsxRuntime.jsx(PageHelpers.Page.Loading, {});
+    if (isNavigating) {
+        return fallback;
+    }
+    return /*#__PURE__*/ jsxRuntime.jsx(React__namespace.Suspense, {
+        fallback: fallback,
+        children: /*#__PURE__*/ jsxRuntime.jsx(reactRouterDom.Outlet, {})
+    });
+};
+
+exports.LazyOutlet = LazyOutlet;
+//# sourceMappingURL=LazyOutlet.js.map

package/dist/admin/admin/src/components/LazyOutlet.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LazyOutlet.js","sources":["../../../../../admin/src/components/LazyOutlet.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Flex, Loader } from '@strapi/design-system';\nimport { Outlet, useNavigation } from 'react-router-dom';\n\nimport { Page } from './PageHelpers';\n\ninterface LazyOutletProps {\n  /**\n   * Compact loader for nested layout content columns (e.g. Settings, Content Manager)\n   * where the parent shell should stay visible.\n   */\n  nested?: boolean;\n  /**\n   * Parent outlets only use Suspense so nested layouts can own navigation loading UX\n   * (side nav stays visible while a child chunk loads).\n   */\n  suspenseOnly?: boolean;\n}\n\nconst NestedLoading = () => (\n  <Flex alignItems=\"center\" justifyContent=\"center\" minHeight=\"50vh\" padding={8} aria-busy>\n    <Loader>Loading content.</Loader>\n  </Flex>\n);\n\n/**\n * Renders child routes with a visible loading state while lazy chunks load.\n * Suspense fallbacks are suppressed during React Router transitions, so we also\n * check `useNavigation().state` to replace stale outlet content while navigating.\n */\nconst LazyOutlet = ({ nested = false, suspenseOnly = false }: LazyOutletProps) => {\n  const navigation = useNavigation();\n  const isNavigating = !suspenseOnly && navigation.state === 'loading';\n  const fallback = nested ? <NestedLoading /> : <Page.Loading />;\n\n  if (isNavigating) {\n    return fallback;\n  }\n\n  return (\n    <React.Suspense fallback={fallback}>\n      <Outlet />\n    </React.Suspense>\n  );\n};\n\nexport { LazyOutlet };\nexport type { LazyOutletProps };\n"],"names":["NestedLoading","_jsx","Flex","alignItems","justifyContent","minHeight","padding","aria-busy","Loader","LazyOutlet","nested","suspenseOnly","navigation","useNavigation","isNavigating","state","fallback","Page","Loading","React","Suspense","Outlet"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoBA,MAAMA,aAAAA,GAAgB,kBACpBC,cAAA,CAACC,iBAAAA,EAAAA;QAAKC,UAAAA,EAAW,QAAA;QAASC,cAAAA,EAAe,QAAA;QAASC,SAAAA,EAAU,MAAA;QAAOC,OAAAA,EAAS,CAAA;QAAGC,WAAS,EAAA,IAAA;AACtF,QAAA,QAAA,gBAAAN,cAAA,CAACO,mBAAAA,EAAAA;AAAO,YAAA,QAAA,EAAA;;;AAIZ;;;;IAKA,MAAMC,aAAa,CAAC,EAAEC,SAAS,KAAK,EAAEC,YAAAA,GAAe,KAAK,EAAmB,GAAA;AAC3E,IAAA,MAAMC,UAAAA,GAAaC,4BAAAA,EAAAA;AACnB,IAAA,MAAMC,YAAAA,GAAe,CAACH,YAAAA,IAAgBC,UAAAA,CAAWG,KAAK,KAAK,SAAA;AAC3D,IAAA,MAAMC,WAAWN,MAAAA,iBAAST,cAAA,CAACD,aAAAA,EAAAA,EAAAA,CAAAA,iBAAmBC,cAAA,CAACgB,iBAAKC,OAAO,EAAA,EAAA,CAAA;AAE3D,IAAA,IAAIJ,YAAAA,EAAc;QAChB,OAAOE,QAAAA;AACT,IAAA;IAEA,qBACEf,cAAA,CAACkB,iBAAMC,QAAQ,EAAA;QAACJ,QAAAA,EAAUA,QAAAA;AACxB,QAAA,QAAA,gBAAAf,cAAA,CAACoB,qBAAAA,EAAAA,EAAAA;;AAGP;;;;"}

package/dist/admin/admin/src/components/LazyOutlet.mjs

@@ -0,0 +1,35 @@
+import { jsx } from 'react/jsx-runtime';
+import * as React from 'react';
+import { Flex, Loader } from '@strapi/design-system';
+import { useNavigation, Outlet } from 'react-router-dom';
+import { Page } from './PageHelpers.mjs';
+
+const NestedLoading = ()=>/*#__PURE__*/ jsx(Flex, {
+        alignItems: "center",
+        justifyContent: "center",
+        minHeight: "50vh",
+        padding: 8,
+        "aria-busy": true,
+        children: /*#__PURE__*/ jsx(Loader, {
+            children: "Loading content."
+        })
+    });
+/**
+ * Renders child routes with a visible loading state while lazy chunks load.
+ * Suspense fallbacks are suppressed during React Router transitions, so we also
+ * check `useNavigation().state` to replace stale outlet content while navigating.
+ */ const LazyOutlet = ({ nested = false, suspenseOnly = false })=>{
+    const navigation = useNavigation();
+    const isNavigating = !suspenseOnly && navigation.state === 'loading';
+    const fallback = nested ? /*#__PURE__*/ jsx(NestedLoading, {}) : /*#__PURE__*/ jsx(Page.Loading, {});
+    if (isNavigating) {
+        return fallback;
+    }
+    return /*#__PURE__*/ jsx(React.Suspense, {
+        fallback: fallback,
+        children: /*#__PURE__*/ jsx(Outlet, {})
+    });
+};
+
+export { LazyOutlet };
+//# sourceMappingURL=LazyOutlet.mjs.map

package/dist/admin/admin/src/components/LazyOutlet.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"LazyOutlet.mjs","sources":["../../../../../admin/src/components/LazyOutlet.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Flex, Loader } from '@strapi/design-system';\nimport { Outlet, useNavigation } from 'react-router-dom';\n\nimport { Page } from './PageHelpers';\n\ninterface LazyOutletProps {\n  /**\n   * Compact loader for nested layout content columns (e.g. Settings, Content Manager)\n   * where the parent shell should stay visible.\n   */\n  nested?: boolean;\n  /**\n   * Parent outlets only use Suspense so nested layouts can own navigation loading UX\n   * (side nav stays visible while a child chunk loads).\n   */\n  suspenseOnly?: boolean;\n}\n\nconst NestedLoading = () => (\n  <Flex alignItems=\"center\" justifyContent=\"center\" minHeight=\"50vh\" padding={8} aria-busy>\n    <Loader>Loading content.</Loader>\n  </Flex>\n);\n\n/**\n * Renders child routes with a visible loading state while lazy chunks load.\n * Suspense fallbacks are suppressed during React Router transitions, so we also\n * check `useNavigation().state` to replace stale outlet content while navigating.\n */\nconst LazyOutlet = ({ nested = false, suspenseOnly = false }: LazyOutletProps) => {\n  const navigation = useNavigation();\n  const isNavigating = !suspenseOnly && navigation.state === 'loading';\n  const fallback = nested ? <NestedLoading /> : <Page.Loading />;\n\n  if (isNavigating) {\n    return fallback;\n  }\n\n  return (\n    <React.Suspense fallback={fallback}>\n      <Outlet />\n    </React.Suspense>\n  );\n};\n\nexport { LazyOutlet };\nexport type { LazyOutletProps };\n"],"names":["NestedLoading","_jsx","Flex","alignItems","justifyContent","minHeight","padding","aria-busy","Loader","LazyOutlet","nested","suspenseOnly","navigation","useNavigation","isNavigating","state","fallback","Page","Loading","React","Suspense","Outlet"],"mappings":";;;;;;AAoBA,MAAMA,aAAAA,GAAgB,kBACpBC,GAAA,CAACC,IAAAA,EAAAA;QAAKC,UAAAA,EAAW,QAAA;QAASC,cAAAA,EAAe,QAAA;QAASC,SAAAA,EAAU,MAAA;QAAOC,OAAAA,EAAS,CAAA;QAAGC,WAAS,EAAA,IAAA;AACtF,QAAA,QAAA,gBAAAN,GAAA,CAACO,MAAAA,EAAAA;AAAO,YAAA,QAAA,EAAA;;;AAIZ;;;;IAKA,MAAMC,aAAa,CAAC,EAAEC,SAAS,KAAK,EAAEC,YAAAA,GAAe,KAAK,EAAmB,GAAA;AAC3E,IAAA,MAAMC,UAAAA,GAAaC,aAAAA,EAAAA;AACnB,IAAA,MAAMC,YAAAA,GAAe,CAACH,YAAAA,IAAgBC,UAAAA,CAAWG,KAAK,KAAK,SAAA;AAC3D,IAAA,MAAMC,WAAWN,MAAAA,iBAAST,GAAA,CAACD,aAAAA,EAAAA,EAAAA,CAAAA,iBAAmBC,GAAA,CAACgB,KAAKC,OAAO,EAAA,EAAA,CAAA;AAE3D,IAAA,IAAIJ,YAAAA,EAAc;QAChB,OAAOE,QAAAA;AACT,IAAA;IAEA,qBACEf,GAAA,CAACkB,MAAMC,QAAQ,EAAA;QAACJ,QAAAA,EAAUA,QAAAA;AACxB,QAAA,QAAA,gBAAAf,GAAA,CAACoB,MAAAA,EAAAA,EAAAA;;AAGP;;;;"}

package/dist/admin/admin/src/components/LeftMenu.js

@@ -16,7 +16,8 @@ var NavBurgerMenu = require('./MainNav/NavBurgerMenu.js');
 var NavUser = require('./MainNav/NavUser.js');
 var TrialCountdown = require('./MainNav/TrialCountdown.js');
 
-function _interopNamespaceDefault(e) {
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
   var n = Object.create(null);
   if (e) {
     Object.keys(e).forEach(function (k) {
@@ -33,7 +34,7 @@ function _interopNamespaceDefault(e) {
   return Object.freeze(n);
 }
 
-var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
 const sortLinks = (links)=>{
     return links.sort((a, b)=>{

package/dist/admin/admin/src/components/LeftMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"LeftMenu.js","sources":["../../../../../admin/src/components/LeftMenu.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Box, Divider, Flex, FlexComponent, IconButton, useCollator } from '@strapi/design-system';\nimport { Cross, List } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\nimport { useLocation } from 'react-router-dom';\nimport { styled } from 'styled-components';\n\nimport { useTracking } from '../features/Tracking';\nimport { useIsDesktop } from '../hooks/useMediaQuery';\nimport { Menu, MenuItem, MobileMenuItem } from '../hooks/useMenu';\n\nimport { MainNav } from './MainNav/MainNav';\nimport { MainNavIcons } from './MainNav/MainNavLinks';\nimport { NavBrand } from './MainNav/NavBrand';\nimport { NavBurgerMenu } from './MainNav/NavBurgerMenu';\nimport { NavUser } from './MainNav/NavUser';\nimport { TrialCountdown } from './MainNav/TrialCountdown';\n\nconst sortLinks = (links: MenuItem[]) => {\n  return links.sort((a, b) => {\n    // if no position is defined, we put the link in the position of the external plugins, before the plugins list\n    const positionA = a.position ?? 6;\n    const positionB = b.position ?? 6;\n\n    if (positionA < positionB) {\n      return -1;\n    } else {\n      return 1;\n    }\n  });\n};\n\nconst NavListWrapper = styled<FlexComponent<'ul'>>(Flex)`\n  width: 100%;\n  overflow-y: auto;\n  scrollbar-width: none;\n  -ms-overflow-style: none;\n\n  &::-webkit-scrollbar {\n    display: none;\n  }\n`;\n\ninterface LeftMenuProps\n  extends Pick<\n    Menu,\n    'generalSectionLinks' | 'pluginsSectionLinks' | 'topMobileNavigation' | 'burgerMobileNavigation'\n  > {}\n\nconst MenuDetails = styled(Flex)`\n  flex: 1;\n  flex-direction: row;\n  justify-content: space-between;\n  overflow-x: auto;\n\n  ${({ theme }) => theme.breakpoints.large} {\n    flex-direction: column;\n    overflow-y: auto;\n    overflow-x: hidden;\n  }\n`;\n\nconst LeftMenu = ({\n  generalSectionLinks = [],\n  pluginsSectionLinks = [],\n  topMobileNavigation = [],\n  burgerMobileNavigation = [],\n}: LeftMenuProps) => {\n  const [isBurgerMenuShown, setIsBurgerMenuShown] = React.useState(false);\n  const { trackUsage } = useTracking();\n  const { pathname } = useLocation();\n  const { formatMessage, locale } = useIntl();\n  const formatter = useCollator(locale, {\n    sensitivity: 'base',\n  });\n  const isDesktop = useIsDesktop();\n\n  const handleClickOnLink = (destination: string) => {\n    trackUsage('willNavigate', { from: pathname, to: destination });\n  };\n\n  // Close burger menu when route changes\n  React.useEffect(() => {\n    setIsBurgerMenuShown(false);\n  }, [pathname]);\n\n  const listLinksAlphabeticallySorted = [...pluginsSectionLinks, ...generalSectionLinks].sort(\n    (a, b) => formatter.compare(formatMessage(a.intlLabel), formatMessage(b.intlLabel))\n  );\n  const listLinks = sortLinks(listLinksAlphabeticallySorted);\n\n  /**\n   * Return filtered mobile navigation links (used for both top and burger menu)\n   */\n  const mapMobileNavigationLinks = (mobileNavLinks: MobileMenuItem[]): MenuItem[] =>\n    mobileNavLinks.reduce<MenuItem[]>((acc, mobileLink) => {\n      const linkFound = listLinks.find((link) => link.to === mobileLink.to);\n      if (linkFound) {\n        acc.push(mobileLink.link ? { ...linkFound, navigationLink: mobileLink.link } : linkFound);\n      }\n      return acc;\n    }, []);\n\n  /**\n   * Mobile top navigation\n   */\n  const topMobileNavigationLinks = mapMobileNavigationLinks(topMobileNavigation);\n\n  /**\n   * Mobile burger menu\n   */\n  const excludedPluginsFromBurgerMenu = [\n    'content-manager',\n    'content-type-builder',\n    'upload',\n    'content-releases',\n  ];\n  const burgerMenuPluginsLinks = pluginsSectionLinks.filter(\n    (plugin) => !excludedPluginsFromBurgerMenu.some((link) => plugin.to.includes(link))\n  );\n  const burgerMobileNavigationLinks = [\n    ...burgerMenuPluginsLinks,\n    ...mapMobileNavigationLinks(burgerMobileNavigation),\n  ];\n\n  return (\n    <>\n      <MainNav>\n        <NavBrand />\n\n        {isDesktop && <Divider />}\n\n        <MenuDetails>\n          <NavListWrapper\n            tag=\"ul\"\n            gap={3}\n            direction={{\n              initial: 'row',\n              large: 'column',\n            }}\n            alignItems=\"center\"\n            justifyContent={{\n              initial: 'center',\n              large: 'flex-start',\n            }}\n            flex={1}\n            paddingLeft={{\n              initial: 3,\n              large: 0,\n            }}\n            paddingRight={{\n              initial: 3,\n              large: 0,\n            }}\n            paddingTop={3}\n            paddingBottom={3}\n          >\n            <MainNavIcons\n              listLinks={listLinks}\n              mobileLinks={topMobileNavigationLinks}\n              handleClickOnLink={handleClickOnLink}\n            />\n          </NavListWrapper>\n          <TrialCountdown />\n          <Box\n            display={{\n              initial: 'none',\n              large: 'flex',\n            }}\n            borderStyle=\"solid\"\n            borderWidth={{\n              initial: 0,\n              large: '1px 0 0 0',\n            }}\n            borderColor=\"neutral150\"\n            padding={3}\n          >\n            <NavUser />\n          </Box>\n        </MenuDetails>\n\n        <Box\n          padding={3}\n          display={{\n            initial: 'flex',\n            large: 'none',\n          }}\n        >\n          <IconButton\n            onClick={() => setIsBurgerMenuShown((prev) => !prev)}\n            style={{ border: 'none' }}\n            label=\"Menu\"\n            type=\"button\"\n            aria-expanded={isBurgerMenuShown}\n            aria-controls=\"burger-menu\"\n          >\n            {!isBurgerMenuShown ? <List fill=\"neutral1000\" /> : <Cross fill=\"neutral1000\" />}\n          </IconButton>\n        </Box>\n      </MainNav>\n      <NavBurgerMenu\n        isShown={isBurgerMenuShown}\n        listLinks={burgerMobileNavigationLinks}\n        handleClickOnLink={handleClickOnLink}\n        onClose={() => setIsBurgerMenuShown(false)}\n      />\n    </>\n  );\n};\n\nexport { LeftMenu };\n"],"names":["sortLinks","links","sort","a","b","positionA","position","positionB","NavListWrapper","styled","Flex","MenuDetails","theme","breakpoints","large","LeftMenu","generalSectionLinks","pluginsSectionLinks","topMobileNavigation","burgerMobileNavigation","isBurgerMenuShown","setIsBurgerMenuShown","React","useState","trackUsage","useTracking","pathname","useLocation","formatMessage","locale","useIntl","formatter","useCollator","sensitivity","isDesktop","useIsDesktop","handleClickOnLink","destination","from","to","useEffect","listLinksAlphabeticallySorted","compare","intlLabel","listLinks","mapMobileNavigationLinks","mobileNavLinks","reduce","acc","mobileLink","linkFound","find","link","push","navigationLink","topMobileNavigationLinks","excludedPluginsFromBurgerMenu","burgerMenuPluginsLinks","filter","plugin","some","includes","burgerMobileNavigationLinks","_jsxs","_Fragment","MainNav","_jsx","NavBrand","Divider","tag","gap","direction","initial","alignItems","justifyContent","flex","paddingLeft","paddingRight","paddingTop","paddingBottom","MainNavIcons","mobileLinks","TrialCountdown","Box","display","borderStyle","borderWidth","borderColor","padding","NavUser","IconButton","onClick","prev","style","border","label","type","aria-expanded","aria-controls","List","fill","Cross","NavBurgerMenu","isShown","onClose"],"mappings":"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"}
+{"version":3,"file":"LeftMenu.js","sources":["../../../../../admin/src/components/LeftMenu.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Box, Divider, Flex, FlexComponent, IconButton, useCollator } from '@strapi/design-system';\nimport { Cross, List } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\nimport { useLocation } from 'react-router-dom';\nimport { styled } from 'styled-components';\n\nimport { useTracking } from '../features/Tracking';\nimport { useIsDesktop } from '../hooks/useMediaQuery';\nimport { Menu, MenuItem, MobileMenuItem } from '../hooks/useMenu';\n\nimport { MainNav } from './MainNav/MainNav';\nimport { MainNavIcons } from './MainNav/MainNavLinks';\nimport { NavBrand } from './MainNav/NavBrand';\nimport { NavBurgerMenu } from './MainNav/NavBurgerMenu';\nimport { NavUser } from './MainNav/NavUser';\nimport { TrialCountdown } from './MainNav/TrialCountdown';\n\nconst sortLinks = (links: MenuItem[]) => {\n  return links.sort((a, b) => {\n    // if no position is defined, we put the link in the position of the external plugins, before the plugins list\n    const positionA = a.position ?? 6;\n    const positionB = b.position ?? 6;\n\n    if (positionA < positionB) {\n      return -1;\n    } else {\n      return 1;\n    }\n  });\n};\n\nconst NavListWrapper = styled<FlexComponent<'ul'>>(Flex)`\n  width: 100%;\n  overflow-y: auto;\n  scrollbar-width: none;\n  -ms-overflow-style: none;\n\n  &::-webkit-scrollbar {\n    display: none;\n  }\n`;\n\ninterface LeftMenuProps\n  extends Pick<\n    Menu,\n    'generalSectionLinks' | 'pluginsSectionLinks' | 'topMobileNavigation' | 'burgerMobileNavigation'\n  > {}\n\nconst MenuDetails = styled(Flex)`\n  flex: 1;\n  flex-direction: row;\n  justify-content: space-between;\n  overflow-x: auto;\n\n  ${({ theme }) => theme.breakpoints.large} {\n    flex-direction: column;\n    overflow-y: auto;\n    overflow-x: hidden;\n  }\n`;\n\nconst LeftMenu = ({\n  generalSectionLinks = [],\n  pluginsSectionLinks = [],\n  topMobileNavigation = [],\n  burgerMobileNavigation = [],\n}: LeftMenuProps) => {\n  const [isBurgerMenuShown, setIsBurgerMenuShown] = React.useState(false);\n  const { trackUsage } = useTracking();\n  const { pathname } = useLocation();\n  const { formatMessage, locale } = useIntl();\n  const formatter = useCollator(locale, {\n    sensitivity: 'base',\n  });\n  const isDesktop = useIsDesktop();\n\n  const handleClickOnLink = (destination: string) => {\n    trackUsage('willNavigate', { from: pathname, to: destination });\n  };\n\n  // Close burger menu when route changes\n  React.useEffect(() => {\n    setIsBurgerMenuShown(false);\n  }, [pathname]);\n\n  const listLinksAlphabeticallySorted = [...pluginsSectionLinks, ...generalSectionLinks].sort(\n    (a, b) => formatter.compare(formatMessage(a.intlLabel), formatMessage(b.intlLabel))\n  );\n  const listLinks = sortLinks(listLinksAlphabeticallySorted);\n\n  /**\n   * Return filtered mobile navigation links (used for both top and burger menu)\n   */\n  const mapMobileNavigationLinks = (mobileNavLinks: MobileMenuItem[]): MenuItem[] =>\n    mobileNavLinks.reduce<MenuItem[]>((acc, mobileLink) => {\n      const linkFound = listLinks.find((link) => link.to === mobileLink.to);\n      if (linkFound) {\n        acc.push(mobileLink.link ? { ...linkFound, navigationLink: mobileLink.link } : linkFound);\n      }\n      return acc;\n    }, []);\n\n  /**\n   * Mobile top navigation\n   */\n  const topMobileNavigationLinks = mapMobileNavigationLinks(topMobileNavigation);\n\n  /**\n   * Mobile burger menu\n   */\n  const excludedPluginsFromBurgerMenu = [\n    'content-manager',\n    'content-type-builder',\n    'upload',\n    'content-releases',\n  ];\n  const burgerMenuPluginsLinks = pluginsSectionLinks.filter(\n    (plugin) => !excludedPluginsFromBurgerMenu.some((link) => plugin.to.includes(link))\n  );\n  const burgerMobileNavigationLinks = [\n    ...burgerMenuPluginsLinks,\n    ...mapMobileNavigationLinks(burgerMobileNavigation),\n  ];\n\n  return (\n    <>\n      <MainNav>\n        <NavBrand />\n\n        {isDesktop && <Divider />}\n\n        <MenuDetails>\n          <NavListWrapper\n            tag=\"ul\"\n            gap={3}\n            direction={{\n              initial: 'row',\n              large: 'column',\n            }}\n            alignItems=\"center\"\n            justifyContent={{\n              initial: 'center',\n              large: 'flex-start',\n            }}\n            flex={1}\n            paddingLeft={{\n              initial: 3,\n              large: 0,\n            }}\n            paddingRight={{\n              initial: 3,\n              large: 0,\n            }}\n            paddingTop={3}\n            paddingBottom={3}\n          >\n            <MainNavIcons\n              listLinks={listLinks}\n              mobileLinks={topMobileNavigationLinks}\n              handleClickOnLink={handleClickOnLink}\n            />\n          </NavListWrapper>\n          <TrialCountdown />\n          <Box\n            display={{\n              initial: 'none',\n              large: 'flex',\n            }}\n            borderStyle=\"solid\"\n            borderWidth={{\n              initial: 0,\n              large: '1px 0 0 0',\n            }}\n            borderColor=\"neutral150\"\n            padding={3}\n          >\n            <NavUser />\n          </Box>\n        </MenuDetails>\n\n        <Box\n          padding={3}\n          display={{\n            initial: 'flex',\n            large: 'none',\n          }}\n        >\n          <IconButton\n            onClick={() => setIsBurgerMenuShown((prev) => !prev)}\n            style={{ border: 'none' }}\n            label=\"Menu\"\n            type=\"button\"\n            aria-expanded={isBurgerMenuShown}\n            aria-controls=\"burger-menu\"\n          >\n            {!isBurgerMenuShown ? <List fill=\"neutral1000\" /> : <Cross fill=\"neutral1000\" />}\n          </IconButton>\n        </Box>\n      </MainNav>\n      <NavBurgerMenu\n        isShown={isBurgerMenuShown}\n        listLinks={burgerMobileNavigationLinks}\n        handleClickOnLink={handleClickOnLink}\n        onClose={() => setIsBurgerMenuShown(false)}\n      />\n    </>\n  );\n};\n\nexport { LeftMenu };\n"],"names":["sortLinks","links","sort","a","b","positionA","position","positionB","NavListWrapper","styled","Flex","MenuDetails","theme","breakpoints","large","LeftMenu","generalSectionLinks","pluginsSectionLinks","topMobileNavigation","burgerMobileNavigation","isBurgerMenuShown","setIsBurgerMenuShown","React","useState","trackUsage","useTracking","pathname","useLocation","formatMessage","locale","useIntl","formatter","useCollator","sensitivity","isDesktop","useIsDesktop","handleClickOnLink","destination","from","to","useEffect","listLinksAlphabeticallySorted","compare","intlLabel","listLinks","mapMobileNavigationLinks","mobileNavLinks","reduce","acc","mobileLink","linkFound","find","link","push","navigationLink","topMobileNavigationLinks","excludedPluginsFromBurgerMenu","burgerMenuPluginsLinks","filter","plugin","some","includes","burgerMobileNavigationLinks","_jsxs","_Fragment","MainNav","_jsx","NavBrand","Divider","tag","gap","direction","initial","alignItems","justifyContent","flex","paddingLeft","paddingRight","paddingTop","paddingBottom","MainNavIcons","mobileLinks","TrialCountdown","Box","display","borderStyle","borderWidth","borderColor","padding","NavUser","IconButton","onClick","prev","style","border","label","type","aria-expanded","aria-controls","List","fill","Cross","NavBurgerMenu","isShown","onClose"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmBA,MAAMA,YAAY,CAACC,KAAAA,GAAAA;AACjB,IAAA,OAAOA,KAAAA,CAAMC,IAAI,CAAC,CAACC,CAAAA,EAAGC,CAAAA,GAAAA;;QAEpB,MAAMC,SAAAA,GAAYF,CAAAA,CAAEG,QAAQ,IAAI,CAAA;QAChC,MAAMC,SAAAA,GAAYH,CAAAA,CAAEE,QAAQ,IAAI,CAAA;AAEhC,QAAA,IAAID,YAAYE,SAAAA,EAAW;AACzB,YAAA,OAAO,EAAC;QACV,CAAA,MAAO;YACL,OAAO,CAAA;AACT,QAAA;AACF,IAAA,CAAA,CAAA;AACF,CAAA;AAEA,MAAMC,cAAAA,GAAiBC,aAAAA,CAA4BC,iBAAAA,CAAK;;;;;;;;;AASxD,CAAC;AAQD,MAAMC,WAAAA,GAAcF,aAAAA,CAAOC,iBAAAA,CAAK;;;;;;EAM9B,EAAE,CAAC,EAAEE,KAAK,EAAE,GAAKA,KAAAA,CAAMC,WAAW,CAACC,KAAK,CAAC;;;;;AAK3C,CAAC;AAED,MAAMC,QAAAA,GAAW,CAAC,EAChBC,mBAAAA,GAAsB,EAAE,EACxBC,mBAAAA,GAAsB,EAAE,EACxBC,mBAAAA,GAAsB,EAAE,EACxBC,sBAAAA,GAAyB,EAAE,EACb,GAAA;AACd,IAAA,MAAM,CAACC,iBAAAA,EAAmBC,oBAAAA,CAAqB,GAAGC,gBAAAA,CAAMC,QAAQ,CAAC,KAAA,CAAA;IACjE,MAAM,EAAEC,UAAU,EAAE,GAAGC,oBAAAA,EAAAA;IACvB,MAAM,EAAEC,QAAQ,EAAE,GAAGC,0BAAAA,EAAAA;AACrB,IAAA,MAAM,EAAEC,aAAa,EAAEC,MAAM,EAAE,GAAGC,iBAAAA,EAAAA;IAClC,MAAMC,SAAAA,GAAYC,yBAAYH,MAAAA,EAAQ;QACpCI,WAAAA,EAAa;AACf,KAAA,CAAA;AACA,IAAA,MAAMC,SAAAA,GAAYC,0BAAAA,EAAAA;AAElB,IAAA,MAAMC,oBAAoB,CAACC,WAAAA,GAAAA;AACzBb,QAAAA,UAAAA,CAAW,cAAA,EAAgB;YAAEc,IAAAA,EAAMZ,QAAAA;YAAUa,EAAAA,EAAIF;AAAY,SAAA,CAAA;AAC/D,IAAA,CAAA;;AAGAf,IAAAA,gBAAAA,CAAMkB,SAAS,CAAC,IAAA;QACdnB,oBAAAA,CAAqB,KAAA,CAAA;IACvB,CAAA,EAAG;AAACK,QAAAA;AAAS,KAAA,CAAA;AAEb,IAAA,MAAMe,6BAAAA,GAAgC;AAAIxB,QAAAA,GAAAA,mBAAAA;AAAwBD,QAAAA,GAAAA;AAAoB,KAAA,CAACd,IAAI,CACzF,CAACC,CAAAA,EAAGC,IAAM2B,SAAAA,CAAUW,OAAO,CAACd,aAAAA,CAAczB,CAAAA,CAAEwC,SAAS,CAAA,EAAGf,aAAAA,CAAcxB,EAAEuC,SAAS,CAAA,CAAA,CAAA;AAEnF,IAAA,MAAMC,YAAY5C,SAAAA,CAAUyC,6BAAAA,CAAAA;AAE5B;;MAGA,MAAMI,2BAA2B,CAACC,cAAAA,GAChCA,eAAeC,MAAM,CAAa,CAACC,GAAAA,EAAKC,UAAAA,GAAAA;YACtC,MAAMC,SAAAA,GAAYN,SAAAA,CAAUO,IAAI,CAAC,CAACC,OAASA,IAAAA,CAAKb,EAAE,KAAKU,UAAAA,CAAWV,EAAE,CAAA;AACpE,YAAA,IAAIW,SAAAA,EAAW;AACbF,gBAAAA,GAAAA,CAAIK,IAAI,CAACJ,UAAAA,CAAWG,IAAI,GAAG;AAAE,oBAAA,GAAGF,SAAS;AAAEI,oBAAAA,cAAAA,EAAgBL,WAAWG;iBAAK,GAAIF,SAAAA,CAAAA;AACjF,YAAA;YACA,OAAOF,GAAAA;AACT,QAAA,CAAA,EAAG,EAAE,CAAA;AAEP;;MAGA,MAAMO,2BAA2BV,wBAAAA,CAAyB3B,mBAAAA,CAAAA;AAE1D;;AAEC,MACD,MAAMsC,6BAAAA,GAAgC;AACpC,QAAA,iBAAA;AACA,QAAA,sBAAA;AACA,QAAA,QAAA;AACA,QAAA;AACD,KAAA;AACD,IAAA,MAAMC,yBAAyBxC,mBAAAA,CAAoByC,MAAM,CACvD,CAACC,SAAW,CAACH,6BAAAA,CAA8BI,IAAI,CAAC,CAACR,IAAAA,GAASO,MAAAA,CAAOpB,EAAE,CAACsB,QAAQ,CAACT,IAAAA,CAAAA,CAAAA,CAAAA;AAE/E,IAAA,MAAMU,2BAAAA,GAA8B;AAC/BL,QAAAA,GAAAA,sBAAAA;WACAZ,wBAAAA,CAAyB1B,sBAAAA;AAC7B,KAAA;IAED,qBACE4C,eAAA,CAAAC,mBAAA,EAAA;;0BACED,eAAA,CAACE,eAAAA,EAAAA;;kCACCC,cAAA,CAACC,iBAAAA,EAAAA,EAAAA,CAAAA;AAEAjC,oBAAAA,SAAAA,kBAAagC,cAAA,CAACE,oBAAAA,EAAAA,EAAAA,CAAAA;kCAEfL,eAAA,CAACpD,WAAAA,EAAAA;;0CACCuD,cAAA,CAAC1D,cAAAA,EAAAA;gCACC6D,GAAAA,EAAI,IAAA;gCACJC,GAAAA,EAAK,CAAA;gCACLC,SAAAA,EAAW;oCACTC,OAAAA,EAAS,KAAA;oCACT1D,KAAAA,EAAO;AACT,iCAAA;gCACA2D,UAAAA,EAAW,QAAA;gCACXC,cAAAA,EAAgB;oCACdF,OAAAA,EAAS,QAAA;oCACT1D,KAAAA,EAAO;AACT,iCAAA;gCACA6D,IAAAA,EAAM,CAAA;gCACNC,WAAAA,EAAa;oCACXJ,OAAAA,EAAS,CAAA;oCACT1D,KAAAA,EAAO;AACT,iCAAA;gCACA+D,YAAAA,EAAc;oCACZL,OAAAA,EAAS,CAAA;oCACT1D,KAAAA,EAAO;AACT,iCAAA;gCACAgE,UAAAA,EAAY,CAAA;gCACZC,aAAAA,EAAe,CAAA;AAEf,gCAAA,QAAA,gBAAAb,cAAA,CAACc,yBAAAA,EAAAA;oCACCpC,SAAAA,EAAWA,SAAAA;oCACXqC,WAAAA,EAAa1B,wBAAAA;oCACbnB,iBAAAA,EAAmBA;;;0CAGvB8B,cAAA,CAACgB,6BAAAA,EAAAA,EAAAA,CAAAA;0CACDhB,cAAA,CAACiB,gBAAAA,EAAAA;gCACCC,OAAAA,EAAS;oCACPZ,OAAAA,EAAS,MAAA;oCACT1D,KAAAA,EAAO;AACT,iCAAA;gCACAuE,WAAAA,EAAY,OAAA;gCACZC,WAAAA,EAAa;oCACXd,OAAAA,EAAS,CAAA;oCACT1D,KAAAA,EAAO;AACT,iCAAA;gCACAyE,WAAAA,EAAY,YAAA;gCACZC,OAAAA,EAAS,CAAA;AAET,gCAAA,QAAA,gBAAAtB,cAAA,CAACuB,eAAAA,EAAAA,EAAAA;;;;kCAILvB,cAAA,CAACiB,gBAAAA,EAAAA;wBACCK,OAAAA,EAAS,CAAA;wBACTJ,OAAAA,EAAS;4BACPZ,OAAAA,EAAS,MAAA;4BACT1D,KAAAA,EAAO;AACT,yBAAA;AAEA,wBAAA,QAAA,gBAAAoD,cAAA,CAACwB,uBAAAA,EAAAA;AACCC,4BAAAA,OAAAA,EAAS,IAAMtE,oBAAAA,CAAqB,CAACuE,IAAAA,GAAS,CAACA,IAAAA,CAAAA;4BAC/CC,KAAAA,EAAO;gCAAEC,MAAAA,EAAQ;AAAO,6BAAA;4BACxBC,KAAAA,EAAM,MAAA;4BACNC,IAAAA,EAAK,QAAA;4BACLC,eAAAA,EAAe7E,iBAAAA;4BACf8E,eAAAA,EAAc,aAAA;AAEb,4BAAA,QAAA,EAAA,CAAC9E,kCAAoB8C,cAAA,CAACiC,UAAAA,EAAAA;gCAAKC,IAAAA,EAAK;+CAAmBlC,cAAA,CAACmC,WAAAA,EAAAA;gCAAMD,IAAAA,EAAK;;;;;;0BAItElC,cAAA,CAACoC,2BAAAA,EAAAA;gBACCC,OAAAA,EAASnF,iBAAAA;gBACTwB,SAAAA,EAAWkB,2BAAAA;gBACX1B,iBAAAA,EAAmBA,iBAAAA;AACnBoE,gBAAAA,OAAAA,EAAS,IAAMnF,oBAAAA,CAAqB,KAAA;;;;AAI5C;;;;"}

package/dist/admin/admin/src/components/MainNav/NavUser.js

@@ -56,6 +56,9 @@ const NavUser = ({ initials, showDisplayName = false, children, ...props })=>{
         const redirection = '/me';
         navigate(redirection);
     };
+    const handleSessions = ()=>{
+        navigate('/me/sessions');
+    };
     const handleLogout = ()=>{
         const redirection = '/auth/login';
         logout();
@@ -125,6 +128,13 @@ const NavUser = ({ initials, showDisplayName = false, children, ...props })=>{
                                 defaultMessage: 'Profile settings'
                             })
                         }),
+                        /*#__PURE__*/ jsxRuntime.jsx(designSystem.Menu.Item, {
+                            onSelect: handleSessions,
+                            children: formatMessage({
+                                id: 'global.sessions.active-devices',
+                                defaultMessage: 'Active devices'
+                            })
+                        }),
                         /*#__PURE__*/ jsxRuntime.jsx(designSystem.Menu.Item, {
                             variant: "danger",
                             onSelect: handleLogout,

package/dist/admin/admin/src/components/MainNav/NavUser.js.map

@@ -1 +1 @@
-{"version":3,"file":"NavUser.js","sources":["../../../../../../admin/src/components/MainNav/NavUser.tsx"],"sourcesContent":["import { Flex, Menu, VisuallyHidden, Avatar, Typography, Badge } from '@strapi/design-system';\nimport { useIntl } from 'react-intl';\nimport { useNavigate } from 'react-router-dom';\nimport { styled } from 'styled-components';\n\nimport { useAuth } from '../../features/Auth';\nimport { getInitials, getDisplayName } from '../../utils/users';\n\nconst MenuTrigger = styled(Menu.Trigger)`\n  padding: 0;\n\n  ${({ theme }) => theme.breakpoints.large} {\n    width: 4rem;\n    height: 4rem;\n    justify-content: center;\n  }\n`;\n\nconst MenuIcon = styled(Flex)`\n  height: ${({ theme }) => theme.spaces[7]};\n  width: ${({ theme }) => theme.spaces[7]};\n  border: none;\n  border-radius: 50%;\n  padding: 0;\n  overflow: hidden;\n`;\n\nconst MenuContent = styled(Menu.Content)`\n  max-height: fit-content;\n  width: 200px;\n`;\n\nconst UserInfo = styled(Flex)`\n  && {\n    padding: ${({ theme }) => theme.spaces[3]};\n  }\n  align-items: flex-start;\n`;\n\nconst BadgeWrapper = styled(Flex)`\n  display: flex;\n  flex-wrap: wrap;\n  gap: ${({ theme }) => theme.spaces[1]};\n\n  width: 100%;\n`;\nconst StyledTypography = styled(Typography)`\n  word-break: break-word;\n  margin-bottom: ${({ theme }) => theme.spaces[3]};\n`;\n\nexport interface NavUserProps {\n  initials?: string;\n  children?: React.ReactNode;\n  showDisplayName?: boolean;\n}\n\nexport const NavUser = ({\n  initials,\n  showDisplayName = false,\n  children,\n  ...props\n}: NavUserProps) => {\n  const { formatMessage } = useIntl();\n  const navigate = useNavigate();\n  const user = useAuth('User', (state) => state.user);\n  const logout = useAuth('Logout', (state) => state.logout);\n  const userDisplayName = getDisplayName(user);\n\n  const handleProfile = () => {\n    const redirection = '/me';\n    navigate(redirection);\n  };\n\n  const handleLogout = () => {\n    const redirection = '/auth/login';\n    logout();\n    navigate(redirection);\n  };\n\n  return (\n    <Flex {...props}>\n      <Menu.Root>\n        <MenuTrigger endIcon={null} fullWidth justifyContent=\"flex-start\">\n          <Flex alignItems=\"center\" gap={3}>\n            <MenuIcon justifyContent=\"center\">\n              <Avatar.Item delayMs={0} fallback={initials || getInitials(user)} />\n            </MenuIcon>\n            {showDisplayName ? (\n              <Typography variant=\"omega\">{children || userDisplayName}</Typography>\n            ) : (\n              <VisuallyHidden tag=\"span\">{children || userDisplayName}</VisuallyHidden>\n            )}\n          </Flex>\n        </MenuTrigger>\n\n        <MenuContent popoverPlacement=\"top-start\" zIndex={3}>\n          <UserInfo direction=\"column\" gap={0} alignItems=\"flex-start\">\n            <Typography variant=\"omega\" fontWeight=\"bold\" textTransform=\"none\">\n              {children || userDisplayName}\n            </Typography>\n            <StyledTypography variant=\"pi\" textColor=\"neutral600\">\n              {user?.email}\n            </StyledTypography>\n            <BadgeWrapper>\n              {user?.roles?.map((role) => <Badge key={role.id}>{role.name}</Badge>)}\n            </BadgeWrapper>\n          </UserInfo>\n\n          <Menu.Separator />\n\n          <Menu.Item onSelect={handleProfile}>\n            {formatMessage({\n              id: 'global.profile.settings',\n              defaultMessage: 'Profile settings',\n            })}\n          </Menu.Item>\n\n          <Menu.Item variant=\"danger\" onSelect={handleLogout} color=\"danger600\">\n            {formatMessage({\n              id: 'app.components.LeftMenu.logout',\n              defaultMessage: 'Log out',\n            })}\n          </Menu.Item>\n        </MenuContent>\n      </Menu.Root>\n    </Flex>\n  );\n};\n"],"names":["MenuTrigger","styled","Menu","Trigger","theme","breakpoints","large","MenuIcon","Flex","spaces","MenuContent","Content","UserInfo","BadgeWrapper","StyledTypography","Typography","NavUser","initials","showDisplayName","children","props","formatMessage","useIntl","navigate","useNavigate","user","useAuth","state","logout","userDisplayName","getDisplayName","handleProfile","redirection","handleLogout","_jsx","_jsxs","Root","endIcon","fullWidth","justifyContent","alignItems","gap","Avatar","Item","delayMs","fallback","getInitials","variant","VisuallyHidden","tag","popoverPlacement","zIndex","direction","fontWeight","textTransform","textColor","email","roles","map","role","Badge","name","id","Separator","onSelect","defaultMessage","color"],"mappings":"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"}
+{"version":3,"file":"NavUser.js","sources":["../../../../../../admin/src/components/MainNav/NavUser.tsx"],"sourcesContent":["import { Flex, Menu, VisuallyHidden, Avatar, Typography, Badge } from '@strapi/design-system';\nimport { useIntl } from 'react-intl';\nimport { useNavigate } from 'react-router-dom';\nimport { styled } from 'styled-components';\n\nimport { useAuth } from '../../features/Auth';\nimport { getInitials, getDisplayName } from '../../utils/users';\n\nconst MenuTrigger = styled(Menu.Trigger)`\n  padding: 0;\n\n  ${({ theme }) => theme.breakpoints.large} {\n    width: 4rem;\n    height: 4rem;\n    justify-content: center;\n  }\n`;\n\nconst MenuIcon = styled(Flex)`\n  height: ${({ theme }) => theme.spaces[7]};\n  width: ${({ theme }) => theme.spaces[7]};\n  border: none;\n  border-radius: 50%;\n  padding: 0;\n  overflow: hidden;\n`;\n\nconst MenuContent = styled(Menu.Content)`\n  max-height: fit-content;\n  width: 200px;\n`;\n\nconst UserInfo = styled(Flex)`\n  && {\n    padding: ${({ theme }) => theme.spaces[3]};\n  }\n  align-items: flex-start;\n`;\n\nconst BadgeWrapper = styled(Flex)`\n  display: flex;\n  flex-wrap: wrap;\n  gap: ${({ theme }) => theme.spaces[1]};\n\n  width: 100%;\n`;\nconst StyledTypography = styled(Typography)`\n  word-break: break-word;\n  margin-bottom: ${({ theme }) => theme.spaces[3]};\n`;\n\nexport interface NavUserProps {\n  initials?: string;\n  children?: React.ReactNode;\n  showDisplayName?: boolean;\n}\n\nexport const NavUser = ({\n  initials,\n  showDisplayName = false,\n  children,\n  ...props\n}: NavUserProps) => {\n  const { formatMessage } = useIntl();\n  const navigate = useNavigate();\n  const user = useAuth('User', (state) => state.user);\n  const logout = useAuth('Logout', (state) => state.logout);\n  const userDisplayName = getDisplayName(user);\n\n  const handleProfile = () => {\n    const redirection = '/me';\n    navigate(redirection);\n  };\n\n  const handleSessions = () => {\n    navigate('/me/sessions');\n  };\n\n  const handleLogout = () => {\n    const redirection = '/auth/login';\n    logout();\n    navigate(redirection);\n  };\n\n  return (\n    <Flex {...props}>\n      <Menu.Root>\n        <MenuTrigger endIcon={null} fullWidth justifyContent=\"flex-start\">\n          <Flex alignItems=\"center\" gap={3}>\n            <MenuIcon justifyContent=\"center\">\n              <Avatar.Item delayMs={0} fallback={initials || getInitials(user)} />\n            </MenuIcon>\n            {showDisplayName ? (\n              <Typography variant=\"omega\">{children || userDisplayName}</Typography>\n            ) : (\n              <VisuallyHidden tag=\"span\">{children || userDisplayName}</VisuallyHidden>\n            )}\n          </Flex>\n        </MenuTrigger>\n\n        <MenuContent popoverPlacement=\"top-start\" zIndex={3}>\n          <UserInfo direction=\"column\" gap={0} alignItems=\"flex-start\">\n            <Typography variant=\"omega\" fontWeight=\"bold\" textTransform=\"none\">\n              {children || userDisplayName}\n            </Typography>\n            <StyledTypography variant=\"pi\" textColor=\"neutral600\">\n              {user?.email}\n            </StyledTypography>\n            <BadgeWrapper>\n              {user?.roles?.map((role) => <Badge key={role.id}>{role.name}</Badge>)}\n            </BadgeWrapper>\n          </UserInfo>\n\n          <Menu.Separator />\n\n          <Menu.Item onSelect={handleProfile}>\n            {formatMessage({\n              id: 'global.profile.settings',\n              defaultMessage: 'Profile settings',\n            })}\n          </Menu.Item>\n\n          <Menu.Item onSelect={handleSessions}>\n            {formatMessage({\n              id: 'global.sessions.active-devices',\n              defaultMessage: 'Active devices',\n            })}\n          </Menu.Item>\n\n          <Menu.Item variant=\"danger\" onSelect={handleLogout} color=\"danger600\">\n            {formatMessage({\n              id: 'app.components.LeftMenu.logout',\n              defaultMessage: 'Log out',\n            })}\n          </Menu.Item>\n        </MenuContent>\n      </Menu.Root>\n    </Flex>\n  );\n};\n"],"names":["MenuTrigger","styled","Menu","Trigger","theme","breakpoints","large","MenuIcon","Flex","spaces","MenuContent","Content","UserInfo","BadgeWrapper","StyledTypography","Typography","NavUser","initials","showDisplayName","children","props","formatMessage","useIntl","navigate","useNavigate","user","useAuth","state","logout","userDisplayName","getDisplayName","handleProfile","redirection","handleSessions","handleLogout","_jsx","_jsxs","Root","endIcon","fullWidth","justifyContent","alignItems","gap","Avatar","Item","delayMs","fallback","getInitials","variant","VisuallyHidden","tag","popoverPlacement","zIndex","direction","fontWeight","textTransform","textColor","email","roles","map","role","Badge","name","id","Separator","onSelect","defaultMessage","color"],"mappings":"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"}

package/dist/admin/admin/src/components/MainNav/NavUser.mjs

@@ -54,6 +54,9 @@ const NavUser = ({ initials, showDisplayName = false, children, ...props })=>{
         const redirection = '/me';
         navigate(redirection);
     };
+    const handleSessions = ()=>{
+        navigate('/me/sessions');
+    };
     const handleLogout = ()=>{
         const redirection = '/auth/login';
         logout();
@@ -123,6 +126,13 @@ const NavUser = ({ initials, showDisplayName = false, children, ...props })=>{
                                 defaultMessage: 'Profile settings'
                             })
                         }),
+                        /*#__PURE__*/ jsx(Menu.Item, {
+                            onSelect: handleSessions,
+                            children: formatMessage({
+                                id: 'global.sessions.active-devices',
+                                defaultMessage: 'Active devices'
+                            })
+                        }),
                         /*#__PURE__*/ jsx(Menu.Item, {
                             variant: "danger",
                             onSelect: handleLogout,

package/dist/admin/admin/src/components/MainNav/NavUser.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"NavUser.mjs","sources":["../../../../../../admin/src/components/MainNav/NavUser.tsx"],"sourcesContent":["import { Flex, Menu, VisuallyHidden, Avatar, Typography, Badge } from '@strapi/design-system';\nimport { useIntl } from 'react-intl';\nimport { useNavigate } from 'react-router-dom';\nimport { styled } from 'styled-components';\n\nimport { useAuth } from '../../features/Auth';\nimport { getInitials, getDisplayName } from '../../utils/users';\n\nconst MenuTrigger = styled(Menu.Trigger)`\n  padding: 0;\n\n  ${({ theme }) => theme.breakpoints.large} {\n    width: 4rem;\n    height: 4rem;\n    justify-content: center;\n  }\n`;\n\nconst MenuIcon = styled(Flex)`\n  height: ${({ theme }) => theme.spaces[7]};\n  width: ${({ theme }) => theme.spaces[7]};\n  border: none;\n  border-radius: 50%;\n  padding: 0;\n  overflow: hidden;\n`;\n\nconst MenuContent = styled(Menu.Content)`\n  max-height: fit-content;\n  width: 200px;\n`;\n\nconst UserInfo = styled(Flex)`\n  && {\n    padding: ${({ theme }) => theme.spaces[3]};\n  }\n  align-items: flex-start;\n`;\n\nconst BadgeWrapper = styled(Flex)`\n  display: flex;\n  flex-wrap: wrap;\n  gap: ${({ theme }) => theme.spaces[1]};\n\n  width: 100%;\n`;\nconst StyledTypography = styled(Typography)`\n  word-break: break-word;\n  margin-bottom: ${({ theme }) => theme.spaces[3]};\n`;\n\nexport interface NavUserProps {\n  initials?: string;\n  children?: React.ReactNode;\n  showDisplayName?: boolean;\n}\n\nexport const NavUser = ({\n  initials,\n  showDisplayName = false,\n  children,\n  ...props\n}: NavUserProps) => {\n  const { formatMessage } = useIntl();\n  const navigate = useNavigate();\n  const user = useAuth('User', (state) => state.user);\n  const logout = useAuth('Logout', (state) => state.logout);\n  const userDisplayName = getDisplayName(user);\n\n  const handleProfile = () => {\n    const redirection = '/me';\n    navigate(redirection);\n  };\n\n  const handleLogout = () => {\n    const redirection = '/auth/login';\n    logout();\n    navigate(redirection);\n  };\n\n  return (\n    <Flex {...props}>\n      <Menu.Root>\n        <MenuTrigger endIcon={null} fullWidth justifyContent=\"flex-start\">\n          <Flex alignItems=\"center\" gap={3}>\n            <MenuIcon justifyContent=\"center\">\n              <Avatar.Item delayMs={0} fallback={initials || getInitials(user)} />\n            </MenuIcon>\n            {showDisplayName ? (\n              <Typography variant=\"omega\">{children || userDisplayName}</Typography>\n            ) : (\n              <VisuallyHidden tag=\"span\">{children || userDisplayName}</VisuallyHidden>\n            )}\n          </Flex>\n        </MenuTrigger>\n\n        <MenuContent popoverPlacement=\"top-start\" zIndex={3}>\n          <UserInfo direction=\"column\" gap={0} alignItems=\"flex-start\">\n            <Typography variant=\"omega\" fontWeight=\"bold\" textTransform=\"none\">\n              {children || userDisplayName}\n            </Typography>\n            <StyledTypography variant=\"pi\" textColor=\"neutral600\">\n              {user?.email}\n            </StyledTypography>\n            <BadgeWrapper>\n              {user?.roles?.map((role) => <Badge key={role.id}>{role.name}</Badge>)}\n            </BadgeWrapper>\n          </UserInfo>\n\n          <Menu.Separator />\n\n          <Menu.Item onSelect={handleProfile}>\n            {formatMessage({\n              id: 'global.profile.settings',\n              defaultMessage: 'Profile settings',\n            })}\n          </Menu.Item>\n\n          <Menu.Item variant=\"danger\" onSelect={handleLogout} color=\"danger600\">\n            {formatMessage({\n              id: 'app.components.LeftMenu.logout',\n              defaultMessage: 'Log out',\n            })}\n          </Menu.Item>\n        </MenuContent>\n      </Menu.Root>\n    </Flex>\n  );\n};\n"],"names":["MenuTrigger","styled","Menu","Trigger","theme","breakpoints","large","MenuIcon","Flex","spaces","MenuContent","Content","UserInfo","BadgeWrapper","StyledTypography","Typography","NavUser","initials","showDisplayName","children","props","formatMessage","useIntl","navigate","useNavigate","user","useAuth","state","logout","userDisplayName","getDisplayName","handleProfile","redirection","handleLogout","_jsx","_jsxs","Root","endIcon","fullWidth","justifyContent","alignItems","gap","Avatar","Item","delayMs","fallback","getInitials","variant","VisuallyHidden","tag","popoverPlacement","zIndex","direction","fontWeight","textTransform","textColor","email","roles","map","role","Badge","name","id","Separator","onSelect","defaultMessage","color"],"mappings":"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"}
+{"version":3,"file":"NavUser.mjs","sources":["../../../../../../admin/src/components/MainNav/NavUser.tsx"],"sourcesContent":["import { Flex, Menu, VisuallyHidden, Avatar, Typography, Badge } from '@strapi/design-system';\nimport { useIntl } from 'react-intl';\nimport { useNavigate } from 'react-router-dom';\nimport { styled } from 'styled-components';\n\nimport { useAuth } from '../../features/Auth';\nimport { getInitials, getDisplayName } from '../../utils/users';\n\nconst MenuTrigger = styled(Menu.Trigger)`\n  padding: 0;\n\n  ${({ theme }) => theme.breakpoints.large} {\n    width: 4rem;\n    height: 4rem;\n    justify-content: center;\n  }\n`;\n\nconst MenuIcon = styled(Flex)`\n  height: ${({ theme }) => theme.spaces[7]};\n  width: ${({ theme }) => theme.spaces[7]};\n  border: none;\n  border-radius: 50%;\n  padding: 0;\n  overflow: hidden;\n`;\n\nconst MenuContent = styled(Menu.Content)`\n  max-height: fit-content;\n  width: 200px;\n`;\n\nconst UserInfo = styled(Flex)`\n  && {\n    padding: ${({ theme }) => theme.spaces[3]};\n  }\n  align-items: flex-start;\n`;\n\nconst BadgeWrapper = styled(Flex)`\n  display: flex;\n  flex-wrap: wrap;\n  gap: ${({ theme }) => theme.spaces[1]};\n\n  width: 100%;\n`;\nconst StyledTypography = styled(Typography)`\n  word-break: break-word;\n  margin-bottom: ${({ theme }) => theme.spaces[3]};\n`;\n\nexport interface NavUserProps {\n  initials?: string;\n  children?: React.ReactNode;\n  showDisplayName?: boolean;\n}\n\nexport const NavUser = ({\n  initials,\n  showDisplayName = false,\n  children,\n  ...props\n}: NavUserProps) => {\n  const { formatMessage } = useIntl();\n  const navigate = useNavigate();\n  const user = useAuth('User', (state) => state.user);\n  const logout = useAuth('Logout', (state) => state.logout);\n  const userDisplayName = getDisplayName(user);\n\n  const handleProfile = () => {\n    const redirection = '/me';\n    navigate(redirection);\n  };\n\n  const handleSessions = () => {\n    navigate('/me/sessions');\n  };\n\n  const handleLogout = () => {\n    const redirection = '/auth/login';\n    logout();\n    navigate(redirection);\n  };\n\n  return (\n    <Flex {...props}>\n      <Menu.Root>\n        <MenuTrigger endIcon={null} fullWidth justifyContent=\"flex-start\">\n          <Flex alignItems=\"center\" gap={3}>\n            <MenuIcon justifyContent=\"center\">\n              <Avatar.Item delayMs={0} fallback={initials || getInitials(user)} />\n            </MenuIcon>\n            {showDisplayName ? (\n              <Typography variant=\"omega\">{children || userDisplayName}</Typography>\n            ) : (\n              <VisuallyHidden tag=\"span\">{children || userDisplayName}</VisuallyHidden>\n            )}\n          </Flex>\n        </MenuTrigger>\n\n        <MenuContent popoverPlacement=\"top-start\" zIndex={3}>\n          <UserInfo direction=\"column\" gap={0} alignItems=\"flex-start\">\n            <Typography variant=\"omega\" fontWeight=\"bold\" textTransform=\"none\">\n              {children || userDisplayName}\n            </Typography>\n            <StyledTypography variant=\"pi\" textColor=\"neutral600\">\n              {user?.email}\n            </StyledTypography>\n            <BadgeWrapper>\n              {user?.roles?.map((role) => <Badge key={role.id}>{role.name}</Badge>)}\n            </BadgeWrapper>\n          </UserInfo>\n\n          <Menu.Separator />\n\n          <Menu.Item onSelect={handleProfile}>\n            {formatMessage({\n              id: 'global.profile.settings',\n              defaultMessage: 'Profile settings',\n            })}\n          </Menu.Item>\n\n          <Menu.Item onSelect={handleSessions}>\n            {formatMessage({\n              id: 'global.sessions.active-devices',\n              defaultMessage: 'Active devices',\n            })}\n          </Menu.Item>\n\n          <Menu.Item variant=\"danger\" onSelect={handleLogout} color=\"danger600\">\n            {formatMessage({\n              id: 'app.components.LeftMenu.logout',\n              defaultMessage: 'Log out',\n            })}\n          </Menu.Item>\n        </MenuContent>\n      </Menu.Root>\n    </Flex>\n  );\n};\n"],"names":["MenuTrigger","styled","Menu","Trigger","theme","breakpoints","large","MenuIcon","Flex","spaces","MenuContent","Content","UserInfo","BadgeWrapper","StyledTypography","Typography","NavUser","initials","showDisplayName","children","props","formatMessage","useIntl","navigate","useNavigate","user","useAuth","state","logout","userDisplayName","getDisplayName","handleProfile","redirection","handleSessions","handleLogout","_jsx","_jsxs","Root","endIcon","fullWidth","justifyContent","alignItems","gap","Avatar","Item","delayMs","fallback","getInitials","variant","VisuallyHidden","tag","popoverPlacement","zIndex","direction","fontWeight","textTransform","textColor","email","roles","map","role","Badge","name","id","Separator","onSelect","defaultMessage","color"],"mappings":"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"}

package/dist/admin/admin/src/components/NpsSurvey.js

@@ -14,7 +14,8 @@ var Notifications = require('../features/Notifications.js');
 var useMediaQuery = require('../hooks/useMediaQuery.js');
 var usePersistentState = require('../hooks/usePersistentState.js');
 
-function _interopNamespaceDefault(e) {
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
   var n = Object.create(null);
   if (e) {
     Object.keys(e).forEach(function (k) {
@@ -31,8 +32,8 @@ function _interopNamespaceDefault(e) {
   return Object.freeze(n);
 }
 
-var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
-var yup__namespace = /*#__PURE__*/_interopNamespaceDefault(yup);
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+var yup__namespace = /*#__PURE__*/_interopNamespace(yup);
 
 const FieldWrapper = styled.styled(designSystem.Field.Root)`
   height: 3.2rem;