export type RenderZoneRequest = {data: {[key: string]: Record<string, never>} | null, event_name: string, id_token: string | null, jwt: string | null};

export type CreateApiZonesArgs = {body: RenderZoneRequest};

export type CreateApiZonesOptions = {baseUrl?: string | undefined, HEADER?: string | undefined, fetch?: typeof fetch | undefined};

/**
 * Render a zone with the name in the body
 * 
 * POST /zones
 * 
 * Also accepts auth: QUERY, COOKIE
 */
export const createApiZones = async (args: CreateApiZonesArgs, options?: CreateApiZonesOptions) => {
const {baseUrl = "https://api.extole.io", fetch: fetchFn = fetch, HEADER} = options ?? {}

const query = new URLSearchParams()
const headers = new Headers()
headers.set('content-type', "application/json")
headers.set('accept', "*/*")

if (HEADER !== undefined) headers.set("Authorization", HEADER)

const url = `${baseUrl.replace(/\/+$/, '')}/zones${query.size > 0 ? `?${query}` : ''}`

const res = await fetchFn(url, {method: "POST", headers, body: JSON.stringify(args.body)})

if (!res.ok) throw new Error(`Request failed with status ${res.status}`, {cause: {status: res.status, body: await res.text()}})

return res.blob()
};