@strapi/admin 5.57.0 → 5.58.0

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

@@ -0,0 +1,217 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var designSystem = require('@strapi/design-system');
+var icons = require('@strapi/icons');
+var reactIntl = require('react-intl');
+var Notifications = require('../../../../../features/Notifications.js');
+var useClipboard = require('../../../../../hooks/useClipboard.js');
+var admin = require('../../../../../services/admin.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);
+
+/**
+ * Generates the redacted diagnostic snapshot behind the Support card's "Generate snapshot" action.
+ * The fetch is triggered as soon as the modal opens, so the user only ever sees a spinner followed
+ * by the payload (or, on failure, a notification while the modal closes itself).
+ */ const DiagnosticSnapshotModal = ({ isOpen, onClose })=>{
+    const { formatMessage } = reactIntl.useIntl();
+    const { toggleNotification } = Notifications.useNotification();
+    const { copy } = useClipboard.useClipboard();
+    const [triggerGetDump, { data, isFetching }] = admin.useLazyGetDebugDumpQuery();
+    // Failure is read from this open's own request. The lazy query keeps `isError` from an earlier
+    // failed request while a new one is in flight, which closed the next open straight away.
+    React__namespace.useEffect(()=>{
+        if (!isOpen) {
+            return undefined;
+        }
+        let active = true;
+        triggerGetDump().unwrap().catch(()=>{
+            if (!active) {
+                return;
+            }
+            toggleNotification({
+                type: 'danger',
+                message: formatMessage({
+                    id: 'Settings.debug-dump.error',
+                    defaultMessage: 'Failed to generate the debug dump. Check the server logs and try again.'
+                })
+            });
+            onClose();
+        });
+        return ()=>{
+            active = false;
+        };
+    }, [
+        isOpen,
+        triggerGetDump,
+        toggleNotification,
+        formatMessage,
+        onClose
+    ]);
+    const serialized = React__namespace.useMemo(()=>data === undefined ? '' : JSON.stringify(data, null, 2), [
+        data
+    ]);
+    const isReady = !isFetching && data !== undefined;
+    const handleCopy = async ()=>{
+        const didCopy = await copy(serialized);
+        toggleNotification({
+            type: didCopy ? 'success' : 'danger',
+            message: didCopy ? formatMessage({
+                id: 'Settings.debug-dump.copied',
+                defaultMessage: 'Copied to clipboard'
+            }) : formatMessage({
+                id: 'Settings.debug-dump.copy-failed',
+                defaultMessage: 'Could not copy to clipboard'
+            })
+        });
+    };
+    const handleDownload = ()=>{
+        const blob = new Blob([
+            serialized
+        ], {
+            type: 'application/json'
+        });
+        const url = URL.createObjectURL(blob);
+        const anchor = document.createElement('a');
+        anchor.href = url;
+        anchor.download = `strapi-debug-dump-${new Date().toISOString().replaceAll(':', '-')}.json`;
+        // In the document for the click and revoked on a later turn, as the audit-log export does:
+        // some browsers cancel a click on a detached anchor or a download whose URL is gone.
+        document.body.appendChild(anchor);
+        anchor.click();
+        anchor.remove();
+        setTimeout(()=>URL.revokeObjectURL(url), 60000);
+    };
+    return /*#__PURE__*/ jsxRuntime.jsx(designSystem.Modal.Root, {
+        open: isOpen,
+        onOpenChange: onClose,
+        children: /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Modal.Content, {
+            children: [
+                /*#__PURE__*/ jsxRuntime.jsx(designSystem.Modal.Header, {
+                    children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Modal.Title, {
+                        children: formatMessage({
+                            id: 'Settings.debug-dump.snapshot-modal.title',
+                            defaultMessage: 'Diagnostic snapshot'
+                        })
+                    })
+                }),
+                /*#__PURE__*/ jsxRuntime.jsx(designSystem.Modal.Body, {
+                    children: isReady ? /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
+                        direction: "column",
+                        alignItems: "stretch",
+                        gap: 4,
+                        children: [
+                            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+                                children: formatMessage({
+                                    id: 'Settings.debug-dump.snapshot-modal.description',
+                                    defaultMessage: "This snapshot describes how your project is built so a third party can reproduce the bug locally. It does not contain any of your app's content and no credentials."
+                                })
+                            }),
+                            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+                                variant: "sigma",
+                                children: formatMessage({
+                                    id: 'Settings.debug-dump.payload-label',
+                                    defaultMessage: 'payload'
+                                })
+                            }),
+                            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Box, {
+                                hasRadius: true,
+                                padding: 4,
+                                maxHeight: "26rem",
+                                overflow: "auto",
+                                // A code surface that stays dark in BOTH themes. The design-system neutrals invert
+                                // between themes (`neutral800` is #32324d in light but #ffffff in dark, and
+                                // `neutral0` inverts with it), so tokens here flip the block to white on dark.
+                                // These are the same fixed values the WYSIWYG preview uses for its code surface.
+                                style: {
+                                    backgroundColor: '#32324d'
+                                },
+                                children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+                                    tag: "pre",
+                                    variant: "pi",
+                                    style: {
+                                        color: '#ffffff',
+                                        whiteSpace: 'pre-wrap',
+                                        wordBreak: 'break-word',
+                                        margin: 0
+                                    },
+                                    children: serialized
+                                })
+                            })
+                        ]
+                    }) : /*#__PURE__*/ jsxRuntime.jsx(designSystem.Flex, {
+                        justifyContent: "center",
+                        alignItems: "center",
+                        padding: 7,
+                        children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Loader, {
+                            children: formatMessage({
+                                id: 'Settings.debug-dump.generating',
+                                defaultMessage: 'Generating diagnostic snapshot'
+                            })
+                        })
+                    })
+                }),
+                /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Modal.Footer, {
+                    children: [
+                        /*#__PURE__*/ jsxRuntime.jsx(designSystem.Modal.Close, {
+                            children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Button, {
+                                variant: "tertiary",
+                                children: formatMessage({
+                                    id: 'app.components.Button.cancel',
+                                    defaultMessage: 'Cancel'
+                                })
+                            })
+                        }),
+                        /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
+                            gap: 2,
+                            children: [
+                                /*#__PURE__*/ jsxRuntime.jsx(designSystem.Button, {
+                                    variant: "secondary",
+                                    onClick: handleCopy,
+                                    startIcon: /*#__PURE__*/ jsxRuntime.jsx(icons.Duplicate, {}),
+                                    disabled: !isReady,
+                                    children: formatMessage({
+                                        id: 'Settings.debug-dump.copy',
+                                        defaultMessage: 'Copy'
+                                    })
+                                }),
+                                /*#__PURE__*/ jsxRuntime.jsx(designSystem.Button, {
+                                    onClick: handleDownload,
+                                    startIcon: /*#__PURE__*/ jsxRuntime.jsx(icons.Download, {}),
+                                    disabled: !isReady,
+                                    children: formatMessage({
+                                        id: 'Settings.debug-dump.download',
+                                        defaultMessage: 'Download'
+                                    })
+                                })
+                            ]
+                        })
+                    ]
+                })
+            ]
+        })
+    });
+};
+
+exports.DiagnosticSnapshotModal = DiagnosticSnapshotModal;
+//# sourceMappingURL=DiagnosticSnapshotModal.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DiagnosticSnapshotModal.js","sources":["../../../../../../../../../admin/src/pages/Settings/pages/ApplicationInfo/components/DiagnosticSnapshotModal.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Box, Button, Flex, Loader, Modal, Typography } from '@strapi/design-system';\nimport { Download, Duplicate } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\n\nimport { useNotification } from '../../../../../features/Notifications';\nimport { useClipboard } from '../../../../../hooks/useClipboard';\nimport { useLazyGetDebugDumpQuery } from '../../../../../services/admin';\n\n/* -------------------------------------------------------------------------------------------------\n * DiagnosticSnapshotModal\n * -----------------------------------------------------------------------------------------------*/\n\ninterface DiagnosticSnapshotModalProps {\n  isOpen: boolean;\n  onClose: () => void;\n}\n\n/**\n * Generates the redacted diagnostic snapshot behind the Support card's \"Generate snapshot\" action.\n * The fetch is triggered as soon as the modal opens, so the user only ever sees a spinner followed\n * by the payload (or, on failure, a notification while the modal closes itself).\n */\nconst DiagnosticSnapshotModal = ({ isOpen, onClose }: DiagnosticSnapshotModalProps) => {\n  const { formatMessage } = useIntl();\n  const { toggleNotification } = useNotification();\n  const { copy } = useClipboard();\n  const [triggerGetDump, { data, isFetching }] = useLazyGetDebugDumpQuery();\n\n  // Failure is read from this open's own request. The lazy query keeps `isError` from an earlier\n  // failed request while a new one is in flight, which closed the next open straight away.\n  React.useEffect(() => {\n    if (!isOpen) {\n      return undefined;\n    }\n\n    let active = true;\n\n    triggerGetDump()\n      .unwrap()\n      .catch(() => {\n        if (!active) {\n          return;\n        }\n\n        toggleNotification({\n          type: 'danger',\n          message: formatMessage({\n            id: 'Settings.debug-dump.error',\n            defaultMessage:\n              'Failed to generate the debug dump. Check the server logs and try again.',\n          }),\n        });\n        onClose();\n      });\n\n    return () => {\n      active = false;\n    };\n  }, [isOpen, triggerGetDump, toggleNotification, formatMessage, onClose]);\n\n  const serialized = React.useMemo(\n    () => (data === undefined ? '' : JSON.stringify(data, null, 2)),\n    [data]\n  );\n\n  const isReady = !isFetching && data !== undefined;\n\n  const handleCopy = async () => {\n    const didCopy = await copy(serialized);\n    toggleNotification({\n      type: didCopy ? 'success' : 'danger',\n      message: didCopy\n        ? formatMessage({ id: 'Settings.debug-dump.copied', defaultMessage: 'Copied to clipboard' })\n        : formatMessage({\n            id: 'Settings.debug-dump.copy-failed',\n            defaultMessage: 'Could not copy to clipboard',\n          }),\n    });\n  };\n\n  const handleDownload = () => {\n    const blob = new Blob([serialized], { type: 'application/json' });\n    const url = URL.createObjectURL(blob);\n    const anchor = document.createElement('a');\n    anchor.href = url;\n    anchor.download = `strapi-debug-dump-${new Date().toISOString().replaceAll(':', '-')}.json`;\n    // In the document for the click and revoked on a later turn, as the audit-log export does:\n    // some browsers cancel a click on a detached anchor or a download whose URL is gone.\n    document.body.appendChild(anchor);\n    anchor.click();\n    anchor.remove();\n    setTimeout(() => URL.revokeObjectURL(url), 60000);\n  };\n\n  return (\n    <Modal.Root open={isOpen} onOpenChange={onClose}>\n      <Modal.Content>\n        <Modal.Header>\n          <Modal.Title>\n            {formatMessage({\n              id: 'Settings.debug-dump.snapshot-modal.title',\n              defaultMessage: 'Diagnostic snapshot',\n            })}\n          </Modal.Title>\n        </Modal.Header>\n        <Modal.Body>\n          {isReady ? (\n            <Flex direction=\"column\" alignItems=\"stretch\" gap={4}>\n              <Typography>\n                {formatMessage({\n                  id: 'Settings.debug-dump.snapshot-modal.description',\n                  defaultMessage:\n                    \"This snapshot describes how your project is built so a third party can reproduce the bug locally. It does not contain any of your app's content and no credentials.\",\n                })}\n              </Typography>\n              <Typography variant=\"sigma\">\n                {formatMessage({\n                  id: 'Settings.debug-dump.payload-label',\n                  defaultMessage: 'payload',\n                })}\n              </Typography>\n              <Box\n                hasRadius\n                padding={4}\n                maxHeight=\"26rem\"\n                overflow=\"auto\"\n                // A code surface that stays dark in BOTH themes. The design-system neutrals invert\n                // between themes (`neutral800` is #32324d in light but #ffffff in dark, and\n                // `neutral0` inverts with it), so tokens here flip the block to white on dark.\n                // These are the same fixed values the WYSIWYG preview uses for its code surface.\n                style={{ backgroundColor: '#32324d' }}\n              >\n                <Typography\n                  tag=\"pre\"\n                  variant=\"pi\"\n                  style={{\n                    color: '#ffffff',\n                    whiteSpace: 'pre-wrap',\n                    wordBreak: 'break-word',\n                    margin: 0,\n                  }}\n                >\n                  {serialized}\n                </Typography>\n              </Box>\n            </Flex>\n          ) : (\n            <Flex justifyContent=\"center\" alignItems=\"center\" padding={7}>\n              <Loader>\n                {formatMessage({\n                  id: 'Settings.debug-dump.generating',\n                  defaultMessage: 'Generating diagnostic snapshot',\n                })}\n              </Loader>\n            </Flex>\n          )}\n        </Modal.Body>\n        <Modal.Footer>\n          <Modal.Close>\n            <Button variant=\"tertiary\">\n              {formatMessage({ id: 'app.components.Button.cancel', defaultMessage: 'Cancel' })}\n            </Button>\n          </Modal.Close>\n          {/* Grouped so Copy and Download stay together on the right rather than being pushed to\n              opposite edges by the footer's `space-between`. */}\n          <Flex gap={2}>\n            <Button\n              variant=\"secondary\"\n              onClick={handleCopy}\n              startIcon={<Duplicate />}\n              disabled={!isReady}\n            >\n              {formatMessage({ id: 'Settings.debug-dump.copy', defaultMessage: 'Copy' })}\n            </Button>\n            <Button onClick={handleDownload} startIcon={<Download />} disabled={!isReady}>\n              {formatMessage({ id: 'Settings.debug-dump.download', defaultMessage: 'Download' })}\n            </Button>\n          </Flex>\n        </Modal.Footer>\n      </Modal.Content>\n    </Modal.Root>\n  );\n};\n\nexport { DiagnosticSnapshotModal };\nexport type { DiagnosticSnapshotModalProps };\n"],"names":["DiagnosticSnapshotModal","isOpen","onClose","formatMessage","useIntl","toggleNotification","useNotification","copy","useClipboard","triggerGetDump","data","isFetching","useLazyGetDebugDumpQuery","React","useEffect","undefined","active","unwrap","catch","type","message","id","defaultMessage","serialized","useMemo","JSON","stringify","isReady","handleCopy","didCopy","handleDownload","blob","Blob","url","URL","createObjectURL","anchor","document","createElement","href","download","Date","toISOString","replaceAll","body","appendChild","click","remove","setTimeout","revokeObjectURL","_jsx","Modal","Root","open","onOpenChange","_jsxs","Content","Header","Title","Body","Flex","direction","alignItems","gap","Typography","variant","Box","hasRadius","padding","maxHeight","overflow","style","backgroundColor","tag","color","whiteSpace","wordBreak","margin","justifyContent","Loader","Footer","Close","Button","onClick","startIcon","Duplicate","disabled","Download"],"mappings":"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"}

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

@@ -0,0 +1,195 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import * as React from 'react';
+import { Modal, Flex, Typography, Box, Loader, Button } from '@strapi/design-system';
+import { Duplicate, Download } from '@strapi/icons';
+import { useIntl } from 'react-intl';
+import { useNotification } from '../../../../../features/Notifications.mjs';
+import { useClipboard } from '../../../../../hooks/useClipboard.mjs';
+import { useLazyGetDebugDumpQuery } from '../../../../../services/admin.mjs';
+
+/**
+ * Generates the redacted diagnostic snapshot behind the Support card's "Generate snapshot" action.
+ * The fetch is triggered as soon as the modal opens, so the user only ever sees a spinner followed
+ * by the payload (or, on failure, a notification while the modal closes itself).
+ */ const DiagnosticSnapshotModal = ({ isOpen, onClose })=>{
+    const { formatMessage } = useIntl();
+    const { toggleNotification } = useNotification();
+    const { copy } = useClipboard();
+    const [triggerGetDump, { data, isFetching }] = useLazyGetDebugDumpQuery();
+    // Failure is read from this open's own request. The lazy query keeps `isError` from an earlier
+    // failed request while a new one is in flight, which closed the next open straight away.
+    React.useEffect(()=>{
+        if (!isOpen) {
+            return undefined;
+        }
+        let active = true;
+        triggerGetDump().unwrap().catch(()=>{
+            if (!active) {
+                return;
+            }
+            toggleNotification({
+                type: 'danger',
+                message: formatMessage({
+                    id: 'Settings.debug-dump.error',
+                    defaultMessage: 'Failed to generate the debug dump. Check the server logs and try again.'
+                })
+            });
+            onClose();
+        });
+        return ()=>{
+            active = false;
+        };
+    }, [
+        isOpen,
+        triggerGetDump,
+        toggleNotification,
+        formatMessage,
+        onClose
+    ]);
+    const serialized = React.useMemo(()=>data === undefined ? '' : JSON.stringify(data, null, 2), [
+        data
+    ]);
+    const isReady = !isFetching && data !== undefined;
+    const handleCopy = async ()=>{
+        const didCopy = await copy(serialized);
+        toggleNotification({
+            type: didCopy ? 'success' : 'danger',
+            message: didCopy ? formatMessage({
+                id: 'Settings.debug-dump.copied',
+                defaultMessage: 'Copied to clipboard'
+            }) : formatMessage({
+                id: 'Settings.debug-dump.copy-failed',
+                defaultMessage: 'Could not copy to clipboard'
+            })
+        });
+    };
+    const handleDownload = ()=>{
+        const blob = new Blob([
+            serialized
+        ], {
+            type: 'application/json'
+        });
+        const url = URL.createObjectURL(blob);
+        const anchor = document.createElement('a');
+        anchor.href = url;
+        anchor.download = `strapi-debug-dump-${new Date().toISOString().replaceAll(':', '-')}.json`;
+        // In the document for the click and revoked on a later turn, as the audit-log export does:
+        // some browsers cancel a click on a detached anchor or a download whose URL is gone.
+        document.body.appendChild(anchor);
+        anchor.click();
+        anchor.remove();
+        setTimeout(()=>URL.revokeObjectURL(url), 60000);
+    };
+    return /*#__PURE__*/ jsx(Modal.Root, {
+        open: isOpen,
+        onOpenChange: onClose,
+        children: /*#__PURE__*/ jsxs(Modal.Content, {
+            children: [
+                /*#__PURE__*/ jsx(Modal.Header, {
+                    children: /*#__PURE__*/ jsx(Modal.Title, {
+                        children: formatMessage({
+                            id: 'Settings.debug-dump.snapshot-modal.title',
+                            defaultMessage: 'Diagnostic snapshot'
+                        })
+                    })
+                }),
+                /*#__PURE__*/ jsx(Modal.Body, {
+                    children: isReady ? /*#__PURE__*/ jsxs(Flex, {
+                        direction: "column",
+                        alignItems: "stretch",
+                        gap: 4,
+                        children: [
+                            /*#__PURE__*/ jsx(Typography, {
+                                children: formatMessage({
+                                    id: 'Settings.debug-dump.snapshot-modal.description',
+                                    defaultMessage: "This snapshot describes how your project is built so a third party can reproduce the bug locally. It does not contain any of your app's content and no credentials."
+                                })
+                            }),
+                            /*#__PURE__*/ jsx(Typography, {
+                                variant: "sigma",
+                                children: formatMessage({
+                                    id: 'Settings.debug-dump.payload-label',
+                                    defaultMessage: 'payload'
+                                })
+                            }),
+                            /*#__PURE__*/ jsx(Box, {
+                                hasRadius: true,
+                                padding: 4,
+                                maxHeight: "26rem",
+                                overflow: "auto",
+                                // A code surface that stays dark in BOTH themes. The design-system neutrals invert
+                                // between themes (`neutral800` is #32324d in light but #ffffff in dark, and
+                                // `neutral0` inverts with it), so tokens here flip the block to white on dark.
+                                // These are the same fixed values the WYSIWYG preview uses for its code surface.
+                                style: {
+                                    backgroundColor: '#32324d'
+                                },
+                                children: /*#__PURE__*/ jsx(Typography, {
+                                    tag: "pre",
+                                    variant: "pi",
+                                    style: {
+                                        color: '#ffffff',
+                                        whiteSpace: 'pre-wrap',
+                                        wordBreak: 'break-word',
+                                        margin: 0
+                                    },
+                                    children: serialized
+                                })
+                            })
+                        ]
+                    }) : /*#__PURE__*/ jsx(Flex, {
+                        justifyContent: "center",
+                        alignItems: "center",
+                        padding: 7,
+                        children: /*#__PURE__*/ jsx(Loader, {
+                            children: formatMessage({
+                                id: 'Settings.debug-dump.generating',
+                                defaultMessage: 'Generating diagnostic snapshot'
+                            })
+                        })
+                    })
+                }),
+                /*#__PURE__*/ jsxs(Modal.Footer, {
+                    children: [
+                        /*#__PURE__*/ jsx(Modal.Close, {
+                            children: /*#__PURE__*/ jsx(Button, {
+                                variant: "tertiary",
+                                children: formatMessage({
+                                    id: 'app.components.Button.cancel',
+                                    defaultMessage: 'Cancel'
+                                })
+                            })
+                        }),
+                        /*#__PURE__*/ jsxs(Flex, {
+                            gap: 2,
+                            children: [
+                                /*#__PURE__*/ jsx(Button, {
+                                    variant: "secondary",
+                                    onClick: handleCopy,
+                                    startIcon: /*#__PURE__*/ jsx(Duplicate, {}),
+                                    disabled: !isReady,
+                                    children: formatMessage({
+                                        id: 'Settings.debug-dump.copy',
+                                        defaultMessage: 'Copy'
+                                    })
+                                }),
+                                /*#__PURE__*/ jsx(Button, {
+                                    onClick: handleDownload,
+                                    startIcon: /*#__PURE__*/ jsx(Download, {}),
+                                    disabled: !isReady,
+                                    children: formatMessage({
+                                        id: 'Settings.debug-dump.download',
+                                        defaultMessage: 'Download'
+                                    })
+                                })
+                            ]
+                        })
+                    ]
+                })
+            ]
+        })
+    });
+};
+
+export { DiagnosticSnapshotModal };
+//# sourceMappingURL=DiagnosticSnapshotModal.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DiagnosticSnapshotModal.mjs","sources":["../../../../../../../../../admin/src/pages/Settings/pages/ApplicationInfo/components/DiagnosticSnapshotModal.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Box, Button, Flex, Loader, Modal, Typography } from '@strapi/design-system';\nimport { Download, Duplicate } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\n\nimport { useNotification } from '../../../../../features/Notifications';\nimport { useClipboard } from '../../../../../hooks/useClipboard';\nimport { useLazyGetDebugDumpQuery } from '../../../../../services/admin';\n\n/* -------------------------------------------------------------------------------------------------\n * DiagnosticSnapshotModal\n * -----------------------------------------------------------------------------------------------*/\n\ninterface DiagnosticSnapshotModalProps {\n  isOpen: boolean;\n  onClose: () => void;\n}\n\n/**\n * Generates the redacted diagnostic snapshot behind the Support card's \"Generate snapshot\" action.\n * The fetch is triggered as soon as the modal opens, so the user only ever sees a spinner followed\n * by the payload (or, on failure, a notification while the modal closes itself).\n */\nconst DiagnosticSnapshotModal = ({ isOpen, onClose }: DiagnosticSnapshotModalProps) => {\n  const { formatMessage } = useIntl();\n  const { toggleNotification } = useNotification();\n  const { copy } = useClipboard();\n  const [triggerGetDump, { data, isFetching }] = useLazyGetDebugDumpQuery();\n\n  // Failure is read from this open's own request. The lazy query keeps `isError` from an earlier\n  // failed request while a new one is in flight, which closed the next open straight away.\n  React.useEffect(() => {\n    if (!isOpen) {\n      return undefined;\n    }\n\n    let active = true;\n\n    triggerGetDump()\n      .unwrap()\n      .catch(() => {\n        if (!active) {\n          return;\n        }\n\n        toggleNotification({\n          type: 'danger',\n          message: formatMessage({\n            id: 'Settings.debug-dump.error',\n            defaultMessage:\n              'Failed to generate the debug dump. Check the server logs and try again.',\n          }),\n        });\n        onClose();\n      });\n\n    return () => {\n      active = false;\n    };\n  }, [isOpen, triggerGetDump, toggleNotification, formatMessage, onClose]);\n\n  const serialized = React.useMemo(\n    () => (data === undefined ? '' : JSON.stringify(data, null, 2)),\n    [data]\n  );\n\n  const isReady = !isFetching && data !== undefined;\n\n  const handleCopy = async () => {\n    const didCopy = await copy(serialized);\n    toggleNotification({\n      type: didCopy ? 'success' : 'danger',\n      message: didCopy\n        ? formatMessage({ id: 'Settings.debug-dump.copied', defaultMessage: 'Copied to clipboard' })\n        : formatMessage({\n            id: 'Settings.debug-dump.copy-failed',\n            defaultMessage: 'Could not copy to clipboard',\n          }),\n    });\n  };\n\n  const handleDownload = () => {\n    const blob = new Blob([serialized], { type: 'application/json' });\n    const url = URL.createObjectURL(blob);\n    const anchor = document.createElement('a');\n    anchor.href = url;\n    anchor.download = `strapi-debug-dump-${new Date().toISOString().replaceAll(':', '-')}.json`;\n    // In the document for the click and revoked on a later turn, as the audit-log export does:\n    // some browsers cancel a click on a detached anchor or a download whose URL is gone.\n    document.body.appendChild(anchor);\n    anchor.click();\n    anchor.remove();\n    setTimeout(() => URL.revokeObjectURL(url), 60000);\n  };\n\n  return (\n    <Modal.Root open={isOpen} onOpenChange={onClose}>\n      <Modal.Content>\n        <Modal.Header>\n          <Modal.Title>\n            {formatMessage({\n              id: 'Settings.debug-dump.snapshot-modal.title',\n              defaultMessage: 'Diagnostic snapshot',\n            })}\n          </Modal.Title>\n        </Modal.Header>\n        <Modal.Body>\n          {isReady ? (\n            <Flex direction=\"column\" alignItems=\"stretch\" gap={4}>\n              <Typography>\n                {formatMessage({\n                  id: 'Settings.debug-dump.snapshot-modal.description',\n                  defaultMessage:\n                    \"This snapshot describes how your project is built so a third party can reproduce the bug locally. It does not contain any of your app's content and no credentials.\",\n                })}\n              </Typography>\n              <Typography variant=\"sigma\">\n                {formatMessage({\n                  id: 'Settings.debug-dump.payload-label',\n                  defaultMessage: 'payload',\n                })}\n              </Typography>\n              <Box\n                hasRadius\n                padding={4}\n                maxHeight=\"26rem\"\n                overflow=\"auto\"\n                // A code surface that stays dark in BOTH themes. The design-system neutrals invert\n                // between themes (`neutral800` is #32324d in light but #ffffff in dark, and\n                // `neutral0` inverts with it), so tokens here flip the block to white on dark.\n                // These are the same fixed values the WYSIWYG preview uses for its code surface.\n                style={{ backgroundColor: '#32324d' }}\n              >\n                <Typography\n                  tag=\"pre\"\n                  variant=\"pi\"\n                  style={{\n                    color: '#ffffff',\n                    whiteSpace: 'pre-wrap',\n                    wordBreak: 'break-word',\n                    margin: 0,\n                  }}\n                >\n                  {serialized}\n                </Typography>\n              </Box>\n            </Flex>\n          ) : (\n            <Flex justifyContent=\"center\" alignItems=\"center\" padding={7}>\n              <Loader>\n                {formatMessage({\n                  id: 'Settings.debug-dump.generating',\n                  defaultMessage: 'Generating diagnostic snapshot',\n                })}\n              </Loader>\n            </Flex>\n          )}\n        </Modal.Body>\n        <Modal.Footer>\n          <Modal.Close>\n            <Button variant=\"tertiary\">\n              {formatMessage({ id: 'app.components.Button.cancel', defaultMessage: 'Cancel' })}\n            </Button>\n          </Modal.Close>\n          {/* Grouped so Copy and Download stay together on the right rather than being pushed to\n              opposite edges by the footer's `space-between`. */}\n          <Flex gap={2}>\n            <Button\n              variant=\"secondary\"\n              onClick={handleCopy}\n              startIcon={<Duplicate />}\n              disabled={!isReady}\n            >\n              {formatMessage({ id: 'Settings.debug-dump.copy', defaultMessage: 'Copy' })}\n            </Button>\n            <Button onClick={handleDownload} startIcon={<Download />} disabled={!isReady}>\n              {formatMessage({ id: 'Settings.debug-dump.download', defaultMessage: 'Download' })}\n            </Button>\n          </Flex>\n        </Modal.Footer>\n      </Modal.Content>\n    </Modal.Root>\n  );\n};\n\nexport { DiagnosticSnapshotModal };\nexport type { DiagnosticSnapshotModalProps };\n"],"names":["DiagnosticSnapshotModal","isOpen","onClose","formatMessage","useIntl","toggleNotification","useNotification","copy","useClipboard","triggerGetDump","data","isFetching","useLazyGetDebugDumpQuery","React","useEffect","undefined","active","unwrap","catch","type","message","id","defaultMessage","serialized","useMemo","JSON","stringify","isReady","handleCopy","didCopy","handleDownload","blob","Blob","url","URL","createObjectURL","anchor","document","createElement","href","download","Date","toISOString","replaceAll","body","appendChild","click","remove","setTimeout","revokeObjectURL","_jsx","Modal","Root","open","onOpenChange","_jsxs","Content","Header","Title","Body","Flex","direction","alignItems","gap","Typography","variant","Box","hasRadius","padding","maxHeight","overflow","style","backgroundColor","tag","color","whiteSpace","wordBreak","margin","justifyContent","Loader","Footer","Close","Button","onClick","startIcon","Duplicate","disabled","Download"],"mappings":"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"}

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

@@ -0,0 +1,185 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var designSystem = require('@strapi/design-system');
+var icons = require('@strapi/icons');
+var reactIntl = require('react-intl');
+var getProjectType = require('../../../../../../../shared/utils/get-project-type.js');
+var admin = require('../../../../../services/admin.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);
+
+/**
+ * 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 } = reactIntl.useIntl();
+    return /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Grid.Item, {
+        col: 6,
+        xs: 12,
+        direction: "column",
+        alignItems: "start",
+        children: [
+            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+                variant: "sigma",
+                textColor: "neutral600",
+                tag: "dt",
+                children: formatMessage(label)
+            }),
+            /*#__PURE__*/ jsxRuntime.jsx(designSystem.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__*/ jsxRuntime.jsx(designSystem.Grid.Root, {
+        gap: 5,
+        tag: "dl",
+        children: /*#__PURE__*/ jsxRuntime.jsx(PlanDetail, {
+            label: {
+                id: 'Settings.application.plan.current',
+                defaultMessage: 'current plan'
+            },
+            value: window.strapi.projectType
+        })
+    });
+const PlanCard = ()=>{
+    const { formatMessage } = reactIntl.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 } = admin.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__namespace.useState(null);
+    React__namespace.useEffect(()=>{
+        if (!shouldShowLicenseDetails) {
+            return undefined;
+        }
+        let active = true;
+        Promise.resolve().then(function () { return require('../../../../../../../ee/admin/src/pages/SettingsPage/pages/ApplicationInfoPage/components/LicenseInfo.js'); }).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 = getProjectType.getLicensedPlan({
+        licenseStatus,
+        type: licenseLimitsData?.data?.type,
+        planPriceId
+    });
+    const { label, href } = PLAN_LINK[licensedPlan] ?? PLAN_LINK.Community;
+    return /*#__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, {
+                justifyContent: "space-between",
+                alignItems: "center",
+                children: [
+                    /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+                        variant: "delta",
+                        tag: "h3",
+                        children: formatMessage({
+                            id: 'Settings.application.plan.title',
+                            defaultMessage: 'Plan'
+                        })
+                    }),
+                    !isLicenseLoading && /*#__PURE__*/ jsxRuntime.jsx(designSystem.LinkButton, {
+                        variant: "secondary",
+                        endIcon: /*#__PURE__*/ jsxRuntime.jsx(icons.ExternalLink, {}),
+                        href: href,
+                        target: "_blank",
+                        rel: "noopener noreferrer",
+                        children: formatMessage(label)
+                    })
+                ]
+            }),
+            PlanCardBody && /*#__PURE__*/ jsxRuntime.jsx(PlanCardBody, {})
+        ]
+    });
+};
+
+exports.PlanCard = PlanCard;
+exports.PlanDetail = PlanDetail;
+//# sourceMappingURL=PlanCard.js.map