✨ Add usage-based new pricing plans

apps/builder/components/dashboard/WorkspaceSettingsModal/BillingContent/queries/cancelSubscriptionQuery.ts

@@ -0,0 +1,7 @@
+import { sendRequest } from 'utils'
+
+export const cancelSubscriptionQuery = (stripeId: string) =>
+  sendRequest({
+    url: `api/stripe/subscription?stripeId=${stripeId}`,
+    method: 'DELETE',
+  })

apps/builder/components/dashboard/WorkspaceSettingsModal/BillingContent/queries/redirectToBillingPortal.ts

@@ -0,0 +1,7 @@
+import { sendRequest } from 'utils'
+
+export const redirectToBillingPortal = ({
+  workspaceId,
+}: {
+  workspaceId: string
+}) => sendRequest(`/api/stripe/billing-portal?workspaceId=${workspaceId}`)

apps/builder/components/dashboard/WorkspaceSettingsModal/BillingContent/queries/useInvoicesQuery.ts

@@ -0,0 +1,24 @@
+import { fetcher } from 'services/utils'
+import useSWR from 'swr'
+import { env } from 'utils'
+
+type Invoice = {
+  id: string
+  url: string
+  date: number
+  currency: string
+  amount: number
+}
+export const useInvoicesQuery = (stripeId?: string | null) => {
+  const { data, error } = useSWR<{ invoices: Invoice[] }, Error>(
+    stripeId ? `/api/stripe/invoices?stripeId=${stripeId}` : null,
+    fetcher,
+    {
+      dedupingInterval: env('E2E_TEST') === 'enabled' ? 0 : undefined,
+    }
+  )
+  return {
+    invoices: data?.invoices ?? [],
+    isLoading: !error && !data,
+  }
+}