import { ActionRow, ButtonComponent, Embed, TextChannel, GuildMember, User, InteractionCollector, ButtonInteraction, Colors, ButtonStyle, CacheType, ComponentType } from 'discord.js';
import { Message, MessageOptions } from '../types';

export = class DeletableMessage {
	/** Channel object or an object with send as a function which returns a `Message`. */
	channel: TextChannel | { send: (content: MessageOptions) => Promise<Message> };
	/** The content to send. */
	content: MessageOptions;
	/** UserId of person who can delete the message using the button. */
	user?: string;
	/** Object which contains the message. */
	message: Message;
	/** Button collector used to collect interactions. */
	collector: InteractionCollector<ButtonInteraction<CacheType>>;
	/** The time after which the button collector stops (in milliseconds). */
	time: number;

	// eslint-disable-next-line  @typescript-eslint/no-explicit-any
	constructor(channel: TextChannel | { send: (content: MessageOptions) => Promise<Message> }, content: MessageOptions) {
		this.channel = channel;
		this.content = content;
		this.time = content.time || 300000;

		this.content.components = Array.isArray(this.content.components) ? this.content.components : [];

		if (typeof this.content != 'object') {
			this.content = { content: this.content };
		}
	}

	filter(interaction: ButtonInteraction): boolean {
		if (interaction.customId === '5') return true;
		return false;
	}

	generateButton(disabled = false): ActionRow {
		return new ActionRow()
			.addComponents(
				new ButtonComponent()
					.setCustomId('5')
					.setStyle(ButtonStyle.Danger)
					.setEmoji({ id: '852511333165563915', })
					.setDisabled(disabled)
			);
	}

	async start(member?: GuildMember | User): Promise<Message> {
		if (member) this.user = member.id;

		this.message = await this.channel.send(
			Object.assign(
				this.content,
				{ components: [...(this.content.components?.length ? this.content.components : []), this.generateButton()] },
				{ delete: false, ephemeral: false },
			)
		);

		this.collector = this.message.createMessageComponentCollector({ componentType: ComponentType.Button, filter: this.filter.bind(this) });
		this.collector.on('collect', this._handleInteraction.bind(this));

		if (this.time) setTimeout(this.stop.bind(this), this.time);

		return this.message;
	}

	async stop(): Promise<void> {
		if (this.collector) this.collector.stop();
		if (this.message) this.message.edit(
			Object.assign(
				{ components: [...(this.content.components ?? []), this.generateButton(true)] },
				this.content,
				{ delete: false, ephemeral: false },
			)
		).catch(() => { /* eslint-disable-line @typescript-eslint/no-empty-function */ });
	}

	async _handleInteraction(interaction: ButtonInteraction): Promise<void> {
		if (interaction.customId !== '5') return;

		if (interaction.user.id != this.user) {
			interaction.reply({
				embeds: [
					new Embed()
						.setDescription(`Only <@${this.user}> can interact with this message.`)
						.setColor(Colors.Red)
				],
				ephemeral: true
			});
		} else {
			interaction.deferUpdate();
			this.message.delete().catch(() => { /* eslint-disable-line @typescript-eslint/no-empty-function */ });
		}
	}
}