chore: move google auth ui behind flag (#3606)

Moves the access tab for Google Auth behind a flag. The elements
are still accessible but hidden by default so this is a soft change.
This is a deprecated feature and is on its way out.

frontend/src/component/admin/auth/AuthSettings.tsx

@@ -11,6 +11,7 @@ import { TabNav } from 'component/common/TabNav/TabNav/TabNav';
 
 export const AuthSettings = () => {
     const { authenticationType } = useUiConfig().uiConfig;
+    const { uiConfig } = useUiConfig();
 
     const tabs = [
         {
@@ -29,7 +30,9 @@ export const AuthSettings = () => {
             label: 'Google',
             component: <GoogleAuth />,
         },
-    ];
+    ].filter(
+        item => uiConfig.flags?.googleAuthEnabled || item.label !== 'Google'
+    );
 
     return (
         <div>

frontend/src/interfaces/uiConfig.ts

@@ -51,6 +51,7 @@ export interface IFlags {
     demo?: boolean;
     strategyTitle?: boolean;
     groupRootRoles?: boolean;
+    googleAuthEnabled?: boolean;
 }
 
 export interface IVersionInfo {

src/lib/__snapshots__/create-config.test.ts.snap

@@ -75,6 +75,7 @@ exports[`should create default config 1`] = `
       "embedProxy": true,
       "embedProxyFrontend": true,
       "featuresExportImport": true,
+      "googleAuthEnabled": false,
       "groupRootRoles": false,
       "maintenanceMode": false,
       "messageBanner": false,
@@ -101,6 +102,7 @@ exports[`should create default config 1`] = `
       "embedProxy": true,
       "embedProxyFrontend": true,
       "featuresExportImport": true,
+      "googleAuthEnabled": false,
       "groupRootRoles": false,
       "maintenanceMode": false,
       "messageBanner": false,

src/lib/types/experimental.ts

@@ -80,6 +80,10 @@ const flags = {
         process.env.UNLEASH_STRATEGY_TITLE,
         false,
     ),
+    googleAuthEnabled: parseEnvVarBoolean(
+        process.env.GOOGLE_AUTH_ENABLED,
+        false,
+    ),
 };
 
 export const defaultExperimentalOptions: IExperimentalOptions = {