@strapi/admin 5.57.0 → 5.59.0

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

@@ -0,0 +1,162 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import * as React from 'react';
+import { Flex, Typography, LinkButton, Grid } from '@strapi/design-system';
+import { ExternalLink } from '@strapi/icons';
+import { useIntl } from 'react-intl';
+import { getLicensedPlan } from '../../../../../../../shared/utils/get-project-type.mjs';
+import { useGetLicenseLimitsQuery } from '../../../../../services/admin.mjs';
+
+/**
+ * A single labelled value rendered inside the Plan card's `<dl>`. Shared between the CE fallback
+ * body (current plan only) and the EE body (license details), so both stay visually consistent.
+ */ const PlanDetail = ({ label, value })=>{
+    const { formatMessage } = useIntl();
+    return /*#__PURE__*/ jsxs(Grid.Item, {
+        col: 6,
+        xs: 12,
+        direction: "column",
+        alignItems: "start",
+        children: [
+            /*#__PURE__*/ jsx(Typography, {
+                variant: "sigma",
+                textColor: "neutral600",
+                tag: "dt",
+                children: formatMessage(label)
+            }),
+            /*#__PURE__*/ jsx(Typography, {
+                tag: "dd",
+                children: value
+            })
+        ]
+    });
+};
+/* -------------------------------------------------------------------------------------------------
+ * PlanCard
+ * -----------------------------------------------------------------------------------------------*/ /**
+ * The billing link's label and destination depend on the current plan: Community links out to the
+ * public pricing page, while Growth and Enterprise link to the billing portal.
+ */ const PLAN_LINK = {
+    Community: {
+        label: {
+            id: 'Settings.application.plan.see-all-plans',
+            defaultMessage: 'See all plans'
+        },
+        href: 'https://strapi.io/pricing-self-hosted'
+    },
+    Growth: {
+        label: {
+            id: 'Settings.application.plan.manage-subscription',
+            defaultMessage: 'Manage subscription'
+        },
+        href: 'https://billing.strapi.io'
+    },
+    Enterprise: {
+        label: {
+            id: 'Settings.application.plan.view-subscription',
+            defaultMessage: 'View subscription'
+        },
+        href: 'https://billing.strapi.io'
+    }
+};
+const PlanCardBodyCE = ()=>/*#__PURE__*/ jsx(Grid.Root, {
+        gap: 5,
+        tag: "dl",
+        children: /*#__PURE__*/ jsx(PlanDetail, {
+            label: {
+                id: 'Settings.application.plan.current',
+                defaultMessage: 'current plan'
+            },
+            value: window.strapi.projectType
+        })
+    });
+const PlanCard = ()=>{
+    const { formatMessage } = useIntl();
+    // 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".
+    // 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;
+    // `useEnterprise`'s `enabled` option only ANDs with `isEE` - it can never force the EE body
+    // on for a non-EE instance. An expired/unknown license still needs to show its retained
+    // details even though `isEE` is (correctly) false, and an active one must show too when
+    // /admin/project-type failed and left `isEE` false. So the license body is loaded manually
+    // here instead, gated on this wider predicate.
+    // Deliberately an allowlist rather than `!== 'none'`: if `licenseStatus` is ever missing
+    // (an older bundle, a consumer building `window.strapi` itself), this must fall back to the
+    // Community body instead of loading the license section.
+    const shouldShowLicenseDetails = window.strapi.isEE || licenseStatus === 'active' || licenseStatus === 'expired' || licenseStatus === 'unknown';
+    const [LicenseBody, setLicenseBody] = React.useState(null);
+    React.useEffect(()=>{
+        if (!shouldShowLicenseDetails) {
+            return undefined;
+        }
+        let active = true;
+        import('../../../../../../../ee/admin/src/pages/SettingsPage/pages/ApplicationInfoPage/components/LicenseInfo.mjs').then((mod)=>{
+            if (active) {
+                setLicenseBody(()=>mod.LicenseInfoEE);
+            }
+        }).catch((err)=>{
+            // A chunk can stop loading mid-session (a redeploy replaced the bundle). The body stays
+            // empty rather than falling back to the CE body, which would label this instance
+            // Community.
+            console.error(err);
+        });
+        return ()=>{
+            active = false;
+        };
+    }, [
+        shouldShowLicenseDetails
+    ]);
+    // Render nothing for the body while the EE module is still loading (rather than the CE
+    // body) so the card never briefly shows "Community" before swapping to the actual license
+    // details. Once we know for certain there is no license to show, fall back to the CE body.
+    const PlanCardBody = isLicenseLoading ? null : LicenseBody ?? (shouldShowLicenseDetails ? null : PlanCardBodyCE);
+    const licensedPlan = getLicensedPlan({
+        licenseStatus,
+        type: licenseLimitsData?.data?.type,
+        planPriceId
+    });
+    const { label, href } = PLAN_LINK[licensedPlan] ?? PLAN_LINK.Community;
+    return /*#__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, {
+                justifyContent: "space-between",
+                alignItems: "center",
+                children: [
+                    /*#__PURE__*/ jsx(Typography, {
+                        variant: "delta",
+                        tag: "h3",
+                        children: formatMessage({
+                            id: 'Settings.application.plan.title',
+                            defaultMessage: 'Plan'
+                        })
+                    }),
+                    !isLicenseLoading && /*#__PURE__*/ jsx(LinkButton, {
+                        variant: "secondary",
+                        endIcon: /*#__PURE__*/ jsx(ExternalLink, {}),
+                        href: href,
+                        target: "_blank",
+                        rel: "noopener noreferrer",
+                        children: formatMessage(label)
+                    })
+                ]
+            }),
+            PlanCardBody && /*#__PURE__*/ jsx(PlanCardBody, {})
+        ]
+    });
+};
+
+export { PlanCard, PlanDetail };
+//# sourceMappingURL=PlanCard.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PlanCard.mjs","sources":["../../../../../../../../../admin/src/pages/Settings/pages/ApplicationInfo/components/PlanCard.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Flex, Grid, LinkButton, Typography } from '@strapi/design-system';\nimport { ExternalLink } from '@strapi/icons';\nimport { useIntl, type MessageDescriptor } from 'react-intl';\n\nimport {\n  getLicensedPlan,\n  type ProjectType,\n} from '../../../../../../../shared/utils/get-project-type';\nimport { useGetLicenseLimitsQuery } from '../../../../../services/admin';\n\n/* -------------------------------------------------------------------------------------------------\n * PlanDetail\n * -----------------------------------------------------------------------------------------------*/\n\ninterface PlanDetailProps {\n  label: MessageDescriptor;\n  value: React.ReactNode;\n}\n\n/**\n * A single labelled value rendered inside the Plan card's `<dl>`. Shared between the CE fallback\n * body (current plan only) and the EE body (license details), so both stay visually consistent.\n */\nconst PlanDetail = ({ label, value }: PlanDetailProps) => {\n  const { formatMessage } = useIntl();\n\n  return (\n    <Grid.Item col={6} xs={12} direction=\"column\" alignItems=\"start\">\n      <Typography variant=\"sigma\" textColor=\"neutral600\" tag=\"dt\">\n        {formatMessage(label)}\n      </Typography>\n      <Typography tag=\"dd\">{value}</Typography>\n    </Grid.Item>\n  );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * PlanCard\n * -----------------------------------------------------------------------------------------------*/\n\n/**\n * The billing link's label and destination depend on the current plan: Community links out to the\n * public pricing page, while Growth and Enterprise link to the billing portal.\n */\nconst PLAN_LINK: Record<ProjectType, { label: MessageDescriptor; href: string }> = {\n  Community: {\n    label: { id: 'Settings.application.plan.see-all-plans', defaultMessage: 'See all plans' },\n    href: 'https://strapi.io/pricing-self-hosted',\n  },\n  Growth: {\n    label: {\n      id: 'Settings.application.plan.manage-subscription',\n      defaultMessage: 'Manage subscription',\n    },\n    href: 'https://billing.strapi.io',\n  },\n  Enterprise: {\n    label: {\n      id: 'Settings.application.plan.view-subscription',\n      defaultMessage: 'View subscription',\n    },\n    href: 'https://billing.strapi.io',\n  },\n};\n\nconst PlanCardBodyCE = () => (\n  <Grid.Root gap={5} tag=\"dl\">\n    <PlanDetail\n      label={{ id: 'Settings.application.plan.current', defaultMessage: 'current plan' }}\n      value={window.strapi.projectType}\n    />\n  </Grid.Root>\n);\n\nconst PlanCard = () => {\n  const { formatMessage } = useIntl();\n\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\".\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\n  // `useEnterprise`'s `enabled` option only ANDs with `isEE` - it can never force the EE body\n  // on for a non-EE instance. An expired/unknown license still needs to show its retained\n  // details even though `isEE` is (correctly) false, and an active one must show too when\n  // /admin/project-type failed and left `isEE` false. So the license body is loaded manually\n  // here instead, gated on this wider predicate.\n  // Deliberately an allowlist rather than `!== 'none'`: if `licenseStatus` is ever missing\n  // (an older bundle, a consumer building `window.strapi` itself), this must fall back to the\n  // Community body instead of loading the license section.\n  const shouldShowLicenseDetails =\n    window.strapi.isEE ||\n    licenseStatus === 'active' ||\n    licenseStatus === 'expired' ||\n    licenseStatus === 'unknown';\n  const [LicenseBody, setLicenseBody] = React.useState<React.ComponentType | null>(null);\n\n  React.useEffect(() => {\n    if (!shouldShowLicenseDetails) {\n      return undefined;\n    }\n\n    let active = true;\n\n    import('../../../../../../../ee/admin/src/pages/SettingsPage/pages/ApplicationInfoPage/components/LicenseInfo')\n      .then((mod) => {\n        if (active) {\n          setLicenseBody(() => mod.LicenseInfoEE);\n        }\n      })\n      .catch((err) => {\n        // A chunk can stop loading mid-session (a redeploy replaced the bundle). The body stays\n        // empty rather than falling back to the CE body, which would label this instance\n        // Community.\n        console.error(err);\n      });\n\n    return () => {\n      active = false;\n    };\n  }, [shouldShowLicenseDetails]);\n\n  // Render nothing for the body while the EE module is still loading (rather than the CE\n  // body) so the card never briefly shows \"Community\" before swapping to the actual license\n  // details. Once we know for certain there is no license to show, fall back to the CE body.\n  const PlanCardBody = isLicenseLoading\n    ? null\n    : (LicenseBody ?? (shouldShowLicenseDetails ? null : PlanCardBodyCE));\n\n  const licensedPlan = getLicensedPlan({\n    licenseStatus,\n    type: licenseLimitsData?.data?.type,\n    planPriceId,\n  });\n  const { label, href } = PLAN_LINK[licensedPlan] ?? PLAN_LINK.Community;\n\n  return (\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 justifyContent=\"space-between\" alignItems=\"center\">\n        <Typography variant=\"delta\" tag=\"h3\">\n          {formatMessage({ id: 'Settings.application.plan.title', defaultMessage: 'Plan' })}\n        </Typography>\n        {!isLicenseLoading && (\n          <LinkButton\n            variant=\"secondary\"\n            endIcon={<ExternalLink />}\n            href={href}\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n          >\n            {formatMessage(label)}\n          </LinkButton>\n        )}\n      </Flex>\n      {PlanCardBody && <PlanCardBody />}\n    </Flex>\n  );\n};\n\nexport { PlanCard, PlanDetail };\nexport type { PlanDetailProps };\n"],"names":["PlanDetail","label","value","formatMessage","useIntl","_jsxs","Grid","Item","col","xs","direction","alignItems","_jsx","Typography","variant","textColor","tag","PLAN_LINK","Community","id","defaultMessage","href","Growth","Enterprise","PlanCardBodyCE","Root","gap","window","strapi","projectType","PlanCard","data","licenseLimitsData","isLoading","isLicenseLoading","useGetLicenseLimitsQuery","licenseStatus","planPriceId","undefined","shouldShowLicenseDetails","isEE","LicenseBody","setLicenseBody","React","useState","useEffect","active","then","mod","LicenseInfoEE","catch","err","console","error","PlanCardBody","licensedPlan","getLicensedPlan","type","Flex","hasRadius","background","shadow","paddingTop","paddingBottom","paddingRight","paddingLeft","justifyContent","LinkButton","endIcon","ExternalLink","target","rel"],"mappings":"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"}

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

@@ -0,0 +1,342 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var designSystem = require('@strapi/design-system');
+var icons = require('@strapi/icons');
+var symbols = require('@strapi/icons/symbols');
+var reactIntl = require('react-intl');
+var styledComponents = require('styled-components');
+var getProjectType = require('../../../../../../../shared/utils/get-project-type.js');
+var hooks = require('../../../../../core/store/hooks.js');
+var useRBAC = require('../../../../../hooks/useRBAC.js');
+var admin = require('../../../../../services/admin.js');
+var DiagnosticSnapshotModal = require('./DiagnosticSnapshotModal.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);
+
+/**
+ * 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 = styledComponents.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 = styledComponents.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 } = reactIntl.useIntl();
+    return /*#__PURE__*/ jsxRuntime.jsxs(designSystem.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__*/ jsxRuntime.jsxs(designSystem.Flex, {
+                justifyContent: "space-between",
+                alignItems: "center",
+                children: [
+                    /*#__PURE__*/ jsxRuntime.jsx(TileIcon, {
+                        children: /*#__PURE__*/ jsxRuntime.jsx(Icon, {
+                            width: "2rem",
+                            height: "2rem",
+                            "aria-hidden": true
+                        })
+                    }),
+                    /*#__PURE__*/ jsxRuntime.jsx(icons.ExternalLink, {
+                        fill: "neutral400",
+                        "aria-hidden": true
+                    })
+                ]
+            }),
+            /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
+                direction: "column",
+                alignItems: "start",
+                gap: 1,
+                paddingTop: 3,
+                children: [
+                    /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+                        fontWeight: "bold",
+                        textColor: "neutral800",
+                        children: formatMessage(title)
+                    }),
+                    /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+                        variant: "pi",
+                        textColor: "neutral600",
+                        children: formatMessage(description)
+                    })
+                ]
+            })
+        ]
+    });
+};
+/* -------------------------------------------------------------------------------------------------
+ * SupportCard
+ * -----------------------------------------------------------------------------------------------*/ const DOCUMENTATION_TILE = {
+    id: 'documentation',
+    href: 'https://docs.strapi.io',
+    icon: icons.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: symbols.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: symbols.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: symbols.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: icons.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 } = reactIntl.useIntl();
+    const [isSnapshotModalOpen, setIsSnapshotModalOpen] = React__namespace.useState(false);
+    const debugDumpPermissions = hooks.useTypedSelector((state)=>state.admin_app.permissions.settings?.['debug-dump']?.main);
+    const { allowedActions: { canRead } } = useRBAC.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 } = admin.useGetLicenseLimitsQuery();
+    const licenseStatus = licenseLimitsData?.data?.licenseStatus ?? 'none';
+    const planPriceId = licenseLimitsData?.data?.planPriceId ?? undefined;
+    const isTrial = licenseLimitsData?.data?.isTrial ?? false;
+    const licensedPlan = getProjectType.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__*/ jsxRuntime.jsxs(jsxRuntime.Fragment, {
+        children: [
+            /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
+                direction: "column",
+                alignItems: "stretch",
+                gap: 4,
+                hasRadius: true,
+                background: "neutral0",
+                shadow: "tableShadow",
+                paddingTop: 6,
+                paddingBottom: 6,
+                paddingRight: 7,
+                paddingLeft: 7,
+                children: [
+                    /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
+                        direction: "column",
+                        alignItems: "start",
+                        gap: 1,
+                        children: [
+                            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+                                variant: "delta",
+                                tag: "h3",
+                                children: formatMessage({
+                                    id: 'Settings.application.support.title',
+                                    defaultMessage: 'Support'
+                                })
+                            }),
+                            !isLicenseLoading && /*#__PURE__*/ jsxRuntime.jsx(designSystem.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__*/ jsxRuntime.jsxs(designSystem.Flex, {
+                        alignItems: "stretch",
+                        gap: 7,
+                        children: [
+                            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Box, {
+                                flex: "1 1 0%",
+                                children: /*#__PURE__*/ jsxRuntime.jsx(TileGrid, {
+                                    children: tiles.map((tile)=>/*#__PURE__*/ jsxRuntime.jsx(SupportLinkTile, {
+                                            ...tile
+                                        }, tile.id))
+                                })
+                            }),
+                            canRead && /*#__PURE__*/ jsxRuntime.jsxs(jsxRuntime.Fragment, {
+                                children: [
+                                    /*#__PURE__*/ jsxRuntime.jsx(designSystem.Box, {
+                                        background: "neutral150",
+                                        width: "0.1rem"
+                                    }),
+                                    /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
+                                        direction: "column",
+                                        alignItems: "start",
+                                        gap: 3,
+                                        flex: "1 1 0%",
+                                        children: [
+                                            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+                                                variant: "sigma",
+                                                textColor: "neutral600",
+                                                children: formatMessage({
+                                                    id: 'Settings.application.support.diagnostic-snapshot.label',
+                                                    defaultMessage: 'diagnostic snapshot'
+                                                })
+                                            }),
+                                            /*#__PURE__*/ jsxRuntime.jsx(designSystem.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__*/ jsxRuntime.jsx(designSystem.Button, {
+                                                onClick: ()=>setIsSnapshotModalOpen(true),
+                                                children: formatMessage({
+                                                    id: 'Settings.application.support.diagnostic-snapshot.generate',
+                                                    defaultMessage: 'Generate snapshot'
+                                                })
+                                            })
+                                        ]
+                                    })
+                                ]
+                            })
+                        ]
+                    })
+                ]
+            }),
+            /*#__PURE__*/ jsxRuntime.jsx(DiagnosticSnapshotModal.DiagnosticSnapshotModal, {
+                isOpen: isSnapshotModalOpen,
+                onClose: ()=>setIsSnapshotModalOpen(false)
+            })
+        ]
+    });
+};
+
+exports.SupportCard = SupportCard;
+//# sourceMappingURL=SupportCard.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SupportCard.js","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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"}