@strapi/admin 5.57.0 → 5.59.0

package/dist/admin/admin/src/pages/Settings/pages/ApplicationInfo/components/SupportCard.mjs

@@ -0,0 +1,320 @@
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import * as React from 'react';
+import { Flex, Typography, Box, Button } from '@strapi/design-system';
+import { PaperPlane, Book, ExternalLink } from '@strapi/icons';
+import { GitHub, Discord } from '@strapi/icons/symbols';
+import { useIntl } from 'react-intl';
+import { styled } from 'styled-components';
+import { getLicensedPlan } from '../../../../../../../shared/utils/get-project-type.mjs';
+import { useTypedSelector } from '../../../../../core/store/hooks.mjs';
+import { useRBAC } from '../../../../../hooks/useRBAC.mjs';
+import { useGetLicenseLimitsQuery } from '../../../../../services/admin.mjs';
+import { DiagnosticSnapshotModal } from './DiagnosticSnapshotModal.mjs';
+
+/**
+ * Tints every tile icon with the same brand-neutral colour, including the GitHub and Discord
+ * marks. Those two are single-path glyphs carrying a hardcoded brand fill (`#24292F`, `#5865F2`),
+ * and a `fill` prop only reaches the `<svg>`, which the path's own attribute overrides — but a CSS
+ * declaration outranks that presentation attribute, so this wins for all icons uniformly.
+ */ const TileIcon = styled.span`
+  display: inline-flex;
+
+  svg,
+  svg path {
+    fill: ${({ theme })=>theme.colors.primary600};
+  }
+`;
+/**
+ * The tiles share the card with the diagnostic-snapshot panel, so they only get about half the
+ * card's width. A viewport breakpoint therefore fires far too late — the tiles are already
+ * cramped while the window is still "large". Sizing off the tile panel itself instead means the
+ * 2 -> 1 column switch happens when *these* tiles run out of room, whatever the window is doing.
+ */ const TileGrid = styled.div`
+  display: flex;
+  flex-wrap: wrap;
+  gap: ${({ theme })=>theme.spaces[4]};
+
+  /* The 50% basis caps the row at two tiles however wide the card gets, and min-width is what
+     forces the wrap to a single column. Both are measured against this element, so the switch is
+     driven by the space the tiles actually have rather than by the viewport. A container query
+     would say the same thing more directly, but jsdom cannot parse @container and it breaks the
+     admin suite's stylesheet parse (same reason FormLayout in content-manager avoids it). */
+  > * {
+    flex: 1 1 calc(50% - ${({ theme })=>theme.spaces[4]} / 2);
+    min-width: 16rem;
+  }
+`;
+const SupportLinkTile = ({ href, icon: Icon, title, description })=>{
+    const { formatMessage } = useIntl();
+    return /*#__PURE__*/ jsxs(Box, {
+        tag: "a",
+        href: href,
+        target: "_blank",
+        rel: "noopener noreferrer",
+        // Without this the accessible name is the title and description concatenated, so the tile
+        // announces as e.g. "Documentation Guides and API reference" and collides with the
+        // same-named Settings nav link. Labelling it also tells screen readers it opens a new tab.
+        "aria-label": formatMessage({
+            id: 'Settings.application.support.tile-label',
+            defaultMessage: 'Open {title} in a new tab'
+        }, {
+            title: formatMessage(title)
+        }),
+        display: "block",
+        hasRadius: true,
+        borderColor: "neutral200",
+        padding: 4,
+        // The tile is the link, so the anchor's own underline and link colour must not bleed onto
+        // the text inside it; every colour below comes from a theme token so both themes match.
+        style: {
+            textDecoration: 'none'
+        },
+        children: [
+            /*#__PURE__*/ jsxs(Flex, {
+                justifyContent: "space-between",
+                alignItems: "center",
+                children: [
+                    /*#__PURE__*/ jsx(TileIcon, {
+                        children: /*#__PURE__*/ jsx(Icon, {
+                            width: "2rem",
+                            height: "2rem",
+                            "aria-hidden": true
+                        })
+                    }),
+                    /*#__PURE__*/ jsx(ExternalLink, {
+                        fill: "neutral400",
+                        "aria-hidden": true
+                    })
+                ]
+            }),
+            /*#__PURE__*/ jsxs(Flex, {
+                direction: "column",
+                alignItems: "start",
+                gap: 1,
+                paddingTop: 3,
+                children: [
+                    /*#__PURE__*/ jsx(Typography, {
+                        fontWeight: "bold",
+                        textColor: "neutral800",
+                        children: formatMessage(title)
+                    }),
+                    /*#__PURE__*/ jsx(Typography, {
+                        variant: "pi",
+                        textColor: "neutral600",
+                        children: formatMessage(description)
+                    })
+                ]
+            })
+        ]
+    });
+};
+/* -------------------------------------------------------------------------------------------------
+ * SupportCard
+ * -----------------------------------------------------------------------------------------------*/ const DOCUMENTATION_TILE = {
+    id: 'documentation',
+    href: 'https://docs.strapi.io',
+    icon: Book,
+    title: {
+        id: 'Settings.application.support.documentation.title',
+        defaultMessage: 'Documentation'
+    },
+    description: {
+        id: 'Settings.application.support.documentation.description',
+        defaultMessage: 'Guides and API reference'
+    }
+};
+const GITHUB_ISSUES_TILE = {
+    id: 'github-issues',
+    href: 'https://github.com/strapi/strapi/issues',
+    icon: GitHub,
+    title: {
+        id: 'Settings.application.support.github-issues.title',
+        defaultMessage: 'GitHub issues'
+    },
+    description: {
+        id: 'Settings.application.support.github-issues.description',
+        defaultMessage: 'Report a bug'
+    }
+};
+const GITHUB_DISCUSSIONS_TILE = {
+    id: 'github-discussions',
+    href: 'https://github.com/strapi/strapi/discussions',
+    icon: GitHub,
+    title: {
+        id: 'Settings.application.support.github-discussions.title',
+        defaultMessage: 'GitHub discussions'
+    },
+    description: {
+        id: 'Settings.application.support.github-discussions.description',
+        defaultMessage: 'Ask a question or propose an idea'
+    }
+};
+const DISCORD_TILE = {
+    id: 'discord',
+    href: 'https://discord.strapi.io',
+    icon: Discord,
+    title: {
+        id: 'Settings.application.support.discord.title',
+        defaultMessage: 'Discord'
+    },
+    description: {
+        id: 'Settings.application.support.discord.description',
+        defaultMessage: 'Talk to the community in real time'
+    }
+};
+const SUPPORT_PORTAL_TILE = {
+    id: 'support-portal',
+    href: 'https://support.strapi.io',
+    icon: PaperPlane,
+    title: {
+        id: 'Settings.application.support.support-portal.title',
+        defaultMessage: 'Support portal'
+    },
+    description: {
+        id: 'Settings.application.support.support-portal.description',
+        defaultMessage: 'Open a ticket with the Strapi support'
+    }
+};
+const CE_TILES = [
+    DOCUMENTATION_TILE,
+    GITHUB_ISSUES_TILE,
+    GITHUB_DISCUSSIONS_TILE,
+    DISCORD_TILE
+];
+const EE_TILES = [
+    SUPPORT_PORTAL_TILE,
+    DOCUMENTATION_TILE,
+    GITHUB_ISSUES_TILE,
+    DISCORD_TILE
+];
+const SupportCard = ()=>{
+    const { formatMessage } = useIntl();
+    const [isSnapshotModalOpen, setIsSnapshotModalOpen] = React.useState(false);
+    const debugDumpPermissions = useTypedSelector((state)=>state.admin_app.permissions.settings?.['debug-dump']?.main);
+    const { allowedActions: { canRead } } = useRBAC(debugDumpPermissions);
+    // Keyed on the licensed plan rather than `isEE` so a customer whose license has lapsed keeps
+    // the Strapi support portal link, which is exactly what they need at that moment. This only
+    // ever swaps which support links are shown; it gates no feature.
+    // The authenticated license-limit-information endpoint is EE-only, so a CE instance gets a
+    // 404 here; treat that (or any other error/missing data) the same as "no license" (Community).
+    // Until the first response, there is no telling which plan this is: painting the Community
+    // fallback and then swapping it out would name the wrong plan for a moment.
+    const { data: licenseLimitsData, isLoading: isLicenseLoading } = useGetLicenseLimitsQuery();
+    const licenseStatus = licenseLimitsData?.data?.licenseStatus ?? 'none';
+    const planPriceId = licenseLimitsData?.data?.planPriceId ?? undefined;
+    const isTrial = licenseLimitsData?.data?.isTrial ?? false;
+    const licensedPlan = getLicensedPlan({
+        licenseStatus,
+        type: licenseLimitsData?.data?.type,
+        planPriceId
+    });
+    // A trial resolves to a paid plan name, but a trial does not come with Strapi support, so
+    // it gets the community channels instead of the support portal.
+    const hasStrapiSupport = licensedPlan !== 'Community' && !isTrial;
+    const tiles = hasStrapiSupport ? EE_TILES : CE_TILES;
+    return /*#__PURE__*/ jsxs(Fragment, {
+        children: [
+            /*#__PURE__*/ jsxs(Flex, {
+                direction: "column",
+                alignItems: "stretch",
+                gap: 4,
+                hasRadius: true,
+                background: "neutral0",
+                shadow: "tableShadow",
+                paddingTop: 6,
+                paddingBottom: 6,
+                paddingRight: 7,
+                paddingLeft: 7,
+                children: [
+                    /*#__PURE__*/ jsxs(Flex, {
+                        direction: "column",
+                        alignItems: "start",
+                        gap: 1,
+                        children: [
+                            /*#__PURE__*/ jsx(Typography, {
+                                variant: "delta",
+                                tag: "h3",
+                                children: formatMessage({
+                                    id: 'Settings.application.support.title',
+                                    defaultMessage: 'Support'
+                                })
+                            }),
+                            !isLicenseLoading && /*#__PURE__*/ jsx(Typography, {
+                                variant: "pi",
+                                textColor: "neutral600",
+                                children: formatMessage(hasStrapiSupport ? {
+                                    id: 'Settings.application.support.subtitle.enterprise',
+                                    defaultMessage: 'Contact support, report a bug, or contribute to the Strapi community.'
+                                } : {
+                                    id: 'Settings.application.support.subtitle.community',
+                                    defaultMessage: 'Ask a question, report a bug, or contribute to the Strapi community.'
+                                })
+                            })
+                        ]
+                    }),
+                    !isLicenseLoading && /*#__PURE__*/ jsxs(Flex, {
+                        alignItems: "stretch",
+                        gap: 7,
+                        children: [
+                            /*#__PURE__*/ jsx(Box, {
+                                flex: "1 1 0%",
+                                children: /*#__PURE__*/ jsx(TileGrid, {
+                                    children: tiles.map((tile)=>/*#__PURE__*/ jsx(SupportLinkTile, {
+                                            ...tile
+                                        }, tile.id))
+                                })
+                            }),
+                            canRead && /*#__PURE__*/ jsxs(Fragment, {
+                                children: [
+                                    /*#__PURE__*/ jsx(Box, {
+                                        background: "neutral150",
+                                        width: "0.1rem"
+                                    }),
+                                    /*#__PURE__*/ jsxs(Flex, {
+                                        direction: "column",
+                                        alignItems: "start",
+                                        gap: 3,
+                                        flex: "1 1 0%",
+                                        children: [
+                                            /*#__PURE__*/ jsx(Typography, {
+                                                variant: "sigma",
+                                                textColor: "neutral600",
+                                                children: formatMessage({
+                                                    id: 'Settings.application.support.diagnostic-snapshot.label',
+                                                    defaultMessage: 'diagnostic snapshot'
+                                                })
+                                            }),
+                                            /*#__PURE__*/ jsx(Typography, {
+                                                children: formatMessage(hasStrapiSupport ? {
+                                                    id: 'Settings.application.support.diagnostic-snapshot.description.enterprise',
+                                                    defaultMessage: 'Reporting a bug? A diagnostic snapshot describes how this project is built so it can be reproduced.'
+                                                } : {
+                                                    id: 'Settings.application.support.diagnostic-snapshot.description.community',
+                                                    defaultMessage: "Reporting a bug? Generate a snapshot of your app's structure so the issue can be reproduced."
+                                                })
+                                            }),
+                                            /*#__PURE__*/ jsx(Button, {
+                                                onClick: ()=>setIsSnapshotModalOpen(true),
+                                                children: formatMessage({
+                                                    id: 'Settings.application.support.diagnostic-snapshot.generate',
+                                                    defaultMessage: 'Generate snapshot'
+                                                })
+                                            })
+                                        ]
+                                    })
+                                ]
+                            })
+                        ]
+                    })
+                ]
+            }),
+            /*#__PURE__*/ jsx(DiagnosticSnapshotModal, {
+                isOpen: isSnapshotModalOpen,
+                onClose: ()=>setIsSnapshotModalOpen(false)
+            })
+        ]
+    });
+};
+
+export { SupportCard };
+//# sourceMappingURL=SupportCard.mjs.map

package/dist/admin/admin/src/pages/Settings/pages/ApplicationInfo/components/SupportCard.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SupportCard.mjs","sources":["../../../../../../../../../admin/src/pages/Settings/pages/ApplicationInfo/components/SupportCard.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Box, Button, Flex, Typography } from '@strapi/design-system';\nimport { Book, ExternalLink, PaperPlane } from '@strapi/icons';\nimport { Discord, GitHub } from '@strapi/icons/symbols';\nimport { useIntl, type MessageDescriptor } from 'react-intl';\nimport { styled } from 'styled-components';\n\nimport { getLicensedPlan } from '../../../../../../../shared/utils/get-project-type';\nimport { useTypedSelector } from '../../../../../core/store/hooks';\nimport { useRBAC } from '../../../../../hooks/useRBAC';\nimport { useGetLicenseLimitsQuery } from '../../../../../services/admin';\n\nimport { DiagnosticSnapshotModal } from './DiagnosticSnapshotModal';\n\n/* -------------------------------------------------------------------------------------------------\n * SupportLinkTile\n * -----------------------------------------------------------------------------------------------*/\n\ninterface SupportLinkTileConfig {\n  id: string;\n  href: string;\n  icon: React.ComponentType<React.SVGProps<SVGSVGElement>>;\n  title: MessageDescriptor;\n  description: MessageDescriptor;\n}\n\n/**\n * Tints every tile icon with the same brand-neutral colour, including the GitHub and Discord\n * marks. Those two are single-path glyphs carrying a hardcoded brand fill (`#24292F`, `#5865F2`),\n * and a `fill` prop only reaches the `<svg>`, which the path's own attribute overrides — but a CSS\n * declaration outranks that presentation attribute, so this wins for all icons uniformly.\n */\nconst TileIcon = styled.span`\n  display: inline-flex;\n\n  svg,\n  svg path {\n    fill: ${({ theme }) => theme.colors.primary600};\n  }\n`;\n\n/**\n * The tiles share the card with the diagnostic-snapshot panel, so they only get about half the\n * card's width. A viewport breakpoint therefore fires far too late — the tiles are already\n * cramped while the window is still \"large\". Sizing off the tile panel itself instead means the\n * 2 -> 1 column switch happens when *these* tiles run out of room, whatever the window is doing.\n */\nconst TileGrid = styled.div`\n  display: flex;\n  flex-wrap: wrap;\n  gap: ${({ theme }) => theme.spaces[4]};\n\n  /* The 50% basis caps the row at two tiles however wide the card gets, and min-width is what\n     forces the wrap to a single column. Both are measured against this element, so the switch is\n     driven by the space the tiles actually have rather than by the viewport. A container query\n     would say the same thing more directly, but jsdom cannot parse @container and it breaks the\n     admin suite's stylesheet parse (same reason FormLayout in content-manager avoids it). */\n  > * {\n    flex: 1 1 calc(50% - ${({ theme }) => theme.spaces[4]} / 2);\n    min-width: 16rem;\n  }\n`;\n\nconst SupportLinkTile = ({ href, icon: Icon, title, description }: SupportLinkTileConfig) => {\n  const { formatMessage } = useIntl();\n\n  return (\n    <Box\n      tag=\"a\"\n      href={href}\n      target=\"_blank\"\n      rel=\"noopener noreferrer\"\n      // Without this the accessible name is the title and description concatenated, so the tile\n      // announces as e.g. \"Documentation Guides and API reference\" and collides with the\n      // same-named Settings nav link. Labelling it also tells screen readers it opens a new tab.\n      aria-label={formatMessage(\n        {\n          id: 'Settings.application.support.tile-label',\n          defaultMessage: 'Open {title} in a new tab',\n        },\n        { title: formatMessage(title) }\n      )}\n      display=\"block\"\n      hasRadius\n      borderColor=\"neutral200\"\n      padding={4}\n      // The tile is the link, so the anchor's own underline and link colour must not bleed onto\n      // the text inside it; every colour below comes from a theme token so both themes match.\n      style={{ textDecoration: 'none' }}\n    >\n      <Flex justifyContent=\"space-between\" alignItems=\"center\">\n        <TileIcon>\n          <Icon width=\"2rem\" height=\"2rem\" aria-hidden />\n        </TileIcon>\n        <ExternalLink fill=\"neutral400\" aria-hidden />\n      </Flex>\n      <Flex direction=\"column\" alignItems=\"start\" gap={1} paddingTop={3}>\n        <Typography fontWeight=\"bold\" textColor=\"neutral800\">\n          {formatMessage(title)}\n        </Typography>\n        <Typography variant=\"pi\" textColor=\"neutral600\">\n          {formatMessage(description)}\n        </Typography>\n      </Flex>\n    </Box>\n  );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * SupportCard\n * -----------------------------------------------------------------------------------------------*/\n\nconst DOCUMENTATION_TILE: SupportLinkTileConfig = {\n  id: 'documentation',\n  href: 'https://docs.strapi.io',\n  icon: Book,\n  title: {\n    id: 'Settings.application.support.documentation.title',\n    defaultMessage: 'Documentation',\n  },\n  description: {\n    id: 'Settings.application.support.documentation.description',\n    defaultMessage: 'Guides and API reference',\n  },\n};\n\nconst GITHUB_ISSUES_TILE: SupportLinkTileConfig = {\n  id: 'github-issues',\n  href: 'https://github.com/strapi/strapi/issues',\n  icon: GitHub,\n  title: {\n    id: 'Settings.application.support.github-issues.title',\n    defaultMessage: 'GitHub issues',\n  },\n  description: {\n    id: 'Settings.application.support.github-issues.description',\n    defaultMessage: 'Report a bug',\n  },\n};\n\nconst GITHUB_DISCUSSIONS_TILE: SupportLinkTileConfig = {\n  id: 'github-discussions',\n  href: 'https://github.com/strapi/strapi/discussions',\n  icon: GitHub,\n  title: {\n    id: 'Settings.application.support.github-discussions.title',\n    defaultMessage: 'GitHub discussions',\n  },\n  description: {\n    id: 'Settings.application.support.github-discussions.description',\n    defaultMessage: 'Ask a question or propose an idea',\n  },\n};\n\nconst DISCORD_TILE: SupportLinkTileConfig = {\n  id: 'discord',\n  href: 'https://discord.strapi.io',\n  icon: Discord,\n  title: { id: 'Settings.application.support.discord.title', defaultMessage: 'Discord' },\n  description: {\n    id: 'Settings.application.support.discord.description',\n    defaultMessage: 'Talk to the community in real time',\n  },\n};\n\nconst SUPPORT_PORTAL_TILE: SupportLinkTileConfig = {\n  id: 'support-portal',\n  href: 'https://support.strapi.io',\n  icon: PaperPlane,\n  title: {\n    id: 'Settings.application.support.support-portal.title',\n    defaultMessage: 'Support portal',\n  },\n  description: {\n    id: 'Settings.application.support.support-portal.description',\n    defaultMessage: 'Open a ticket with the Strapi support',\n  },\n};\n\nconst CE_TILES: SupportLinkTileConfig[] = [\n  DOCUMENTATION_TILE,\n  GITHUB_ISSUES_TILE,\n  GITHUB_DISCUSSIONS_TILE,\n  DISCORD_TILE,\n];\n\nconst EE_TILES: SupportLinkTileConfig[] = [\n  SUPPORT_PORTAL_TILE,\n  DOCUMENTATION_TILE,\n  GITHUB_ISSUES_TILE,\n  DISCORD_TILE,\n];\n\nconst SupportCard = () => {\n  const { formatMessage } = useIntl();\n  const [isSnapshotModalOpen, setIsSnapshotModalOpen] = React.useState(false);\n\n  const debugDumpPermissions = useTypedSelector(\n    (state) => state.admin_app.permissions.settings?.['debug-dump']?.main\n  );\n  const {\n    allowedActions: { canRead },\n  } = useRBAC(debugDumpPermissions);\n\n  // Keyed on the licensed plan rather than `isEE` so a customer whose license has lapsed keeps\n  // the Strapi support portal link, which is exactly what they need at that moment. This only\n  // ever swaps which support links are shown; it gates no feature.\n  // The authenticated license-limit-information endpoint is EE-only, so a CE instance gets a\n  // 404 here; treat that (or any other error/missing data) the same as \"no license\" (Community).\n  // Until the first response, there is no telling which plan this is: painting the Community\n  // fallback and then swapping it out would name the wrong plan for a moment.\n  const { data: licenseLimitsData, isLoading: isLicenseLoading } = useGetLicenseLimitsQuery();\n  const licenseStatus = licenseLimitsData?.data?.licenseStatus ?? 'none';\n  const planPriceId = licenseLimitsData?.data?.planPriceId ?? undefined;\n  const isTrial = licenseLimitsData?.data?.isTrial ?? false;\n  const licensedPlan = getLicensedPlan({\n    licenseStatus,\n    type: licenseLimitsData?.data?.type,\n    planPriceId,\n  });\n  // A trial resolves to a paid plan name, but a trial does not come with Strapi support, so\n  // it gets the community channels instead of the support portal.\n  const hasStrapiSupport = licensedPlan !== 'Community' && !isTrial;\n  const tiles = hasStrapiSupport ? EE_TILES : CE_TILES;\n\n  return (\n    <>\n      <Flex\n        direction=\"column\"\n        alignItems=\"stretch\"\n        gap={4}\n        hasRadius\n        background=\"neutral0\"\n        shadow=\"tableShadow\"\n        paddingTop={6}\n        paddingBottom={6}\n        paddingRight={7}\n        paddingLeft={7}\n      >\n        <Flex direction=\"column\" alignItems=\"start\" gap={1}>\n          <Typography variant=\"delta\" tag=\"h3\">\n            {formatMessage({ id: 'Settings.application.support.title', defaultMessage: 'Support' })}\n          </Typography>\n          {!isLicenseLoading && (\n            <Typography variant=\"pi\" textColor=\"neutral600\">\n              {formatMessage(\n                hasStrapiSupport\n                  ? {\n                      id: 'Settings.application.support.subtitle.enterprise',\n                      defaultMessage:\n                        'Contact support, report a bug, or contribute to the Strapi community.',\n                    }\n                  : {\n                      id: 'Settings.application.support.subtitle.community',\n                      defaultMessage:\n                        'Ask a question, report a bug, or contribute to the Strapi community.',\n                    }\n              )}\n            </Typography>\n          )}\n        </Flex>\n        {!isLicenseLoading && (\n          <Flex alignItems=\"stretch\" gap={7}>\n            <Box flex=\"1 1 0%\">\n              <TileGrid>\n                {tiles.map((tile) => (\n                  <SupportLinkTile key={tile.id} {...tile} />\n                ))}\n              </TileGrid>\n            </Box>\n            {canRead && (\n              <>\n                <Box background=\"neutral150\" width=\"0.1rem\" />\n                <Flex direction=\"column\" alignItems=\"start\" gap={3} flex=\"1 1 0%\">\n                  <Typography variant=\"sigma\" textColor=\"neutral600\">\n                    {formatMessage({\n                      id: 'Settings.application.support.diagnostic-snapshot.label',\n                      defaultMessage: 'diagnostic snapshot',\n                    })}\n                  </Typography>\n                  <Typography>\n                    {formatMessage(\n                      hasStrapiSupport\n                        ? {\n                            id: 'Settings.application.support.diagnostic-snapshot.description.enterprise',\n                            defaultMessage:\n                              'Reporting a bug? A diagnostic snapshot describes how this project is built so it can be reproduced.',\n                          }\n                        : {\n                            id: 'Settings.application.support.diagnostic-snapshot.description.community',\n                            defaultMessage:\n                              \"Reporting a bug? Generate a snapshot of your app's structure so the issue can be reproduced.\",\n                          }\n                    )}\n                  </Typography>\n                  <Button onClick={() => setIsSnapshotModalOpen(true)}>\n                    {formatMessage({\n                      id: 'Settings.application.support.diagnostic-snapshot.generate',\n                      defaultMessage: 'Generate snapshot',\n                    })}\n                  </Button>\n                </Flex>\n              </>\n            )}\n          </Flex>\n        )}\n      </Flex>\n      <DiagnosticSnapshotModal\n        isOpen={isSnapshotModalOpen}\n        onClose={() => setIsSnapshotModalOpen(false)}\n      />\n    </>\n  );\n};\n\nexport { SupportCard };\n"],"names":["TileIcon","styled","span","theme","colors","primary600","TileGrid","div","spaces","SupportLinkTile","href","icon","Icon","title","description","formatMessage","useIntl","_jsxs","Box","tag","target","rel","aria-label","id","defaultMessage","display","hasRadius","borderColor","padding","style","textDecoration","Flex","justifyContent","alignItems","_jsx","width","height","aria-hidden","ExternalLink","fill","direction","gap","paddingTop","Typography","fontWeight","textColor","variant","DOCUMENTATION_TILE","Book","GITHUB_ISSUES_TILE","GitHub","GITHUB_DISCUSSIONS_TILE","DISCORD_TILE","Discord","SUPPORT_PORTAL_TILE","PaperPlane","CE_TILES","EE_TILES","SupportCard","isSnapshotModalOpen","setIsSnapshotModalOpen","React","useState","debugDumpPermissions","useTypedSelector","state","admin_app","permissions","settings","main","allowedActions","canRead","useRBAC","data","licenseLimitsData","isLoading","isLicenseLoading","useGetLicenseLimitsQuery","licenseStatus","planPriceId","undefined","isTrial","licensedPlan","getLicensedPlan","type","hasStrapiSupport","tiles","_Fragment","background","shadow","paddingBottom","paddingRight","paddingLeft","flex","map","tile","Button","onClick","DiagnosticSnapshotModal","isOpen","onClose"],"mappings":"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"}

package/dist/admin/admin/src/pages/Settings/pages/Roles/components/CollapsePropertyMatrix.js

@@ -39,7 +39,12 @@ function _interopNamespace(e) {
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
 var get__default = /*#__PURE__*/_interopDefault(get);
 
-const CollapsePropertyMatrix = ({ availableActions = [], childrenForm = [], isFormDisabled, label, pathToData, propertyName, subject })=>{
+const EMPTY_AVAILABLE_ACTIONS = [];
+const EMPTY_CHILDREN_FORM = [];
+const EMPTY_ACTION_ROW_CHILDREN_FORM = [];
+const EMPTY_SUB_ACTION_ROW_CHILDREN_FORM = [];
+const EMPTY_HEADERS = [];
+const CollapsePropertyMatrix = ({ availableActions = EMPTY_AVAILABLE_ACTIONS, childrenForm = EMPTY_CHILDREN_FORM, isFormDisabled, label, pathToData, propertyName, subject })=>{
     const { formatMessage, formatList } = reactIntl.useIntl();
     const { modifiedData } = usePermissionsDataManager.usePermissionsDataManager();
     const propertyActions = React__namespace.useMemo(()=>availableActions.map((action)=>{
@@ -111,7 +116,7 @@ const CollapsePropertyMatrix = ({ availableActions = [], childrenForm = [], isFo
         ]
     });
 };
-const ActionRow = ({ childrenForm = [], label, isFormDisabled = false, name, required = false, pathToData, propertyActions, propertyName, isOdd = false, subject })=>{
+const ActionRow = ({ childrenForm = EMPTY_ACTION_ROW_CHILDREN_FORM, label, isFormDisabled = false, name, required = false, pathToData, propertyActions, propertyName, isOdd = false, subject })=>{
     const { formatMessage } = reactIntl.useIntl();
     const [rowToOpen, setRowToOpen] = React__namespace.useState(null);
     const { modifiedData, onChangeCollectionTypeLeftActionRowCheckbox, onChangeParentCheckbox, onChangeSimpleCheckbox, checkUserHasPermission } = usePermissionsDataManager.usePermissionsDataManager();
@@ -316,7 +321,7 @@ const CarretIcon = styledComponents.styled(icons.CaretDown)`
   transform: rotate(${({ $isActive })=>$isActive ? '180' : '0'}deg);
   margin-left: ${({ theme })=>theme.spaces[2]};
 `;
-const SubActionRow = ({ childrenForm = [], isFormDisabled, recursiveLevel, pathToDataFromActionRow, propertyActions, parentName, propertyName, subject })=>{
+const SubActionRow = ({ childrenForm = EMPTY_SUB_ACTION_ROW_CHILDREN_FORM, isFormDisabled, recursiveLevel, pathToDataFromActionRow, propertyActions, parentName, propertyName, subject })=>{
     const { formatMessage } = reactIntl.useIntl();
     const { modifiedData, onChangeParentCheckbox, onChangeSimpleCheckbox, checkUserHasPermission } = usePermissionsDataManager.usePermissionsDataManager();
     const [rowToOpen, setRowToOpen] = React__namespace.useState(null);
@@ -549,7 +554,7 @@ const Svg = styledComponents.styled.svg`
     fill: ${({ theme, $color })=>theme.colors[$color]};
   }
 `;
-const Header = ({ headers = [], label })=>{
+const Header = ({ headers = EMPTY_HEADERS, label })=>{
     const { formatMessage } = reactIntl.useIntl();
     return /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
         children: [