/* global jQuery, ajaxurl, woo_additional_terms_params */

( function ( wp, $, ajaxurl, l10n ) {
	'use strict';

	if ( ! wp ) {
		return;
	}

	const dismiss = {
		/**
		 * Cache.
		 *
		 * @since 1.6.0
		 */
		cache() {
			this.vars = {};
			this.vars.dismiss = '.notice[id^="woo-additional-terms-dismiss"] [class*="notice-dismiss"]';
			this.vars.rated = '#woo-additional-terms-dismiss-rate .already-rated';
		},

		/**
		 * Initialize.
		 *
		 * @since 1.6.0
		 */
		init() {
			this.cache();
			this.bindEvents();
		},

		/**
		 * Bind events.
		 *
		 * @since 1.6.0
		 */
		bindEvents() {
			$( document.body )
				.on( 'click', this.vars.dismiss, this.handleOnDismiss )
				.on( 'click', this.vars.rated, ( event ) => this.handleOnDismiss( event, 'rated' ) );
		},

		/**
		 * Handle on dismiss.
		 *
		 * @since 1.6.0
		 *
		 * @param {Object} event  Event object.
		 * @param {string} action Action to perform.
		 */
		handleOnDismiss( event, action = '' ) {
			const $this = $( event.target );

			if ( ! $this.attr( 'href' ) ) {
				event.preventDefault();
			}

			$.ajax( {
				type: 'POST',
				url: ajaxurl,
				dataType: 'json',
				data: {
					_ajax_nonce: l10n.dismiss_nonce,
					action: `woo_additional_terms_dismiss_${ action || $this.closest( '.notice' ).data( 'action' ) }`,
				},
			} ).always( () => {
				$this.closest( 'div.notice:visible' ).hide();
			} );
		},
	};

	dismiss.init();
} )( window.wp, jQuery, ajaxurl, woo_additional_terms_params );