import { FilterToolbar } from 'mail.client.filtertoolbar';
import { ErrorBox } from 'mail.client.errorbox';
import { Binding } from 'mail.client.binding';
import { BaseEvent, EventEmitter } from "main.core.events";

export class Mailer
{
	#filter;
	#filterToolbar;
	#binding;
	#mailboxId;
	focusReset = false;

	constructor(config ={
		filterId: '',
		mailboxId: 0,
		syncAvailable: true,
		configPath: '',
	})
	{
		//delete the loader (the envelope is bouncing)
		let elements = top.document.getElementsByClassName('mail-loader-modifier');
		for (let element of elements)
		{
			element.classList.remove('mail-loader-modifier');
		}

		this.#mailboxId = config['mailboxId'];
		this.#filter = BX.Main.filterManager.getById(config['filterId']);

		this.sendApplyFilterEventForMenuRefresh();

		//Removing the focus from the filter field
		if (document.activeElement)
		{
			document.activeElement.blur();
		}

		const mailCounterWrapper = document.querySelector('[data-role="mail-counter-toolbar"]');

		const mailErrorBoxWrapper = document.querySelector('[data-role="mail-error-box-wrapper"]');

		const errorBox = new ErrorBox({
			wrapper: mailErrorBoxWrapper,
			errorLink: config['configPath'],
			currentMailboxId: this.#mailboxId,
		});

		const filterToolbar = new FilterToolbar({
			wrapper: mailCounterWrapper,
			filter: this.#filter,
		});

		filterToolbar.build();
		this.#filterToolbar = filterToolbar;

		this.#binding = new Binding(this.#mailboxId);
		Binding.initButtons();

		EventEmitter.subscribe('Grid::updated', (event) => {
			const [grid] = event.getCompatData();
			if(grid !== {} && grid !== undefined && BX.Mail.Home.Grid.getId() === grid.getId())
			{
				Binding.initButtons();
			}
		});

		EventEmitter.subscribe('BX.Main.Filter:apply', (event) => {
			let dir = this.#filter.getFilterFieldsValues()['DIR'];
			BX.Mail.Home.Counters.setDirectory(dir);
		});

		if(!config['syncAvailable'])
		{
			top.BX.UI.InfoHelper.show('limit_contact_center_mail_box_number');
			let lock = false;
			const handler  = () => {
				if(!lock)
				{
					lock = true;
					top.BX.removeCustomEvent("SidePanel.Slider:onCloseComplete", handler);
					top.BX.SidePanel.Instance.close();
				}
			}
			top.BX.addCustomEvent("SidePanel.Slider:onCloseComplete", handler);
		}
	}

	sendApplyFilterEventForMenuRefresh()
	{
		if (!!this.#filter && (this.#filter instanceof BX.Main.Filter))
		{
			setTimeout(function ()
			{
				EventEmitter.emit('BX.Main.Filter:apply', new BaseEvent());
			},1);
		}
	}

	setFilterDir(name)
	{
		if (!!this.#filter && (this.#filter instanceof BX.Main.Filter))
		{
			const FilterApi = this.#filter.getApi();
			FilterApi.setFields({
				'DIR': name,
			});
			FilterApi.apply();
		}
	}

	getFilterToolbar()
	{
		return this.#filterToolbar;
	}
}