first commit

common/resources/client/admin/subscriptions/requests/use-create-subscription.ts

@@ -0,0 +1,37 @@
+import {useMutation} from '@tanstack/react-query';
+import {apiClient, queryClient} from '../../../http/query-client';
+import {useTrans} from '../../../i18n/use-trans';
+import {BackendResponse} from '../../../http/backend-response/backend-response';
+import {toast} from '../../../ui/toast/toast';
+import {message} from '../../../i18n/message';
+import {Tag} from '../../../tags/tag';
+import {DatatableDataQueryKey} from '../../../datatable/requests/paginated-resources';
+import {onFormQueryError} from '../../../errors/on-form-query-error';
+import {UseFormReturn} from 'react-hook-form';
+import {Subscription} from '../../../billing/subscription';
+
+const endpoint = 'billing/subscriptions';
+
+interface Response extends BackendResponse {
+  tag: Tag;
+}
+
+interface Payload extends Partial<Subscription> {}
+
+export function useCreateSubscription(form: UseFormReturn<Payload>) {
+  const {trans} = useTrans();
+  return useMutation({
+    mutationFn: (props: Payload) => createNewSubscription(props),
+    onSuccess: () => {
+      toast(trans(message('Subscription created')));
+      queryClient.invalidateQueries({
+        queryKey: DatatableDataQueryKey(endpoint),
+      });
+    },
+    onError: err => onFormQueryError(err, form),
+  });
+}
+
+function createNewSubscription(payload: Payload): Promise<Response> {
+  return apiClient.post(endpoint, payload).then(r => r.data);
+}

common/resources/client/admin/subscriptions/requests/use-update-subscription.ts

@@ -0,0 +1,43 @@
+import {useMutation} from '@tanstack/react-query';
+import {apiClient, queryClient} from '../../../http/query-client';
+import {useTrans} from '../../../i18n/use-trans';
+import {BackendResponse} from '../../../http/backend-response/backend-response';
+import {toast} from '../../../ui/toast/toast';
+import {message} from '../../../i18n/message';
+import {DatatableDataQueryKey} from '../../../datatable/requests/paginated-resources';
+import {onFormQueryError} from '../../../errors/on-form-query-error';
+import {UseFormReturn} from 'react-hook-form';
+import {Subscription} from '../../../billing/subscription';
+
+interface Response extends BackendResponse {
+  subscription: Subscription;
+}
+
+export interface UpdateSubscriptionPayload extends Partial<Subscription> {
+  id: number;
+}
+
+export function useUpdateSubscription(
+  form: UseFormReturn<UpdateSubscriptionPayload>,
+) {
+  const {trans} = useTrans();
+  return useMutation({
+    mutationFn: (props: UpdateSubscriptionPayload) => updateSubscription(props),
+    onSuccess: () => {
+      toast(trans(message('Subscription updated')));
+      queryClient.invalidateQueries({
+        queryKey: DatatableDataQueryKey('billing/subscriptions'),
+      });
+    },
+    onError: err => onFormQueryError(err, form),
+  });
+}
+
+function updateSubscription({
+  id,
+  ...payload
+}: UpdateSubscriptionPayload): Promise<Response> {
+  return apiClient
+    .put(`billing/subscriptions/${id}`, payload)
+    .then(r => r.data);
+}