feat: migrates webhooks to RTK

frontend/common/providers/useWebhooks.tsx

@@ -0,0 +1,24 @@
+import {
+  useCreateWebhookMutation,
+  useDeleteWebhookMutation,
+  useGetWebhooksQuery,
+  useUpdateWebhookMutation,
+} from 'common/services/useWebhook'
+
+export const useWebhooks = (environmentId: string) => {
+  const { data: webhooks, isLoading } = useGetWebhooksQuery(
+    { environmentId },
+    { refetchOnFocus: false, skip: !environmentId },
+  )
+  const [createWebhook] = useCreateWebhookMutation()
+  const [updateWebhook] = useUpdateWebhookMutation()
+  const [deleteWebhook] = useDeleteWebhookMutation()
+
+  return {
+    createWebhook,
+    deleteWebhook,
+    isLoading,
+    updateWebhook,
+    webhooks,
+  }
+}

frontend/common/services/useWebhook.ts

@@ -0,0 +1,59 @@
+import { service } from 'common/service'
+import { Res } from 'common/types/responses'
+import { Req } from 'common/types/requests'
+
+export const webhookService = service
+  .enhanceEndpoints({ addTagTypes: ['Webhooks'] })
+  .injectEndpoints({
+    endpoints: (builder) => ({
+      createWebhook: builder.mutation<Res['webhook'], Req['createWebhook']>({
+        invalidatesTags: [{ id: 'LIST', type: 'Webhooks' }],
+        query: ({ environmentId, ...rest }) => ({
+          body: {
+            ...rest,
+          },
+          method: 'POST',
+          url: `environments/${environmentId}/webhooks/`,
+        }),
+      }),
+
+      deleteWebhook: builder.mutation<void, Req['deleteWebhook']>({
+        invalidatesTags: [{ id: 'LIST', type: 'Webhooks' }],
+        query: (query) => ({
+          method: 'DELETE',
+          url: `environments/${query.environmentId}/webhooks/${query.id}/`,
+        }),
+      }),
+
+      getWebhooks: builder.query<Res['webhooks'], Req['getWebhooks']>({
+        providesTags: [{ id: 'LIST', type: 'Webhooks' }],
+        query: (query) => ({
+          url: `environments/${query.environmentId}/webhooks/`,
+        }),
+      }),
+
+      updateWebhook: builder.mutation<Res['webhook'], Req['updateWebhook']>({
+        invalidatesTags: [{ id: 'LIST', type: 'Webhooks' }],
+        query: ({ environmentId, ...rest }) => ({
+          body: {
+            ...rest,
+          },
+          method: 'PUT',
+          url: `environments/${environmentId}/webhooks/${rest.id}/`,
+        }),
+      }),
+    }),
+  })
+
+export const {
+  useCreateWebhookMutation,
+  useDeleteWebhookMutation,
+  useGetWebhooksQuery,
+  useUpdateWebhookMutation,
+} = webhookService
+
+/* Usage examples:
+const { data, isLoading } = useGetWebhooksQuery({ environmentId: 1 }) //get hook
+const [createWebhook, { isLoading, data, isSuccess }] = useCreateWebhookMutation() //create hook
+webhookService.endpoints.getWebhooks.select({id: 2})(store.getState()) //access data from any function
+*/

frontend/common/types/requests.ts

@@ -91,6 +91,26 @@ export type Req = {
       | 'previous_billing_period'
       | '90_day_period'
   }
+  getWebhooks: {
+    environmentId: string
+  }
+  createWebhook: {
+    environmentId: string
+    enabled: boolean
+    secret: string
+    url: string
+  }
+  updateWebhook: {
+    id: number
+    environmentId: string
+    enabled: boolean
+    secret: string
+    url: string
+  }
+  deleteWebhook: {
+    id: number
+    environmentId: string
+  }
   deleteIdentity: {
     id: string
     environmentId: string

frontend/common/types/responses.ts

@@ -654,6 +654,15 @@ export type HealthProvider = {
   webhook_url: number
 }
 
+export type Webhook = {
+  id: number
+  url: string
+  secret: string
+  enabled: boolean
+  created_at: string
+  updated_at: string
+}
+
 export type Res = {
   segments: PagedResponse<Segment>
   segment: Segment
@@ -663,6 +672,8 @@ export type Res = {
   projects: ProjectSummary[]
   project: Project
   environments: PagedResponse<Environment>
+  webhook: Webhook
+  webhooks: Webhook[]
   organisationUsage: {
     totals: {
       flags: number