Disable azure devops support for PAYG

Author: mustard-mh

components/dashboard/src/data/auth-providers/auth-provider-options-query.ts

@@ -0,0 +1,25 @@
+/**
+ * Copyright (c) 2024 Gitpod GmbH. All rights reserved.
+ * Licensed under the GNU Affero General Public License (AGPL).
+ * See License.AGPL.txt in the project root for license information.
+ */
+
+import { AuthProviderType } from "@gitpod/public-api/lib/gitpod/v1/authprovider_pb";
+import { isGitpodIo } from "../../utils";
+import { useMemo } from "react";
+
+const optionsForPAYG = [
+    { type: AuthProviderType.GITHUB, label: "GitHub" },
+    { type: AuthProviderType.GITLAB, label: "GitLab" },
+    { type: AuthProviderType.BITBUCKET_SERVER, label: "Bitbucket Server" },
+    { type: AuthProviderType.BITBUCKET, label: "Bitbucket Cloud" },
+];
+
+const optionsForEnterprise = [...optionsForPAYG, { type: AuthProviderType.AZURE_DEVOPS, label: "Azure DevOps" }];
+
+export const useAuthProviderOptionsQuery = () => {
+    const isPAYG = isGitpodIo();
+    return useMemo(() => {
+        return isPAYG ? optionsForPAYG : optionsForEnterprise;
+    }, [isPAYG]);
+};

components/dashboard/src/teams/git-integrations/GitIntegrationModal.tsx

@@ -24,6 +24,7 @@ import { useCreateOrgAuthProviderMutation } from "../../data/auth-providers/crea
 import { useUpdateOrgAuthProviderMutation } from "../../data/auth-providers/update-org-auth-provider-mutation";
 import { authProviderClient, userClient } from "../../service/public-api";
 import { LoadingButton } from "@podkit/buttons/LoadingButton";
+import { useAuthProviderOptionsQuery } from "../../data/auth-providers/auth-provider-options-query";
 
 type Props = {
     provider?: AuthProvider;
@@ -39,6 +40,7 @@ export const GitIntegrationModal: FunctionComponent<Props> = (props) => {
     const [clientSecret, setClientSecret] = useState<string>(props.provider?.oauth2Config?.clientSecret ?? "");
     const [authorizationUrl, setAuthorizationUrl] = useState(props.provider?.oauth2Config?.authorizationUrl ?? "");
     const [tokenUrl, setTokenUrl] = useState(props.provider?.oauth2Config?.tokenUrl ?? "");
+    const availableProviderOptions = useAuthProviderOptionsQuery();
 
     const [savedProvider, setSavedProvider] = useState(props.provider);
     const isNew = !savedProvider;
@@ -261,11 +263,11 @@ export const GitIntegrationModal: FunctionComponent<Props> = (props) => {
                         topMargin={false}
                         onChange={(val) => setType(getNumber(val))}
                     >
-                        <option value={AuthProviderType.GITHUB}>GitHub</option>
-                        <option value={AuthProviderType.GITLAB}>GitLab</option>
-                        <option value={AuthProviderType.BITBUCKET}>Bitbucket Cloud</option>
-                        <option value={AuthProviderType.BITBUCKET_SERVER}>Bitbucket Server</option>
-                        <option value={AuthProviderType.AZURE_DEVOPS}>Azure DevOps</option>
+                        {availableProviderOptions.map((option) => (
+                            <option key={option.type} value={option.type}>
+                                {option.label}
+                            </option>
+                        ))}
                     </SelectInputField>
                     <TextInputField
                         label="Provider Host Name"

components/dashboard/src/user-settings/Integrations.tsx

@@ -41,6 +41,7 @@ import { useDeleteUserAuthProviderMutation } from "../data/auth-providers/delete
 import { Button } from "@podkit/buttons/Button";
 import { isOrganizationOwned } from "@gitpod/public-api-common/lib/user-utils";
 import { InputWithCopy } from "../components/InputWithCopy";
+import { useAuthProviderOptionsQuery } from "../data/auth-providers/auth-provider-options-query";
 
 export default function Integrations() {
     return (
@@ -561,6 +562,8 @@ export function GitIntegrationModal(
     const createProvider = useCreateUserAuthProviderMutation();
     const updateProvider = useUpdateUserAuthProviderMutation();
 
+    const availableProviderOptions = useAuthProviderOptionsQuery();
+
     useEffect(() => {
         setMode(props.mode);
         if (props.mode === "edit") {
@@ -846,10 +849,11 @@ export function GitIntegrationModal(
                                 className="w-full"
                                 onChange={(e) => setType(getNumber(e.target.value))}
                             >
-                                <option value={AuthProviderType.GITHUB}>GitHub</option>
-                                <option value={AuthProviderType.GITLAB}>GitLab</option>
-                                <option value={AuthProviderType.BITBUCKET_SERVER}>Bitbucket Server</option>
-                                <option value={AuthProviderType.AZURE_DEVOPS}>Azure DevOps</option>
+                                {availableProviderOptions.map((options) => (
+                                    <option key={options.type} value={options.type}>
+                                        {options.label}
+                                    </option>
+                                ))}
                             </select>
                         </div>
                     )}