( function ( $ ) {
	// We could either be in wp-admin/widgets.php or the customizer.
	var $container = $( '#customize-controls' );

	if ( ! $container.length ) {
		$container = $( '#wpbody' );
	}

	$container.on( 'change', '.milestone-type', function () {
		var $messageWrapper = $( this ).parent().find( '.milestone-message-wrapper' );

		$( this ).find( 'input[type="radio"]:checked' ).val() === 'since'
			? $messageWrapper.hide()
			: $messageWrapper.show();
	} );

	function triggerChange() {
		$container.find( '.milestone-type' ).trigger( 'change' );
	}

	// Used when adding widget via customizer or saving settings.
	$( document ).on( 'widget-added widget-updated', function () {
		triggerChange();
	} );

	triggerChange();
} )( jQuery );