/**
 * External dependencies
 */
import { recordEvent } from '@woocommerce/tracks';

const addNewTag = document.querySelector( '#addtag #submit' );

function actionButtonEventHandler( event ) {
	const actionClass = event.target.parentElement.classList[ 0 ];

	const actions = {
		edit: 'edit',
		inline: 'quick_edit',
		delete: 'delete',
		view: 'preview',
	};

	if ( ! actions[ actionClass ] ) {
		return;
	}

	recordEvent( 'product_attributes_term_list_action_click', {
		selected_action: actions[ actionClass ],
	} );
}

function addActionButtonListeners() {
	const actionButtons = document.querySelectorAll( '.row-actions span' );
	actionButtons.forEach( ( button ) => {
		button.removeEventListener( 'click', actionButtonEventHandler );
		button.addEventListener( 'click', actionButtonEventHandler );
	} );
}
addActionButtonListeners();

addNewTag?.addEventListener( 'click', function () {
	const name = document.querySelector( '#tag-name' );
	const slug = document.querySelector( '#tag-slug' );
	recordEvent( 'product_attributes_add_term', {
		page: 'tags',
		name: name?.value,
		slug: slug?.value,
	} );
	setTimeout( () => {
		addActionButtonListeners();
	}, 1000 );
} );