s});const s=function(){for(var e,t,i=0,s="",a=arguments.length;i.\n\nimport React, { ComponentType, Suspense, SuspenseProps } from \"react\";\n\nfunction withSuspense(\n WrappedComponent: ComponentType
,\n fallback: SuspenseProps[\"fallback\"] = null,\n) {\n function ComponentWithSuspense(props: P) {\n return (\n \n \n \n );\n }\n\n return ComponentWithSuspense;\n}\n\nexport default withSuspense;\n","// This file is part of MinIO Operator\n// Copyright (c) 2021 MinIO, Inc.\n//\n// This program is free software: you can redistribute it and/or modify\n// it under the terms of the GNU Affero General Public License as published by\n// the Free Software Foundation, either version 3 of the License, or\n// (at your option) any later version.\n//\n// This program is distributed in the hope that it will be useful,\n// but WITHOUT ANY WARRANTY; without even the implied warranty of\n// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n// GNU Affero General Public License for more details.\n//\n// You should have received a copy of the GNU Affero General Public License\n// along with this program. If not, see .\nimport React, { useEffect, useState } from \"react\";\nimport { useSelector } from \"react-redux\";\nimport { ModalBox, Snackbar } from \"mds\";\nimport { CSSObject } from \"styled-components\";\nimport { AppState, useAppDispatch } from \"../../../../store\";\nimport { setModalSnackMessage } from \"../../../../systemSlice\";\nimport MainError from \"../MainError/MainError\";\n\ninterface IModalProps {\n onClose: () => void;\n modalOpen: boolean;\n title: string | React.ReactNode;\n children: any;\n wideLimit?: boolean;\n titleIcon?: React.ReactNode;\n iconColor?: \"default\" | \"delete\" | \"accept\";\n sx?: CSSObject;\n}\n\nconst ModalWrapper = ({\n onClose,\n modalOpen,\n title,\n children,\n wideLimit = true,\n titleIcon = null,\n iconColor = \"default\",\n sx,\n}: IModalProps) => {\n const dispatch = useAppDispatch();\n const [openSnackbar, setOpenSnackbar] = useState(false);\n\n const modalSnackMessage = useSelector(\n (state: AppState) => state.system.modalSnackBar,\n );\n\n useEffect(() => {\n dispatch(setModalSnackMessage(\"\"));\n }, [dispatch]);\n\n useEffect(() => {\n if (modalSnackMessage) {\n if (modalSnackMessage.message === \"\") {\n setOpenSnackbar(false);\n return;\n }\n // Open SnackBar\n if (modalSnackMessage.type !== \"error\") {\n setOpenSnackbar(true);\n }\n }\n }, [modalSnackMessage]);\n\n const closeSnackBar = () => {\n setOpenSnackbar(false);\n dispatch(setModalSnackMessage(\"\"));\n };\n\n let message = \"\";\n\n if (modalSnackMessage) {\n message = modalSnackMessage.detailedErrorMsg;\n if (\n modalSnackMessage.detailedErrorMsg === \"\" ||\n modalSnackMessage.detailedErrorMsg.length < 5\n ) {\n message = modalSnackMessage.message;\n }\n }\n\n return (\n \n \n \n {children}\n \n );\n};\n\nexport default ModalWrapper;\n","// This file is part of MinIO Operator\n// Copyright (c) 2022 MinIO, Inc.\n//\n// This program is free software: you can redistribute it and/or modify\n// it under the terms of the GNU Affero General Public License as published by\n// the Free Software Foundation, either version 3 of the License, or\n// (at your option) any later version.\n//\n// This program is distributed in the hope that it will be useful,\n// but WITHOUT ANY WARRANTY; without even the implied warranty of\n// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n// GNU Affero General Public License for more details.\n//\n// You should have received a copy of the GNU Affero General Public License\n// along with this program. If not, see .\n\nimport React, { Fragment, useEffect, useState } from \"react\";\nimport clsx from \"clsx\";\nimport {\n AGPLV3Logo,\n Box,\n breakPoints,\n Button,\n CheckCircleIcon,\n ConsoleEnterprise,\n ConsoleStandard,\n LicenseDocIcon,\n} from \"mds\";\nimport { SubnetInfo } from \"./types\";\nimport {\n COMMUNITY_PLAN_FEATURES,\n ENTERPRISE_PLAN_FEATURES,\n FEATURE_ITEMS,\n getRenderValue,\n LICENSE_PLANS,\n PAID_PLANS,\n STANDARD_PLAN_FEATURES,\n} from \"./utils\";\nimport styled from \"styled-components\";\nimport get from \"lodash/get\";\n\ninterface IRegisterStatus {\n activateProductModal: any;\n closeModalAndFetchLicenseInfo: any;\n licenseInfo: SubnetInfo | undefined;\n currentPlanID: number;\n setActivateProductModal: any;\n}\n\nconst PlanListContainer = styled.div(({ theme }) => ({\n display: \"grid\",\n\n margin: \"0 1.5rem 0 1.5rem\",\n\n gridTemplateColumns: \"1fr 1fr 1fr 1fr\",\n\n [`@media (max-width: ${breakPoints.sm}px)`]: {\n gridTemplateColumns: \"1fr 1fr 1fr\",\n },\n\n \"&.paid-plans-only\": {\n display: \"grid\",\n gridTemplateColumns: \"1fr 1fr 1fr\",\n },\n\n \"& .features-col\": {\n flex: 1,\n minWidth: \"260px\",\n\n \"@media (max-width: 600px)\": {\n display: \"none\",\n },\n },\n\n \"& .xs-only\": {\n display: \"none\",\n },\n\n \"& .button-box\": {\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n padding: \"5px 0px 25px 0px\",\n borderLeft: `1px solid ${get(theme, \"borderColor\", \"#EAEAEA\")}`,\n },\n \"& .plan-header\": {\n height: \"99px\",\n borderBottom: `1px solid ${get(theme, \"borderColor\", \"#EAEAEA\")}`,\n },\n \"& .feature-title\": {\n height: \"25px\",\n paddingLeft: \"26px\",\n fontSize: \"14px\",\n\n background: get(theme, \"signalColors.disabled\", \"#E5E5E5\"),\n color: get(theme, \"signalColors.main\", \"#07193E\"),\n\n \"@media (max-width: 600px)\": {\n \"& .feature-title-info .xs-only\": {\n display: \"block\",\n },\n },\n },\n \"& .feature-name\": {\n minHeight: \"60px\",\n padding: \"5px\",\n borderBottom: `1px solid ${get(theme, \"borderColor\", \"#EAEAEA\")}`,\n display: \"flex\",\n alignItems: \"center\",\n paddingLeft: \"26px\",\n fontSize: \"14px\",\n },\n \"& .feature-item\": {\n display: \"flex\",\n flexFlow: \"column\",\n alignItems: \"center\",\n justifyContent: \"center\",\n minHeight: \"60px\",\n padding: \"0 15px 0 15px\",\n borderBottom: `1px solid ${get(theme, \"borderColor\", \"#EAEAEA\")}`,\n borderLeft: `1px solid ${get(theme, \"borderColor\", \"#EAEAEA\")}`,\n fontSize: \"14px\",\n \"& .link-text\": {\n color: \"#2781B0\",\n cursor: \"pointer\",\n textDecoration: \"underline\",\n },\n\n \"&.icon-yes\": {\n width: \"15px\",\n height: \"15px\",\n },\n },\n\n \"& .feature-item-info\": {\n flex: 1,\n display: \"flex\",\n flexFlow: \"column\",\n alignItems: \"center\",\n justifyContent: \"space-around\",\n textAlign: \"center\",\n\n \"@media (max-width: 600px)\": {\n justifyContent: \"space-evenly\",\n width: \"100%\",\n \"& .xs-only\": {\n display: \"block\",\n },\n \"& .plan-feature\": {\n textAlign: \"center\",\n paddingRight: \"10px\",\n },\n },\n },\n\n \"& .plan-col\": {\n minWidth: \"260px\",\n flex: 1,\n },\n\n \"& .active-plan-col\": {\n background: `${get(\n theme,\n \"boxBackground\",\n \"#FDFDFD\",\n )} 0% 0% no-repeat padding-box`,\n boxShadow: \" 0px 3px 20px #00000038\",\n\n \"& .plan-header\": {\n backgroundColor: get(theme, \"signalColors.info\", \"#2781B0\"),\n },\n\n \"& .feature-title\": {\n background: get(theme, \"signalColors.disabled\", \"#E5E5E5\"),\n color: get(theme, \"fontColor\", \"#000\"),\n },\n },\n}));\n\nconst PlanHeaderContainer = styled.div(({ theme }) => ({\n display: \"flex\",\n alignItems: \"flex-start\",\n justifyContent: \"center\",\n flexFlow: \"column\",\n borderLeft: `1px solid ${get(theme, \"borderColor\", \"#EAEAEA\")}`,\n borderBottom: \"0px !important\",\n \"& .plan-header\": {\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n flexFlow: \"column\",\n },\n\n \"& .title-block\": {\n display: \"flex\",\n alignItems: \"center\",\n flexFlow: \"column\",\n width: \"100%\",\n \"& .title-main\": {\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n flex: 1,\n },\n \"& .iconContainer\": {\n \"& .min-icon\": {\n minWidth: 140,\n width: \"100%\",\n maxHeight: 55,\n height: \"100%\",\n },\n },\n },\n\n \"& .open-source\": {\n fontSize: \"14px\",\n display: \"flex\",\n marginBottom: \"5px\",\n alignItems: \"center\",\n \"& .min-icon\": {\n marginRight: \"8px\",\n height: \"12px\",\n width: \"12px\",\n },\n },\n\n \"& .cur-plan-text\": {\n fontSize: \"12px\",\n textTransform: \"uppercase\",\n },\n\n \"@media (max-width: 600px)\": {\n cursor: \"pointer\",\n \"& .title-block\": {\n \"& .title\": {\n fontSize: \"14px\",\n fontWeight: 600,\n },\n },\n },\n\n \"&.active, &.active.xs-active\": {\n color: \"#ffffff\",\n position: \"relative\",\n\n \"& .min-icon\": {\n fill: \"#ffffff\",\n },\n\n \"&:before\": {\n content: \"' '\",\n position: \"absolute\",\n width: \"100%\",\n height: \"18px\",\n backgroundColor: get(theme, \"signalColors.info\", \"#2781B0\"),\n display: \"block\",\n top: -16,\n },\n \"& .iconContainer\": {\n \"& .min-icon\": {\n marginTop: \"-12px\",\n },\n },\n },\n \"&.active\": {\n backgroundColor: get(theme, \"signalColors.info\", \"#2781B0\"),\n color: \"#ffffff\",\n },\n \"&.xs-active\": {\n background: \"#eaeaea\",\n },\n}));\n\nconst ListContainer = styled.div(({ theme }) => ({\n border: `1px solid ${get(theme, \"borderColor\", \"#EAEAEA\")}`,\n borderTop: \"0px\",\n marginBottom: \"45px\",\n \"&::-webkit-scrollbar\": {\n width: \"5px\",\n height: \"5px\",\n },\n \"&::-webkit-scrollbar-track\": {\n background: \"#F0F0F0\",\n borderRadius: 0,\n boxShadow: \"inset 0px 0px 0px 0px #F0F0F0\",\n },\n \"&::-webkit-scrollbar-thumb\": {\n background: \"#777474\",\n borderRadius: 0,\n },\n \"&::-webkit-scrollbar-thumb:hover\": {\n background: \"#5A6375\",\n },\n}));\n\nconst PlanHeader = ({\n isActive,\n isXsViewActive,\n title,\n onClick,\n children,\n}: {\n isActive: boolean;\n isXsViewActive: boolean;\n title: string;\n price?: string;\n onClick: any;\n children: any;\n}) => {\n const plan = title.toLowerCase();\n return (\n {\n onClick && onClick(plan);\n }}\n >\n {children}\n \n );\n};\n\nconst FeatureTitleRowCmp = (props: { featureLabel: any }) => {\n return (\n \n \n {props.featureLabel}
\n \n \n );\n};\n\nconst PricingFeatureItem = (props: {\n featureLabel: any;\n label?: any;\n detail?: any;\n xsLabel?: string;\n style?: any;\n}) => {\n return (\n \n \n \n {getRenderValue(props.featureLabel || \"\")}\n
\n \n {getRenderValue(props.label || \"\")}
\n {getRenderValue(props.detail)}\n\n {props.xsLabel}
\n \n \n \n );\n};\n\nconst LicensePlans = ({ licenseInfo }: IRegisterStatus) => {\n const [isSmallScreen, setIsSmallScreen] = useState(\n window.innerWidth >= breakPoints.sm,\n );\n\n useEffect(() => {\n const handleWindowResize = () => {\n let extMD = false;\n if (window.innerWidth >= breakPoints.sm) {\n extMD = true;\n }\n setIsSmallScreen(extMD);\n };\n\n window.addEventListener(\"resize\", handleWindowResize);\n\n return () => {\n window.removeEventListener(\"resize\", handleWindowResize);\n };\n }, []);\n\n let currentPlan = !licenseInfo\n ? \"community\"\n : licenseInfo?.plan?.toLowerCase();\n\n const isCommunityPlan = currentPlan === LICENSE_PLANS.COMMUNITY;\n const isStandardPlan = currentPlan === LICENSE_PLANS.STANDARD;\n const isEnterprisePlan = currentPlan === LICENSE_PLANS.ENTERPRISE;\n\n const isPaidPlan = PAID_PLANS.includes(currentPlan);\n\n /*In smaller screen use tabbed view to show features*/\n const [xsPlanView, setXsPlanView] = useState(\"\");\n let isXsViewCommunity = xsPlanView === LICENSE_PLANS.COMMUNITY;\n let isXsViewStandard = xsPlanView === LICENSE_PLANS.STANDARD;\n let isXsViewEnterprise = xsPlanView === LICENSE_PLANS.ENTERPRISE;\n\n const getCommunityPlanHeader = () => {\n return (\n \n \n \n \n \n \n \n );\n };\n\n const getStandardPlanHeader = () => {\n return (\n \n \n \n \n \n
\n \n \n \n );\n };\n\n const getEnterpriseHeader = () => {\n return (\n \n \n \n \n \n
\n \n \n \n );\n };\n\n const getButton = (\n link: string,\n btnText: string,\n variant: any,\n plan: string,\n ) => {\n let linkToNav =\n currentPlan !== \"community\" ? \"https://subnet.min.io\" : link;\n return (\n {\n e.preventDefault();\n\n window.open(`${linkToNav}?ref=op`, \"_blank\");\n }}\n label={btnText}\n />\n );\n };\n\n const onPlanClick = (plan: string) => {\n setXsPlanView(plan);\n };\n\n useEffect(() => {\n if (isSmallScreen) {\n setXsPlanView(currentPlan || \"community\");\n } else {\n setXsPlanView(\"\");\n }\n }, [isSmallScreen, currentPlan]);\n\n const featureList = FEATURE_ITEMS;\n return (\n \n \n \n \n \n {featureList.map((fi) => {\n const featureTitleRow = fi.featureTitleRow;\n const isHeader = fi.isHeader;\n\n if (isHeader) {\n if (isPaidPlan) {\n return (\n \n \n \n View License agreement
\n for the registered plan.\n \n \n );\n }\n\n return (\n \n {fi.label}\n \n );\n }\n if (featureTitleRow) {\n return (\n \n {getRenderValue(fi.desc)}
\n \n );\n }\n return (\n \n {getRenderValue(fi.desc)}
\n \n );\n })}\n \n {!isPaidPlan ? (\n \n {COMMUNITY_PLAN_FEATURES.map((fi, idx) => {\n const featureLabel = featureList[idx].desc;\n const { featureTitleRow, isHeader } = fi;\n\n if (isHeader) {\n return getCommunityPlanHeader();\n }\n\n if (featureTitleRow) {\n return (\n \n );\n }\n\n return (\n \n );\n })}\n \n {getButton(\n `https://slack.min.io`,\n \"Join Slack\",\n \"regular\",\n LICENSE_PLANS.COMMUNITY,\n )}\n \n \n ) : null}\n \n {STANDARD_PLAN_FEATURES.map((fi, idx) => {\n const featureLabel = featureList[idx].desc;\n const featureTitleRow = fi.featureTitleRow;\n const isHeader = fi.isHeader;\n\n if (isHeader) {\n return getStandardPlanHeader();\n }\n\n if (featureTitleRow) {\n return (\n \n );\n }\n return (\n \n );\n })}\n\n \n {getButton(\n `https://min.io/signup`,\n !PAID_PLANS.includes(currentPlan)\n ? \"Subscribe\"\n : \"Login to SUBNET\",\n \"callAction\",\n LICENSE_PLANS.STANDARD,\n )}\n \n \n \n {ENTERPRISE_PLAN_FEATURES.map((fi, idx) => {\n const featureLabel = featureList[idx].desc;\n const { featureTitleRow, isHeader, yesIcon } = fi;\n\n if (isHeader) {\n return getEnterpriseHeader();\n }\n\n if (featureTitleRow) {\n return (\n \n );\n }\n\n if (yesIcon) {\n return (\n \n \n \n \n \n \n \n \n );\n }\n return (\n \n );\n })}\n \n {getButton(\n `https://min.io/signup`,\n !PAID_PLANS.includes(currentPlan)\n ? \"Subscribe\"\n : \"Login to SUBNET\",\n \"callAction\",\n LICENSE_PLANS.ENTERPRISE,\n )}\n \n \n \n \n \n );\n};\n\nexport default LicensePlans;\n","// This file is part of MinIO Operator\n// Copyright (c) 2021 MinIO, Inc.\n//\n// This program is free software: you can redistribute it and/or modify\n// it under the terms of the GNU Affero General Public License as published by\n// the Free Software Foundation, either version 3 of the License, or\n// (at your option) any later version.\n//\n// This program is distributed in the hope that it will be useful,\n// but WITHOUT ANY WARRANTY; without even the implied warranty of\n// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n// GNU Affero General Public License for more details.\n//\n// You should have received a copy of the GNU Affero General Public License\n// along with this program. If not, see .\n\nimport React, { Fragment, useCallback, useEffect, useState } from \"react\";\nimport { ArrowIcon, Button, PageLayout, ProgressBar, Grid } from \"mds\";\nimport { useNavigate } from \"react-router-dom\";\nimport { IAM_PAGES } from \"../../../common/SecureComponent/permissions\";\nimport { SubnetInfo } from \"./types\";\nimport { getLicenseConsent } from \"./utils\";\nimport LicensePlans from \"./LicensePlans\";\nimport RegistrationStatusBanner from \"../Support/RegistrationStatusBanner\";\nimport withSuspense from \"../Common/Components/withSuspense\";\nimport PageHeaderWrapper from \"../Common/PageHeaderWrapper/PageHeaderWrapper\";\nimport api from \"../../../common/api\";\n\nconst LicenseConsentModal = withSuspense(\n React.lazy(() => import(\"./LicenseConsentModal\")),\n);\n\nconst License = () => {\n const navigate = useNavigate();\n const [activateProductModal, setActivateProductModal] =\n useState(false);\n\n const [licenseInfo, setLicenseInfo] = useState();\n const [currentPlanID, setCurrentPlanID] = useState(0);\n const [loadingLicenseInfo, setLoadingLicenseInfo] = useState(false);\n const [initialLicenseLoading, setInitialLicenseLoading] =\n useState(true);\n useState(false);\n const [clusterRegistered, setClusterRegistered] = useState(false);\n\n const [isLicenseConsentOpen, setIsLicenseConsentOpen] =\n useState(false);\n\n const closeModalAndFetchLicenseInfo = () => {\n setActivateProductModal(false);\n fetchLicenseInfo();\n };\n\n const isRegistered = licenseInfo && clusterRegistered;\n\n const isAgplConsentDone = getLicenseConsent();\n\n useEffect(() => {\n const shouldConsent =\n !isRegistered && !isAgplConsentDone && !initialLicenseLoading;\n\n if (shouldConsent && !loadingLicenseInfo) {\n setIsLicenseConsentOpen(true);\n }\n }, [\n isRegistered,\n isAgplConsentDone,\n initialLicenseLoading,\n loadingLicenseInfo,\n ]);\n\n const fetchLicenseInfo = useCallback(() => {\n if (loadingLicenseInfo) {\n return;\n }\n setLoadingLicenseInfo(true);\n api\n .invoke(\"GET\", `/api/v1/subnet/info`)\n .then((res: SubnetInfo) => {\n if (res) {\n if (res.plan === \"STANDARD\") {\n setCurrentPlanID(1);\n } else if (res.plan === \"ENTERPRISE\") {\n setCurrentPlanID(2);\n } else {\n setCurrentPlanID(1);\n }\n setLicenseInfo(res);\n }\n setClusterRegistered(true);\n setLoadingLicenseInfo(false);\n })\n .catch(() => {\n setClusterRegistered(false);\n setLoadingLicenseInfo(false);\n });\n }, [loadingLicenseInfo]);\n\n useEffect(() => {\n if (initialLicenseLoading) {\n fetchLicenseInfo();\n setInitialLicenseLoading(false);\n }\n }, [fetchLicenseInfo, initialLicenseLoading, setInitialLicenseLoading]);\n\n if (loadingLicenseInfo) {\n return (\n \n \n \n );\n }\n\n return (\n \n \n {!isRegistered && (\n navigate(IAM_PAGES.REGISTER_SUPPORT)}\n style={{\n fontSize: \"14px\",\n display: \"flex\",\n alignItems: \"center\",\n textDecoration: \"none\",\n }}\n icon={}\n variant={\"callAction\"}\n >\n Register your cluster\n \n )}\n \n }\n />\n\n \n \n {isRegistered && (\n \n )}\n \n\n \n\n {\n setIsLicenseConsentOpen(false);\n }}\n />\n \n \n );\n};\n\nexport default License;\n","// This file is part of MinIO Operator\n// Copyright (c) 2023 MinIO, Inc.\n//\n// This program is free software: you can redistribute it and/or modify\n// it under the terms of the GNU Affero General Public License as published by\n// the Free Software Foundation, either version 3 of the License, or\n// (at your option) any later version.\n//\n// This program is distributed in the hope that it will be useful,\n// but WITHOUT ANY WARRANTY; without even the implied warranty of\n// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n// GNU Affero General Public License for more details.\n//\n// You should have received a copy of the GNU Affero General Public License\n// along with this program. If not, see .\n\nimport React, { Fragment } from \"react\";\nimport styled from \"styled-components\";\nimport get from \"lodash/get\";\n\nconst LinkElement = styled.a(({ theme }) => ({\n color: get(theme, \"linkColor\", \"#2781B0\"),\n fontWeight: 600,\n}));\n\nconst LicenseFAQ = () => {\n return (\n \n What is the GNU AGPL v3?
\n \n The GNU AGPL v3 is short for the \"GNU Affero General Public License v3.\"\n It is a common open source license certified by the Free Software\n Foundation and the Open Source Initiative. You can get a copy of the GNU\n AGPL v3 license with MinIO source code or at \n \n https://www.gnu.org/licenses/agpl-3.0.en.html\n \n .\n
\n What does it mean for me to comply with the GNU AGPL v3?
\n \n When you host or distribute MinIO over a network, the AGPL v3 applies to\n you. Any distribution or copying of MinIO software modified or not has\n to comply with the obligations specified in the AGPL v3. Otherwise, you\n may risk infringing MinIO’s copyrights.\n
\n Making combined or derivative works of MinIO
\n \n Combining MinIO software as part of a larger software stack triggers\n your GNU AGPL v3 obligations.\n
\n \n The method of combining does not matter. When MinIO is linked to a\n larger software stack in any form, including statically, dynamically,\n pipes, or containerized and invoked remotely, the AGPL v3 applies to\n your use. What triggers the AGPL v3 obligations is the exchanging data\n between the larger stack and MinIO.\n
\n Talking to your Legal Counsel
\n \n If you have questions, we recommend that you talk to your own attorney\n for legal advice. Purchasing a commercial license from MinIO removes the\n AGPL v3 obligations from MinIO software.\n
\n \n );\n};\nexport default LicenseFAQ;\n","// This file is part of MinIO Operator\n// Copyright (c) 2022 MinIO, Inc.\n//\n// This program is free software: you can redistribute it and/or modify\n// it under the terms of the GNU Affero General Public License as published by\n// the Free Software Foundation, either version 3 of the License, or\n// (at your option) any later version.\n//\n// This program is distributed in the hope that it will be useful,\n// but WITHOUT ANY WARRANTY; without even the implied warranty of\n// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n// GNU Affero General Public License for more details.\n//\n// You should have received a copy of the GNU Affero General Public License\n// along with this program. If not, see .\n\nimport React from \"react\";\nimport { useSelector } from \"react-redux\";\nimport { selOpMode } from \"../../../systemSlice\";\n\nconst LicenseLink = () => {\n const isOperatorMode = useSelector(selOpMode);\n\n const refFrom = isOperatorMode ? \"op\" : \"con\";\n\n return (\n \n GNU AGPL v3\n \n );\n};\nexport default LicenseLink;\n","// This file is part of MinIO Operator\n// Copyright (c) 2023 MinIO, Inc.\n//\n// This program is free software: you can redistribute it and/or modify\n// it under the terms of the GNU Affero General Public License as published by\n// the Free Software Foundation, either version 3 of the License, or\n// (at your option) any later version.\n//\n// This program is distributed in the hope that it will be useful,\n// but WITHOUT ANY WARRANTY; without even the implied warranty of\n// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n// GNU Affero General Public License for more details.\n//\n// You should have received a copy of the GNU Affero General Public License\n// along with this program. If not, see .\n\nimport React from \"react\";\nimport ModalWrapper from \"../Common/ModalWrapper/ModalWrapper\";\nimport LicenseFAQ from \"./LicenseFAQ\";\nimport { useSelector } from \"react-redux\";\nimport { AppState, useAppDispatch } from \"../../../store\";\nimport { closeFAQModal } from \"./licenseSlice\";\n\nconst FAQModal = () => {\n const dispatch = useAppDispatch();\n const isOpen = useSelector((state: AppState) => state.license.faqModalOpen);\n\n return (\n {\n dispatch(closeFAQModal());\n }}\n >\n \n \n );\n};\n\nexport default FAQModal;\n","// This file is part of MinIO Operator\n// Copyright (c) 2022 MinIO, Inc.\n//\n// This program is free software: you can redistribute it and/or modify\n// it under the terms of the GNU Affero General Public License as published by\n// the Free Software Foundation, either version 3 of the License, or\n// (at your option) any later version.\n//\n// This program is distributed in the hope that it will be useful,\n// but WITHOUT ANY WARRANTY; without even the implied warranty of\n// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n// GNU Affero General Public License for more details.\n//\n// You should have received a copy of the GNU Affero General Public License\n// along with this program. If not, see .\n\nimport { Box } from \"mds\";\nimport LicenseLink from \"./LicenseLink\";\nimport { openFAQModal } from \"./licenseSlice\";\nimport store from \"../../../store\";\nimport FAQModal from \"./FAQModal\";\n\nexport const LICENSE_PLANS = {\n COMMUNITY: \"community\",\n STANDARD: \"standard\",\n ENTERPRISE: \"enterprise\",\n};\n\ntype FeatureItem = {\n label?: any;\n isHeader?: boolean;\n style?: any;\n desc?: any;\n featureTitleRow?: boolean;\n};\n\nconst FeatureLink = ({ text, anchor }: { text: string; anchor: string }) => {\n return (\n \n {text}\n \n );\n};\n\nexport const FEATURE_ITEMS: FeatureItem[] = [\n {\n label: \"License \",\n isHeader: true,\n },\n {\n label: \"\",\n isHeader: false,\n style: {\n height: \"400px\",\n verticalAlign: \"top\",\n alignItems: \"start\",\n },\n },\n {\n desc: \"Features\",\n featureTitleRow: true,\n },\n {\n desc: \"Unit Price\",\n },\n {\n desc: () => {\n return (\n \n );\n },\n },\n {\n desc: \"SLA\",\n },\n {\n desc: \"Support\",\n },\n {\n desc: \"Critical Security and Bug Detection\",\n },\n {\n desc: () => {\n return ;\n },\n },\n {\n desc: () => {\n return (\n \n );\n },\n },\n {\n desc: \"Annual Architecture Review\",\n },\n {\n desc: \"Annual Performance Review\",\n },\n {\n desc: \"Indemnification\",\n },\n {\n desc: \"Security and Policy Review\",\n },\n];\n\nexport const COMMUNITY_PLAN_FEATURES = [\n {\n label: \"Community\",\n isHeader: true,\n style: {\n borderBottom: 0,\n },\n },\n {\n label: () => {\n return (\n \n \n Designed for developers who are building open source applications in\n compliance with the license, MinIO Trademarks and\n are able to self support themselves. It is fully featured. If you\n distribute, host or create derivative works of the MinIO software\n over the network, the license requires that you also\n distribute the complete, corresponding source code of the combined\n work under the same license. This requirement\n applies whether or not you modified MinIO.\n
\n
\n {\n store.dispatch(openFAQModal());\n }}\n >\n Compliance FAQ\n \n \n \n \n );\n },\n isHeader: false,\n style: {\n height: \"400px\",\n borderBottom: 0,\n },\n },\n {\n id: \"com_feat_title\",\n featureTitleRow: true,\n },\n {\n id: \"com_license_cost\",\n },\n {\n id: \"com_release\",\n label: \"Upstream\",\n },\n {\n id: \"com_sla\",\n label: \"No SLA\",\n },\n {\n id: \"com_support\",\n label: \"Community:\",\n detail: \"Slack + Github\",\n },\n {\n id: \"com_security\",\n label: \"Self\",\n },\n {\n id: \"com_panic\",\n xsLabel: \"N/A\",\n },\n {\n id: \"com_diag\",\n xsLabel: \"N/A\",\n },\n {\n id: \"com_arch\",\n xsLabel: \"N/A\",\n },\n {\n id: \"com_perf\",\n xsLabel: \"N/A\",\n },\n {\n id: \"com_indemnity\",\n xsLabel: \"N/A\",\n },\n {\n id: \"com_sec_policy\",\n xsLabel: \"N/A\",\n },\n];\n\nexport const STANDARD_PLAN_FEATURES = [\n {\n label: \"Standard\",\n isHeader: true,\n style: {\n borderBottom: 0,\n },\n },\n {\n isHeader: false,\n label: () => {\n return (\n \n \n Designed for customers who require a commercial license and can\n mostly self-support but want the peace of mind that comes with the\n MinIO Subscription Network’s suite of operational capabilities and\n direct-to-engineer interaction. The Standard version is fully\n featured but with SLA limitations.
To learn more about\n the MinIO Subscription Network\n {\" \"}\n \n click here\n \n .\n \n );\n },\n style: {\n height: \"400px\",\n borderBottom: 0,\n },\n },\n {\n id: \"std_feat_title\",\n featureTitleRow: true,\n },\n {\n id: \"std_license_cost\",\n label: () => (\n \n $10 per TiB per month\n \n ),\n detail: () => (\n \n (Minimum of 200TiB)\n \n ),\n },\n {\n id: \"std_release\",\n label: \"1 Year Long Term Support\",\n },\n {\n id: \"std_sla\",\n label: \"<48 Hours\",\n detail: \"(Local Business Hours)\",\n },\n {\n id: \"std_support\",\n label: \"L4 Direct Engineering\",\n detail: \"support via SUBNET\",\n },\n {\n id: \"std_security\",\n label: \"Continuous Scan and Alert\",\n },\n {\n id: \"std_panic\",\n label: \"1 Per year\",\n },\n {\n id: \"std_diag\",\n label: \"24/7/365\",\n },\n {\n id: \"std_arch\",\n xsLabel: \"N/A\",\n },\n {\n id: \"std_perf\",\n xsLabel: \"N/A\",\n },\n {\n id: \"std_indemnity\",\n xsLabel: \"N/A\",\n },\n {\n id: \"std_sec_policy\",\n xsLabel: \"N/A\",\n },\n];\n\nexport const ENTERPRISE_PLAN_FEATURES = [\n {\n label: \"Enterprise\",\n isHeader: true,\n style: {\n borderBottom: 0,\n },\n },\n {\n isHeader: false,\n label: () => {\n return (\n \n \n Designed for mission critical environments where both a license and\n strict SLAs are required. The Enterprise version is fully featured\n but comes with additional capabilities.
To learn more\n about the MinIO Subscription Network\n {\" \"}\n \n click here\n \n .\n \n );\n },\n style: {\n height: \"400px\",\n borderBottom: 0,\n },\n },\n {\n id: \"end_feat_title\",\n featureTitleRow: true,\n },\n {\n id: \"ent_license_cost\",\n label: () => (\n \n $20 per TiB per month\n \n ),\n detail: () => (\n \n (Minimum of 100TiB)\n \n ),\n },\n {\n id: \"ent_release\",\n label: \"5 Years Long Term Support\",\n },\n {\n id: \"ent_sla\",\n label: \"<1 hour\",\n },\n {\n id: \"ent_support\",\n label: \"L4 Direct Engineering support via\",\n detail: \"SUBNET, Phone, Web Conference\",\n },\n {\n id: \"ent_security\",\n label: \"Continuous Scan and Alert\",\n },\n {\n id: \"ent_panic\",\n label: \"Unlimited\",\n },\n {\n id: \"ent_diag\",\n label: \"24/7/365\",\n },\n {\n id: \"ent_arch\",\n yesIcon: true,\n },\n {\n id: \"ent_perf\",\n yesIcon: true,\n },\n {\n id: \"ent_indemnity\",\n yesIcon: true,\n },\n {\n id: \"ent_sec_policy\",\n yesIcon: true,\n },\n];\n\nexport const PAID_PLANS = [LICENSE_PLANS.STANDARD, LICENSE_PLANS.ENTERPRISE];\n\nexport const getRenderValue = (val: any) => {\n return typeof val === \"function\" ? val() : val;\n};\n\nexport const LICENSE_CONSENT_STORE_KEY = \"agpl_minio_license_consent\";\nexport const setLicenseConsent = () => {\n localStorage.setItem(LICENSE_CONSENT_STORE_KEY, \"true\");\n};\n\nexport const getLicenseConsent = () => {\n return localStorage.getItem(LICENSE_CONSENT_STORE_KEY) === \"true\";\n};\n","import React from \"react\";\nimport { VerifiedIcon, Box, breakPoints } from \"mds\";\n\nconst RegistrationStatusBanner = ({ email = \"\" }: { email?: string }) => {\n return (\n \n \n Register status:\n \n \n \n Registered\n \n \n \n\n \n Registered to:\n {email}\n \n \n );\n};\nexport default RegistrationStatusBanner;\n","function r(e){var t,f,n=\"\";if(\"string\"==typeof e||\"number\"==typeof e)n+=e;else if(\"object\"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;ta});var n=i(5043),s=i(579);const a=function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null;return function(i){return(0,s.jsx)(n.Suspense,{fallback:t,children:(0,s.jsx)(e,{...i})})}}},4141(e,t,i){i.d(t,{A:()=>d});var n=i(5043),s=i(9456),a=i(9923),l=i(2961),r=i(4159),o=i(9555),c=i(579);const d=e=>{let{onClose:t,modalOpen:i,title:d,children:x,wideLimit:p=!0,titleIcon:h=null,iconColor:m="default",sx:u}=e;const f=(0,l.jL)(),[b,g]=(0,n.useState)(!1),y=(0,s.d4)(e=>e.system.modalSnackBar);(0,n.useEffect)(()=>{f((0,r.h0)(""))},[f]),(0,n.useEffect)(()=>{if(y){if(""===y.message)return void g(!1);"error"!==y.type&&g(!0)}},[y]);let j="";return y&&(j=y.detailedErrorMsg,(""===y.detailedErrorMsg||y.detailedErrorMsg.length<5)&&(j=y.message)),(0,c.jsxs)(a.ngX,{onClose:t,open:i,title:d,titleIcon:h,widthLimit:p,sx:u,iconColor:m,children:[(0,c.jsx)(o.A,{isModal:!0}),(0,c.jsx)(a.qb_,{onClose:()=>{g(!1),f((0,r.h0)(""))},open:b,message:j,mode:"inline",variant:"error"===y.type?"error":"default",autoHideDuration:"error"===y.type?10:5,condensed:!0}),x]})}},7381(e,t,i){i.r(t),i.d(t,{default:()=>C});var n=i(5043),s=i(9923),a=i(3216),l=i(9161),r=i(3047),o=i(8387),c=i(4574),d=i(3097),x=i.n(d),p=i(579);const h=c.Ay.div(e=>{let{theme:t}=e;return{display:"grid",margin:"0 1.5rem 0 1.5rem",gridTemplateColumns:"1fr 1fr 1fr 1fr",[`@media (max-width: ${s.nmC.sm}px)`]:{gridTemplateColumns:"1fr 1fr 1fr"},"&.paid-plans-only":{display:"grid",gridTemplateColumns:"1fr 1fr 1fr"},"& .features-col":{flex:1,minWidth:"260px","@media (max-width: 600px)":{display:"none"}},"& .xs-only":{display:"none"},"& .button-box":{display:"flex",alignItems:"center",justifyContent:"center",padding:"5px 0px 25px 0px",borderLeft:`1px solid ${x()(t,"borderColor","#EAEAEA")}`},"& .plan-header":{height:"99px",borderBottom:`1px solid ${x()(t,"borderColor","#EAEAEA")}`},"& .feature-title":{height:"25px",paddingLeft:"26px",fontSize:"14px",background:x()(t,"signalColors.disabled","#E5E5E5"),color:x()(t,"signalColors.main","#07193E"),"@media (max-width: 600px)":{"& .feature-title-info .xs-only":{display:"block"}}},"& .feature-name":{minHeight:"60px",padding:"5px",borderBottom:`1px solid ${x()(t,"borderColor","#EAEAEA")}`,display:"flex",alignItems:"center",paddingLeft:"26px",fontSize:"14px"},"& .feature-item":{display:"flex",flexFlow:"column",alignItems:"center",justifyContent:"center",minHeight:"60px",padding:"0 15px 0 15px",borderBottom:`1px solid ${x()(t,"borderColor","#EAEAEA")}`,borderLeft:`1px solid ${x()(t,"borderColor","#EAEAEA")}`,fontSize:"14px","& .link-text":{color:"#2781B0",cursor:"pointer",textDecoration:"underline"},"&.icon-yes":{width:"15px",height:"15px"}},"& .feature-item-info":{flex:1,display:"flex",flexFlow:"column",alignItems:"center",justifyContent:"space-around",textAlign:"center","@media (max-width: 600px)":{justifyContent:"space-evenly",width:"100%","& .xs-only":{display:"block"},"& .plan-feature":{textAlign:"center",paddingRight:"10px"}}},"& .plan-col":{minWidth:"260px",flex:1},"& .active-plan-col":{background:`${x()(t,"boxBackground","#FDFDFD")} 0% 0% no-repeat padding-box`,boxShadow:" 0px 3px 20px #00000038","& .plan-header":{backgroundColor:x()(t,"signalColors.info","#2781B0")},"& .feature-title":{background:x()(t,"signalColors.disabled","#E5E5E5"),color:x()(t,"fontColor","#000")}}}}),m=c.Ay.div(e=>{let{theme:t}=e;return{display:"flex",alignItems:"flex-start",justifyContent:"center",flexFlow:"column",borderLeft:`1px solid ${x()(t,"borderColor","#EAEAEA")}`,borderBottom:"0px !important","& .plan-header":{display:"flex",alignItems:"center",justifyContent:"center",flexFlow:"column"},"& .title-block":{display:"flex",alignItems:"center",flexFlow:"column",width:"100%","& .title-main":{display:"flex",alignItems:"center",justifyContent:"center",flex:1},"& .iconContainer":{"& .min-icon":{minWidth:140,width:"100%",maxHeight:55,height:"100%"}}},"& .open-source":{fontSize:"14px",display:"flex",marginBottom:"5px",alignItems:"center","& .min-icon":{marginRight:"8px",height:"12px",width:"12px"}},"& .cur-plan-text":{fontSize:"12px",textTransform:"uppercase"},"@media (max-width: 600px)":{cursor:"pointer","& .title-block":{"& .title":{fontSize:"14px",fontWeight:600}}},"&.active, &.active.xs-active":{color:"#ffffff",position:"relative","& .min-icon":{fill:"#ffffff"},"&:before":{content:"' '",position:"absolute",width:"100%",height:"18px",backgroundColor:x()(t,"signalColors.info","#2781B0"),display:"block",top:-16},"& .iconContainer":{"& .min-icon":{marginTop:"-12px"}}},"&.active":{backgroundColor:x()(t,"signalColors.info","#2781B0"),color:"#ffffff"},"&.xs-active":{background:"#eaeaea"}}}),u=c.Ay.div(e=>{let{theme:t}=e;return{border:`1px solid ${x()(t,"borderColor","#EAEAEA")}`,borderTop:"0px",marginBottom:"45px","&::-webkit-scrollbar":{width:"5px",height:"5px"},"&::-webkit-scrollbar-track":{background:"#F0F0F0",borderRadius:0,boxShadow:"inset 0px 0px 0px 0px #F0F0F0"},"&::-webkit-scrollbar-thumb":{background:"#777474",borderRadius:0},"&::-webkit-scrollbar-thumb:hover":{background:"#5A6375"}}}),f=e=>{let{isActive:t,isXsViewActive:i,title:n,onClick:s,children:a}=e;const l=n.toLowerCase();return(0,p.jsx)(m,{className:(0,o.A)({"plan-header":!0,active:t,"xs-active":i}),onClick:()=>{s&&s(l)},children:a})},b=e=>(0,p.jsx)(s.azJ,{className:"feature-title",children:(0,p.jsx)(s.azJ,{className:"feature-title-info",children:(0,p.jsxs)("div",{className:"xs-only",children:[e.featureLabel," "]})})}),g=e=>(0,p.jsx)(s.azJ,{className:"feature-item",style:e.style,children:(0,p.jsxs)(s.azJ,{className:"feature-item-info",children:[(0,p.jsx)("div",{className:"xs-only",children:(0,r.CA)(e.featureLabel||"")}),(0,p.jsxs)(s.azJ,{className:"plan-feature",children:[(0,p.jsx)("div",{children:(0,r.CA)(e.label||"")}),(0,r.CA)(e.detail),(0,p.jsxs)("div",{className:"xs-only",children:[e.xsLabel," "]})]})]})}),y=e=>{var t;let{licenseInfo:i}=e;const[a,l]=(0,n.useState)(window.innerWidth>=s.nmC.sm);(0,n.useEffect)(()=>{const e=()=>{let e=!1;window.innerWidth>=s.nmC.sm&&(e=!0),l(e)};return window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}},[]);let o=i?null===i||void 0===i||null===(t=i.plan)||void 0===t?void 0:t.toLowerCase():"community";const c=o===r.Bx.COMMUNITY,d=o===r.Bx.STANDARD,x=o===r.Bx.ENTERPRISE,m=r.M7.includes(o),[y,j]=(0,n.useState)("");let A=y===r.Bx.COMMUNITY,v=y===r.Bx.STANDARD,w=y===r.Bx.ENTERPRISE;const N=(e,t,i,n)=>{let a="community"!==o?"https://subnet.min.io":e;return(0,p.jsx)(s.$nd,{id:`license-action-${e}`,variant:i,style:{marginTop:"12px",width:"80%"},disabled:o!==r.Bx.COMMUNITY&&o!==n,onClick:e=>{e.preventDefault(),window.open(`${a}?ref=op`,"_blank")},label:t})},C=e=>{j(e)};(0,n.useEffect)(()=>{j(a?o||"community":"")},[a,o]);const k=r.c_;return(0,p.jsx)(n.Fragment,{children:(0,p.jsxs)(u,{children:[(0,p.jsx)(s.azJ,{className:"title-blue-bar",sx:{height:"8px",borderBottom:"8px solid rgb(6 48 83)"}}),(0,p.jsxs)(h,{className:m?"paid-plans-only":"",children:[(0,p.jsx)(s.azJ,{className:"features-col",children:k.map(e=>{const t=e.featureTitleRow;return e.isHeader?m?(0,p.jsxs)(s.azJ,{className:"plan-header",sx:{fontSize:"14px",paddingLeft:"26px",display:"flex",alignItems:"center",justifyContent:"flex-start",borderBottom:"0px !important","& .link-text":{color:"#2781B0",cursor:"pointer",textDecoration:"underline"},"& .min-icon":{marginRight:"10px",color:"#2781B0",fill:"#2781B0"}},children:[(0,p.jsx)(s.xLb,{}),(0,p.jsxs)("a",{href:`https://subnet.min.io/terms-and-conditions/${o}`,rel:"noopener",className:"link-text",children:["View License agreement ",(0,p.jsx)("br",{}),"for the registered plan."]})]},`plan-header-${e.desc}`):(0,p.jsx)(s.azJ,{className:"plan-header",sx:{fontSize:"14px",paddingLeft:"26px",display:"flex",alignItems:"center",justifyContent:"flex-start",borderBottom:"0px !important"},children:e.label},`plan-header-label-${e.desc}`):t?(0,p.jsx)(s.azJ,{className:"feature-title",sx:{fontSize:"14px",fontWeight:600,textTransform:"uppercase"},children:(0,p.jsxs)("div",{children:[(0,r.CA)(e.desc)," "]})},`plan-descript-${e.desc}`):(0,p.jsx)(s.azJ,{className:"feature-name",style:e.style,children:(0,p.jsxs)("div",{children:[(0,r.CA)(e.desc)," "]})},`plan-feature-name-${e.desc}`)})}),m?null:(0,p.jsxs)(s.azJ,{className:"plan-col "+(c?"active-plan-col":"non-active-plan-col"),children:[r._T.map((e,t)=>{const i=k[t].desc,{featureTitleRow:n,isHeader:l}=e;return l?(0,p.jsx)(f,{isActive:c,isXsViewActive:A,title:"community",onClick:a?C:null,children:(0,p.jsx)(s.azJ,{className:"title-block",children:(0,p.jsx)(s.azJ,{className:"title-main",children:(0,p.jsx)("div",{className:"iconContainer",children:(0,p.jsx)(s.ROG,{style:{width:117}})})})})},"community-header"):n?(0,p.jsx)(b,{featureLabel:i},`title-row-${e.id}`):(0,p.jsx)(g,{featureLabel:i,label:e.label,detail:e.detail,xsLabel:e.xsLabel,style:e.style},`pricing-feature-${e.id}`)}),(0,p.jsx)(s.azJ,{className:"button-box",children:N("https://slack.min.io","Join Slack","regular",r.Bx.COMMUNITY)})]}),(0,p.jsxs)(s.azJ,{className:"plan-col "+(d?"active-plan-col":"non-active-plan-col"),children:[r._2.map((e,t)=>{const i=k[t].desc,n=e.featureTitleRow;return e.isHeader?(0,p.jsx)(f,{isActive:d,isXsViewActive:v,title:"Standard",onClick:a?C:null,children:(0,p.jsx)(s.azJ,{className:"title-block",children:(0,p.jsx)(s.azJ,{className:"title-main",children:(0,p.jsx)("div",{className:"iconContainer",children:(0,p.jsx)(s.bWx,{})})})})},"standard-header"):n?(0,p.jsx)(b,{featureLabel:i},`feature-title-row-${e.id}`):(0,p.jsx)(g,{featureLabel:i,label:e.label,detail:e.detail,xsLabel:e.xsLabel,style:e.style},`feature-item-${e.id}`)}),(0,p.jsx)(s.azJ,{className:"button-box",children:N("https://min.io/signup",r.M7.includes(o)?"Login to SUBNET":"Subscribe","callAction",r.Bx.STANDARD)})]}),(0,p.jsxs)(s.azJ,{className:"plan-col "+(x?"active-plan-col":"non-active-plan-col"),children:[r.yf.map((e,t)=>{const i=k[t].desc,{featureTitleRow:n,isHeader:l,yesIcon:r}=e;return l?(0,p.jsx)(f,{isActive:x,isXsViewActive:w,title:"Enterprise",onClick:a?C:null,children:(0,p.jsx)(s.azJ,{className:"title-block",children:(0,p.jsx)(s.azJ,{className:"title-main",children:(0,p.jsx)("div",{className:"iconContainer",children:(0,p.jsx)(s.r3Q,{})})})})},"enterprise-header"):n?(0,p.jsx)(b,{featureLabel:i},`feature-title-row2-${e.id}`):r?(0,p.jsx)(s.azJ,{className:"feature-item",children:(0,p.jsxs)(s.azJ,{className:"feature-item-info",children:[(0,p.jsx)("div",{className:"xs-only"}),(0,p.jsx)(s.azJ,{className:"plan-feature",children:(0,p.jsx)(s.C1y,{})})]})},`ent-feature-yes${e.id}`):(0,p.jsx)(g,{featureLabel:i,label:e.label,detail:e.detail,style:e.style},`pricing-feature-item-${e.id}`)}),(0,p.jsx)(s.azJ,{className:"button-box",children:N("https://min.io/signup",r.M7.includes(o)?"Login to SUBNET":"Subscribe","callAction",r.Bx.ENTERPRISE)})]})]})]})})};var j=i(9827),A=i(2237),v=i(4770),w=i(649);const N=(0,A.A)(n.lazy(()=>i.e(654).then(i.bind(i,3654)))),C=()=>{const e=(0,a.Zp)(),[t,i]=(0,n.useState)(!1),[o,c]=(0,n.useState)(),[d,x]=(0,n.useState)(0),[h,m]=(0,n.useState)(!1),[u,f]=(0,n.useState)(!0);(0,n.useState)(!1);const[b,g]=(0,n.useState)(!1),[A,C]=(0,n.useState)(!1),k=o&&b,S=(0,r.Gy)();(0,n.useEffect)(()=>{!k&&!S&&!u&&!h&&C(!0)},[k,S,u,h]);const L=(0,n.useCallback)(()=>{h||(m(!0),w.A.invoke("GET","/api/v1/subnet/info").then(e=>{e&&("STANDARD"===e.plan?x(1):"ENTERPRISE"===e.plan?x(2):x(1),c(e)),g(!0),m(!1)}).catch(()=>{g(!1),m(!1)}))},[h]);return(0,n.useEffect)(()=>{u&&(L(),f(!1))},[L,u,f]),h?(0,p.jsx)(s.xA9,{item:!0,xs:12,children:(0,p.jsx)(s.z21,{})}):(0,p.jsxs)(n.Fragment,{children:[(0,p.jsx)(v.A,{label:"MinIO License and Support plans",actions:(0,p.jsx)(n.Fragment,{children:!k&&(0,p.jsx)(s.$nd,{id:"login-with-subnet",onClick:()=>e(l.zZ.REGISTER_SUPPORT),style:{fontSize:"14px",display:"flex",alignItems:"center",textDecoration:"none"},icon:(0,p.jsx)(s.HKb,{}),variant:"callAction",children:"Register your cluster"})})}),(0,p.jsxs)(s.Mxu,{children:[(0,p.jsx)(s.xA9,{item:!0,xs:12,children:k&&(0,p.jsx)(j.A,{email:null===o||void 0===o?void 0:o.email})}),(0,p.jsx)(y,{activateProductModal:t,closeModalAndFetchLicenseInfo:()=>{i(!1),L()},licenseInfo:o,currentPlanID:d,setActivateProductModal:i}),(0,p.jsx)(N,{isOpen:A,onClose:()=>{C(!1)}})]})]})}},5731(e,t,i){i.d(t,{A:()=>c});var n=i(5043),s=i(4574),a=i(3097),l=i.n(a),r=i(579);const o=s.Ay.a(e=>{let{theme:t}=e;return{color:l()(t,"linkColor","#2781B0"),fontWeight:600}}),c=()=>(0,r.jsxs)(n.Fragment,{children:[(0,r.jsx)("h2",{children:"What is the GNU AGPL v3?"}),(0,r.jsxs)("p",{children:['The GNU AGPL v3 is short for the "GNU Affero General Public License v3." It is a common open source license certified by the Free Software Foundation and the Open Source Initiative. You can get a copy of the GNU AGPL v3 license with MinIO source code or at\xa0',(0,r.jsx)(o,{href:"https://min.io/compliance?ref=op",target:"_blank",children:"https://www.gnu.org/licenses/agpl-3.0.en.html"}),"."]}),(0,r.jsx)("h2",{children:"What does it mean for me to comply with the GNU AGPL v3?"}),(0,r.jsx)("p",{children:"When you host or distribute MinIO over a network, the AGPL v3 applies to you. Any distribution or copying of MinIO software modified or not has to comply with the obligations specified in the AGPL v3. Otherwise, you may risk infringing MinIO\u2019s copyrights."}),(0,r.jsx)("h2",{children:"Making combined or derivative works of MinIO"}),(0,r.jsx)("p",{children:"Combining MinIO software as part of a larger software stack triggers your GNU AGPL v3 obligations."}),(0,r.jsx)("p",{children:"The method of combining does not matter. When MinIO is linked to a larger software stack in any form, including statically, dynamically, pipes, or containerized and invoked remotely, the AGPL v3 applies to your use. What triggers the AGPL v3 obligations is the exchanging data between the larger stack and MinIO."}),(0,r.jsx)("h2",{children:"Talking to your Legal Counsel"}),(0,r.jsx)("p",{children:"If you have questions, we recommend that you talk to your own attorney for legal advice. Purchasing a commercial license from MinIO removes the AGPL v3 obligations from MinIO software."})]})},7195(e,t,i){i.d(t,{A:()=>l});i(5043);var n=i(9456),s=i(4159),a=i(579);const l=()=>{const e=(0,n.d4)(s.JJ)?"op":"con";return(0,a.jsx)("a",{className:"link-text",href:`https://min.io/compliance?ref=${e}`,children:"GNU AGPL v3"})}},3047(e,t,i){i.d(t,{_T:()=>u,yf:()=>b,c_:()=>m,Bx:()=>p,M7:()=>g,_2:()=>f,Gy:()=>v,CA:()=>y,YN:()=>A});var n=i(9923),s=i(7195),a=i(2811),l=i(2961),r=(i(5043),i(4141)),o=i(5731),c=i(9456),d=i(579);const x=()=>{const e=(0,l.jL)(),t=(0,c.d4)(e=>e.license.faqModalOpen);return(0,d.jsx)(r.A,{modalOpen:t,title:"License FAQ",onClose:()=>{e((0,a.s2)())},children:(0,d.jsx)(o.A,{})})},p={COMMUNITY:"community",STANDARD:"standard",ENTERPRISE:"enterprise"},h=e=>{let{text:t,anchor:i}=e;return(0,d.jsx)("a",{href:`https://min.io/product/subnet?ref=op#${i}`,className:"link-text",target:"_blank",rel:"noopener ",style:{color:"#2781B0"},children:t})},m=[{label:"License ",isHeader:!0},{label:"",isHeader:!1,style:{height:"400px",verticalAlign:"top",alignItems:"start"}},{desc:"Features",featureTitleRow:!0},{desc:"Unit Price"},{desc:()=>(0,d.jsx)(h,{anchor:"sa-long-term-support",text:"Software Release"})},{desc:"SLA"},{desc:"Support"},{desc:"Critical Security and Bug Detection"},{desc:()=>(0,d.jsx)(h,{anchor:"sa-panic-button",text:"Panic Button"})},{desc:()=>(0,d.jsx)(h,{anchor:"sa-healthcheck",text:"Health Diagnostics"})},{desc:"Annual Architecture Review"},{desc:"Annual Performance Review"},{desc:"Indemnification"},{desc:"Security and Policy Review"}],u=[{label:"Community",isHeader:!0,style:{borderBottom:0}},{label:()=>(0,d.jsx)(n.azJ,{sx:{textAlign:"left"},children:(0,d.jsxs)("span",{children:["Designed for developers who are building open source applications in compliance with the ",(0,d.jsx)(s.A,{})," license, MinIO Trademarks and are able to self support themselves. It is fully featured. If you distribute, host or create derivative works of the MinIO software over the network, the ",(0,d.jsx)(s.A,{})," license requires that you also distribute the complete, corresponding source code of the combined work under the same ",(0,d.jsx)(s.A,{})," license. This requirement applies whether or not you modified MinIO.",(0,d.jsx)("br",{}),(0,d.jsx)("br",{}),(0,d.jsx)("span",{className:"link-text",onClick:()=>{l.Ay.dispatch((0,a.y)())},children:"Compliance FAQ"}),(0,d.jsx)(x,{})]})}),isHeader:!1,style:{height:"400px",borderBottom:0}},{id:"com_feat_title",featureTitleRow:!0},{id:"com_license_cost"},{id:"com_release",label:"Upstream"},{id:"com_sla",label:"No SLA"},{id:"com_support",label:"Community:",detail:"Slack + Github"},{id:"com_security",label:"Self"},{id:"com_panic",xsLabel:"N/A"},{id:"com_diag",xsLabel:"N/A"},{id:"com_arch",xsLabel:"N/A"},{id:"com_perf",xsLabel:"N/A"},{id:"com_indemnity",xsLabel:"N/A"},{id:"com_sec_policy",xsLabel:"N/A"}],f=[{label:"Standard",isHeader:!0,style:{borderBottom:0}},{isHeader:!1,label:()=>(0,d.jsxs)(n.azJ,{sx:{marginTop:"-85px",textAlign:"left"},children:[(0,d.jsxs)("span",{children:["Designed for customers who require a commercial license and can mostly self-support but want the peace of mind that comes with the MinIO Subscription Network\u2019s suite of operational capabilities and direct-to-engineer interaction. The Standard version is fully featured but with SLA limitations. ",(0,d.jsx)("br",{})," ",(0,d.jsx)("br",{})," To learn more about the MinIO Subscription Network"]})," ",(0,d.jsx)("a",{href:"https://min.io/product/subnet?ref=op",className:"link-text",target:"_blank",rel:"noopener",children:"click here"}),"."]}),style:{height:"400px",borderBottom:0}},{id:"std_feat_title",featureTitleRow:!0},{id:"std_license_cost",label:()=>(0,d.jsx)(n.azJ,{sx:{fontSize:"16px",fontWeight:600},children:"$10 per TiB per month"}),detail:()=>(0,d.jsx)(n.azJ,{sx:{fontSize:"14px",fontWeight:400,marginBottom:"5px"},children:"(Minimum of 200TiB)"})},{id:"std_release",label:"1 Year Long Term Support"},{id:"std_sla",label:"<48 Hours",detail:"(Local Business Hours)"},{id:"std_support",label:"L4 Direct Engineering",detail:"support via SUBNET"},{id:"std_security",label:"Continuous Scan and Alert"},{id:"std_panic",label:"1 Per year"},{id:"std_diag",label:"24/7/365"},{id:"std_arch",xsLabel:"N/A"},{id:"std_perf",xsLabel:"N/A"},{id:"std_indemnity",xsLabel:"N/A"},{id:"std_sec_policy",xsLabel:"N/A"}],b=[{label:"Enterprise",isHeader:!0,style:{borderBottom:0}},{isHeader:!1,label:()=>(0,d.jsxs)(n.azJ,{sx:{marginTop:"-135px",textAlign:"left"},children:[(0,d.jsxs)("span",{children:["Designed for mission critical environments where both a license and strict SLAs are required. The Enterprise version is fully featured but comes with additional capabilities. ",(0,d.jsx)("br",{})," ",(0,d.jsx)("br",{})," To learn more about the MinIO Subscription Network"]})," ",(0,d.jsx)("a",{href:"https://min.io/product/subnet?ref=op",className:"link-text",target:"_blank",rel:"noopener",children:"click here"}),"."]}),style:{height:"400px",borderBottom:0}},{id:"end_feat_title",featureTitleRow:!0},{id:"ent_license_cost",label:()=>(0,d.jsx)(n.azJ,{sx:{fontSize:"16px",fontWeight:600},children:"$20 per TiB per month"}),detail:()=>(0,d.jsx)(n.azJ,{sx:{fontSize:"14px",fontWeight:400,marginBottom:"5px"},children:"(Minimum of 100TiB)"})},{id:"ent_release",label:"5 Years Long Term Support"},{id:"ent_sla",label:"<1 hour"},{id:"ent_support",label:"L4 Direct Engineering support via",detail:"SUBNET, Phone, Web Conference"},{id:"ent_security",label:"Continuous Scan and Alert"},{id:"ent_panic",label:"Unlimited"},{id:"ent_diag",label:"24/7/365"},{id:"ent_arch",yesIcon:!0},{id:"ent_perf",yesIcon:!0},{id:"ent_indemnity",yesIcon:!0},{id:"ent_sec_policy",yesIcon:!0}],g=[p.STANDARD,p.ENTERPRISE],y=e=>"function"===typeof e?e():e,j="agpl_minio_license_consent",A=()=>{localStorage.setItem(j,"true")},v=()=>"true"===localStorage.getItem(j)},9827(e,t,i){i.d(t,{A:()=>a});i(5043);var n=i(9923),s=i(579);const a=e=>{let{email:t=""}=e;return(0,s.jsxs)(n.azJ,{sx:{height:"67px",color:"#ffffff",display:"flex",position:"relative",top:"-30px",left:"-32px",width:"calc(100% + 64px)",alignItems:"center",justifyContent:"space-between",backgroundColor:"#2781B0",padding:"0 25px 0 25px","& .registered-box, .reg-badge-box":{display:"flex",alignItems:"center",justifyContent:"flex-start"},"& .reg-badge-box":{marginLeft:"20px","& .min-icon":{fill:"#2781B0"}}},children:[(0,s.jsxs)(n.azJ,{className:"registered-box",children:[(0,s.jsx)(n.azJ,{sx:{fontSize:"16px",fontWeight:400},children:"Register status:"}),(0,s.jsxs)(n.azJ,{className:"reg-badge-box",children:[(0,s.jsx)(n.M3H,{}),(0,s.jsx)(n.azJ,{sx:{fontWeight:600},children:"Registered"})]})]}),(0,s.jsxs)(n.azJ,{className:"registered-acc-box",sx:{alignItems:"center",justifyContent:"flex-start",display:"flex",[`@media (max-width: ${n.nmC.sm}px)`]:{display:"none"}},children:[(0,s.jsx)(n.azJ,{sx:{fontSize:"16px",fontWeight:400},children:"Registered to:"}),(0,s.jsx)(n.azJ,{sx:{marginLeft:"8px",fontWeight:600},children:t})]})]})}},8387(e,t,i){function n(e){var t,i,s="";if("string"==typeof e||"number"==typeof e)s+=e;else if("object"==typeof e)if(Array.isArray(e)){var a=e.length;for(t=0;ts});const s=function(){for(var e,t,i=0,s="",a=arguments.length;i.\n\nimport React, { ComponentType, Suspense, SuspenseProps } from \"react\";\n\nfunction withSuspense(\n WrappedComponent: ComponentType
,\n fallback: SuspenseProps[\"fallback\"] = null,\n) {\n function ComponentWithSuspense(props: P) {\n return (\n \n \n \n );\n }\n\n return ComponentWithSuspense;\n}\n\nexport default withSuspense;\n","// This file is part of MinIO Operator\n// Copyright (c) 2021 MinIO, Inc.\n//\n// This program is free software: you can redistribute it and/or modify\n// it under the terms of the GNU Affero General Public License as published by\n// the Free Software Foundation, either version 3 of the License, or\n// (at your option) any later version.\n//\n// This program is distributed in the hope that it will be useful,\n// but WITHOUT ANY WARRANTY; without even the implied warranty of\n// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n// GNU Affero General Public License for more details.\n//\n// You should have received a copy of the GNU Affero General Public License\n// along with this program. If not, see .\nimport React, { useEffect, useState } from \"react\";\nimport { useSelector } from \"react-redux\";\nimport { ModalBox, Snackbar } from \"mds\";\nimport { CSSObject } from \"styled-components\";\nimport { AppState, useAppDispatch } from \"../../../../store\";\nimport { setModalSnackMessage } from \"../../../../systemSlice\";\nimport MainError from \"../MainError/MainError\";\n\ninterface IModalProps {\n onClose: () => void;\n modalOpen: boolean;\n title: string | React.ReactNode;\n children: any;\n wideLimit?: boolean;\n titleIcon?: React.ReactNode;\n iconColor?: \"default\" | \"delete\" | \"accept\";\n sx?: CSSObject;\n}\n\nconst ModalWrapper = ({\n onClose,\n modalOpen,\n title,\n children,\n wideLimit = true,\n titleIcon = null,\n iconColor = \"default\",\n sx,\n}: IModalProps) => {\n const dispatch = useAppDispatch();\n const [openSnackbar, setOpenSnackbar] = useState(false);\n\n const modalSnackMessage = useSelector(\n (state: AppState) => state.system.modalSnackBar,\n );\n\n useEffect(() => {\n dispatch(setModalSnackMessage(\"\"));\n }, [dispatch]);\n\n useEffect(() => {\n if (modalSnackMessage) {\n if (modalSnackMessage.message === \"\") {\n setOpenSnackbar(false);\n return;\n }\n // Open SnackBar\n if (modalSnackMessage.type !== \"error\") {\n setOpenSnackbar(true);\n }\n }\n }, [modalSnackMessage]);\n\n const closeSnackBar = () => {\n setOpenSnackbar(false);\n dispatch(setModalSnackMessage(\"\"));\n };\n\n let message = \"\";\n\n if (modalSnackMessage) {\n message = modalSnackMessage.detailedErrorMsg;\n if (\n modalSnackMessage.detailedErrorMsg === \"\" ||\n modalSnackMessage.detailedErrorMsg.length < 5\n ) {\n message = modalSnackMessage.message;\n }\n }\n\n return (\n \n \n \n {children}\n \n );\n};\n\nexport default ModalWrapper;\n","// This file is part of MinIO Operator\n// Copyright (c) 2022 MinIO, Inc.\n//\n// This program is free software: you can redistribute it and/or modify\n// it under the terms of the GNU Affero General Public License as published by\n// the Free Software Foundation, either version 3 of the License, or\n// (at your option) any later version.\n//\n// This program is distributed in the hope that it will be useful,\n// but WITHOUT ANY WARRANTY; without even the implied warranty of\n// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n// GNU Affero General Public License for more details.\n//\n// You should have received a copy of the GNU Affero General Public License\n// along with this program. If not, see .\n\nimport React, { Fragment, useEffect, useState } from \"react\";\nimport clsx from \"clsx\";\nimport {\n AGPLV3Logo,\n Box,\n breakPoints,\n Button,\n CheckCircleIcon,\n ConsoleEnterprise,\n ConsoleStandard,\n LicenseDocIcon,\n} from \"mds\";\nimport { SubnetInfo } from \"./types\";\nimport {\n COMMUNITY_PLAN_FEATURES,\n ENTERPRISE_PLAN_FEATURES,\n FEATURE_ITEMS,\n getRenderValue,\n LICENSE_PLANS,\n PAID_PLANS,\n STANDARD_PLAN_FEATURES,\n} from \"./utils\";\nimport styled from \"styled-components\";\nimport get from \"lodash/get\";\n\ninterface IRegisterStatus {\n activateProductModal: any;\n closeModalAndFetchLicenseInfo: any;\n licenseInfo: SubnetInfo | undefined;\n currentPlanID: number;\n setActivateProductModal: any;\n}\n\nconst PlanListContainer = styled.div(({ theme }) => ({\n display: \"grid\",\n\n margin: \"0 1.5rem 0 1.5rem\",\n\n gridTemplateColumns: \"1fr 1fr 1fr 1fr\",\n\n [`@media (max-width: ${breakPoints.sm}px)`]: {\n gridTemplateColumns: \"1fr 1fr 1fr\",\n },\n\n \"&.paid-plans-only\": {\n display: \"grid\",\n gridTemplateColumns: \"1fr 1fr 1fr\",\n },\n\n \"& .features-col\": {\n flex: 1,\n minWidth: \"260px\",\n\n \"@media (max-width: 600px)\": {\n display: \"none\",\n },\n },\n\n \"& .xs-only\": {\n display: \"none\",\n },\n\n \"& .button-box\": {\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n padding: \"5px 0px 25px 0px\",\n borderLeft: `1px solid ${get(theme, \"borderColor\", \"#EAEAEA\")}`,\n },\n \"& .plan-header\": {\n height: \"99px\",\n borderBottom: `1px solid ${get(theme, \"borderColor\", \"#EAEAEA\")}`,\n },\n \"& .feature-title\": {\n height: \"25px\",\n paddingLeft: \"26px\",\n fontSize: \"14px\",\n\n background: get(theme, \"signalColors.disabled\", \"#E5E5E5\"),\n color: get(theme, \"signalColors.main\", \"#07193E\"),\n\n \"@media (max-width: 600px)\": {\n \"& .feature-title-info .xs-only\": {\n display: \"block\",\n },\n },\n },\n \"& .feature-name\": {\n minHeight: \"60px\",\n padding: \"5px\",\n borderBottom: `1px solid ${get(theme, \"borderColor\", \"#EAEAEA\")}`,\n display: \"flex\",\n alignItems: \"center\",\n paddingLeft: \"26px\",\n fontSize: \"14px\",\n },\n \"& .feature-item\": {\n display: \"flex\",\n flexFlow: \"column\",\n alignItems: \"center\",\n justifyContent: \"center\",\n minHeight: \"60px\",\n padding: \"0 15px 0 15px\",\n borderBottom: `1px solid ${get(theme, \"borderColor\", \"#EAEAEA\")}`,\n borderLeft: `1px solid ${get(theme, \"borderColor\", \"#EAEAEA\")}`,\n fontSize: \"14px\",\n \"& .link-text\": {\n color: \"#2781B0\",\n cursor: \"pointer\",\n textDecoration: \"underline\",\n },\n\n \"&.icon-yes\": {\n width: \"15px\",\n height: \"15px\",\n },\n },\n\n \"& .feature-item-info\": {\n flex: 1,\n display: \"flex\",\n flexFlow: \"column\",\n alignItems: \"center\",\n justifyContent: \"space-around\",\n textAlign: \"center\",\n\n \"@media (max-width: 600px)\": {\n justifyContent: \"space-evenly\",\n width: \"100%\",\n \"& .xs-only\": {\n display: \"block\",\n },\n \"& .plan-feature\": {\n textAlign: \"center\",\n paddingRight: \"10px\",\n },\n },\n },\n\n \"& .plan-col\": {\n minWidth: \"260px\",\n flex: 1,\n },\n\n \"& .active-plan-col\": {\n background: `${get(\n theme,\n \"boxBackground\",\n \"#FDFDFD\",\n )} 0% 0% no-repeat padding-box`,\n boxShadow: \" 0px 3px 20px #00000038\",\n\n \"& .plan-header\": {\n backgroundColor: get(theme, \"signalColors.info\", \"#2781B0\"),\n },\n\n \"& .feature-title\": {\n background: get(theme, \"signalColors.disabled\", \"#E5E5E5\"),\n color: get(theme, \"fontColor\", \"#000\"),\n },\n },\n}));\n\nconst PlanHeaderContainer = styled.div(({ theme }) => ({\n display: \"flex\",\n alignItems: \"flex-start\",\n justifyContent: \"center\",\n flexFlow: \"column\",\n borderLeft: `1px solid ${get(theme, \"borderColor\", \"#EAEAEA\")}`,\n borderBottom: \"0px !important\",\n \"& .plan-header\": {\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n flexFlow: \"column\",\n },\n\n \"& .title-block\": {\n display: \"flex\",\n alignItems: \"center\",\n flexFlow: \"column\",\n width: \"100%\",\n \"& .title-main\": {\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n flex: 1,\n },\n \"& .iconContainer\": {\n \"& .min-icon\": {\n minWidth: 140,\n width: \"100%\",\n maxHeight: 55,\n height: \"100%\",\n },\n },\n },\n\n \"& .open-source\": {\n fontSize: \"14px\",\n display: \"flex\",\n marginBottom: \"5px\",\n alignItems: \"center\",\n \"& .min-icon\": {\n marginRight: \"8px\",\n height: \"12px\",\n width: \"12px\",\n },\n },\n\n \"& .cur-plan-text\": {\n fontSize: \"12px\",\n textTransform: \"uppercase\",\n },\n\n \"@media (max-width: 600px)\": {\n cursor: \"pointer\",\n \"& .title-block\": {\n \"& .title\": {\n fontSize: \"14px\",\n fontWeight: 600,\n },\n },\n },\n\n \"&.active, &.active.xs-active\": {\n color: \"#ffffff\",\n position: \"relative\",\n\n \"& .min-icon\": {\n fill: \"#ffffff\",\n },\n\n \"&:before\": {\n content: \"' '\",\n position: \"absolute\",\n width: \"100%\",\n height: \"18px\",\n backgroundColor: get(theme, \"signalColors.info\", \"#2781B0\"),\n display: \"block\",\n top: -16,\n },\n \"& .iconContainer\": {\n \"& .min-icon\": {\n marginTop: \"-12px\",\n },\n },\n },\n \"&.active\": {\n backgroundColor: get(theme, \"signalColors.info\", \"#2781B0\"),\n color: \"#ffffff\",\n },\n \"&.xs-active\": {\n background: \"#eaeaea\",\n },\n}));\n\nconst ListContainer = styled.div(({ theme }) => ({\n border: `1px solid ${get(theme, \"borderColor\", \"#EAEAEA\")}`,\n borderTop: \"0px\",\n marginBottom: \"45px\",\n \"&::-webkit-scrollbar\": {\n width: \"5px\",\n height: \"5px\",\n },\n \"&::-webkit-scrollbar-track\": {\n background: \"#F0F0F0\",\n borderRadius: 0,\n boxShadow: \"inset 0px 0px 0px 0px #F0F0F0\",\n },\n \"&::-webkit-scrollbar-thumb\": {\n background: \"#777474\",\n borderRadius: 0,\n },\n \"&::-webkit-scrollbar-thumb:hover\": {\n background: \"#5A6375\",\n },\n}));\n\nconst PlanHeader = ({\n isActive,\n isXsViewActive,\n title,\n onClick,\n children,\n}: {\n isActive: boolean;\n isXsViewActive: boolean;\n title: string;\n price?: string;\n onClick: any;\n children: any;\n}) => {\n const plan = title.toLowerCase();\n return (\n {\n onClick && onClick(plan);\n }}\n >\n {children}\n \n );\n};\n\nconst FeatureTitleRowCmp = (props: { featureLabel: any }) => {\n return (\n \n \n {props.featureLabel}
\n \n \n );\n};\n\nconst PricingFeatureItem = (props: {\n featureLabel: any;\n label?: any;\n detail?: any;\n xsLabel?: string;\n style?: any;\n}) => {\n return (\n \n \n \n {getRenderValue(props.featureLabel || \"\")}\n
\n \n {getRenderValue(props.label || \"\")}
\n {getRenderValue(props.detail)}\n\n {props.xsLabel}
\n \n \n \n );\n};\n\nconst LicensePlans = ({ licenseInfo }: IRegisterStatus) => {\n const [isSmallScreen, setIsSmallScreen] = useState(\n window.innerWidth >= breakPoints.sm,\n );\n\n useEffect(() => {\n const handleWindowResize = () => {\n let extMD = false;\n if (window.innerWidth >= breakPoints.sm) {\n extMD = true;\n }\n setIsSmallScreen(extMD);\n };\n\n window.addEventListener(\"resize\", handleWindowResize);\n\n return () => {\n window.removeEventListener(\"resize\", handleWindowResize);\n };\n }, []);\n\n let currentPlan = !licenseInfo\n ? \"community\"\n : licenseInfo?.plan?.toLowerCase();\n\n const isCommunityPlan = currentPlan === LICENSE_PLANS.COMMUNITY;\n const isStandardPlan = currentPlan === LICENSE_PLANS.STANDARD;\n const isEnterprisePlan = currentPlan === LICENSE_PLANS.ENTERPRISE;\n\n const isPaidPlan = PAID_PLANS.includes(currentPlan);\n\n /*In smaller screen use tabbed view to show features*/\n const [xsPlanView, setXsPlanView] = useState(\"\");\n let isXsViewCommunity = xsPlanView === LICENSE_PLANS.COMMUNITY;\n let isXsViewStandard = xsPlanView === LICENSE_PLANS.STANDARD;\n let isXsViewEnterprise = xsPlanView === LICENSE_PLANS.ENTERPRISE;\n\n const getCommunityPlanHeader = () => {\n return (\n \n \n \n \n \n \n \n );\n };\n\n const getStandardPlanHeader = () => {\n return (\n \n \n \n \n \n
\n \n \n \n );\n };\n\n const getEnterpriseHeader = () => {\n return (\n \n \n \n \n \n
\n \n \n \n );\n };\n\n const getButton = (\n link: string,\n btnText: string,\n variant: any,\n plan: string,\n ) => {\n let linkToNav =\n currentPlan !== \"community\" ? \"https://subnet.min.io\" : link;\n return (\n {\n e.preventDefault();\n\n window.open(`${linkToNav}?ref=op`, \"_blank\");\n }}\n label={btnText}\n />\n );\n };\n\n const onPlanClick = (plan: string) => {\n setXsPlanView(plan);\n };\n\n useEffect(() => {\n if (isSmallScreen) {\n setXsPlanView(currentPlan || \"community\");\n } else {\n setXsPlanView(\"\");\n }\n }, [isSmallScreen, currentPlan]);\n\n const featureList = FEATURE_ITEMS;\n return (\n \n \n \n \n \n {featureList.map((fi) => {\n const featureTitleRow = fi.featureTitleRow;\n const isHeader = fi.isHeader;\n\n if (isHeader) {\n if (isPaidPlan) {\n return (\n \n \n \n View License agreement
\n for the registered plan.\n \n \n );\n }\n\n return (\n \n {fi.label}\n \n );\n }\n if (featureTitleRow) {\n return (\n \n {getRenderValue(fi.desc)}
\n \n );\n }\n return (\n \n {getRenderValue(fi.desc)}
\n \n );\n })}\n \n {!isPaidPlan ? (\n \n {COMMUNITY_PLAN_FEATURES.map((fi, idx) => {\n const featureLabel = featureList[idx].desc;\n const { featureTitleRow, isHeader } = fi;\n\n if (isHeader) {\n return getCommunityPlanHeader();\n }\n\n if (featureTitleRow) {\n return (\n \n );\n }\n\n return (\n \n );\n })}\n \n {getButton(\n `https://slack.min.io`,\n \"Join Slack\",\n \"regular\",\n LICENSE_PLANS.COMMUNITY,\n )}\n \n \n ) : null}\n \n {STANDARD_PLAN_FEATURES.map((fi, idx) => {\n const featureLabel = featureList[idx].desc;\n const featureTitleRow = fi.featureTitleRow;\n const isHeader = fi.isHeader;\n\n if (isHeader) {\n return getStandardPlanHeader();\n }\n\n if (featureTitleRow) {\n return (\n \n );\n }\n return (\n \n );\n })}\n\n \n {getButton(\n `https://min.io/signup`,\n !PAID_PLANS.includes(currentPlan)\n ? \"Subscribe\"\n : \"Login to SUBNET\",\n \"callAction\",\n LICENSE_PLANS.STANDARD,\n )}\n \n \n \n {ENTERPRISE_PLAN_FEATURES.map((fi, idx) => {\n const featureLabel = featureList[idx].desc;\n const { featureTitleRow, isHeader, yesIcon } = fi;\n\n if (isHeader) {\n return getEnterpriseHeader();\n }\n\n if (featureTitleRow) {\n return (\n \n );\n }\n\n if (yesIcon) {\n return (\n \n \n \n \n \n \n \n \n );\n }\n return (\n \n );\n })}\n \n {getButton(\n `https://min.io/signup`,\n !PAID_PLANS.includes(currentPlan)\n ? \"Subscribe\"\n : \"Login to SUBNET\",\n \"callAction\",\n LICENSE_PLANS.ENTERPRISE,\n )}\n \n \n \n \n \n );\n};\n\nexport default LicensePlans;\n","// This file is part of MinIO Operator\n// Copyright (c) 2021 MinIO, Inc.\n//\n// This program is free software: you can redistribute it and/or modify\n// it under the terms of the GNU Affero General Public License as published by\n// the Free Software Foundation, either version 3 of the License, or\n// (at your option) any later version.\n//\n// This program is distributed in the hope that it will be useful,\n// but WITHOUT ANY WARRANTY; without even the implied warranty of\n// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n// GNU Affero General Public License for more details.\n//\n// You should have received a copy of the GNU Affero General Public License\n// along with this program. If not, see .\n\nimport React, { Fragment, useCallback, useEffect, useState } from \"react\";\nimport { ArrowIcon, Button, PageLayout, ProgressBar, Grid } from \"mds\";\nimport { useNavigate } from \"react-router-dom\";\nimport { IAM_PAGES } from \"../../../common/SecureComponent/permissions\";\nimport { SubnetInfo } from \"./types\";\nimport { getLicenseConsent } from \"./utils\";\nimport LicensePlans from \"./LicensePlans\";\nimport RegistrationStatusBanner from \"../Support/RegistrationStatusBanner\";\nimport withSuspense from \"../Common/Components/withSuspense\";\nimport PageHeaderWrapper from \"../Common/PageHeaderWrapper/PageHeaderWrapper\";\nimport api from \"../../../common/api\";\n\nconst LicenseConsentModal = withSuspense(\n React.lazy(() => import(\"./LicenseConsentModal\")),\n);\n\nconst License = () => {\n const navigate = useNavigate();\n const [activateProductModal, setActivateProductModal] =\n useState(false);\n\n const [licenseInfo, setLicenseInfo] = useState();\n const [currentPlanID, setCurrentPlanID] = useState(0);\n const [loadingLicenseInfo, setLoadingLicenseInfo] = useState(false);\n const [initialLicenseLoading, setInitialLicenseLoading] =\n useState(true);\n useState(false);\n const [clusterRegistered, setClusterRegistered] = useState(false);\n\n const [isLicenseConsentOpen, setIsLicenseConsentOpen] =\n useState(false);\n\n const closeModalAndFetchLicenseInfo = () => {\n setActivateProductModal(false);\n fetchLicenseInfo();\n };\n\n const isRegistered = licenseInfo && clusterRegistered;\n\n const isAgplConsentDone = getLicenseConsent();\n\n useEffect(() => {\n const shouldConsent =\n !isRegistered && !isAgplConsentDone && !initialLicenseLoading;\n\n if (shouldConsent && !loadingLicenseInfo) {\n setIsLicenseConsentOpen(true);\n }\n }, [\n isRegistered,\n isAgplConsentDone,\n initialLicenseLoading,\n loadingLicenseInfo,\n ]);\n\n const fetchLicenseInfo = useCallback(() => {\n if (loadingLicenseInfo) {\n return;\n }\n setLoadingLicenseInfo(true);\n api\n .invoke(\"GET\", `/api/v1/subnet/info`)\n .then((res: SubnetInfo) => {\n if (res) {\n if (res.plan === \"STANDARD\") {\n setCurrentPlanID(1);\n } else if (res.plan === \"ENTERPRISE\") {\n setCurrentPlanID(2);\n } else {\n setCurrentPlanID(1);\n }\n setLicenseInfo(res);\n }\n setClusterRegistered(true);\n setLoadingLicenseInfo(false);\n })\n .catch(() => {\n setClusterRegistered(false);\n setLoadingLicenseInfo(false);\n });\n }, [loadingLicenseInfo]);\n\n useEffect(() => {\n if (initialLicenseLoading) {\n fetchLicenseInfo();\n setInitialLicenseLoading(false);\n }\n }, [fetchLicenseInfo, initialLicenseLoading, setInitialLicenseLoading]);\n\n if (loadingLicenseInfo) {\n return (\n \n \n \n );\n }\n\n return (\n \n \n {!isRegistered && (\n navigate(IAM_PAGES.REGISTER_SUPPORT)}\n style={{\n fontSize: \"14px\",\n display: \"flex\",\n alignItems: \"center\",\n textDecoration: \"none\",\n }}\n icon={}\n variant={\"callAction\"}\n >\n Register your cluster\n \n )}\n \n }\n />\n\n \n \n {isRegistered && (\n \n )}\n \n\n \n\n {\n setIsLicenseConsentOpen(false);\n }}\n />\n \n \n );\n};\n\nexport default License;\n","// This file is part of MinIO Operator\n// Copyright (c) 2023 MinIO, Inc.\n//\n// This program is free software: you can redistribute it and/or modify\n// it under the terms of the GNU Affero General Public License as published by\n// the Free Software Foundation, either version 3 of the License, or\n// (at your option) any later version.\n//\n// This program is distributed in the hope that it will be useful,\n// but WITHOUT ANY WARRANTY; without even the implied warranty of\n// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n// GNU Affero General Public License for more details.\n//\n// You should have received a copy of the GNU Affero General Public License\n// along with this program. If not, see .\n\nimport React, { Fragment } from \"react\";\nimport styled from \"styled-components\";\nimport get from \"lodash/get\";\n\nconst LinkElement = styled.a(({ theme }) => ({\n color: get(theme, \"linkColor\", \"#2781B0\"),\n fontWeight: 600,\n}));\n\nconst LicenseFAQ = () => {\n return (\n \n What is the GNU AGPL v3?
\n \n The GNU AGPL v3 is short for the \"GNU Affero General Public License v3.\"\n It is a common open source license certified by the Free Software\n Foundation and the Open Source Initiative. You can get a copy of the GNU\n AGPL v3 license with MinIO source code or at \n \n https://www.gnu.org/licenses/agpl-3.0.en.html\n \n .\n
\n What does it mean for me to comply with the GNU AGPL v3?
\n \n When you host or distribute MinIO over a network, the AGPL v3 applies to\n you. Any distribution or copying of MinIO software modified or not has\n to comply with the obligations specified in the AGPL v3. Otherwise, you\n may risk infringing MinIO’s copyrights.\n
\n Making combined or derivative works of MinIO
\n \n Combining MinIO software as part of a larger software stack triggers\n your GNU AGPL v3 obligations.\n
\n \n The method of combining does not matter. When MinIO is linked to a\n larger software stack in any form, including statically, dynamically,\n pipes, or containerized and invoked remotely, the AGPL v3 applies to\n your use. What triggers the AGPL v3 obligations is the exchanging data\n between the larger stack and MinIO.\n
\n Talking to your Legal Counsel
\n \n If you have questions, we recommend that you talk to your own attorney\n for legal advice. Purchasing a commercial license from MinIO removes the\n AGPL v3 obligations from MinIO software.\n
\n \n );\n};\nexport default LicenseFAQ;\n","// This file is part of MinIO Operator\n// Copyright (c) 2022 MinIO, Inc.\n//\n// This program is free software: you can redistribute it and/or modify\n// it under the terms of the GNU Affero General Public License as published by\n// the Free Software Foundation, either version 3 of the License, or\n// (at your option) any later version.\n//\n// This program is distributed in the hope that it will be useful,\n// but WITHOUT ANY WARRANTY; without even the implied warranty of\n// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n// GNU Affero General Public License for more details.\n//\n// You should have received a copy of the GNU Affero General Public License\n// along with this program. If not, see .\n\nimport React from \"react\";\nimport { useSelector } from \"react-redux\";\nimport { selOpMode } from \"../../../systemSlice\";\n\nconst LicenseLink = () => {\n const isOperatorMode = useSelector(selOpMode);\n\n const refFrom = isOperatorMode ? \"op\" : \"con\";\n\n return (\n \n GNU AGPL v3\n \n );\n};\nexport default LicenseLink;\n","// This file is part of MinIO Operator\n// Copyright (c) 2023 MinIO, Inc.\n//\n// This program is free software: you can redistribute it and/or modify\n// it under the terms of the GNU Affero General Public License as published by\n// the Free Software Foundation, either version 3 of the License, or\n// (at your option) any later version.\n//\n// This program is distributed in the hope that it will be useful,\n// but WITHOUT ANY WARRANTY; without even the implied warranty of\n// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n// GNU Affero General Public License for more details.\n//\n// You should have received a copy of the GNU Affero General Public License\n// along with this program. If not, see .\n\nimport React from \"react\";\nimport ModalWrapper from \"../Common/ModalWrapper/ModalWrapper\";\nimport LicenseFAQ from \"./LicenseFAQ\";\nimport { useSelector } from \"react-redux\";\nimport { AppState, useAppDispatch } from \"../../../store\";\nimport { closeFAQModal } from \"./licenseSlice\";\n\nconst FAQModal = () => {\n const dispatch = useAppDispatch();\n const isOpen = useSelector((state: AppState) => state.license.faqModalOpen);\n\n return (\n {\n dispatch(closeFAQModal());\n }}\n >\n \n \n );\n};\n\nexport default FAQModal;\n","// This file is part of MinIO Operator\n// Copyright (c) 2022 MinIO, Inc.\n//\n// This program is free software: you can redistribute it and/or modify\n// it under the terms of the GNU Affero General Public License as published by\n// the Free Software Foundation, either version 3 of the License, or\n// (at your option) any later version.\n//\n// This program is distributed in the hope that it will be useful,\n// but WITHOUT ANY WARRANTY; without even the implied warranty of\n// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n// GNU Affero General Public License for more details.\n//\n// You should have received a copy of the GNU Affero General Public License\n// along with this program. If not, see .\n\nimport { Box } from \"mds\";\nimport LicenseLink from \"./LicenseLink\";\nimport { openFAQModal } from \"./licenseSlice\";\nimport store from \"../../../store\";\nimport FAQModal from \"./FAQModal\";\n\nexport const LICENSE_PLANS = {\n COMMUNITY: \"community\",\n STANDARD: \"standard\",\n ENTERPRISE: \"enterprise\",\n};\n\ntype FeatureItem = {\n label?: any;\n isHeader?: boolean;\n style?: any;\n desc?: any;\n featureTitleRow?: boolean;\n};\n\nconst FeatureLink = ({ text, anchor }: { text: string; anchor: string }) => {\n return (\n \n {text}\n \n );\n};\n\nexport const FEATURE_ITEMS: FeatureItem[] = [\n {\n label: \"License \",\n isHeader: true,\n },\n {\n label: \"\",\n isHeader: false,\n style: {\n height: \"400px\",\n verticalAlign: \"top\",\n alignItems: \"start\",\n },\n },\n {\n desc: \"Features\",\n featureTitleRow: true,\n },\n {\n desc: \"Unit Price\",\n },\n {\n desc: () => {\n return (\n \n );\n },\n },\n {\n desc: \"SLA\",\n },\n {\n desc: \"Support\",\n },\n {\n desc: \"Critical Security and Bug Detection\",\n },\n {\n desc: () => {\n return ;\n },\n },\n {\n desc: () => {\n return (\n \n );\n },\n },\n {\n desc: \"Annual Architecture Review\",\n },\n {\n desc: \"Annual Performance Review\",\n },\n {\n desc: \"Indemnification\",\n },\n {\n desc: \"Security and Policy Review\",\n },\n];\n\nexport const COMMUNITY_PLAN_FEATURES = [\n {\n label: \"Community\",\n isHeader: true,\n style: {\n borderBottom: 0,\n },\n },\n {\n label: () => {\n return (\n \n \n Designed for developers who are building open source applications in\n compliance with the license, MinIO Trademarks and\n are able to self support themselves. It is fully featured. If you\n distribute, host or create derivative works of the MinIO software\n over the network, the license requires that you also\n distribute the complete, corresponding source code of the combined\n work under the same license. This requirement\n applies whether or not you modified MinIO.\n
\n
\n {\n store.dispatch(openFAQModal());\n }}\n >\n Compliance FAQ\n \n \n \n \n );\n },\n isHeader: false,\n style: {\n height: \"400px\",\n borderBottom: 0,\n },\n },\n {\n id: \"com_feat_title\",\n featureTitleRow: true,\n },\n {\n id: \"com_license_cost\",\n },\n {\n id: \"com_release\",\n label: \"Upstream\",\n },\n {\n id: \"com_sla\",\n label: \"No SLA\",\n },\n {\n id: \"com_support\",\n label: \"Community:\",\n detail: \"Slack + Github\",\n },\n {\n id: \"com_security\",\n label: \"Self\",\n },\n {\n id: \"com_panic\",\n xsLabel: \"N/A\",\n },\n {\n id: \"com_diag\",\n xsLabel: \"N/A\",\n },\n {\n id: \"com_arch\",\n xsLabel: \"N/A\",\n },\n {\n id: \"com_perf\",\n xsLabel: \"N/A\",\n },\n {\n id: \"com_indemnity\",\n xsLabel: \"N/A\",\n },\n {\n id: \"com_sec_policy\",\n xsLabel: \"N/A\",\n },\n];\n\nexport const STANDARD_PLAN_FEATURES = [\n {\n label: \"Standard\",\n isHeader: true,\n style: {\n borderBottom: 0,\n },\n },\n {\n isHeader: false,\n label: () => {\n return (\n \n \n Designed for customers who require a commercial license and can\n mostly self-support but want the peace of mind that comes with the\n MinIO Subscription Network’s suite of operational capabilities and\n direct-to-engineer interaction. The Standard version is fully\n featured but with SLA limitations.
To learn more about\n the MinIO Subscription Network\n {\" \"}\n \n click here\n \n .\n \n );\n },\n style: {\n height: \"400px\",\n borderBottom: 0,\n },\n },\n {\n id: \"std_feat_title\",\n featureTitleRow: true,\n },\n {\n id: \"std_license_cost\",\n label: () => (\n \n $10 per TiB per month\n \n ),\n detail: () => (\n \n (Minimum of 200TiB)\n \n ),\n },\n {\n id: \"std_release\",\n label: \"1 Year Long Term Support\",\n },\n {\n id: \"std_sla\",\n label: \"<48 Hours\",\n detail: \"(Local Business Hours)\",\n },\n {\n id: \"std_support\",\n label: \"L4 Direct Engineering\",\n detail: \"support via SUBNET\",\n },\n {\n id: \"std_security\",\n label: \"Continuous Scan and Alert\",\n },\n {\n id: \"std_panic\",\n label: \"1 Per year\",\n },\n {\n id: \"std_diag\",\n label: \"24/7/365\",\n },\n {\n id: \"std_arch\",\n xsLabel: \"N/A\",\n },\n {\n id: \"std_perf\",\n xsLabel: \"N/A\",\n },\n {\n id: \"std_indemnity\",\n xsLabel: \"N/A\",\n },\n {\n id: \"std_sec_policy\",\n xsLabel: \"N/A\",\n },\n];\n\nexport const ENTERPRISE_PLAN_FEATURES = [\n {\n label: \"Enterprise\",\n isHeader: true,\n style: {\n borderBottom: 0,\n },\n },\n {\n isHeader: false,\n label: () => {\n return (\n \n \n Designed for mission critical environments where both a license and\n strict SLAs are required. The Enterprise version is fully featured\n but comes with additional capabilities.
To learn more\n about the MinIO Subscription Network\n {\" \"}\n \n click here\n \n .\n \n );\n },\n style: {\n height: \"400px\",\n borderBottom: 0,\n },\n },\n {\n id: \"end_feat_title\",\n featureTitleRow: true,\n },\n {\n id: \"ent_license_cost\",\n label: () => (\n \n $20 per TiB per month\n \n ),\n detail: () => (\n \n (Minimum of 100TiB)\n \n ),\n },\n {\n id: \"ent_release\",\n label: \"5 Years Long Term Support\",\n },\n {\n id: \"ent_sla\",\n label: \"<1 hour\",\n },\n {\n id: \"ent_support\",\n label: \"L4 Direct Engineering support via\",\n detail: \"SUBNET, Phone, Web Conference\",\n },\n {\n id: \"ent_security\",\n label: \"Continuous Scan and Alert\",\n },\n {\n id: \"ent_panic\",\n label: \"Unlimited\",\n },\n {\n id: \"ent_diag\",\n label: \"24/7/365\",\n },\n {\n id: \"ent_arch\",\n yesIcon: true,\n },\n {\n id: \"ent_perf\",\n yesIcon: true,\n },\n {\n id: \"ent_indemnity\",\n yesIcon: true,\n },\n {\n id: \"ent_sec_policy\",\n yesIcon: true,\n },\n];\n\nexport const PAID_PLANS = [LICENSE_PLANS.STANDARD, LICENSE_PLANS.ENTERPRISE];\n\nexport const getRenderValue = (val: any) => {\n return typeof val === \"function\" ? val() : val;\n};\n\nexport const LICENSE_CONSENT_STORE_KEY = \"agpl_minio_license_consent\";\nexport const setLicenseConsent = () => {\n localStorage.setItem(LICENSE_CONSENT_STORE_KEY, \"true\");\n};\n\nexport const getLicenseConsent = () => {\n return localStorage.getItem(LICENSE_CONSENT_STORE_KEY) === \"true\";\n};\n","import React from \"react\";\nimport { VerifiedIcon, Box, breakPoints } from \"mds\";\n\nconst RegistrationStatusBanner = ({ email = \"\" }: { email?: string }) => {\n return (\n \n \n Register status:\n \n \n \n Registered\n \n \n \n\n \n Registered to:\n {email}\n \n \n );\n};\nexport default RegistrationStatusBanner;\n","function r(e){var t,f,n=\"\";if(\"string\"==typeof e||\"number\"==typeof e)n+=e;else if(\"object\"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;ts,_:()=>n});const n={label:{color:"#07193E",fontSize:13,alignSelf:"center",whiteSpace:"nowrap","&:not(:first-of-type)":{marginLeft:10}},actionsTray:{display:"flex",justifyContent:"space-between",marginBottom:"1rem",alignItems:"center","& button":{flexGrow:0,marginLeft:8}}},s={modalButtonBar:{marginTop:15,display:"flex",alignItems:"center",justifyContent:"flex-end","& button":{marginRight:10},"& button:last-child":{marginRight:0}},modalFormScrollable:{maxHeight:"calc(100vh - 300px)",overflowY:"auto",paddingTop:10}}},5448(e,t,a){a.d(t,{A:()=>o});var n=a(5043),s=a(649);const o=(e,t)=>{const[a,o]=(0,n.useState)(!1);return[a,(a,n,l,r)=>{o(!0),s.A.invoke(a,n,l,r).then(t=>{o(!1),e(t)}).catch(e=>{o(!1),t(e)})}]}},4681(e,t,a){a.d(t,{A:()=>o});a(5043);var n=a(9923),s=a(579);const o=e=>{let{placeholder:t="",onChange:a,overrideClass:o,value:l,id:r="search-resource",label:i="",sx:d}=e;return(0,s.jsx)(n.cl_,{placeholder:t,className:o||"",id:r,label:i,onChange:e=>{a(e.target.value)},value:l,startIcon:(0,s.jsx)(n.WIv,{}),sx:d})}},3414(e,t,a){a.r(t),a.d(t,{default:()=>f});var n=a(5043),s=a(9456),o=a(3216),l=a(9923),r=a(7403),i=a(6483),d=a(2961),c=a(4159),m=a(649),p=a(5448),u=a(8661),h=a(579);const g=e=>{let{deleteOpen:t,selectedPod:a,closeDeleteModalAndRefresh:s}=e;const o=(0,d.jL)(),[r,i]=(0,n.useState)(""),[m,g]=(0,p.A)(()=>s(!0),e=>o((0,c.C9)(e)));return(0,h.jsx)(u.A,{title:"Delete Pod",confirmText:"Delete",isOpen:t,titleIcon:(0,h.jsx)(l.xWY,{}),isLoading:m,onConfirm:()=>{r===a.name?g("DELETE",`/api/v1/namespaces/${a.namespace}/tenants/${a.tenant}/pods/${a.name}`):(0,c.C9)({errorMessage:"Tenant name is incorrect",detailedError:""})},onClose:()=>s(!1),confirmButtonProps:{disabled:r!==a.name||m},confirmationContent:(0,h.jsxs)(n.Fragment,{children:["To continue please type ",(0,h.jsx)("b",{children:a.name})," in the box.",(0,h.jsx)(l.azJ,{sx:{marginTop:15},children:(0,h.jsx)(l.cl_,{id:"retype-pod",name:"retype-pod",onChange:e=>{i(e.target.value)},label:"",value:r})})]})})};var x=a(6681),b=a(4681);const f=()=>{const e=(0,d.jL)(),t=(0,o.Zp)(),{tenantName:a,tenantNamespace:p}=(0,o.g)(),u=(0,s.d4)(e=>e.tenants.loadingTenant),[f,y]=(0,n.useState)([]),[j,C]=(0,n.useState)(!0),[v,S]=(0,n.useState)(!1),[A,w]=(0,n.useState)(null),[T,E]=(0,n.useState)(""),[$,k]=(0,n.useState)(""),[I,P]=(0,n.useState)(!1),[L,_]=(0,n.useState)(!1),[B,D]=(0,n.useState)(!1),[N,R]=(0,n.useState)(!1),[K,z]=(0,n.useState)("");(0,n.useEffect)(()=>{if(L){let e=document.createElement("a");e.setAttribute("href",`data:application/gzip;base64,${$}`),e.setAttribute("download",K),e.style.display="none",document.body.appendChild(e),e.click(),document.body.removeChild(e),_(!1),D(!0)}},[L,K,$]);const F=f.filter(e=>e.name.toLowerCase().includes(T.toLowerCase())),M=[{type:"view",onClick:e=>{t(`/namespaces/${p||""}/tenants/${a||""}/pods/${e.name}`)}},{type:"delete",onClick:e=>{e.tenant=a,e.namespace=p,w(e),S(!0)}}];(0,n.useEffect)(()=>{u&&C(!0)},[u]),(0,n.useEffect)(()=>{j&&m.A.invoke("GET",`/api/v1/namespaces/${p||""}/tenants/${a||""}/pods`).then(e=>{for(let t=0;t{e((0,c.C9)({errorMessage:"Error loading pods",detailedError:t.detailedError}))})},[j,a,p,e]),(0,n.useEffect)(()=>{I?(k(""),m.A.invoke("GET",`/api/v1/namespaces/${p}/tenants/${a}/log-report`).then(async e=>{k(decodeURIComponent(e.blob)),z(e.filename||"tenant-log-report.zip"),P(!1),_(!0),0===e.filename.length||0===e.blob.length?R(!0):R(!1)}).catch(t=>{e((0,c.C9)(t)),P(!1),R(!0)})):P(!1)},[a,p,I,e]);return(0,h.jsxs)(n.Fragment,{children:[v&&(0,h.jsx)(g,{deleteOpen:v,selectedPod:A,closeDeleteModalAndRefresh:e=>{S(!1),C(!0)}}),(0,h.jsx)(l._xt,{separator:!0,sx:{marginBottom:15},actions:(0,h.jsx)(x.A,{tooltip:"A report of all tenant logs will be generated as a .zip file and downloaded for analysis. This report can be uploaded to SUBNET to enable our team to best assist you in troubleshooting.",children:(0,h.jsx)(l.$nd,{id:"log_report",onClick:()=>{P(!0)},disabled:0===f.length,children:"Download Log Report"})}),children:"Pods"}),B&&!N&&(0,h.jsx)(l.Wei,{title:"Success",message:"Tenant report downloaded to "+K,variant:"success"}),N&&(0,h.jsx)(l.Wei,{title:"Error",message:"There was a problem generating the report",variant:"error"}),(0,h.jsxs)(l.xA9,{container:!0,sx:{marginBottom:15},children:[(0,h.jsx)(l.xA9,{item:!0,xs:4,sx:{display:"flex",alignItems:"center"}}),(0,h.jsx)(l.xA9,{item:!0,xs:4,sx:{display:"flex",justifyContent:"flex-end",alignItems:"center"}})]}),(0,h.jsx)(l.xA9,{item:!0,xs:12,sx:r._.actionsTray,children:(0,h.jsx)(b.A,{value:T,onChange:e=>{E(e)},placeholder:"Search Pods",id:"search-resource"})}),(0,h.jsx)(l.xA9,{item:!0,xs:12,children:(0,h.jsx)(l.bQt,{columns:[{label:"Name",elementKey:"name",width:200},{label:"Status",elementKey:"status"},{label:"Age",elementKey:"time"},{label:"Pod IP",elementKey:"podIP"},{label:"Restarts",elementKey:"restarts",renderFunction:e=>null!==e?e:0},{label:"Node",elementKey:"node"}],isLoading:j,records:F,itemActions:M,entityName:"Pods",idField:"name",customPaperHeight:"calc(100vh - 400px)"})})]})}}}]);
+//# sourceMappingURL=414.16f8b32f.chunk.js.map
\ No newline at end of file
diff --git a/web-app/build/static/js/414.16f8b32f.chunk.js.map b/web-app/build/static/js/414.16f8b32f.chunk.js.map
new file mode 100644
index 00000000000..67212a5d3db
--- /dev/null
+++ b/web-app/build/static/js/414.16f8b32f.chunk.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"static/js/414.16f8b32f.chunk.js","mappings":"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","sources":["screens/Console/Common/FormComponents/common/styleLibrary.ts","screens/Console/Common/Hooks/useApi.tsx","screens/Console/Common/SearchBox.tsx","screens/Console/Tenants/TenantDetails/DeletePod.tsx","screens/Console/Tenants/TenantDetails/PodsSummary.tsx"],"sourcesContent":["// This file is part of MinIO Operator\n// Copyright (c) 2021 MinIO, Inc.\n//\n// This program is free software: you can redistribute it and/or modify\n// it under the terms of the GNU Affero General Public License as published by\n// the Free Software Foundation, either version 3 of the License, or\n// (at your option) any later version.\n//\n// This program is distributed in the hope that it will be useful,\n// but WITHOUT ANY WARRANTY; without even the implied warranty of\n// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n// GNU Affero General Public License for more details.\n//\n// You should have received a copy of the GNU Affero General Public License\n// along with this program. If not, see .\n\n// This object contains variables that will be used across form components.\n\nexport const actionsTray = {\n label: {\n color: \"#07193E\",\n fontSize: 13,\n alignSelf: \"center\" as const,\n whiteSpace: \"nowrap\" as const,\n \"&:not(:first-of-type)\": {\n marginLeft: 10,\n },\n },\n actionsTray: {\n display: \"flex\" as const,\n justifyContent: \"space-between\" as const,\n marginBottom: \"1rem\",\n alignItems: \"center\",\n \"& button\": {\n flexGrow: 0,\n marginLeft: 8,\n },\n },\n};\n\nexport const modalStyleUtils: any = {\n modalButtonBar: {\n marginTop: 15,\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"flex-end\",\n\n \"& button\": {\n marginRight: 10,\n },\n \"& button:last-child\": {\n marginRight: 0,\n },\n },\n modalFormScrollable: {\n maxHeight: \"calc(100vh - 300px)\",\n overflowY: \"auto\",\n paddingTop: 10,\n },\n};\n","import { useState } from \"react\";\nimport api from \"../../../../common/api\";\nimport { ErrorResponseHandler } from \"../../../../common/types\";\n\ntype NoReturnFunction = (param?: any) => void;\ntype ApiMethodToInvoke = (method: string, url: string, data?: any) => void;\ntype IsApiInProgress = boolean;\n\nconst useApi = (\n onSuccess: NoReturnFunction,\n onError: NoReturnFunction,\n): [IsApiInProgress, ApiMethodToInvoke] => {\n const [isLoading, setIsLoading] = useState(false);\n\n const callApi = (method: string, url: string, data?: any, headers?: any) => {\n setIsLoading(true);\n api\n .invoke(method, url, data, headers)\n .then((res: any) => {\n setIsLoading(false);\n onSuccess(res);\n })\n .catch((err: ErrorResponseHandler) => {\n setIsLoading(false);\n onError(err);\n });\n };\n\n return [isLoading, callApi];\n};\n\nexport default useApi;\n","// This file is part of MinIO Operator\n// Copyright (c) 2022 MinIO, Inc.\n//\n// This program is free software: you can redistribute it and/or modify\n// it under the terms of the GNU Affero General Public License as published by\n// the Free Software Foundation, either version 3 of the License, or\n// (at your option) any later version.\n//\n// This program is distributed in the hope that it will be useful,\n// but WITHOUT ANY WARRANTY; without even the implied warranty of\n// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n// GNU Affero General Public License for more details.\n//\n// You should have received a copy of the GNU Affero General Public License\n// along with this program. If not, see .\n\nimport React from \"react\";\nimport { InputBox, SearchIcon } from \"mds\";\nimport { CSSObject } from \"styled-components\";\n\ntype SearchBoxProps = {\n placeholder?: string;\n value: string;\n onChange: (value: string) => void;\n overrideClass?: any;\n id?: string;\n label?: string;\n sx?: CSSObject;\n};\n\nconst SearchBox = ({\n placeholder = \"\",\n onChange,\n overrideClass,\n value,\n id = \"search-resource\",\n label = \"\",\n sx,\n}: SearchBoxProps) => {\n return (\n {\n onChange(e.target.value);\n }}\n value={value}\n startIcon={}\n sx={sx}\n />\n );\n};\n\nexport default SearchBox;\n","// This file is part of MinIO Operator\n// Copyright (c) 2021 MinIO, Inc.\n//\n// This program is free software: you can redistribute it and/or modify\n// it under the terms of the GNU Affero General Public License as published by\n// the Free Software Foundation, either version 3 of the License, or\n// (at your option) any later version.\n//\n// This program is distributed in the hope that it will be useful,\n// but WITHOUT ANY WARRANTY; without even the implied warranty of\n// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n// GNU Affero General Public License for more details.\n//\n// You should have received a copy of the GNU Affero General Public License\n// along with this program. If not, see .\n\nimport React, { useState, Fragment } from \"react\";\nimport { ConfirmDeleteIcon, Box, InputBox } from \"mds\";\nimport { IPodListElement } from \"../ListTenants/types\";\nimport { ErrorResponseHandler } from \"../../../../common/types\";\nimport { setErrorSnackMessage } from \"../../../../systemSlice\";\nimport { useAppDispatch } from \"../../../../store\";\nimport useApi from \"../../Common/Hooks/useApi\";\nimport ConfirmDialog from \"../../Common/ModalWrapper/ConfirmDialog\";\n\ninterface IDeletePod {\n deleteOpen: boolean;\n selectedPod: IPodListElement;\n closeDeleteModalAndRefresh: (refreshList: boolean) => any;\n}\n\nconst DeletePod = ({\n deleteOpen,\n selectedPod,\n closeDeleteModalAndRefresh,\n}: IDeletePod) => {\n const dispatch = useAppDispatch();\n const [retypePod, setRetypePod] = useState(\"\");\n\n const onDelSuccess = () => closeDeleteModalAndRefresh(true);\n const onDelError = (err: ErrorResponseHandler) =>\n dispatch(setErrorSnackMessage(err));\n const onClose = () => closeDeleteModalAndRefresh(false);\n\n const [deleteLoading, invokeDeleteApi] = useApi(onDelSuccess, onDelError);\n\n const onConfirmDelete = () => {\n if (retypePod !== selectedPod.name) {\n setErrorSnackMessage({\n errorMessage: \"Tenant name is incorrect\",\n detailedError: \"\",\n });\n return;\n }\n invokeDeleteApi(\n \"DELETE\",\n `/api/v1/namespaces/${selectedPod.namespace}/tenants/${selectedPod.tenant}/pods/${selectedPod.name}`,\n );\n };\n\n return (\n }\n isLoading={deleteLoading}\n onConfirm={onConfirmDelete}\n onClose={onClose}\n confirmButtonProps={{\n disabled: retypePod !== selectedPod.name || deleteLoading,\n }}\n confirmationContent={\n \n To continue please type {selectedPod.name} in the box.\n \n ) => {\n setRetypePod(event.target.value);\n }}\n label=\"\"\n value={retypePod}\n />\n \n \n }\n />\n );\n};\n\nexport default DeletePod;\n","// This file is part of MinIO Operator\n// Copyright (c) 2021 MinIO, Inc.\n//\n// This program is free software: you can redistribute it and/or modify\n// it under the terms of the GNU Affero General Public License as published by\n// the Free Software Foundation, either version 3 of the License, or\n// (at your option) any later version.\n//\n// This program is distributed in the hope that it will be useful,\n// but WITHOUT ANY WARRANTY; without even the implied warranty of\n// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n// GNU Affero General Public License for more details.\n//\n// You should have received a copy of the GNU Affero General Public License\n// along with this program. If not, see .\n\nimport React, { Fragment, useEffect, useState } from \"react\";\nimport { useSelector } from \"react-redux\";\nimport { useNavigate, useParams } from \"react-router-dom\";\nimport { Button, DataTable, Grid, InformativeMessage, SectionTitle } from \"mds\";\nimport { actionsTray } from \"../../Common/FormComponents/common/styleLibrary\";\nimport { niceDays } from \"../../../../common/utils\";\nimport { IPodListElement } from \"../ListTenants/types\";\nimport { AppState, useAppDispatch } from \"../../../../store\";\nimport { ErrorResponseHandler } from \"../../../../common/types\";\nimport { setErrorSnackMessage } from \"../../../../systemSlice\";\nimport api from \"../../../../common/api\";\nimport DeletePod from \"./DeletePod\";\nimport TooltipWrapper from \"../../Common/TooltipWrapper/TooltipWrapper\";\nimport SearchBox from \"../../Common/SearchBox\";\n\nconst PodsSummary = () => {\n const dispatch = useAppDispatch();\n const navigate = useNavigate();\n const { tenantName, tenantNamespace } = useParams();\n\n const loadingTenant = useSelector(\n (state: AppState) => state.tenants.loadingTenant,\n );\n\n const [pods, setPods] = useState([]);\n const [loadingPods, setLoadingPods] = useState(true);\n const [deleteOpen, setDeleteOpen] = useState(false);\n const [selectedPod, setSelectedPod] = useState(null);\n const [filter, setFilter] = useState(\"\");\n const [logReportFileContent, setLogReportFileContent] = useState(\"\");\n const [startLogReport, setStartLogReport] = useState(false);\n const [downloadReport, setDownloadReport] = useState(false);\n const [downloadSuccess, setDownloadSuccess] = useState(false);\n const [reportError, setReportError] = useState(false);\n const [filename, setFilename] = useState(\"\");\n\n const podViewAction = (pod: IPodListElement) => {\n navigate(\n `/namespaces/${tenantNamespace || \"\"}/tenants/${tenantName || \"\"}/pods/${\n pod.name\n }`,\n );\n return;\n };\n\n useEffect(() => {\n if (downloadReport) {\n let element = document.createElement(\"a\");\n element.setAttribute(\n \"href\",\n `data:application/gzip;base64,${logReportFileContent}`,\n );\n element.setAttribute(\"download\", filename);\n\n element.style.display = \"none\";\n document.body.appendChild(element);\n\n element.click();\n\n document.body.removeChild(element);\n setDownloadReport(false);\n setDownloadSuccess(true);\n }\n }, [downloadReport, filename, logReportFileContent]);\n\n const closeDeleteModalAndRefresh = (reloadData: boolean) => {\n setDeleteOpen(false);\n setLoadingPods(true);\n };\n\n const confirmDeletePod = (pod: IPodListElement) => {\n pod.tenant = tenantName;\n pod.namespace = tenantNamespace;\n setSelectedPod(pod);\n setDeleteOpen(true);\n };\n\n const filteredRecords: IPodListElement[] = pods.filter((elementItem) =>\n elementItem.name.toLowerCase().includes(filter.toLowerCase()),\n );\n\n const podTableActions = [\n { type: \"view\", onClick: podViewAction },\n { type: \"delete\", onClick: confirmDeletePod },\n ];\n\n useEffect(() => {\n if (loadingTenant) {\n setLoadingPods(true);\n }\n }, [loadingTenant]);\n\n useEffect(() => {\n if (loadingPods) {\n api\n .invoke(\n \"GET\",\n `/api/v1/namespaces/${tenantNamespace || \"\"}/tenants/${\n tenantName || \"\"\n }/pods`,\n )\n .then((result: IPodListElement[]) => {\n for (let i = 0; i < result.length; i++) {\n let currentTime = (Date.now() / 1000) | 0;\n result[i].time = niceDays(\n (currentTime - parseInt(result[i].timeCreated)).toString(),\n );\n }\n setPods(result);\n setLoadingPods(false);\n })\n .catch((err: ErrorResponseHandler) => {\n dispatch(\n setErrorSnackMessage({\n errorMessage: \"Error loading pods\",\n detailedError: err.detailedError,\n }),\n );\n });\n }\n }, [loadingPods, tenantName, tenantNamespace, dispatch]);\n\n useEffect(() => {\n if (startLogReport) {\n setLogReportFileContent(\"\");\n\n api\n .invoke(\n \"GET\",\n `/api/v1/namespaces/${tenantNamespace}/tenants/${tenantName}/log-report`,\n )\n .then(async (res: any) => {\n setLogReportFileContent(decodeURIComponent(res.blob));\n //@ts-ignore\n setFilename(res.filename || \"tenant-log-report.zip\");\n setStartLogReport(false);\n setDownloadReport(true);\n if (res.filename.length === 0 || res.blob.length === 0) {\n setReportError(true);\n } else {\n setReportError(false);\n }\n })\n .catch((err: ErrorResponseHandler) => {\n dispatch(setErrorSnackMessage(err));\n setStartLogReport(false);\n setReportError(true);\n });\n } else {\n // reset start status\n setStartLogReport(false);\n }\n }, [tenantName, tenantNamespace, startLogReport, dispatch]);\n\n const generateTenantLogReport = () => {\n setStartLogReport(true);\n };\n\n return (\n \n {deleteOpen && (\n \n )}\n \n \n Download Log Report\n \n \n }\n >\n Pods\n \n {downloadSuccess && !reportError && (\n \n )}\n\n {reportError && (\n \n )}\n \n \n \n \n \n {\n setFilter(value);\n }}\n placeholder={\"Search Pods\"}\n id=\"search-resource\"\n />\n \n \n {\n return input !== null ? input : 0;\n },\n },\n { label: \"Node\", elementKey: \"node\" },\n ]}\n isLoading={loadingPods}\n records={filteredRecords}\n itemActions={podTableActions}\n entityName=\"Pods\"\n idField=\"name\"\n customPaperHeight={\"calc(100vh - 400px)\"}\n />\n \n \n );\n};\n\nexport default PodsSummary;\n"],"names":["actionsTray","label","color","fontSize","alignSelf","whiteSpace","marginLeft","display","justifyContent","marginBottom","alignItems","flexGrow","modalStyleUtils","modalButtonBar","marginTop","marginRight","modalFormScrollable","maxHeight","overflowY","paddingTop","useApi","onSuccess","onError","isLoading","setIsLoading","useState","callApi","method","url","data","headers","api","invoke","then","res","catch","err","_ref","placeholder","onChange","overrideClass","value","id","sx","_jsx","InputBox","className","e","target","startIcon","SearchIcon","deleteOpen","selectedPod","closeDeleteModalAndRefresh","dispatch","useAppDispatch","retypePod","setRetypePod","deleteLoading","invokeDeleteApi","onDelSuccess","setErrorSnackMessage","ConfirmDialog","title","confirmText","isOpen","titleIcon","ConfirmDeleteIcon","onConfirm","onConfirmDelete","name","namespace","tenant","errorMessage","detailedError","onClose","confirmButtonProps","disabled","confirmationContent","_jsxs","Fragment","children","Box","event","PodsSummary","navigate","useNavigate","tenantName","tenantNamespace","useParams","loadingTenant","useSelector","state","tenants","pods","setPods","loadingPods","setLoadingPods","setDeleteOpen","setSelectedPod","filter","setFilter","logReportFileContent","setLogReportFileContent","startLogReport","setStartLogReport","downloadReport","setDownloadReport","downloadSuccess","setDownloadSuccess","reportError","setReportError","filename","setFilename","useEffect","element","document","createElement","setAttribute","style","body","appendChild","click","removeChild","filteredRecords","elementItem","toLowerCase","includes","podTableActions","type","onClick","pod","result","i","length","currentTime","Date","now","time","niceDays","parseInt","timeCreated","toString","async","decodeURIComponent","blob","DeletePod","reloadData","SectionTitle","separator","actions","TooltipWrapper","tooltip","Button","generateTenantLogReport","InformativeMessage","message","variant","Grid","container","item","xs","SearchBox","DataTable","columns","elementKey","width","renderFunction","input","records","itemActions","entityName","idField","customPaperHeight"],"sourceRoot":""}
\ No newline at end of file
diff --git a/web-app/build/static/js/414.988ef7d4.chunk.js b/web-app/build/static/js/414.988ef7d4.chunk.js
deleted file mode 100644
index e214744f80a..00000000000
--- a/web-app/build/static/js/414.988ef7d4.chunk.js
+++ /dev/null
@@ -1,2 +0,0 @@
-"use strict";(self.webpackChunkweb_app=self.webpackChunkweb_app||[]).push([[414],{7403:(e,t,n)=>{n.d(t,{U:()=>s,_:()=>a});const a={label:{color:"#07193E",fontSize:13,alignSelf:"center",whiteSpace:"nowrap","&:not(:first-of-type)":{marginLeft:10}},actionsTray:{display:"flex",justifyContent:"space-between",marginBottom:"1rem",alignItems:"center","& button":{flexGrow:0,marginLeft:8}}},s={modalButtonBar:{marginTop:15,display:"flex",alignItems:"center",justifyContent:"flex-end","& button":{marginRight:10},"& button:last-child":{marginRight:0}},modalFormScrollable:{maxHeight:"calc(100vh - 300px)",overflowY:"auto",paddingTop:10}}},5448:(e,t,n)=>{n.d(t,{A:()=>o});var a=n(5043),s=n(649);const o=(e,t)=>{const[n,o]=(0,a.useState)(!1);return[n,(n,a,l,r)=>{o(!0),s.A.invoke(n,a,l,r).then((t=>{o(!1),e(t)})).catch((e=>{o(!1),t(e)}))}]}},4681:(e,t,n)=>{n.d(t,{A:()=>o});n(5043);var a=n(9923),s=n(579);const o=e=>{let{placeholder:t="",onChange:n,overrideClass:o,value:l,id:r="search-resource",label:i="",sx:d}=e;return(0,s.jsx)(a.cl_,{placeholder:t,className:o||"",id:r,label:i,onChange:e=>{n(e.target.value)},value:l,startIcon:(0,s.jsx)(a.WIv,{}),sx:d})}},3414:(e,t,n)=>{n.r(t),n.d(t,{default:()=>b});var a=n(5043),s=n(9456),o=n(3216),l=n(9923),r=n(7403),i=n(6483),d=n(2961),c=n(4159),m=n(649),p=n(5448),u=n(8661),h=n(579);const x=e=>{let{deleteOpen:t,selectedPod:n,closeDeleteModalAndRefresh:s}=e;const o=(0,d.jL)(),[r,i]=(0,a.useState)(""),[m,x]=(0,p.A)((()=>s(!0)),(e=>o((0,c.C9)(e))));return(0,h.jsx)(u.A,{title:"Delete Pod",confirmText:"Delete",isOpen:t,titleIcon:(0,h.jsx)(l.xWY,{}),isLoading:m,onConfirm:()=>{r===n.name?x("DELETE",`/api/v1/namespaces/${n.namespace}/tenants/${n.tenant}/pods/${n.name}`):(0,c.C9)({errorMessage:"Tenant name is incorrect",detailedError:""})},onClose:()=>s(!1),confirmButtonProps:{disabled:r!==n.name||m},confirmationContent:(0,h.jsxs)(a.Fragment,{children:["To continue please type ",(0,h.jsx)("b",{children:n.name})," in the box.",(0,h.jsx)(l.azJ,{sx:{marginTop:15},children:(0,h.jsx)(l.cl_,{id:"retype-pod",name:"retype-pod",onChange:e=>{i(e.target.value)},label:"",value:r})})]})})};var g=n(6681),f=n(4681);const b=()=>{const e=(0,d.jL)(),t=(0,o.Zp)(),{tenantName:n,tenantNamespace:p}=(0,o.g)(),u=(0,s.d4)((e=>e.tenants.loadingTenant)),[b,y]=(0,a.useState)([]),[j,C]=(0,a.useState)(!0),[v,S]=(0,a.useState)(!1),[A,w]=(0,a.useState)(null),[E,T]=(0,a.useState)(""),[$,k]=(0,a.useState)(""),[I,P]=(0,a.useState)(!1),[L,_]=(0,a.useState)(!1),[B,D]=(0,a.useState)(!1),[N,R]=(0,a.useState)(!1),[K,z]=(0,a.useState)("");(0,a.useEffect)((()=>{if(L){let e=document.createElement("a");e.setAttribute("href",`data:application/gzip;base64,${$}`),e.setAttribute("download",K),e.style.display="none",document.body.appendChild(e),e.click(),document.body.removeChild(e),_(!1),D(!0)}}),[L,K,$]);const F=b.filter((e=>e.name.toLowerCase().includes(E.toLowerCase()))),M=[{type:"view",onClick:e=>{t(`/namespaces/${p||""}/tenants/${n||""}/pods/${e.name}`)}},{type:"delete",onClick:e=>{e.tenant=n,e.namespace=p,w(e),S(!0)}}];(0,a.useEffect)((()=>{u&&C(!0)}),[u]),(0,a.useEffect)((()=>{j&&m.A.invoke("GET",`/api/v1/namespaces/${p||""}/tenants/${n||""}/pods`).then((e=>{for(let t=0;t{e((0,c.C9)({errorMessage:"Error loading pods",detailedError:t.detailedError}))}))}),[j,n,p,e]),(0,a.useEffect)((()=>{I?(k(""),m.A.invoke("GET",`/api/v1/namespaces/${p}/tenants/${n}/log-report`).then((async e=>{k(decodeURIComponent(e.blob)),z(e.filename||"tenant-log-report.zip"),P(!1),_(!0),0===e.filename.length||0===e.blob.length?R(!0):R(!1)})).catch((t=>{e((0,c.C9)(t)),P(!1),R(!0)}))):P(!1)}),[n,p,I,e]);return(0,h.jsxs)(a.Fragment,{children:[v&&(0,h.jsx)(x,{deleteOpen:v,selectedPod:A,closeDeleteModalAndRefresh:e=>{S(!1),C(!0)}}),(0,h.jsx)(l._xt,{separator:!0,sx:{marginBottom:15},actions:(0,h.jsx)(g.A,{tooltip:"A report of all tenant logs will be generated as a .zip file and downloaded for analysis. This report can be uploaded to SUBNET to enable our team to best assist you in troubleshooting.",children:(0,h.jsx)(l.$nd,{id:"log_report",onClick:()=>{P(!0)},disabled:0===b.length,children:"Download Log Report"})}),children:"Pods"}),B&&!N&&(0,h.jsx)(l.Wei,{title:"Success",message:"Tenant report downloaded to "+K,variant:"success"}),N&&(0,h.jsx)(l.Wei,{title:"Error",message:"There was a problem generating the report",variant:"error"}),(0,h.jsxs)(l.xA9,{container:!0,sx:{marginBottom:15},children:[(0,h.jsx)(l.xA9,{item:!0,xs:4,sx:{display:"flex",alignItems:"center"}}),(0,h.jsx)(l.xA9,{item:!0,xs:4,sx:{display:"flex",justifyContent:"flex-end",alignItems:"center"}})]}),(0,h.jsx)(l.xA9,{item:!0,xs:12,sx:r._.actionsTray,children:(0,h.jsx)(f.A,{value:E,onChange:e=>{T(e)},placeholder:"Search Pods",id:"search-resource"})}),(0,h.jsx)(l.xA9,{item:!0,xs:12,children:(0,h.jsx)(l.bQt,{columns:[{label:"Name",elementKey:"name",width:200},{label:"Status",elementKey:"status"},{label:"Age",elementKey:"time"},{label:"Pod IP",elementKey:"podIP"},{label:"Restarts",elementKey:"restarts",renderFunction:e=>null!==e?e:0},{label:"Node",elementKey:"node"}],isLoading:j,records:F,itemActions:M,entityName:"Pods",idField:"name",customPaperHeight:"calc(100vh - 400px)"})})]})}}}]);
-//# sourceMappingURL=414.988ef7d4.chunk.js.map
\ No newline at end of file
diff --git a/web-app/build/static/js/414.988ef7d4.chunk.js.map b/web-app/build/static/js/414.988ef7d4.chunk.js.map
deleted file mode 100644
index 67dcadba47a..00000000000
--- a/web-app/build/static/js/414.988ef7d4.chunk.js.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"file":"static/js/414.988ef7d4.chunk.js","mappings":"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","sources":["screens/Console/Common/FormComponents/common/styleLibrary.ts","screens/Console/Common/Hooks/useApi.tsx","screens/Console/Common/SearchBox.tsx","screens/Console/Tenants/TenantDetails/DeletePod.tsx","screens/Console/Tenants/TenantDetails/PodsSummary.tsx"],"sourcesContent":["// This file is part of MinIO Operator\n// Copyright (c) 2021 MinIO, Inc.\n//\n// This program is free software: you can redistribute it and/or modify\n// it under the terms of the GNU Affero General Public License as published by\n// the Free Software Foundation, either version 3 of the License, or\n// (at your option) any later version.\n//\n// This program is distributed in the hope that it will be useful,\n// but WITHOUT ANY WARRANTY; without even the implied warranty of\n// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n// GNU Affero General Public License for more details.\n//\n// You should have received a copy of the GNU Affero General Public License\n// along with this program. If not, see .\n\n// This object contains variables that will be used across form components.\n\nexport const actionsTray = {\n label: {\n color: \"#07193E\",\n fontSize: 13,\n alignSelf: \"center\" as const,\n whiteSpace: \"nowrap\" as const,\n \"&:not(:first-of-type)\": {\n marginLeft: 10,\n },\n },\n actionsTray: {\n display: \"flex\" as const,\n justifyContent: \"space-between\" as const,\n marginBottom: \"1rem\",\n alignItems: \"center\",\n \"& button\": {\n flexGrow: 0,\n marginLeft: 8,\n },\n },\n};\n\nexport const modalStyleUtils: any = {\n modalButtonBar: {\n marginTop: 15,\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"flex-end\",\n\n \"& button\": {\n marginRight: 10,\n },\n \"& button:last-child\": {\n marginRight: 0,\n },\n },\n modalFormScrollable: {\n maxHeight: \"calc(100vh - 300px)\",\n overflowY: \"auto\",\n paddingTop: 10,\n },\n};\n","import { useState } from \"react\";\nimport api from \"../../../../common/api\";\nimport { ErrorResponseHandler } from \"../../../../common/types\";\n\ntype NoReturnFunction = (param?: any) => void;\ntype ApiMethodToInvoke = (method: string, url: string, data?: any) => void;\ntype IsApiInProgress = boolean;\n\nconst useApi = (\n onSuccess: NoReturnFunction,\n onError: NoReturnFunction,\n): [IsApiInProgress, ApiMethodToInvoke] => {\n const [isLoading, setIsLoading] = useState(false);\n\n const callApi = (method: string, url: string, data?: any, headers?: any) => {\n setIsLoading(true);\n api\n .invoke(method, url, data, headers)\n .then((res: any) => {\n setIsLoading(false);\n onSuccess(res);\n })\n .catch((err: ErrorResponseHandler) => {\n setIsLoading(false);\n onError(err);\n });\n };\n\n return [isLoading, callApi];\n};\n\nexport default useApi;\n","// This file is part of MinIO Operator\n// Copyright (c) 2022 MinIO, Inc.\n//\n// This program is free software: you can redistribute it and/or modify\n// it under the terms of the GNU Affero General Public License as published by\n// the Free Software Foundation, either version 3 of the License, or\n// (at your option) any later version.\n//\n// This program is distributed in the hope that it will be useful,\n// but WITHOUT ANY WARRANTY; without even the implied warranty of\n// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n// GNU Affero General Public License for more details.\n//\n// You should have received a copy of the GNU Affero General Public License\n// along with this program. If not, see .\n\nimport React from \"react\";\nimport { InputBox, SearchIcon } from \"mds\";\nimport { CSSObject } from \"styled-components\";\n\ntype SearchBoxProps = {\n placeholder?: string;\n value: string;\n onChange: (value: string) => void;\n overrideClass?: any;\n id?: string;\n label?: string;\n sx?: CSSObject;\n};\n\nconst SearchBox = ({\n placeholder = \"\",\n onChange,\n overrideClass,\n value,\n id = \"search-resource\",\n label = \"\",\n sx,\n}: SearchBoxProps) => {\n return (\n {\n onChange(e.target.value);\n }}\n value={value}\n startIcon={}\n sx={sx}\n />\n );\n};\n\nexport default SearchBox;\n","// This file is part of MinIO Operator\n// Copyright (c) 2021 MinIO, Inc.\n//\n// This program is free software: you can redistribute it and/or modify\n// it under the terms of the GNU Affero General Public License as published by\n// the Free Software Foundation, either version 3 of the License, or\n// (at your option) any later version.\n//\n// This program is distributed in the hope that it will be useful,\n// but WITHOUT ANY WARRANTY; without even the implied warranty of\n// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n// GNU Affero General Public License for more details.\n//\n// You should have received a copy of the GNU Affero General Public License\n// along with this program. If not, see .\n\nimport React, { useState, Fragment } from \"react\";\nimport { ConfirmDeleteIcon, Box, InputBox } from \"mds\";\nimport { IPodListElement } from \"../ListTenants/types\";\nimport { ErrorResponseHandler } from \"../../../../common/types\";\nimport { setErrorSnackMessage } from \"../../../../systemSlice\";\nimport { useAppDispatch } from \"../../../../store\";\nimport useApi from \"../../Common/Hooks/useApi\";\nimport ConfirmDialog from \"../../Common/ModalWrapper/ConfirmDialog\";\n\ninterface IDeletePod {\n deleteOpen: boolean;\n selectedPod: IPodListElement;\n closeDeleteModalAndRefresh: (refreshList: boolean) => any;\n}\n\nconst DeletePod = ({\n deleteOpen,\n selectedPod,\n closeDeleteModalAndRefresh,\n}: IDeletePod) => {\n const dispatch = useAppDispatch();\n const [retypePod, setRetypePod] = useState(\"\");\n\n const onDelSuccess = () => closeDeleteModalAndRefresh(true);\n const onDelError = (err: ErrorResponseHandler) =>\n dispatch(setErrorSnackMessage(err));\n const onClose = () => closeDeleteModalAndRefresh(false);\n\n const [deleteLoading, invokeDeleteApi] = useApi(onDelSuccess, onDelError);\n\n const onConfirmDelete = () => {\n if (retypePod !== selectedPod.name) {\n setErrorSnackMessage({\n errorMessage: \"Tenant name is incorrect\",\n detailedError: \"\",\n });\n return;\n }\n invokeDeleteApi(\n \"DELETE\",\n `/api/v1/namespaces/${selectedPod.namespace}/tenants/${selectedPod.tenant}/pods/${selectedPod.name}`,\n );\n };\n\n return (\n }\n isLoading={deleteLoading}\n onConfirm={onConfirmDelete}\n onClose={onClose}\n confirmButtonProps={{\n disabled: retypePod !== selectedPod.name || deleteLoading,\n }}\n confirmationContent={\n \n To continue please type {selectedPod.name} in the box.\n \n ) => {\n setRetypePod(event.target.value);\n }}\n label=\"\"\n value={retypePod}\n />\n \n \n }\n />\n );\n};\n\nexport default DeletePod;\n","// This file is part of MinIO Operator\n// Copyright (c) 2021 MinIO, Inc.\n//\n// This program is free software: you can redistribute it and/or modify\n// it under the terms of the GNU Affero General Public License as published by\n// the Free Software Foundation, either version 3 of the License, or\n// (at your option) any later version.\n//\n// This program is distributed in the hope that it will be useful,\n// but WITHOUT ANY WARRANTY; without even the implied warranty of\n// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n// GNU Affero General Public License for more details.\n//\n// You should have received a copy of the GNU Affero General Public License\n// along with this program. If not, see .\n\nimport React, { Fragment, useEffect, useState } from \"react\";\nimport { useSelector } from \"react-redux\";\nimport { useNavigate, useParams } from \"react-router-dom\";\nimport { Button, DataTable, Grid, InformativeMessage, SectionTitle } from \"mds\";\nimport { actionsTray } from \"../../Common/FormComponents/common/styleLibrary\";\nimport { niceDays } from \"../../../../common/utils\";\nimport { IPodListElement } from \"../ListTenants/types\";\nimport { AppState, useAppDispatch } from \"../../../../store\";\nimport { ErrorResponseHandler } from \"../../../../common/types\";\nimport { setErrorSnackMessage } from \"../../../../systemSlice\";\nimport api from \"../../../../common/api\";\nimport DeletePod from \"./DeletePod\";\nimport TooltipWrapper from \"../../Common/TooltipWrapper/TooltipWrapper\";\nimport SearchBox from \"../../Common/SearchBox\";\n\nconst PodsSummary = () => {\n const dispatch = useAppDispatch();\n const navigate = useNavigate();\n const { tenantName, tenantNamespace } = useParams();\n\n const loadingTenant = useSelector(\n (state: AppState) => state.tenants.loadingTenant,\n );\n\n const [pods, setPods] = useState([]);\n const [loadingPods, setLoadingPods] = useState(true);\n const [deleteOpen, setDeleteOpen] = useState(false);\n const [selectedPod, setSelectedPod] = useState(null);\n const [filter, setFilter] = useState(\"\");\n const [logReportFileContent, setLogReportFileContent] = useState(\"\");\n const [startLogReport, setStartLogReport] = useState(false);\n const [downloadReport, setDownloadReport] = useState(false);\n const [downloadSuccess, setDownloadSuccess] = useState(false);\n const [reportError, setReportError] = useState(false);\n const [filename, setFilename] = useState(\"\");\n\n const podViewAction = (pod: IPodListElement) => {\n navigate(\n `/namespaces/${tenantNamespace || \"\"}/tenants/${tenantName || \"\"}/pods/${\n pod.name\n }`,\n );\n return;\n };\n\n useEffect(() => {\n if (downloadReport) {\n let element = document.createElement(\"a\");\n element.setAttribute(\n \"href\",\n `data:application/gzip;base64,${logReportFileContent}`,\n );\n element.setAttribute(\"download\", filename);\n\n element.style.display = \"none\";\n document.body.appendChild(element);\n\n element.click();\n\n document.body.removeChild(element);\n setDownloadReport(false);\n setDownloadSuccess(true);\n }\n }, [downloadReport, filename, logReportFileContent]);\n\n const closeDeleteModalAndRefresh = (reloadData: boolean) => {\n setDeleteOpen(false);\n setLoadingPods(true);\n };\n\n const confirmDeletePod = (pod: IPodListElement) => {\n pod.tenant = tenantName;\n pod.namespace = tenantNamespace;\n setSelectedPod(pod);\n setDeleteOpen(true);\n };\n\n const filteredRecords: IPodListElement[] = pods.filter((elementItem) =>\n elementItem.name.toLowerCase().includes(filter.toLowerCase()),\n );\n\n const podTableActions = [\n { type: \"view\", onClick: podViewAction },\n { type: \"delete\", onClick: confirmDeletePod },\n ];\n\n useEffect(() => {\n if (loadingTenant) {\n setLoadingPods(true);\n }\n }, [loadingTenant]);\n\n useEffect(() => {\n if (loadingPods) {\n api\n .invoke(\n \"GET\",\n `/api/v1/namespaces/${tenantNamespace || \"\"}/tenants/${\n tenantName || \"\"\n }/pods`,\n )\n .then((result: IPodListElement[]) => {\n for (let i = 0; i < result.length; i++) {\n let currentTime = (Date.now() / 1000) | 0;\n result[i].time = niceDays(\n (currentTime - parseInt(result[i].timeCreated)).toString(),\n );\n }\n setPods(result);\n setLoadingPods(false);\n })\n .catch((err: ErrorResponseHandler) => {\n dispatch(\n setErrorSnackMessage({\n errorMessage: \"Error loading pods\",\n detailedError: err.detailedError,\n }),\n );\n });\n }\n }, [loadingPods, tenantName, tenantNamespace, dispatch]);\n\n useEffect(() => {\n if (startLogReport) {\n setLogReportFileContent(\"\");\n\n api\n .invoke(\n \"GET\",\n `/api/v1/namespaces/${tenantNamespace}/tenants/${tenantName}/log-report`,\n )\n .then(async (res: any) => {\n setLogReportFileContent(decodeURIComponent(res.blob));\n //@ts-ignore\n setFilename(res.filename || \"tenant-log-report.zip\");\n setStartLogReport(false);\n setDownloadReport(true);\n if (res.filename.length === 0 || res.blob.length === 0) {\n setReportError(true);\n } else {\n setReportError(false);\n }\n })\n .catch((err: ErrorResponseHandler) => {\n dispatch(setErrorSnackMessage(err));\n setStartLogReport(false);\n setReportError(true);\n });\n } else {\n // reset start status\n setStartLogReport(false);\n }\n }, [tenantName, tenantNamespace, startLogReport, dispatch]);\n\n const generateTenantLogReport = () => {\n setStartLogReport(true);\n };\n\n return (\n \n {deleteOpen && (\n \n )}\n \n \n Download Log Report\n \n \n }\n >\n Pods\n \n {downloadSuccess && !reportError && (\n \n )}\n\n {reportError && (\n \n )}\n \n \n \n \n \n {\n setFilter(value);\n }}\n placeholder={\"Search Pods\"}\n id=\"search-resource\"\n />\n \n \n {\n return input !== null ? input : 0;\n },\n },\n { label: \"Node\", elementKey: \"node\" },\n ]}\n isLoading={loadingPods}\n records={filteredRecords}\n itemActions={podTableActions}\n entityName=\"Pods\"\n idField=\"name\"\n customPaperHeight={\"calc(100vh - 400px)\"}\n />\n \n \n );\n};\n\nexport default PodsSummary;\n"],"names":["actionsTray","label","color","fontSize","alignSelf","whiteSpace","marginLeft","display","justifyContent","marginBottom","alignItems","flexGrow","modalStyleUtils","modalButtonBar","marginTop","marginRight","modalFormScrollable","maxHeight","overflowY","paddingTop","useApi","onSuccess","onError","isLoading","setIsLoading","useState","callApi","method","url","data","headers","api","invoke","then","res","catch","err","_ref","placeholder","onChange","overrideClass","value","id","sx","_jsx","InputBox","className","e","target","startIcon","SearchIcon","deleteOpen","selectedPod","closeDeleteModalAndRefresh","dispatch","useAppDispatch","retypePod","setRetypePod","deleteLoading","invokeDeleteApi","onDelSuccess","setErrorSnackMessage","ConfirmDialog","title","confirmText","isOpen","titleIcon","ConfirmDeleteIcon","onConfirm","onConfirmDelete","name","namespace","tenant","errorMessage","detailedError","onClose","confirmButtonProps","disabled","confirmationContent","_jsxs","Fragment","children","Box","event","PodsSummary","navigate","useNavigate","tenantName","tenantNamespace","useParams","loadingTenant","useSelector","state","tenants","pods","setPods","loadingPods","setLoadingPods","setDeleteOpen","setSelectedPod","filter","setFilter","logReportFileContent","setLogReportFileContent","startLogReport","setStartLogReport","downloadReport","setDownloadReport","downloadSuccess","setDownloadSuccess","reportError","setReportError","filename","setFilename","useEffect","element","document","createElement","setAttribute","style","body","appendChild","click","removeChild","filteredRecords","elementItem","toLowerCase","includes","podTableActions","type","onClick","pod","result","i","length","currentTime","Date","now","time","niceDays","parseInt","timeCreated","toString","async","decodeURIComponent","blob","DeletePod","reloadData","SectionTitle","separator","actions","TooltipWrapper","tooltip","Button","generateTenantLogReport","InformativeMessage","message","variant","Grid","container","item","xs","SearchBox","DataTable","columns","elementKey","width","renderFunction","input","records","itemActions","entityName","idField","customPaperHeight"],"sourceRoot":""}
\ No newline at end of file
diff --git a/web-app/build/static/js/415.21365e85.chunk.js b/web-app/build/static/js/415.21365e85.chunk.js
new file mode 100644
index 00000000000..dc3cbbb798f
--- /dev/null
+++ b/web-app/build/static/js/415.21365e85.chunk.js
@@ -0,0 +1,2 @@
+"use strict";(globalThis.webpackChunkweb_app=globalThis.webpackChunkweb_app||[]).push([[415],{7403(e,n,s){s.d(n,{U:()=>t,_:()=>l});const l={label:{color:"#07193E",fontSize:13,alignSelf:"center",whiteSpace:"nowrap","&:not(:first-of-type)":{marginLeft:10}},actionsTray:{display:"flex",justifyContent:"space-between",marginBottom:"1rem",alignItems:"center","& button":{flexGrow:0,marginLeft:8}}},t={modalButtonBar:{marginTop:15,display:"flex",alignItems:"center",justifyContent:"flex-end","& button":{marginRight:10},"& button:last-child":{marginRight:0}},modalFormScrollable:{maxHeight:"calc(100vh - 300px)",overflowY:"auto",paddingTop:10}}},4681(e,n,s){s.d(n,{A:()=>o});s(5043);var l=s(9923),t=s(579);const o=e=>{let{placeholder:n="",onChange:s,overrideClass:o,value:r,id:a="search-resource",label:i="",sx:d}=e;return(0,t.jsx)(l.cl_,{placeholder:n,className:o||"",id:a,label:i,onChange:e=>{s(e.target.value)},value:r,startIcon:(0,t.jsx)(l.WIv,{}),sx:d})}},2415(e,n,s){s.r(n),s.d(n,{default:()=>h});var l=s(5043),t=s(9923),o=s(9456),r=s(3216),a=s(2961),i=s(9607),d=s(7403),u=s(6483),c=s(6681),x=s(4681),m=s(579);const p=e=>{let{setPoolDetailsView:n}=e;const s=(0,a.jL)(),p=(0,r.Zp)(),v=(0,o.d4)(e=>e.tenants.loadingTenant),f=(0,o.d4)(e=>e.tenants.tenantInfo),[h,j]=(0,l.useState)([]),[g,y]=(0,l.useState)("");(0,l.useEffect)(()=>{if(f){const e=f.pools?f.pools:[];j(e)}},[f]);const C=h.filter(e=>{var n;return!(null===(n=e.name)||void 0===n||!n.toLowerCase().includes(g.toLowerCase()))}),b=[{type:"view",onClick:e=>{s((0,i.mw)(e.name)),n()}}];return(0,m.jsxs)(l.Fragment,{children:[(0,m.jsxs)(t.xA9,{item:!0,xs:12,sx:d._.actionsTray,children:[(0,m.jsx)(x.A,{value:g,onChange:e=>{y(e)},placeholder:"Filter",id:"search-resource"}),(0,m.jsx)(c.A,{tooltip:"Expand Tenant",children:(0,m.jsx)(t.$nd,{id:"expand-tenant",label:"Expand Tenant",onClick:()=>{p(`/namespaces/${(null===f||void 0===f?void 0:f.namespace)||""}/tenants/${(null===f||void 0===f?void 0:f.name)||""}/add-pool`)},icon:(0,m.jsx)(t.REV,{}),variant:"callAction"})})]}),(0,m.jsx)(t.xA9,{item:!0,xs:12,children:(0,m.jsx)(t.bQt,{itemActions:b,columns:[{label:"Name",elementKey:"name"},{label:"Total Capacity",elementKey:"capacity",renderFullObject:!0,renderFunction:e=>(0,u.qO)(e.volumes_per_server*e.servers*e.volume_configuration.size)},{label:"Servers",elementKey:"servers"},{label:"Volumes/Server",elementKey:"volumes_per_server"}],isLoading:v,records:C,entityName:"Servers",idField:"name",customEmptyMessage:"No Pools found",customPaperHeight:"calc(100vh - 400px)"})})]})},v={display:"grid",gridTemplateColumns:"2fr 1fr",gridAutoFlow:"row",gap:2,padding:"15px",[`@media (max-width: ${t.nmC.sm}px)`]:{gridTemplateColumns:"1fr",gridAutoFlow:"dense"}},f=()=>{var e,n,s,a,i,d,c,x,p,f,h;const j=(0,r.Zp)(),g=(0,o.d4)(e=>e.tenants.tenantInfo),y=(0,o.d4)(e=>e.tenants.selectedPool);if(null===g)return(0,m.jsx)(l.Fragment,{});const C=(null===(e=g.pools)||void 0===e?void 0:e.find(e=>e.name===y))||null;if(null===C)return null;let b="None";return C.affinity&&(b=C.affinity.nodeAffinity?"Node Selector":"Default (Pod Anti-Affinity)"),(0,m.jsx)(l.Fragment,{children:(0,m.jsxs)(t.azJ,{withBorders:!0,customBorderPadding:"0px",sx:{width:"100%"},children:[(0,m.jsx)(t._xt,{separator:!0,actions:(0,m.jsx)(t.$nd,{icon:(0,m.jsx)(t.qI7,{}),onClick:()=>{j(`/namespaces/${(null===g||void 0===g?void 0:g.namespace)||""}/tenants/${(null===g||void 0===g?void 0:g.name)||""}/edit-pool`)},label:"Edit Pool",id:"editPool"}),children:"Pool Configuration"}),(0,m.jsxs)(t.azJ,{sx:{...v},children:[(0,m.jsx)(t.mZW,{label:"Pool Name",value:C.name}),(0,m.jsx)(t.mZW,{label:"Total Volumes",value:C.volumes_per_server}),(0,m.jsx)(t.mZW,{label:"Volumes per server",value:C.volumes_per_server}),(0,m.jsx)(t.mZW,{label:"Capacity",value:(0,u.qO)(C.volumes_per_server*C.servers*C.volume_configuration.size)}),(0,m.jsx)(t.mZW,{label:"Runtime Class Name",value:C.runtimeClassName})]}),(0,m.jsx)(t._xt,{separator:!0,children:"Resources"}),(0,m.jsxs)(t.azJ,{sx:{...v},children:[C.resources&&(0,m.jsxs)(l.Fragment,{children:[(0,m.jsx)(t.mZW,{label:"CPU",value:null===(n=C.resources)||void 0===n||null===(s=n.requests)||void 0===s?void 0:s.cpu}),(0,m.jsx)(t.mZW,{label:"Memory",value:(0,u.qO)(null===(a=C.resources)||void 0===a||null===(i=a.requests)||void 0===i?void 0:i.memory)})]}),(0,m.jsx)(t.mZW,{label:"Volume Size",value:(0,u.qO)(C.volume_configuration.size)}),(0,m.jsx)(t.mZW,{label:"Storage Class Name",value:C.volume_configuration.storage_class_name})]}),C.securityContext&&(C.securityContext.runAsNonRoot||C.securityContext.runAsUser||C.securityContext.runAsGroup||C.securityContext.fsGroup)&&(0,m.jsxs)(l.Fragment,{children:[(0,m.jsx)(t._xt,{separator:!0,children:"Security Context"}),(0,m.jsxs)(t.azJ,{children:[null!==C.securityContext.runAsNonRoot&&(0,m.jsx)(t.azJ,{sx:{...v},children:(0,m.jsx)(t.mZW,{label:"Run as Non Root",value:C.securityContext.runAsNonRoot?"Yes":"No"})}),(0,m.jsxs)(t.azJ,{sx:{display:"grid",gridTemplateColumns:"2fr 1fr",gridAutoFlow:"row",gap:2,padding:"15px",[`@media (max-width: ${t.nmC.sm}px)`]:{gridTemplateColumns:"1fr",gridAutoFlow:"dense"},[`@media (max-width: ${t.nmC.md}px)`]:{gridTemplateColumns:"2fr 1fr"},[`@media (max-width: ${t.nmC.lg}px)`]:{gridTemplateColumns:"1fr 1fr 1fr"}},children:[C.securityContext.runAsUser&&(0,m.jsx)(t.mZW,{label:"Run as User",value:C.securityContext.runAsUser}),C.securityContext.runAsGroup&&(0,m.jsx)(t.mZW,{label:"Run as Group",value:C.securityContext.runAsGroup}),C.securityContext.fsGroup&&(0,m.jsx)(t.mZW,{label:"FsGroup",value:C.securityContext.fsGroup})]})]})]}),(0,m.jsx)(t._xt,{separator:!0,children:"Affinity"}),(0,m.jsxs)(t.azJ,{children:[(0,m.jsxs)(t.azJ,{sx:{...v},children:[(0,m.jsx)(t.mZW,{label:"Type",value:b}),null!==(d=C.affinity)&&void 0!==d&&d.nodeAffinity&&null!==(c=C.affinity)&&void 0!==c&&c.podAntiAffinity?(0,m.jsx)(t.mZW,{label:"With Pod Anti affinity",value:"Yes"}):(0,m.jsx)("span",{})]}),(null===(x=C.affinity)||void 0===x?void 0:x.nodeAffinity)&&(0,m.jsxs)(l.Fragment,{children:[(0,m.jsx)(t._xt,{separator:!0,children:"Labels"}),(0,m.jsx)("ul",{children:null===(p=C.affinity)||void 0===p||null===(f=p.nodeAffinity)||void 0===f||null===(h=f.requiredDuringSchedulingIgnoredDuringExecution)||void 0===h?void 0:h.nodeSelectorTerms.map(e=>{var n;return null===(n=e.matchExpressions)||void 0===n?void 0:n.map(e=>{var n;return(0,m.jsxs)("li",{children:[e.key," - ",null===(n=e.values)||void 0===n?void 0:n.join(", ")]})})})})]})]}),C.tolerations&&C.tolerations.length>0&&(0,m.jsxs)(l.Fragment,{children:[(0,m.jsx)(t._xt,{separator:!0,children:"Tolerations"}),(0,m.jsx)(t.azJ,{children:(0,m.jsx)("ul",{children:C.tolerations.map(e=>{var n,s;return(0,m.jsx)("li",{children:"Equal"===e.operator?(0,m.jsxs)(l.Fragment,{children:["If ",(0,m.jsx)("strong",{children:e.key})," is equal to"," ",(0,m.jsx)("strong",{children:e.value})," then"," ",(0,m.jsx)("strong",{children:e.effect})," after"," ",(0,m.jsx)("strong",{children:(null===(n=e.tolerationSeconds)||void 0===n?void 0:n.seconds)||0})," ","seconds"]}):(0,m.jsxs)(l.Fragment,{children:["If ",(0,m.jsx)("strong",{children:e.key})," exists then"," ",(0,m.jsx)("strong",{children:e.effect})," after"," ",(0,m.jsx)("strong",{children:(null===(s=e.tolerationSeconds)||void 0===s?void 0:s.seconds)||0})," ","seconds"]})})})})})]})]})})},h=()=>{const e=(0,a.jL)(),n=(0,r.Zp)(),{pathname:s=""}=(0,r.zy)(),d=(0,o.d4)(e=>e.tenants.selectedPool),u=(0,o.d4)(e=>e.tenants.poolDetailsOpen);return(0,m.jsxs)(l.Fragment,{children:[u&&(0,m.jsx)(t.azJ,{children:(0,m.jsx)(t.EGL,{label:"Pools list",onClick:()=>{n(s),e((0,i.VG)(!1))}})}),(0,m.jsx)(t._xt,{separator:!0,sx:{marginBottom:15},children:u?`Pool Details - ${d||""}`:"Pools"}),(0,m.jsx)(t.azJ,{children:u?(0,m.jsx)(f,{}):(0,m.jsx)(p,{setPoolDetailsView:()=>{e((0,i.VG)(!0))}})})]})}}}]);
+//# sourceMappingURL=415.21365e85.chunk.js.map
\ No newline at end of file
diff --git a/web-app/build/static/js/415.21365e85.chunk.js.map b/web-app/build/static/js/415.21365e85.chunk.js.map
new file mode 100644
index 00000000000..6bde0394b0b
--- /dev/null
+++ b/web-app/build/static/js/415.21365e85.chunk.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"static/js/415.21365e85.chunk.js","mappings":"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","sources":["screens/Console/Common/FormComponents/common/styleLibrary.ts","screens/Console/Common/SearchBox.tsx","screens/Console/Tenants/TenantDetails/Pools/Details/PoolsListing.tsx","screens/Console/Tenants/TenantDetails/Pools/Details/PoolDetails.tsx","screens/Console/Tenants/TenantDetails/PoolsSummary.tsx"],"sourcesContent":["// This file is part of MinIO Operator\n// Copyright (c) 2021 MinIO, Inc.\n//\n// This program is free software: you can redistribute it and/or modify\n// it under the terms of the GNU Affero General Public License as published by\n// the Free Software Foundation, either version 3 of the License, or\n// (at your option) any later version.\n//\n// This program is distributed in the hope that it will be useful,\n// but WITHOUT ANY WARRANTY; without even the implied warranty of\n// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n// GNU Affero General Public License for more details.\n//\n// You should have received a copy of the GNU Affero General Public License\n// along with this program. If not, see .\n\n// This object contains variables that will be used across form components.\n\nexport const actionsTray = {\n label: {\n color: \"#07193E\",\n fontSize: 13,\n alignSelf: \"center\" as const,\n whiteSpace: \"nowrap\" as const,\n \"&:not(:first-of-type)\": {\n marginLeft: 10,\n },\n },\n actionsTray: {\n display: \"flex\" as const,\n justifyContent: \"space-between\" as const,\n marginBottom: \"1rem\",\n alignItems: \"center\",\n \"& button\": {\n flexGrow: 0,\n marginLeft: 8,\n },\n },\n};\n\nexport const modalStyleUtils: any = {\n modalButtonBar: {\n marginTop: 15,\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"flex-end\",\n\n \"& button\": {\n marginRight: 10,\n },\n \"& button:last-child\": {\n marginRight: 0,\n },\n },\n modalFormScrollable: {\n maxHeight: \"calc(100vh - 300px)\",\n overflowY: \"auto\",\n paddingTop: 10,\n },\n};\n","// This file is part of MinIO Operator\n// Copyright (c) 2022 MinIO, Inc.\n//\n// This program is free software: you can redistribute it and/or modify\n// it under the terms of the GNU Affero General Public License as published by\n// the Free Software Foundation, either version 3 of the License, or\n// (at your option) any later version.\n//\n// This program is distributed in the hope that it will be useful,\n// but WITHOUT ANY WARRANTY; without even the implied warranty of\n// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n// GNU Affero General Public License for more details.\n//\n// You should have received a copy of the GNU Affero General Public License\n// along with this program. If not, see .\n\nimport React from \"react\";\nimport { InputBox, SearchIcon } from \"mds\";\nimport { CSSObject } from \"styled-components\";\n\ntype SearchBoxProps = {\n placeholder?: string;\n value: string;\n onChange: (value: string) => void;\n overrideClass?: any;\n id?: string;\n label?: string;\n sx?: CSSObject;\n};\n\nconst SearchBox = ({\n placeholder = \"\",\n onChange,\n overrideClass,\n value,\n id = \"search-resource\",\n label = \"\",\n sx,\n}: SearchBoxProps) => {\n return (\n {\n onChange(e.target.value);\n }}\n value={value}\n startIcon={}\n sx={sx}\n />\n );\n};\n\nexport default SearchBox;\n","// This file is part of MinIO Operator\n// Copyright (c) 2022 MinIO, Inc.\n//\n// This program is free software: you can redistribute it and/or modify\n// it under the terms of the GNU Affero General Public License as published by\n// the Free Software Foundation, either version 3 of the License, or\n// (at your option) any later version.\n//\n// This program is distributed in the hope that it will be useful,\n// but WITHOUT ANY WARRANTY; without even the implied warranty of\n// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n// GNU Affero General Public License for more details.\n//\n// You should have received a copy of the GNU Affero General Public License\n// along with this program. If not, see .\n\nimport React, { Fragment, useEffect, useState } from \"react\";\nimport { AddIcon, Button, DataTable, Grid } from \"mds\";\nimport { useSelector } from \"react-redux\";\nimport { useNavigate } from \"react-router-dom\";\nimport { AppState, useAppDispatch } from \"../../../../../../store\";\nimport { actionsTray } from \"../../../../Common/FormComponents/common/styleLibrary\";\nimport { setSelectedPool } from \"../../../tenantsSlice\";\nimport { Pool } from \"../../../../../../api/operatorApi\";\nimport { niceBytesInt } from \"../../../../../../common/utils\";\nimport TooltipWrapper from \"../../../../Common/TooltipWrapper/TooltipWrapper\";\nimport SearchBox from \"../../../../Common/SearchBox\";\n\ninterface IPoolsSummary {\n setPoolDetailsView: () => void;\n}\n\nconst PoolsListing = ({ setPoolDetailsView }: IPoolsSummary) => {\n const dispatch = useAppDispatch();\n const navigate = useNavigate();\n\n const loadingTenant = useSelector(\n (state: AppState) => state.tenants.loadingTenant,\n );\n const tenant = useSelector((state: AppState) => state.tenants.tenantInfo);\n\n const [pools, setPools] = useState([]);\n const [filter, setFilter] = useState(\"\");\n\n useEffect(() => {\n if (tenant) {\n const resPools = !tenant.pools ? [] : tenant.pools;\n setPools(resPools);\n }\n }, [tenant]);\n\n const filteredPools = pools.filter((pool) => {\n if (pool.name?.toLowerCase().includes(filter.toLowerCase())) {\n return true;\n }\n\n return false;\n });\n\n const listActions = [\n {\n type: \"view\",\n onClick: (selectedValue: Pool) => {\n dispatch(setSelectedPool(selectedValue.name!));\n setPoolDetailsView();\n },\n },\n ];\n\n return (\n \n \n {\n setFilter(value);\n }}\n placeholder={\"Filter\"}\n id=\"search-resource\"\n />\n \n {\n navigate(\n `/namespaces/${tenant?.namespace || \"\"}/tenants/${\n tenant?.name || \"\"\n }/add-pool`,\n );\n }}\n icon={}\n variant={\"callAction\"}\n />\n \n \n \n \n niceBytesInt(\n x.volumes_per_server *\n x.servers *\n x.volume_configuration.size,\n ),\n },\n { label: \"Servers\", elementKey: \"servers\" },\n { label: \"Volumes/Server\", elementKey: \"volumes_per_server\" },\n ]}\n isLoading={loadingTenant}\n records={filteredPools}\n entityName=\"Servers\"\n idField=\"name\"\n customEmptyMessage=\"No Pools found\"\n customPaperHeight={\"calc(100vh - 400px)\"}\n />\n \n \n );\n};\n\nexport default PoolsListing;\n","// This file is part of MinIO Operator\n// Copyright (c) 2022 MinIO, Inc.\n//\n// This program is free software: you can redistribute it and/or modify\n// it under the terms of the GNU Affero General Public License as published by\n// the Free Software Foundation, either version 3 of the License, or\n// (at your option) any later version.\n//\n// This program is distributed in the hope that it will be useful,\n// but WITHOUT ANY WARRANTY; without even the implied warranty of\n// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n// GNU Affero General Public License for more details.\n//\n// You should have received a copy of the GNU Affero General Public License\n// along with this program. If not, see .\n\nimport React, { Fragment } from \"react\";\nimport { useSelector } from \"react-redux\";\nimport { useNavigate } from \"react-router-dom\";\nimport { AppState } from \"../../../../../../store\";\nimport { niceBytesInt } from \"../../../../../../common/utils\";\nimport {\n Box,\n breakPoints,\n Button,\n EditTenantIcon,\n SectionTitle,\n ValuePair,\n} from \"mds\";\nimport { NodeSelectorTerm } from \"../../../../../../api/operatorApi\";\n\nconst twoColCssGridLayoutConfig = {\n display: \"grid\",\n gridTemplateColumns: \"2fr 1fr\",\n gridAutoFlow: \"row\",\n gap: 2,\n padding: \"15px\",\n [`@media (max-width: ${breakPoints.sm}px)`]: {\n gridTemplateColumns: \"1fr\",\n gridAutoFlow: \"dense\",\n },\n};\n\nconst PoolDetails = () => {\n const navigate = useNavigate();\n\n const tenant = useSelector((state: AppState) => state.tenants.tenantInfo);\n const selectedPool = useSelector(\n (state: AppState) => state.tenants.selectedPool,\n );\n if (tenant === null) {\n return ;\n }\n\n const poolInformation =\n tenant.pools?.find((pool) => pool.name === selectedPool) || null;\n\n if (poolInformation === null) {\n return null;\n }\n\n let affinityType = \"None\";\n\n if (poolInformation.affinity) {\n if (poolInformation.affinity.nodeAffinity) {\n affinityType = \"Node Selector\";\n } else {\n affinityType = \"Default (Pod Anti-Affinity)\";\n }\n }\n\n return (\n \n \n }\n onClick={() => {\n navigate(\n `/namespaces/${tenant?.namespace || \"\"}/tenants/${\n tenant?.name || \"\"\n }/edit-pool`,\n );\n }}\n label={\"Edit Pool\"}\n id={\"editPool\"}\n />\n }\n >\n Pool Configuration\n \n \n \n \n \n \n \n \n Resources\n \n {poolInformation.resources && (\n \n \n \n \n )}\n \n \n \n {poolInformation.securityContext &&\n (poolInformation.securityContext.runAsNonRoot ||\n poolInformation.securityContext.runAsUser ||\n poolInformation.securityContext.runAsGroup ||\n poolInformation.securityContext.fsGroup) && (\n \n Security Context\n \n {poolInformation.securityContext.runAsNonRoot !== null && (\n \n \n \n )}\n \n {poolInformation.securityContext.runAsUser && (\n \n )}\n {poolInformation.securityContext.runAsGroup && (\n \n )}\n {poolInformation.securityContext.fsGroup && (\n \n )}\n \n \n \n )}\n Affinity\n \n \n \n {poolInformation.affinity?.nodeAffinity &&\n poolInformation.affinity?.podAntiAffinity ? (\n \n ) : (\n \n )}\n \n {poolInformation.affinity?.nodeAffinity && (\n \n Labels\n \n {poolInformation.affinity?.nodeAffinity?.requiredDuringSchedulingIgnoredDuringExecution?.nodeSelectorTerms.map(\n (term: NodeSelectorTerm) => {\n return term.matchExpressions?.map((trm) => {\n return (\n - \n {trm.key} - {trm.values?.join(\", \")}\n
\n );\n });\n },\n )}\n
\n \n )}\n \n {poolInformation.tolerations &&\n poolInformation.tolerations.length > 0 && (\n \n Tolerations\n \n \n {poolInformation.tolerations.map((tolItem) => {\n return (\n - \n {tolItem.operator === \"Equal\" ? (\n
