import {z} from 'zod'

export type ColorsConfig = {primary?: (string | null) | undefined, background?: (string | null) | undefined, text?: (string | null) | undefined, border?: (string | null) | undefined, botBubble?: (string | null) | undefined, botText?: (string | null) | undefined, userBubble?: (string | null) | undefined, userText?: (string | null) | undefined, userBorder?: (string | null) | undefined, messagesBackground?: (string | null) | undefined, bubbleBackground?: (string | null) | undefined, bubbleBorder?: (string | null) | undefined, bubbleIcon?: (string | null) | undefined};

export type TypographyConfig = {fontFamily?: (string | null) | undefined, fontSize?: (number | null) | undefined, headerFontSize?: (number | null) | undefined, fontWeight?: (number | null) | undefined, lineHeight?: (number | null) | undefined, letterSpacing?: (number | null) | undefined};

export type AnimationsConfig = {duration?: (number | null) | undefined, easing?: (string | null) | undefined};

export type WidgetDimensionsConfig = {width?: (number | null) | undefined, maxHeight?: (number | null) | undefined, borderRadius?: (number | null) | undefined, padding?: (number | null) | undefined, messagesMaxHeight?: (number | null) | undefined};

export type WidgetPositionConfig = {right?: (number | null) | undefined, bottom?: (number | null) | undefined, bubbleRight?: (number | null) | undefined, bubbleBottom?: (number | null) | undefined};

export type WidgetBubbleConfig = {size?: (number | null) | undefined, iconSize?: (number | null) | undefined, background?: (string | null) | undefined, border?: (string | null) | undefined, iconColor?: (string | null) | undefined, label?: (string | null) | undefined};

export type WidgetShadowsConfig = {widget?: (string | null) | undefined, bubble?: (string | null) | undefined};

export type WidgetBrandingConfig = {showPoweredBy?: (boolean | null) | undefined, poweredByText?: (string | null) | undefined, showLogo?: (boolean | null) | undefined, logoUrl?: (string | null) | undefined};

export type WidgetStyleConfig = {colors?: (ColorsConfig | null) | undefined, typography?: (TypographyConfig | null) | undefined, animations?: (AnimationsConfig | null) | undefined, dimensions?: (WidgetDimensionsConfig | null) | undefined, position?: (WidgetPositionConfig | null) | undefined, bubble?: (WidgetBubbleConfig | null) | undefined, shadows?: (WidgetShadowsConfig | null) | undefined, branding?: (WidgetBrandingConfig | null) | undefined, customCss?: (string | null) | undefined};

export type UpdateWidgetStylesRequest = {styles: WidgetStyleConfig};

export type UpdateApiApiProductsProductIdWidgetStylesArgs = {product_id: string, authorization?: (string | null) | undefined, body: UpdateWidgetStylesRequest};

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

export const updateApiApiProductsProductIdWidgetStylesResponse = z.unknown();

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 Widget Styles
 * 
 * PUT /api/products/{product_id}/widget-styles
 */
export const updateApiApiProductsProductIdWidgetStyles = async (args: UpdateApiApiProductsProductIdWidgetStylesArgs, options: UpdateApiApiProductsProductIdWidgetStylesOptions) => {
const {baseUrl, 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.authorization != null) headers.set("authorization", String(args.authorization))

const url = `${baseUrl.replace(/\/+$/, '')}/api/products/${encodeURIComponent(String(args.product_id))}/widget-styles${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(updateApiApiProductsProductIdWidgetStylesResponse, await res.json())
};