import {
  selectAdminPermissions
} from "./chunk-6HMBNYS4.js";
import {
  useEnterprise
} from "./chunk-W6ICJ5TB.js";
import {
  useConfiguration
} from "./chunk-ERK7O2GM.js";
import {
  AxiosError,
  axios_default,
  useAppInfo,
  useTracking
} from "./chunk-GSN7U3BK.js";
import "./chunk-T3B5F2LV.js";
import "./chunk-YXDCVYVT.js";
import {
  useRBAC
} from "./chunk-CMLQV3Z2.js";
import {
  Layouts
} from "./chunk-TIVRAWTC.js";
import "./chunk-PQINNV4N.js";
import "./chunk-VYSYYPOB.js";
import {
  Page
} from "./chunk-5CAWUBTQ.js";
import "./chunk-W2TBR6J3.js";
import "./chunk-QEGMJR7H.js";
import "./chunk-LCL5TIBZ.js";
import {
  useSelector
} from "./chunk-WOQNBAGN.js";
import "./chunk-BHLYCXQ7.js";
import "./chunk-76QM3EFM.js";
import "./chunk-CE4VABH2.js";
import "./chunk-5VODLFKF.js";
import "./chunk-N55RVBRV.js";
import {
  $c512c27ab02ef895$export$fd42f52fd3ae1109,
  Box,
  Button,
  Card,
  CardAsset,
  CardBadge,
  CardBody,
  CardContent,
  CardHeader,
  CardSubtitle,
  CardTitle,
  CarouselActions,
  CarouselInput,
  CarouselSlide,
  Field,
  Flex,
  Grid,
  IconButton,
  Link,
  Modal,
  Tabs,
  TextInput,
  Typography,
  useIntl
} from "./chunk-7XB6XSWQ.js";
import "./chunk-TUXTO2Z5.js";
import "./chunk-FOD4ENRR.js";
import {
  ForwardRef$1f,
  ForwardRef$1h,
  ForwardRef$3F,
  ForwardRef$4F,
  ForwardRef$5n
} from "./chunk-WRD5KPDH.js";
import {
  require_jsx_runtime
} from "./chunk-NIAJZ5MX.js";
import {
  dt
} from "./chunk-ACIMPXWY.js";
import {
  require_react
} from "./chunk-MADUDGYZ.js";
import {
  __toESM
} from "./chunk-PLDDJCW6.js";

// node_modules/@strapi/admin/dist/admin/admin/src/pages/Settings/pages/ApplicationInfo/ApplicationInfoPage.mjs
var import_jsx_runtime2 = __toESM(require_jsx_runtime(), 1);
var React2 = __toESM(require_react(), 1);

// node_modules/@strapi/admin/dist/admin/admin/src/pages/Settings/pages/ApplicationInfo/components/LogoInput.mjs
var import_jsx_runtime = __toESM(require_jsx_runtime(), 1);
var React = __toESM(require_react(), 1);

// node_modules/@strapi/admin/dist/admin/admin/src/pages/Settings/pages/ApplicationInfo/utils/constants.mjs
var DIMENSION = 750;
var SIZE = 100;
var ACCEPTED_FORMAT = [
  "image/jpeg",
  "image/png",
  "image/svg+xml"
];

// node_modules/@strapi/admin/dist/admin/admin/src/pages/Settings/pages/ApplicationInfo/utils/files.mjs
var FILE_FORMAT_ERROR_MESSAGE = {
  id: "Settings.application.customization.modal.upload.error-format",
  defaultMessage: "Wrong format uploaded (accepted formats only: jpeg, jpg, png, svg)."
};
var FILE_SIZING_ERROR_MESSAGE = {
  id: "Settings.application.customization.modal.upload.error-size",
  defaultMessage: "The file uploaded is too large (max dimension: {dimension}x{dimension}, max file size: {size}KB)"
};
var parseFileMetadatas = async (file) => {
  const isFormatAuthorized = ACCEPTED_FORMAT.includes(file.type);
  if (!isFormatAuthorized) {
    throw new ParsingFileError("File format", FILE_FORMAT_ERROR_MESSAGE);
  }
  const fileDimensions = await new Promise((resolve) => {
    const reader = new FileReader();
    reader.onload = () => {
      const img = new Image();
      img.onload = () => {
        resolve({
          width: img.width,
          height: img.height
        });
      };
      img.src = reader.result;
    };
    reader.readAsDataURL(file);
  });
  const areDimensionsAuthorized = fileDimensions.width <= DIMENSION && fileDimensions.height <= DIMENSION;
  if (!areDimensionsAuthorized) {
    throw new ParsingFileError("File sizing", FILE_SIZING_ERROR_MESSAGE);
  }
  const asset = {
    ext: file.name.split(".").pop(),
    size: file.size / 1e3,
    name: file.name,
    url: URL.createObjectURL(file),
    rawFile: file,
    width: fileDimensions.width,
    height: fileDimensions.height
  };
  const isSizeAuthorized = asset.size <= SIZE;
  if (!isSizeAuthorized) {
    throw new ParsingFileError("File sizing", FILE_SIZING_ERROR_MESSAGE);
  }
  return asset;
};
var ParsingFileError = class extends Error {
  constructor(message, displayMessage, options) {
    super(message, options);
    this.displayMessage = displayMessage;
  }
};

// node_modules/@strapi/admin/dist/admin/admin/src/pages/Settings/pages/ApplicationInfo/components/LogoInput.mjs
var [LogoInputContextProvider, useLogoInputContext] = $c512c27ab02ef895$export$fd42f52fd3ae1109("LogoInput");
var LogoInput = ({ canUpdate, customLogo, defaultLogo, hint, label, onChangeLogo }) => {
  const [localImage, setLocalImage] = React.useState();
  const [currentStep, setCurrentStep] = React.useState();
  const { formatMessage } = useIntl();
  const handleClose = () => {
    setLocalImage(void 0);
    setCurrentStep(void 0);
  };
  return (0, import_jsx_runtime.jsx)(Modal.Root, {
    open: !!currentStep,
    onOpenChange: (state) => {
      if (state === false) {
        handleClose();
      }
    },
    children: (0, import_jsx_runtime.jsxs)(LogoInputContextProvider, {
      setLocalImage,
      localImage,
      goToStep: setCurrentStep,
      onClose: handleClose,
      children: [
        (0, import_jsx_runtime.jsx)(CarouselInput, {
          label,
          selectedSlide: 0,
          hint,
          // Carousel is used here for a single media,
          // we don't need previous and next labels but these props are required
          previousLabel: "",
          nextLabel: "",
          onNext: () => {
          },
          onPrevious: () => {
          },
          secondaryLabel: (customLogo == null ? void 0 : customLogo.name) || "logo.png",
          actions: (0, import_jsx_runtime.jsxs)(CarouselActions, {
            children: [
              (0, import_jsx_runtime.jsx)(Modal.Trigger, {
                children: (0, import_jsx_runtime.jsx)(IconButton, {
                  disabled: !canUpdate,
                  onClick: () => setCurrentStep("upload"),
                  label: formatMessage({
                    id: "Settings.application.customization.carousel.change-action",
                    defaultMessage: "Change logo"
                  }),
                  children: (0, import_jsx_runtime.jsx)(ForwardRef$1h, {})
                })
              }),
              (customLogo == null ? void 0 : customLogo.url) && (0, import_jsx_runtime.jsx)(IconButton, {
                disabled: !canUpdate,
                onClick: () => onChangeLogo(null),
                label: formatMessage({
                  id: "Settings.application.customization.carousel.reset-action",
                  defaultMessage: "Reset logo"
                }),
                children: (0, import_jsx_runtime.jsx)(ForwardRef$5n, {})
              })
            ]
          }),
          children: (0, import_jsx_runtime.jsx)(CarouselSlide, {
            label: formatMessage({
              id: "Settings.application.customization.carousel-slide.label",
              defaultMessage: "Logo slide"
            }),
            children: (0, import_jsx_runtime.jsx)(Box, {
              maxHeight: "40%",
              maxWidth: "40%",
              tag: "img",
              src: (customLogo == null ? void 0 : customLogo.url) || defaultLogo,
              alt: formatMessage({
                id: "Settings.application.customization.carousel.title",
                defaultMessage: "Logo"
              })
            })
          })
        }),
        (0, import_jsx_runtime.jsxs)(Modal.Content, {
          children: [
            (0, import_jsx_runtime.jsx)(Modal.Header, {
              children: (0, import_jsx_runtime.jsx)(Modal.Title, {
                children: formatMessage(currentStep === "upload" ? {
                  id: "Settings.application.customization.modal.upload",
                  defaultMessage: "Upload logo"
                } : {
                  id: "Settings.application.customization.modal.pending",
                  defaultMessage: "Pending logo"
                })
              })
            }),
            currentStep === "upload" ? (0, import_jsx_runtime.jsx)(AddLogoDialog, {}) : (0, import_jsx_runtime.jsx)(PendingLogoDialog, {
              onChangeLogo
            })
          ]
        })
      ]
    })
  });
};
var AddLogoDialog = () => {
  const { formatMessage } = useIntl();
  return (0, import_jsx_runtime.jsxs)(Tabs.Root, {
    variant: "simple",
    defaultValue: "computer",
    children: [
      (0, import_jsx_runtime.jsx)(Box, {
        paddingLeft: 8,
        paddingRight: 8,
        children: (0, import_jsx_runtime.jsxs)(Tabs.List, {
          "aria-label": formatMessage({
            id: "Settings.application.customization.modal.tab.label",
            defaultMessage: "How do you want to upload your assets?"
          }),
          children: [
            (0, import_jsx_runtime.jsx)(Tabs.Trigger, {
              value: "computer",
              children: formatMessage({
                id: "Settings.application.customization.modal.upload.from-computer",
                defaultMessage: "From computer"
              })
            }),
            (0, import_jsx_runtime.jsx)(Tabs.Trigger, {
              value: "url",
              children: formatMessage({
                id: "Settings.application.customization.modal.upload.from-url",
                defaultMessage: "From url"
              })
            })
          ]
        })
      }),
      (0, import_jsx_runtime.jsx)(Tabs.Content, {
        value: "computer",
        children: (0, import_jsx_runtime.jsx)(ComputerForm, {})
      }),
      (0, import_jsx_runtime.jsx)(Tabs.Content, {
        value: "url",
        children: (0, import_jsx_runtime.jsx)(URLForm, {})
      })
    ]
  });
};
var URLForm = () => {
  const { formatMessage } = useIntl();
  const [logoUrl, setLogoUrl] = React.useState("");
  const [error, setError] = React.useState();
  const { setLocalImage, goToStep, onClose } = useLogoInputContext("URLForm");
  const handleChange = (e) => {
    setLogoUrl(e.target.value);
  };
  const handleSubmit = async (event) => {
    event.preventDefault();
    const data = new FormData(event.target);
    const url = data.get("logo-url");
    if (!url) {
      return;
    }
    try {
      const res = await axios_default.get(url.toString(), {
        responseType: "blob",
        timeout: 8e3
      });
      const file = new File([
        res.data
      ], res.config.url ?? "", {
        type: res.headers["content-type"]
      });
      const asset = await parseFileMetadatas(file);
      setLocalImage(asset);
      goToStep("pending");
    } catch (err) {
      if (err instanceof AxiosError) {
        setError(formatMessage({
          id: "Settings.application.customization.modal.upload.error-network",
          defaultMessage: "Network error"
        }));
      } else if (err instanceof ParsingFileError) {
        setError(formatMessage(err.displayMessage, {
          size: SIZE,
          dimension: DIMENSION
        }));
      } else {
        throw err;
      }
    }
  };
  return (0, import_jsx_runtime.jsxs)("form", {
    onSubmit: handleSubmit,
    children: [
      (0, import_jsx_runtime.jsx)(Box, {
        paddingLeft: 8,
        paddingRight: 8,
        paddingTop: 6,
        paddingBottom: 6,
        children: (0, import_jsx_runtime.jsxs)(Field.Root, {
          error,
          name: "logo-url",
          children: [
            (0, import_jsx_runtime.jsx)(Field.Label, {
              children: formatMessage({
                id: "Settings.application.customization.modal.upload.from-url.input-label",
                defaultMessage: "URL"
              })
            }),
            (0, import_jsx_runtime.jsx)(TextInput, {
              onChange: handleChange,
              value: logoUrl
            }),
            (0, import_jsx_runtime.jsx)(Field.Error, {})
          ]
        })
      }),
      (0, import_jsx_runtime.jsxs)(Modal.Footer, {
        children: [
          (0, import_jsx_runtime.jsx)(Button, {
            onClick: onClose,
            variant: "tertiary",
            children: formatMessage({
              id: "app.components.Button.cancel",
              defaultMessage: "Cancel"
            })
          }),
          (0, import_jsx_runtime.jsx)(Button, {
            type: "submit",
            children: formatMessage({
              id: "Settings.application.customization.modal.upload.next",
              defaultMessage: "Next"
            })
          })
        ]
      })
    ]
  });
};
var ComputerForm = () => {
  const { formatMessage } = useIntl();
  const [dragOver, setDragOver] = React.useState(false);
  const [fileError, setFileError] = React.useState();
  const inputRef = React.useRef(null);
  const id = React.useId();
  const { setLocalImage, goToStep, onClose } = useLogoInputContext("ComputerForm");
  const handleDragEnter = () => {
    setDragOver(true);
  };
  const handleDragLeave = () => {
    setDragOver(false);
  };
  const handleClick = (e) => {
    e.preventDefault();
    inputRef.current.click();
  };
  const handleChange = async () => {
    handleDragLeave();
    if (!inputRef.current.files) {
      return;
    }
    const [file] = inputRef.current.files;
    try {
      const asset = await parseFileMetadatas(file);
      setLocalImage(asset);
      goToStep("pending");
    } catch (err) {
      if (err instanceof ParsingFileError) {
        setFileError(formatMessage(err.displayMessage, {
          size: SIZE,
          dimension: DIMENSION
        }));
        inputRef.current.focus();
      } else {
        throw err;
      }
    }
  };
  return (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
    children: [
      (0, import_jsx_runtime.jsx)("form", {
        children: (0, import_jsx_runtime.jsx)(Box, {
          paddingLeft: 8,
          paddingRight: 8,
          paddingTop: 6,
          paddingBottom: 6,
          children: (0, import_jsx_runtime.jsx)(Field.Root, {
            name: id,
            error: fileError,
            children: (0, import_jsx_runtime.jsxs)(Flex, {
              direction: "column",
              alignItems: "stretch",
              gap: 2,
              children: [
                (0, import_jsx_runtime.jsxs)(Flex, {
                  paddingTop: 9,
                  paddingBottom: 7,
                  hasRadius: true,
                  justifyContent: "center",
                  direction: "column",
                  background: dragOver ? "primary100" : "neutral100",
                  borderColor: dragOver ? "primary500" : fileError ? "danger600" : "neutral300",
                  borderStyle: "dashed",
                  borderWidth: "1px",
                  position: "relative",
                  onDragEnter: handleDragEnter,
                  onDragLeave: handleDragLeave,
                  children: [
                    (0, import_jsx_runtime.jsx)(ForwardRef$1f, {
                      fill: "primary600",
                      width: "6rem",
                      height: "6rem",
                      "aria-hidden": true
                    }),
                    (0, import_jsx_runtime.jsx)(Box, {
                      paddingTop: 3,
                      paddingBottom: 5,
                      children: (0, import_jsx_runtime.jsx)(Typography, {
                        variant: "delta",
                        tag: "label",
                        htmlFor: id,
                        children: formatMessage({
                          id: "Settings.application.customization.modal.upload.drag-drop",
                          defaultMessage: "Drag and Drop here or"
                        })
                      })
                    }),
                    (0, import_jsx_runtime.jsx)(Box, {
                      position: "relative",
                      children: (0, import_jsx_runtime.jsx)(FileInput, {
                        accept: ACCEPTED_FORMAT.join(", "),
                        type: "file",
                        name: "files",
                        tabIndex: -1,
                        onChange: handleChange,
                        ref: inputRef,
                        id
                      })
                    }),
                    (0, import_jsx_runtime.jsx)(Button, {
                      type: "button",
                      onClick: handleClick,
                      children: formatMessage({
                        id: "Settings.application.customization.modal.upload.cta.browse",
                        defaultMessage: "Browse files"
                      })
                    }),
                    (0, import_jsx_runtime.jsx)(Box, {
                      paddingTop: 6,
                      children: (0, import_jsx_runtime.jsx)(Typography, {
                        variant: "pi",
                        textColor: "neutral600",
                        children: formatMessage({
                          id: "Settings.application.customization.modal.upload.file-validation",
                          defaultMessage: "Max dimension: {dimension}x{dimension}, Max size: {size}KB"
                        }, {
                          size: SIZE,
                          dimension: DIMENSION
                        })
                      })
                    })
                  ]
                }),
                (0, import_jsx_runtime.jsx)(Field.Error, {})
              ]
            })
          })
        })
      }),
      (0, import_jsx_runtime.jsx)(Modal.Footer, {
        children: (0, import_jsx_runtime.jsx)(Button, {
          onClick: onClose,
          variant: "tertiary",
          children: formatMessage({
            id: "app.components.Button.cancel",
            defaultMessage: "Cancel"
          })
        })
      })
    ]
  });
};
var FileInput = dt(Field.Input)`
  opacity: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
`;
var PendingLogoDialog = ({ onChangeLogo }) => {
  const { formatMessage } = useIntl();
  const { localImage, setLocalImage, goToStep, onClose } = useLogoInputContext("PendingLogoDialog");
  const handleGoBack = () => {
    setLocalImage(void 0);
    goToStep("upload");
  };
  const handleUpload = () => {
    if (localImage) {
      onChangeLogo(localImage);
    }
    onClose();
  };
  return (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
    children: [
      (0, import_jsx_runtime.jsx)(Modal.Body, {
        children: (0, import_jsx_runtime.jsxs)(Box, {
          paddingLeft: 8,
          paddingRight: 8,
          paddingTop: 6,
          paddingBottom: 6,
          children: [
            (0, import_jsx_runtime.jsxs)(Flex, {
              justifyContent: "space-between",
              paddingBottom: 6,
              children: [
                (0, import_jsx_runtime.jsxs)(Flex, {
                  direction: "column",
                  alignItems: "flex-start",
                  children: [
                    (0, import_jsx_runtime.jsx)(Typography, {
                      variant: "pi",
                      fontWeight: "bold",
                      children: formatMessage({
                        id: "Settings.application.customization.modal.pending.title",
                        defaultMessage: "Logo ready to upload"
                      })
                    }),
                    (0, import_jsx_runtime.jsx)(Typography, {
                      variant: "pi",
                      textColor: "neutral500",
                      children: formatMessage({
                        id: "Settings.application.customization.modal.pending.subtitle",
                        defaultMessage: "Manage the chosen logo before uploading it"
                      })
                    })
                  ]
                }),
                (0, import_jsx_runtime.jsx)(Button, {
                  onClick: handleGoBack,
                  variant: "secondary",
                  children: formatMessage({
                    id: "Settings.application.customization.modal.pending.choose-another",
                    defaultMessage: "Choose another logo"
                  })
                })
              ]
            }),
            (0, import_jsx_runtime.jsx)(Box, {
              maxWidth: `18rem`,
              children: (localImage == null ? void 0 : localImage.url) ? (0, import_jsx_runtime.jsx)(ImageCardAsset, {
                asset: localImage
              }) : null
            })
          ]
        })
      }),
      (0, import_jsx_runtime.jsxs)(Modal.Footer, {
        children: [
          (0, import_jsx_runtime.jsx)(Modal.Close, {
            children: (0, import_jsx_runtime.jsx)(Button, {
              onClick: onClose,
              variant: "tertiary",
              children: formatMessage({
                id: "Settings.application.customization.modal.cancel",
                defaultMessage: "Cancel"
              })
            })
          }),
          (0, import_jsx_runtime.jsx)(Button, {
            onClick: handleUpload,
            children: formatMessage({
              id: "Settings.application.customization.modal.pending.upload",
              defaultMessage: "Upload logo"
            })
          })
        ]
      })
    ]
  });
};
var ImageCardAsset = ({ asset }) => {
  var _a;
  const { formatMessage } = useIntl();
  return (0, import_jsx_runtime.jsxs)(Card, {
    children: [
      (0, import_jsx_runtime.jsx)(CardHeader, {
        children: (0, import_jsx_runtime.jsx)(CardAsset, {
          size: "S",
          src: asset.url
        })
      }),
      (0, import_jsx_runtime.jsxs)(CardBody, {
        children: [
          (0, import_jsx_runtime.jsxs)(CardContent, {
            children: [
              (0, import_jsx_runtime.jsx)(CardTitle, {
                children: asset.name
              }),
              (0, import_jsx_runtime.jsx)(CardSubtitle, {
                children: `${(_a = asset.ext) == null ? void 0 : _a.toUpperCase()} - ${asset.width}✕${asset.height}`
              })
            ]
          }),
          (0, import_jsx_runtime.jsx)(CardBadge, {
            children: formatMessage({
              id: "Settings.application.customization.modal.pending.card-badge",
              defaultMessage: "image"
            })
          })
        ]
      })
    ]
  });
};

// node_modules/@strapi/admin/dist/admin/admin/src/pages/Settings/pages/ApplicationInfo/ApplicationInfoPage.mjs
var AdminSeatInfoCE = () => null;
var ApplicationInfoPage = () => {
  const { trackUsage } = useTracking();
  const { formatMessage } = useIntl();
  const { logos: serverLogos, updateProjectSettings } = useConfiguration("ApplicationInfoPage");
  const [logos, setLogos] = React2.useState({
    menu: serverLogos.menu,
    auth: serverLogos.auth
  });
  const { settings } = useSelector(selectAdminPermissions);
  const communityEdition = useAppInfo("ApplicationInfoPage", (state) => state.communityEdition);
  const latestStrapiReleaseTag = useAppInfo("ApplicationInfoPage", (state) => state.latestStrapiReleaseTag);
  const nodeVersion = useAppInfo("ApplicationInfoPage", (state) => state.nodeVersion);
  const shouldUpdateStrapi = useAppInfo("ApplicationInfoPage", (state) => state.shouldUpdateStrapi);
  const strapiVersion = useAppInfo("ApplicationInfoPage", (state) => state.strapiVersion);
  const AdminSeatInfo = useEnterprise(AdminSeatInfoCE, async () => (await import("./AdminSeatInfo-6OY4OYIE.js")).AdminSeatInfoEE);
  const { allowedActions: { canRead, canUpdate } } = useRBAC(settings ? settings["project-settings"] : {});
  const handleSubmit = (e) => {
    e.preventDefault();
    updateProjectSettings({
      authLogo: logos.auth.custom ?? null,
      menuLogo: logos.menu.custom ?? null
    });
  };
  const handleChangeLogo = (logo) => (newLogo) => {
    if (newLogo === null) {
      trackUsage("didClickResetLogo", {
        logo
      });
    }
    setLogos((prev) => ({
      ...prev,
      [logo]: {
        ...prev[logo],
        custom: newLogo
      }
    }));
  };
  React2.useEffect(() => {
    setLogos({
      menu: serverLogos.menu,
      auth: serverLogos.auth
    });
  }, [
    serverLogos
  ]);
  if (!AdminSeatInfo) {
    return null;
  }
  const isSaveDisabled = logos.auth.custom === serverLogos.auth.custom && logos.menu.custom === serverLogos.menu.custom;
  return (0, import_jsx_runtime2.jsxs)(Layouts.Root, {
    children: [
      (0, import_jsx_runtime2.jsx)(Page.Title, {
        children: formatMessage({
          id: "Settings.PageTitle",
          defaultMessage: "Settings - {name}"
        }, {
          name: formatMessage({
            id: "Settings.application.header",
            defaultMessage: "Application"
          })
        })
      }),
      (0, import_jsx_runtime2.jsx)(Page.Main, {
        children: (0, import_jsx_runtime2.jsxs)("form", {
          onSubmit: handleSubmit,
          children: [
            (0, import_jsx_runtime2.jsx)(Layouts.Header, {
              title: formatMessage({
                id: "Settings.application.title",
                defaultMessage: "Overview"
              }),
              subtitle: formatMessage({
                id: "Settings.application.description",
                defaultMessage: "Administration panel’s global information"
              }),
              primaryAction: canUpdate && (0, import_jsx_runtime2.jsx)(Button, {
                disabled: isSaveDisabled,
                type: "submit",
                startIcon: (0, import_jsx_runtime2.jsx)(ForwardRef$4F, {}),
                children: formatMessage({
                  id: "global.save",
                  defaultMessage: "Save"
                })
              })
            }),
            (0, import_jsx_runtime2.jsx)(Layouts.Content, {
              children: (0, import_jsx_runtime2.jsxs)(Flex, {
                direction: "column",
                alignItems: "stretch",
                gap: 6,
                children: [
                  (0, import_jsx_runtime2.jsxs)(Flex, {
                    direction: "column",
                    alignItems: "stretch",
                    gap: 4,
                    hasRadius: true,
                    background: "neutral0",
                    shadow: "tableShadow",
                    paddingTop: 6,
                    paddingBottom: 6,
                    paddingRight: 7,
                    paddingLeft: 7,
                    children: [
                      (0, import_jsx_runtime2.jsx)(Typography, {
                        variant: "delta",
                        tag: "h3",
                        children: formatMessage({
                          id: "global.details",
                          defaultMessage: "Details"
                        })
                      }),
                      (0, import_jsx_runtime2.jsxs)(Grid.Root, {
                        gap: 5,
                        tag: "dl",
                        children: [
                          (0, import_jsx_runtime2.jsxs)(Grid.Item, {
                            col: 6,
                            s: 12,
                            direction: "column",
                            alignItems: "start",
                            children: [
                              (0, import_jsx_runtime2.jsx)(Typography, {
                                variant: "sigma",
                                textColor: "neutral600",
                                tag: "dt",
                                children: formatMessage({
                                  id: "Settings.application.strapiVersion",
                                  defaultMessage: "strapi version"
                                })
                              }),
                              (0, import_jsx_runtime2.jsxs)(Flex, {
                                gap: 3,
                                direction: "column",
                                alignItems: "start",
                                tag: "dd",
                                children: [
                                  (0, import_jsx_runtime2.jsxs)(Typography, {
                                    children: [
                                      "v",
                                      strapiVersion
                                    ]
                                  }),
                                  shouldUpdateStrapi && (0, import_jsx_runtime2.jsx)(Link, {
                                    href: `https://github.com/strapi/strapi/releases/tag/${latestStrapiReleaseTag}`,
                                    endIcon: (0, import_jsx_runtime2.jsx)(ForwardRef$3F, {}),
                                    children: formatMessage({
                                      id: "Settings.application.link-upgrade",
                                      defaultMessage: "Upgrade your admin panel"
                                    })
                                  })
                                ]
                              })
                            ]
                          }),
                          (0, import_jsx_runtime2.jsxs)(Grid.Item, {
                            col: 6,
                            s: 12,
                            direction: "column",
                            alignItems: "start",
                            children: [
                              (0, import_jsx_runtime2.jsx)(Typography, {
                                variant: "sigma",
                                textColor: "neutral600",
                                tag: "dt",
                                children: formatMessage({
                                  id: "Settings.application.edition-title",
                                  defaultMessage: "current edition"
                                })
                              }),
                              (0, import_jsx_runtime2.jsxs)(Flex, {
                                gap: 3,
                                direction: "column",
                                alignItems: "start",
                                tag: "dd",
                                children: [
                                  (0, import_jsx_runtime2.jsx)(Typography, {
                                    children: formatMessage({
                                      id: "Settings.application.ee-or-ce",
                                      defaultMessage: "{communityEdition, select, true {Community Edition} other {Enterprise Edition}}"
                                    }, {
                                      communityEdition
                                    })
                                  }),
                                  (0, import_jsx_runtime2.jsx)(Link, {
                                    href: "https://strapi.io/pricing-self-hosted",
                                    endIcon: (0, import_jsx_runtime2.jsx)(ForwardRef$3F, {}),
                                    children: formatMessage({
                                      id: "Settings.application.link-pricing",
                                      defaultMessage: "See all pricing plans"
                                    })
                                  })
                                ]
                              })
                            ]
                          }),
                          (0, import_jsx_runtime2.jsxs)(Grid.Item, {
                            col: 6,
                            s: 12,
                            direction: "column",
                            alignItems: "start",
                            children: [
                              (0, import_jsx_runtime2.jsx)(Typography, {
                                variant: "sigma",
                                textColor: "neutral600",
                                tag: "dt",
                                children: formatMessage({
                                  id: "Settings.application.node-version",
                                  defaultMessage: "node version"
                                })
                              }),
                              (0, import_jsx_runtime2.jsx)(Typography, {
                                tag: "dd",
                                children: nodeVersion
                              })
                            ]
                          }),
                          (0, import_jsx_runtime2.jsx)(AdminSeatInfo, {})
                        ]
                      })
                    ]
                  }),
                  canRead && (0, import_jsx_runtime2.jsxs)(Box, {
                    hasRadius: true,
                    background: "neutral0",
                    shadow: "tableShadow",
                    paddingTop: 6,
                    paddingBottom: 6,
                    paddingRight: 7,
                    paddingLeft: 7,
                    children: [
                      (0, import_jsx_runtime2.jsx)(Typography, {
                        variant: "delta",
                        tag: "h3",
                        children: formatMessage({
                          id: "Settings.application.customization",
                          defaultMessage: "Customization"
                        })
                      }),
                      (0, import_jsx_runtime2.jsx)(Typography, {
                        variant: "pi",
                        textColor: "neutral600",
                        children: formatMessage({
                          id: "Settings.application.customization.size-details",
                          defaultMessage: "Max dimension: {dimension}×{dimension}, Max file size: {size}KB"
                        }, {
                          dimension: DIMENSION,
                          size: SIZE
                        })
                      }),
                      (0, import_jsx_runtime2.jsxs)(Grid.Root, {
                        paddingTop: 4,
                        gap: 4,
                        children: [
                          (0, import_jsx_runtime2.jsx)(Grid.Item, {
                            col: 6,
                            s: 12,
                            direction: "column",
                            alignItems: "stretch",
                            children: (0, import_jsx_runtime2.jsx)(LogoInput, {
                              canUpdate,
                              customLogo: logos.menu.custom,
                              defaultLogo: logos.menu.default,
                              hint: formatMessage({
                                id: "Settings.application.customization.menu-logo.carousel-hint",
                                defaultMessage: "Replace the logo in the main navigation"
                              }),
                              label: formatMessage({
                                id: "Settings.application.customization.carousel.menu-logo.title",
                                defaultMessage: "Menu logo"
                              }),
                              onChangeLogo: handleChangeLogo("menu")
                            })
                          }),
                          (0, import_jsx_runtime2.jsx)(Grid.Item, {
                            col: 6,
                            s: 12,
                            direction: "column",
                            alignItems: "stretch",
                            children: (0, import_jsx_runtime2.jsx)(LogoInput, {
                              canUpdate,
                              customLogo: logos.auth.custom,
                              defaultLogo: logos.auth.default,
                              hint: formatMessage({
                                id: "Settings.application.customization.auth-logo.carousel-hint",
                                defaultMessage: "Replace the logo in the authentication pages"
                              }),
                              label: formatMessage({
                                id: "Settings.application.customization.carousel.auth-logo.title",
                                defaultMessage: "Auth logo"
                              }),
                              onChangeLogo: handleChangeLogo("auth")
                            })
                          })
                        ]
                      })
                    ]
                  })
                ]
              })
            })
          ]
        })
      })
    ]
  });
};
export {
  ApplicationInfoPage
};
//# sourceMappingURL=ApplicationInfoPage-WUK3WEUI.js.map