import {z} from 'zod'

export type Color = {red: number, blue: number, green: number, alpha: number};

export type Logo = {enable: boolean};

export type BrandingConf = {displayBar: boolean, displayLabel: boolean, labelText: string, barColor: Color, labelColor: Color, wideLogo: Logo, smallLogo: Logo, displayBarLogin: boolean, displayMotd: boolean, motd: string};

export type CreateApiBrandingArgs = {body: BrandingConf};

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

export const color = z.object({red: z.number().gte(0).lte(1), blue: z.number().gte(0).lte(1), green: z.number().gte(0).lte(1), alpha: z.number().gte(0).lte(1)});

export const logo = z.object({enable: z.boolean()});

export const brandingConf = z.object({displayBar: z.boolean(), displayLabel: z.boolean(), labelText: z.string(), barColor: color, labelColor: color, wideLogo: logo, smallLogo: logo, displayBarLogin: z.boolean(), displayMotd: z.boolean(), motd: z.string()});

export const createApiBrandingResponse = z.object({result: z.enum(["success", "error"]), action: z.literal("updateBRandingConf"), data: z.object({branding: brandingConf})});

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
};

/**
 * Update web interface customization
 * 
 * POST /branding
 */
export const createApiBranding = async (args: CreateApiBrandingArgs, options?: CreateApiBrandingOptions) => {
const {baseUrl = "https://rudder.example.com/rudder/api/latest", fetch: fetchFn = fetch, APITokens} = options ?? {}

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

if (APITokens !== undefined) headers.set("X-API-Token", APITokens)

const url = `${baseUrl.replace(/\/+$/, '')}/branding${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 validateResponse(createApiBrandingResponse, await res.json())
};