feat: upgrade api layer

package.json

@@ -49,7 +49,7 @@
     "@reduxjs/toolkit": "1.9.7",
     "@sentry/nextjs": "8.26.0",
     "@stacks/auth": "6.15.0",
-    "@stacks/blockchain-api-client": "7.12.0",
+    "@stacks/blockchain-api-client": "8.2.2",
     "@stacks/common": "6.15.1-pr.0bcf867e.0+0bcf867e",
     "@stacks/connect": "7.7.1",
     "@stacks/connect-react": "22.4.2",

src/api/getApiClient.ts

@@ -0,0 +1,20 @@
+import { createClient } from '@stacks/blockchain-api-client';
+
+import packageJson from '../../package.json';
+import { RELEASE_TAG_NAME } from '../common/constants/env';
+
+export const getApiClient = (baseUrl: string) => {
+  const apiClient = createClient({
+    baseUrl,
+  });
+
+  apiClient.use({
+    onRequest({ request }) {
+      request.headers.set('x-hiro-product', 'explorer');
+      request.headers.set('x-hiro-version', RELEASE_TAG_NAME || packageJson.version);
+      return request;
+    },
+  });
+
+  return apiClient;
+};

src/api/getErrorMessage.ts

@@ -0,0 +1,3 @@
+export function getErrorMessage(error: any) {
+  return error?.message || 'Something went wrong! Please try again later.';
+}

src/api/useApiClient.ts

@@ -0,0 +1,7 @@
+import { useGlobalContext } from '../common/context/useGlobalContext';
+import { getApiClient } from './getApiClient';
+
+export function useApiClient() {
+  const baseUrl = useGlobalContext().activeNetworkKey;
+  return getApiClient(baseUrl);
+}

src/api/useGetQueryFn.ts

@@ -0,0 +1,20 @@
+import { useApiClient } from './useApiClient';
+
+export function useGetQueryFn(path: string) {
+  const apiClient = useApiClient();
+  return apiClient.GET('/extended/v2/blocks/{height_or_hash}/transactions', {
+    params: {
+      path: { height_or_hash: 2000 },
+      query: { limit: 20, offset: 100 },
+    },
+  });
+}
+
+export function useGetTransactionsQueryFn() {
+  return useApiClient().GET('/extended/v2/blocks/{height_or_hash}/transactions', {
+    params: {
+      path: { height_or_hash: 2000 },
+      query: { limit: 20, offset: 100 },
+    },
+  });
+}