import { ColorToken } from 'im.v2.const';

export const AttachType = Object.freeze({
	Delimiter: 'delimiter',
	File: 'file',
	Grid: 'grid',
	Html: 'html',
	Image: 'image',
	Link: 'link',
	Message: 'message',
	Rich: 'richLink',
	User: 'user',
});

export const AttachDescription = Object.freeze({
	firstMessage: 'FIRST_MESSAGE',
	skipMessage: 'SKIP_MESSAGE',
});

export type AttachConfig = {
	id: number,
	description: string,
	colorToken?: $Values<typeof ColorToken>,
	blocks: AttachConfigBlock[]
};

export type AttachConfigBlock = {
	[blockName: string]: Object
};

// message
export type AttachMessageConfig = {
	message: string
};

// delimiter
export type AttachDelimiterConfig = {
	delimiter: {
		size?: number,
		color?: string
	}
};

// file
export type AttachFileConfig = {
	file: AttachFileItemConfig[]
};

export type AttachFileItemConfig = {
	link: string,
	name?: string,
	size?: number
};

// grid
export type AttachGridConfig = {
	grid: AttachGridItemConfig[]
};

export type AttachGridItemConfig = {
	display: string, // AttachGridItemDisplayType
	name: string,
	value: string,
	width?: number,
	colorToken?: $Values<typeof ColorToken>,
	link?: string
};

// html
export type AttachHtmlConfig = {
	html: string
};

// image
export type AttachImageConfig = {
	image: AttachImageItemConfig[]
};

export type AttachImageItemConfig = {
	link: string,
	width?: number,
	height?: number,
	name?: string,
	preview?: string
};

// link
export type AttachLinkConfig = {
	link: AttachLinkItemConfig[]
};

export type AttachLinkItemConfig = {
	link: string,
	name?: string,
	desc?: string,
	html?: string,
	preview?: string,
	width?: number,
	height?: number
};

// rich
export type AttachRichConfig = {
	richLink: AttachRichItemConfig[]
};

export type AttachRichItemConfig = {
	link: string,
	name?: string,
	desc?: string,
	html?: string,
	preview?: string,
	previewSize?: {
		width: number,
		height: number
	}
};

// user
export type AttachUserConfig = {
	user: AttachRichItemConfig[]
};

export type AttachUserItemConfig = {
	name: string,
	avatar: string,
	avatarType: string,
	link: string
};