syncEmailValues.js

import { debounce } from './helpers';

// Synchronizes the "Email" input value with "Email login credentials to" input value
// based on the "Send welcome email" checkbox state on Add User page
export default function handleSyncEmailValues() {
	const emailInput = document.querySelector('.js-sync-email-input');
	const sendWelcomeEmailCheckbox = document.querySelector('.js-sync-email-checkbox');
	const emailCredentialsToInput = document.querySelector('.js-sync-email-output');

	if (!emailInput || !sendWelcomeEmailCheckbox || !emailCredentialsToInput) {
		return;
	}

	function syncEmailValues() {
		if (sendWelcomeEmailCheckbox.checked) {
			emailCredentialsToInput.value = emailInput.value;
		} else {
			emailCredentialsToInput.value = '';
		}
	}

	emailInput.addEventListener(
		'input',
		debounce(() => {
			syncEmailValues();
		}, 100)
	);
	sendWelcomeEmailCheckbox.addEventListener('change', syncEmailValues);
}