* refactor: apply biome formatting to apps/web (batch 1) Formats apps/web non-modules directories: - apps/web/app - apps/web/lib - apps/web/pages - apps/web/styles - apps/web/server - apps/web/test - Root-level .ts and .mjs files Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com> * refactor: apply biome formatting to apps/web/modules (batch 2) Formats smaller apps/web/modules directories: - onboarding, data-table, users, apps, auth - integration-attribute-sync, shell, availability - feature-flags, team, webhooks, getting-started - feature-opt-in, troubleshooter, schedules, notifications - signup-view.tsx Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com> * refactor: apply biome formatting to apps/web/modules (batch 3) Formats medium apps/web/modules directories: - bookings - event-types - insights - embed Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com> * refactor: apply biome formatting to apps/web/modules/ee (batch 4) Formats apps/web/modules/ee directory. Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com> * refactor: apply biome formatting to apps/web (batch 5) Formats remaining apps/web directories: - apps/web/modules/settings - apps/web/modules/booking-audit - apps/web/playwright Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com> * refactor: apply biome formatting to apps/web/components (batch 6) Formats remaining apps/web/components files. Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com> * refactor: apply biome formatting to new apps/web files from main Formats newly added/modified files from main merge: - WorkflowStepContainer.tsx (resolved merge conflicts) - Newly moved files (blocklist, form-builder, schedules, etc.) - Other files modified in main Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com> * refactor: apply biome formatting to new apps/web files from main Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com> --------- Co-authored-by: Claude Opus 4.5 <noreply@anthropic.com> Co-authored-by: Devin AI <158243242+devin-ai-integration[bot]@users.noreply.github.com>
222 lines
4.9 KiB
TypeScript
222 lines
4.9 KiB
TypeScript
import { useMutation, useQuery } from "@tanstack/react-query";
|
|
|
|
import { SUCCESS_STATUS } from "@calcom/platform-constants";
|
|
import type {
|
|
ApiResponse,
|
|
CreateOAuthClientInput,
|
|
DeleteOAuthClientInput,
|
|
PlatformOAuthClientDto,
|
|
SubscribeTeamInput,
|
|
} from "@calcom/platform-types";
|
|
|
|
interface IPersistOAuthClient {
|
|
onSuccess?: () => void;
|
|
onError?: () => void;
|
|
}
|
|
|
|
export const useCreateOAuthClient = (
|
|
{ onSuccess, onError }: IPersistOAuthClient = {
|
|
onSuccess: () => {
|
|
return;
|
|
},
|
|
onError: () => {
|
|
return;
|
|
},
|
|
}
|
|
) => {
|
|
return useMutation<
|
|
ApiResponse<{ clientId: string; clientSecret: string }>,
|
|
unknown,
|
|
CreateOAuthClientInput
|
|
>({
|
|
mutationFn: (data) => {
|
|
return fetch("/api/v2/oauth-clients", {
|
|
method: "post",
|
|
headers: { "Content-type": "application/json" },
|
|
body: JSON.stringify(data),
|
|
}).then((res) => res.json());
|
|
},
|
|
onSuccess: (data) => {
|
|
if (data.status === SUCCESS_STATUS) {
|
|
onSuccess?.();
|
|
} else {
|
|
onError?.();
|
|
}
|
|
},
|
|
onError: () => {
|
|
onError?.();
|
|
},
|
|
});
|
|
};
|
|
|
|
export const useUpdateOAuthClient = (
|
|
{ onSuccess, onError, clientId }: IPersistOAuthClient & { clientId?: string } = {
|
|
onSuccess: () => {
|
|
return;
|
|
},
|
|
onError: () => {
|
|
return;
|
|
},
|
|
}
|
|
) => {
|
|
const mutation = useMutation<
|
|
ApiResponse<{ clientId: string; clientSecret: string }>,
|
|
unknown,
|
|
Omit<CreateOAuthClientInput, "permissions">
|
|
>({
|
|
mutationFn: (data) => {
|
|
return fetch(`/api/v2/oauth-clients/${clientId}`, {
|
|
method: "PATCH",
|
|
headers: { "Content-type": "application/json" },
|
|
body: JSON.stringify(data),
|
|
}).then((res) => res?.json());
|
|
},
|
|
onSuccess: (data) => {
|
|
if (data.status === SUCCESS_STATUS) {
|
|
onSuccess?.();
|
|
} else {
|
|
onError?.();
|
|
}
|
|
},
|
|
onError: () => {
|
|
onError?.();
|
|
},
|
|
});
|
|
|
|
return mutation;
|
|
};
|
|
|
|
export const useDeleteOAuthClient = (
|
|
{ onSuccess, onError }: IPersistOAuthClient = {
|
|
onSuccess: () => {
|
|
return;
|
|
},
|
|
onError: () => {
|
|
return;
|
|
},
|
|
}
|
|
) => {
|
|
const mutation = useMutation<ApiResponse<PlatformOAuthClientDto>, unknown, DeleteOAuthClientInput>({
|
|
mutationFn: (data) => {
|
|
const { id } = data;
|
|
return fetch(`/api/v2/oauth-clients/${id}`, {
|
|
method: "delete",
|
|
headers: { "Content-type": "application/json" },
|
|
}).then((res) => res?.json());
|
|
},
|
|
onSuccess: (data) => {
|
|
if (data.status === SUCCESS_STATUS) {
|
|
onSuccess?.();
|
|
} else {
|
|
onError?.();
|
|
}
|
|
},
|
|
onError: () => {
|
|
onError?.();
|
|
},
|
|
});
|
|
|
|
return mutation;
|
|
};
|
|
|
|
export const useCheckTeamBilling = (teamId?: number | null, isPlatformTeam?: boolean | null) => {
|
|
const QUERY_KEY = "check-team-billing";
|
|
const isTeamBilledAlready = useQuery({
|
|
queryKey: [QUERY_KEY, teamId],
|
|
queryFn: async () => {
|
|
const response = await fetch(`/api/v2/billing/${teamId}/check`, {
|
|
method: "get",
|
|
headers: { "Content-type": "application/json" },
|
|
});
|
|
const data = await response.json();
|
|
|
|
return data.data;
|
|
},
|
|
enabled: !!teamId && !!isPlatformTeam,
|
|
});
|
|
|
|
return isTeamBilledAlready;
|
|
};
|
|
|
|
export const useSubscribeTeamToStripe = (
|
|
{
|
|
onSuccess,
|
|
onError,
|
|
teamId,
|
|
}: {
|
|
teamId?: number | null;
|
|
onSuccess: (redirectUrl: string) => void;
|
|
onError: () => void;
|
|
} = {
|
|
onSuccess: () => {
|
|
return;
|
|
},
|
|
onError: () => {
|
|
return;
|
|
},
|
|
}
|
|
) => {
|
|
const mutation = useMutation<ApiResponse<{ action: string; url: string }>, unknown, SubscribeTeamInput>({
|
|
mutationFn: (data) => {
|
|
return fetch(`/api/v2/billing/${teamId}/subscribe`, {
|
|
method: "post",
|
|
headers: { "Content-type": "application/json" },
|
|
body: JSON.stringify(data),
|
|
}).then((res) => res?.json());
|
|
},
|
|
onSuccess: (data) => {
|
|
if (data.status === SUCCESS_STATUS) {
|
|
onSuccess?.(data.data?.url);
|
|
} else {
|
|
onError?.();
|
|
}
|
|
},
|
|
onError: () => {
|
|
onError?.();
|
|
},
|
|
});
|
|
|
|
return mutation;
|
|
};
|
|
|
|
export const useUpgradeTeamSubscriptionInStripe = (
|
|
{
|
|
onSuccess,
|
|
onError,
|
|
teamId,
|
|
}: {
|
|
teamId?: number | null;
|
|
onSuccess: (redirectUrl: string) => void;
|
|
onError: () => void;
|
|
} = {
|
|
onSuccess: () => {
|
|
return;
|
|
},
|
|
onError: () => {
|
|
return;
|
|
},
|
|
}
|
|
) => {
|
|
const mutation = useMutation<ApiResponse<{ action: string; url: string }>, unknown, SubscribeTeamInput>({
|
|
mutationFn: (data) => {
|
|
return fetch(`/api/v2/billing/${teamId}/upgrade`, {
|
|
method: "post",
|
|
headers: { "Content-type": "application/json" },
|
|
body: JSON.stringify(data),
|
|
}).then((res) => res?.json());
|
|
},
|
|
onSuccess: (data) => {
|
|
if (data.status === SUCCESS_STATUS) {
|
|
onSuccess?.(data.data?.url);
|
|
} else {
|
|
onError?.();
|
|
}
|
|
},
|
|
onError: () => {
|
|
onError?.();
|
|
},
|
|
});
|
|
|
|
return mutation;
|
|
};
|