// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
// See LICENSE.txt for license information.

import {timeouts, wait} from '@support/utils';
import {expect} from 'detox';

class IntegrationSelectorScreen {
    testID = {
        integrationSelectorScreen: 'integration_selector.screen',
        selectorItemPrefix: 'integration_selector.selector_item.',
        searchInput: 'integration_selector.search_input',
        doneButton: 'integration_selector.done.button',
        cancelButton: 'integration_selector.cancel.button',
    };

    integrationSelectorScreen = element(by.id(this.testID.integrationSelectorScreen));
    searchInput = element(by.id(this.testID.searchInput));
    doneButton = element(by.id(this.testID.doneButton));
    cancelButton = element(by.id(this.testID.cancelButton));

    // Helper to select an option by value
    selectOption = async (optionValue: string) => {
        const optionElement = element(by.id(`${this.testID.selectorItemPrefix}${optionValue}`));
        await expect(optionElement).toExist();
        await optionElement.tap();
    };

    // Helper to search for options
    searchFor = async (searchTerm: string) => {
        await expect(this.searchInput).toExist();
        await this.searchInput.typeText(searchTerm);
        await wait(timeouts.ONE_SEC);
    };

    // Complete selection (for multiselect dialogs)
    done = async () => {
        await expect(this.doneButton).toExist();
        await this.doneButton.tap();
        await wait(timeouts.ONE_SEC);
    };

    // Cancel selection
    cancel = async () => {
        await expect(this.cancelButton).toExist();
        await this.cancelButton.tap();
        await wait(timeouts.ONE_SEC);
    };

    toBeVisible = async () => {
        await waitFor(this.integrationSelectorScreen).toExist().withTimeout(timeouts.TEN_SEC);
    };
}

const integrationSelectorScreen = new IntegrationSelectorScreen();
export default integrationSelectorScreen;