import {z} from 'zod'

export type UpdateApiV1ComponentsTranslatableArgs = {target_component_id?: string | undefined, ignore_unknown_variables?: boolean | undefined, body: BodyInit};

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

export const defaultInComponentSettingVariableValues = z.union([z.object({}), z.string(), z.string(), z.string(), z.string()]);

export const enInComponentSettingVariableValues = z.union([z.object({}), z.string(), z.string(), z.string(), z.string()]);

export const componentSettingVariableValues = z.object({default: defaultInComponentSettingVariableValues.optional(), en: enInComponentSettingVariableValues.optional()}).and(z.record(z.string(), z.unknown()));

export const batchComponentVariableUpdateResponse = z.object({absolute_name: z.string(), display_name: z.string(), name: z.string(), type: z.enum(["ADMIN_ICON", "AUDIENCE_ID", "AUDIENCE_ID_LIST", "BOOLEAN", "BROWSER_SIDE_JAVASCRIPT", "CLIENT_DOMAIN_ID_LIST", "CLIENT_KEY", "CLIENT_KEY_FLOW", "COLOR", "COMPONENT_ID", "COMPONENT_SETTING_LOOKUP", "CSS", "DELAY", "DELAY_LIST", "ENUM", "ENUM_LIST", "EXTOLE_CLIENT_KEY", "FONT", "GLOB_COMPONENT_PATH", "HTML", "IMAGE", "INTEGER", "INTEGER_LIST", "JSON", "MULTI_SOCKET", "PARTNER_ENUM", "PARTNER_ENUM_LIST", "PERSON_KEY_NAME", "REWARD_SUPPLIER_ID", "REWARD_SUPPLIER_ID_LIST", "SOCKET", "STRING", "STRING_LIST", "STRING_MAP", "URL", "WEBHOOK_ID"]), values: componentSettingVariableValues});

export const updateApiV1ComponentsTranslatableResponse = z.array(batchComponentVariableUpdateResponse);

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

/**
 * Upload translatable component variables
 * 
 * PUT /v1/components/translatable
 * 
 * Also accepts auth: QUERY, COOKIE
 */
export const updateApiV1ComponentsTranslatable = async (args: UpdateApiV1ComponentsTranslatableArgs, options?: UpdateApiV1ComponentsTranslatableOptions) => {
const {baseUrl = "https://api.extole.io", fetch: fetchFn = fetch, HEADER} = options ?? {}

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

if (args.target_component_id != null) query.append("target_component_id", String(args.target_component_id))
if (args.ignore_unknown_variables != null) query.append("ignore_unknown_variables", String(args.ignore_unknown_variables))
if (HEADER !== undefined) headers.set("Authorization", HEADER)

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

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

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

return validateResponse(updateApiV1ComponentsTranslatableResponse, await res.json())
};