Client: SSO: show settings for paid

packages/client/src/pages/PortalSettings/categories/integration/SingleSignOn/SubmitButton.js

@@ -45,6 +45,7 @@ const SubmitResetButtons = (props) => {
     hasChanges,
     isLoadingXml,
     enableSso,
+    isSSOAvailable,
   } = props;
 
   return (
@@ -62,7 +63,9 @@ const SubmitResetButtons = (props) => {
         saveButtonDisabled={
           !enableSso || hasErrors || !hasChanges || isLoadingXml
         }
-        cancelEnable={!(isSubmitLoading || isLoadingXml)}
+        disableRestoreToDefault={
+          isSubmitLoading || isLoadingXml || !isSSOAvailable
+        }
         additionalClassSaveButton="save-button"
         additionalClassCancelButton="restore-button"
       />
@@ -71,7 +74,7 @@ const SubmitResetButtons = (props) => {
   );
 };
 
-export default inject(({ ssoStore }) => {
+export default inject(({ ssoStore, currentQuotaStore }) => {
   const {
     saveSsoSettings,
     isSsoEnabled,
@@ -84,6 +87,7 @@ export default inject(({ ssoStore }) => {
     isLoadingXml,
     enableSso,
   } = ssoStore;
+  const { isSSOAvailable } = currentQuotaStore;
 
   return {
     saveSsoSettings,
@@ -96,5 +100,6 @@ export default inject(({ ssoStore }) => {
     hasChanges,
     isLoadingXml,
     enableSso,
+    isSSOAvailable,
   };
 })(observer(SubmitResetButtons));

packages/client/src/pages/PortalSettings/categories/integration/SingleSignOn/index.js

@@ -69,7 +69,6 @@ const SingleSignOn = (props) => {
     <StyledSsoPage
       hideSettings={serviceProviderSettings}
       hideMetadata={spMetadata}
-      isSettingPaid={isSSOAvailable}
     >
       <Text className="intro-text settings_unavailable" noSelect>
         {t("SsoIntro")}
@@ -88,7 +87,7 @@ const SingleSignOn = (props) => {
             })}
             label={SERVICE_PROVIDER_SETTINGS}
             value={serviceProviderSettings}
-            isDisabled={!isSSOAvailable}
+            //isDisabled={!isSSOAvailable}
           />
 
           <SPSettings />
@@ -101,7 +100,7 @@ const SingleSignOn = (props) => {
             })}
             label={SP_METADATA}
             value={spMetadata}
-            isDisabled={!isSSOAvailable}
+            //isDisabled={!isSSOAvailable}
           />
 
           <Box className="sp-metadata">

packages/client/src/pages/PortalSettings/categories/integration/SingleSignOn/styled-containers/StyledSsoPageContainer.js

@@ -25,7 +25,6 @@
 // International. See the License terms at http://creativecommons.org/licenses/by-sa/4.0/legalcode
 
 import styled, { css } from "styled-components";
-import { UnavailableStyles } from "../../../../utils/commonSettingsStyles";
 
 const StyledSsoPage = styled.div`
   max-width: 100%;
@@ -147,8 +146,6 @@ const StyledSsoPage = styled.div`
             `}
     }
   }
-
-  ${(props) => !props.isSettingPaid && UnavailableStyles}
 `;
 
 export default StyledSsoPage;

packages/client/src/pages/PortalSettings/categories/integration/SingleSignOn/sub-components/HideButton.js

@@ -52,22 +52,13 @@ const StyledWrapper = styled.div`
 
 const HideButton = (props) => {
   const { t } = useTranslation("SingleSignOn");
-  const {
-    text,
-    label,
-    isAdditionalParameters,
-    value,
-    setHideLabel,
-    isDisabled,
-    id,
-  } = props;
+  const { text, label, isAdditionalParameters, value, setHideLabel, id } =
+    props;
 
   const onClick = () => {
     setHideLabel(label);
   };
 
-  const onClickProp = isDisabled ? {} : { onClick: onClick };
-
   return (
     <StyledWrapper isAdditionalParameters={isAdditionalParameters}>
       {!isAdditionalParameters && (
@@ -86,7 +77,7 @@ const HideButton = (props) => {
         id={id}
         className="hide-button settings_unavailable"
         isHovered
-        {...onClickProp}
+        onClick={onClick}
         type="action"
       >
         {value

packages/client/src/pages/PortalSettings/categories/integration/SingleSignOn/sub-components/ToggleSSO.js

@@ -32,6 +32,7 @@ import { Text } from "@docspace/shared/components/text";
 import { ToggleButton } from "@docspace/shared/components/toggle-button";
 import { Badge } from "@docspace/shared/components/badge";
 import { mobile } from "@docspace/shared/utils";
+import { UnavailableStyles } from "../../../../utils/commonSettingsStyles";
 
 const StyledWrapper = styled.div`
   display: flex;
@@ -69,6 +70,8 @@ const StyledWrapper = styled.div`
       }
     }
   }
+
+  ${(props) => !props.isSSOAvailable && UnavailableStyles}
 `;
 
 const ToggleSSO = ({ enableSso, ssoToggle, isSSOAvailable }) => {
@@ -76,7 +79,7 @@ const ToggleSSO = ({ enableSso, ssoToggle, isSSOAvailable }) => {
 
   const theme = useTheme();
   return (
-    <StyledWrapper>
+    <StyledWrapper isSSOAvailable={isSSOAvailable}>
       <ToggleButton
         className="enable-sso toggle"
         isChecked={enableSso}