dify/web/service/use-oauth.ts

import { useMutation, useQuery } from '@tanstack/react-query'
import { post } from './base'

const NAME_SPACE = 'oauth-provider'

type OAuthAppInfo = {
  app_icon: string
  app_label: Record<string, string>
  scope: string
}

type OAuthAuthorizeResponse = {
  code: string
}

export const useOAuthAppInfo = (client_id: string, redirect_uri: string) => {
  return useQuery<OAuthAppInfo>({
    queryKey: [NAME_SPACE, 'authAppInfo', client_id, redirect_uri],
    queryFn: () =>
      post<OAuthAppInfo>(
        '/oauth/provider',
        { body: { client_id, redirect_uri } },
        { silent: true },
      ),
    enabled: Boolean(client_id && redirect_uri),
  })
}

export const useAuthorizeOAuthApp = () => {
  return useMutation({
    mutationKey: [NAME_SPACE, 'authorize'],
    mutationFn: (payload: { client_id: string }) =>
      post<OAuthAuthorizeResponse>('/oauth/provider/authorize', { body: payload }),
  })
}