feat: Stripe payment integration

packages/webapp/src/hooks/query/payment-services.ts

@@ -6,7 +6,6 @@ import { transformToCamelCase } from '@/utils';
 const PaymentServicesQueryKey = 'PaymentServices';
 
 export interface GetPaymentServicesResponse {}
-
 /**
  * Retrieves the integrated payment services.
  * @param {UseQueryOptions<GetPaymentServicesResponse, Error>} options
@@ -33,3 +32,31 @@ export const useGetPaymentServices = (
     },
   );
 };
+
+export interface GetPaymentServicesStateResponse {}
+/**
+ * Retrieves the state of payment services.
+ * @param {UseQueryOptions<GetPaymentServicesStateResponse, Error>} options
+ * @returns {UseQueryResult<GetPaymentServicesStateResponse, Error>}
+ */
+export const useGetPaymentServicesState = (
+  options?: UseQueryOptions<GetPaymentServicesStateResponse, Error>,
+): UseQueryResult<GetPaymentServicesStateResponse, Error> => {
+  const apiRequest = useApiRequest();
+
+  return useQuery<GetPaymentServicesStateResponse, Error>(
+    ['PaymentServicesState'],
+    () =>
+      apiRequest
+        .get('/payment-services/state')
+        .then(
+          (response) =>
+            transformToCamelCase(
+              response.data?.paymentServicesState,
+            ) as GetPaymentServicesStateResponse,
+        ),
+    {
+      ...options,
+    },
+  );
+};