commerce/framework/saleor/api/utils/fetch-graphql-api.ts

import type { GraphQLFetcher } from '@commerce/api'
import fetch from './fetch'

import { API_URL } from '../../const'
import { getError } from '../../utils/handle-fetch-response'
import { getConfig } from '..'
import { getToken } from '@framework/utils'

const fetchGraphqlApi: GraphQLFetcher = async (query: string, { variables } = {}, fetchOptions) => {
  // FIXME @zaiste follow the bigcommerce example
  const config = getConfig()
  const token = getToken()

  const res = await fetch(API_URL || '', {
    ...fetchOptions,
    method: 'POST',
    headers: {
      Authorization: `Bearer ${token}`,
      ...fetchOptions?.headers,
      'Content-Type': 'application/json',
    },
    body: JSON.stringify({
      query,
      variables,
    }),
  })

  const { data, errors, status } = await res.json()

  if (errors) {
    throw getError(errors, status)
  }

  return { data, res }
}
export default fetchGraphqlApi