import type { Locator, Page } from '@playwright/test';

import { OmnichannelContactInfo } from '../omnichannel-info';
import { OmnichannelContactCenter } from './omnichannel-contact-center';
import { MenuMoreActions } from '../../fragments';
import { OmnichannelEditContactFlexTab } from '../../fragments/flextabs';
import { OmnichannelDeleteContactModal } from '../../fragments/modals';
import { OmnichannelSectionsHref } from '../omnichannel-admin';

export class OmnichannelContactCenterContacts extends OmnichannelContactCenter {
	protected readonly route = OmnichannelSectionsHref.currentContacts;

	protected override readonly tableName = 'Omnichannel Contact Center Contacts';

	readonly contactInfo: OmnichannelContactInfo;

	readonly editContact: OmnichannelEditContactFlexTab;

	readonly deleteContactModal: OmnichannelDeleteContactModal;

	readonly menu: MenuMoreActions;

	constructor(page: Page) {
		super(page);
		this.contactInfo = new OmnichannelContactInfo(page);
		this.editContact = new OmnichannelEditContactFlexTab(page);
		this.deleteContactModal = new OmnichannelDeleteContactModal(page);
		this.menu = new MenuMoreActions(page);
	}

	get btnNewContact(): Locator {
		return this.page.getByRole('button', { name: 'New contact' });
	}

	async deleteContact(contactName: string) {
		await this.table.findRowByName(contactName).getByRole('button', { name: 'More Actions' }).click();
		await this.menu.selectMenuItem('Delete');
		await this.deleteContactModal.waitForDisplay();
	}
}