import {z} from 'zod'

export type FlowCategory = 'SIGN_UP' | 'LEAD_GENERATION' | 'SURVEY' | 'APPOINTMENT_BOOKING' | 'CONTACT_US' | 'OTHER';

export type FlowFieldType = 'TEXT' | 'EMAIL' | 'PHONE' | 'NUMBER' | 'LONG_TEXT' | 'SELECT' | 'MULTI_SELECT' | 'DATE' | 'OPT_IN';

export type FlowFieldRequest = {label: string, type: FlowFieldType, required?: boolean | undefined, options?: (Array<string> | null) | undefined, key?: (string | null) | undefined};

export type CreateFlowRequest = {name: string, category: FlowCategory, title: string, intro?: (string | null) | undefined, submitLabel?: string | undefined, fields: Array<FlowFieldRequest>};

export type CreateApiV1FlowsArgs = {body: CreateFlowRequest};

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

export const flowCategory = z.enum(["SIGN_UP", "LEAD_GENERATION", "SURVEY", "APPOINTMENT_BOOKING", "CONTACT_US", "OTHER"]);

export const flowStatus = z.enum(["DRAFT", "PUBLISHED", "DEPRECATED"]);

export const flowFieldType = z.enum(["TEXT", "EMAIL", "PHONE", "NUMBER", "LONG_TEXT", "SELECT", "MULTI_SELECT", "DATE", "OPT_IN"]);

export const flowField = z.object({key: z.string(), label: z.string(), type: flowFieldType, required: z.boolean(), options: z.array(z.object({id: z.string(), title: z.string()}))});

export const flow = z.object({id: z.string(), name: z.string(), category: flowCategory, status: flowStatus, definition: z.object({title: z.string(), intro: z.string().nullable().optional(), submitLabel: z.string(), fields: z.array(flowField)}), responseCount: z.number().int(), publishError: z.string().nullable().optional(), createdAt: z.string().nullable().optional(), publishedAt: z.string().nullable().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
};

/**
 * Criar formulário
 * 
 * POST /v1/flows
 */
export const createApiV1Flows = async (args: CreateApiV1FlowsArgs, options?: CreateApiV1FlowsOptions) => {
const {baseUrl = "https://api.ararahq.com", fetch: fetchFn = fetch, bearerAuth} = options ?? {}

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

if (bearerAuth !== undefined) headers.set('authorization', `Bearer ${bearerAuth}`)

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