import {z} from 'zod'

export type UiExtension = {id?: string | undefined, displayName: string, url: string, config: string, extensionPoint: 'document.field' | 'channel.page.tools' | 'unknown', height?: number | undefined, description?: string | undefined, logo?: string | undefined, package?: string | undefined, 'connect-src'?: Array<string> | undefined, 'frame-ancestors'?: Array<string> | undefined, 'frame-src'?: Array<string> | undefined, 'img-src'?: Array<string> | undefined, 'script-src'?: Array<string> | undefined, 'style-src'?: Array<string> | undefined, 'font-src'?: Array<string> | undefined, 'media-src'?: Array<string> | undefined};

export type UpdateApiIdArgs = {'X-Resource-Version'?: string | undefined, id: string, body: UiExtension};

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

export const uiExtension = z.object({id: z.string().optional(), displayName: z.string(), url: z.string(), config: z.string(), extensionPoint: z.enum(["document.field", "channel.page.tools", "unknown"]), height: z.number().int().optional(), description: z.string().optional(), logo: z.string().optional(), package: z.string().optional(), "connect-src": z.array(z.string()).optional(), "frame-ancestors": z.array(z.string()).optional(), "frame-src": z.array(z.string()).optional(), "img-src": z.array(z.string()).optional(), "script-src": z.array(z.string()).optional(), "style-src": z.array(z.string()).optional(), "font-src": z.array(z.string()).optional(), "media-src": z.array(z.string()).optional()});

export const validateResponse = async <Output>(
  schema: {
    readonly '~standard': {
      readonly validate: (value: unknown) => ({ readonly value: Output; readonly issues?: undefined } | { readonly issues: ReadonlyArray<{ readonly message: string; readonly path?: ReadonlyArray<PropertyKey | { readonly key: PropertyKey }> | undefined }> }) | Promise<{ readonly value: Output; readonly issues?: undefined } | { readonly issues: ReadonlyArray<{ readonly message: string; readonly path?: ReadonlyArray<PropertyKey | { readonly key: PropertyKey }> | undefined }> }>
    }
  },
  value: unknown
): Promise<Output> => {
  const result = await schema['~standard'].validate(value)

  if (result.issues !== undefined) {
    const detail = result.issues
      .map(({ message, path }) =>
        path?.length
          ? `${path.map((segment) => String(typeof segment === 'object' ? segment.key : segment)).join('.')}: ${message}`
          : message
      )
      .join('; ')

    throw new Error(`Response does not match the schema: ${detail}`, { cause: { issues: result.issues } })
  }

  return result.value
};

/**
 * Create or update a custom UI extension
 * 
 * PUT /{id}
 */
export const updateApiId = async (args: UpdateApiIdArgs, options?: UpdateApiIdOptions) => {
const {baseUrl = "https://developers.bloomreach.io/delivery/site/v2/documents", fetch: fetchFn = fetch} = options ?? {}

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

if (args['X-Resource-Version'] != null) headers.set("X-Resource-Version", String(args['X-Resource-Version']))

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

const res = await fetchFn(url, {method: "PUT", 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 validateResponse(uiExtension, await res.json())
};