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

import { HomeOmnichannelContent, OmnichannelQuickActionsRoomToolbar, OmnichannelRoomToolbar, OmnichannelSidebar } from './fragments';
import { OmnichannelEditRoomFlexTab } from './fragments/flextabs';
import { OmnichannelRoomInfoFlexTab } from './fragments/flextabs/room-info-flextab';
import { HomeChannel } from './home-channel';
import {
	OmnichannelCannedResponses,
	OmnichannelTranscript,
	OmnichannelContactCenterContacts,
	OmnichannelContactCenterChats,
} from './omnichannel';

export class HomeOmnichannel extends HomeChannel {
	readonly omnisidenav: OmnichannelSidebar;

	readonly transcript: OmnichannelTranscript;

	readonly cannedResponses: OmnichannelCannedResponses;

	readonly contacts: OmnichannelContactCenterContacts;

	readonly chats: OmnichannelContactCenterChats;

	readonly roomInfo: OmnichannelRoomInfoFlexTab;

	readonly editRoomInfo: OmnichannelEditRoomFlexTab;

	readonly quickActionsRoomToolbar: OmnichannelQuickActionsRoomToolbar;

	override readonly content: HomeOmnichannelContent;

	override readonly roomToolbar: OmnichannelRoomToolbar;

	constructor(page: Page) {
		super(page);
		this.omnisidenav = new OmnichannelSidebar(page);
		this.transcript = new OmnichannelTranscript(page);
		this.cannedResponses = new OmnichannelCannedResponses(page);
		this.contacts = new OmnichannelContactCenterContacts(page);
		this.chats = new OmnichannelContactCenterChats(page);
		this.roomInfo = new OmnichannelRoomInfoFlexTab(page);
		this.quickActionsRoomToolbar = new OmnichannelQuickActionsRoomToolbar(page);
		this.content = new HomeOmnichannelContent(page);
		this.roomToolbar = new OmnichannelRoomToolbar(page);
		this.editRoomInfo = new OmnichannelEditRoomFlexTab(page);
	}

	get btnContactInfo(): Locator {
		return this.page.getByRole('button', { name: 'Contact Information' });
	}
}