import type { GraphQLFetcher } from '@commerce/api' import fetch from './fetch' import { API_URL, API_TOKEN } from '../../const' import { getError } from '../../utils/handle-fetch-response' const fetchGraphqlApi: GraphQLFetcher = async ( query: string, { variables } = {}, fetchOptions ) => { const res = await fetch(API_URL, { ...fetchOptions, method: 'POST', headers: { 'X-Shopify-Storefront-Access-Token': API_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