/**
 * WordPress dependencies
 */
import { useEffect } from '@wordpress/element'
import {
	useShortcut,
	store as keyboardShortcutsStore,
} from '@wordpress/keyboard-shortcuts'
import { useDispatch } from '@wordpress/data'
import { __ } from 'ct-i18n'

function KeyboardShortcuts({ undo, redo, save }) {
	useShortcut('core/customize-widgets/undo', (event) => {
		undo()
		event.preventDefault()
	})

	useShortcut('core/customize-widgets/redo', (event) => {
		redo()
		event.preventDefault()
	})

	useShortcut('core/customize-widgets/save', (event) => {
		event.preventDefault()
		save()
	})

	return null
}

function KeyboardShortcutsRegister() {
	const { registerShortcut, unregisterShortcut } = useDispatch(
		keyboardShortcutsStore
	)

	useEffect(() => {
		registerShortcut({
			name: 'core/customize-widgets/undo',
			category: 'global',
			description: __('Undo your last changes.', 'blocksy'),
			keyCombination: {
				modifier: 'primary',
				character: 'z',
			},
		})

		registerShortcut({
			name: 'core/customize-widgets/redo',
			category: 'global',
			description: __('Redo your last undo.', 'blocksy'),
			keyCombination: {
				modifier: 'primaryShift',
				character: 'z',
			},
		})

		registerShortcut({
			name: 'core/customize-widgets/save',
			category: 'global',
			description: __('Save your changes.', 'blocksy'),
			keyCombination: {
				modifier: 'primary',
				character: 's',
			},
		})

		return () => {
			unregisterShortcut('core/customize-widgets/undo')
			unregisterShortcut('core/customize-widgets/redo')
			unregisterShortcut('core/customize-widgets/save')
		}
	}, [registerShortcut])

	return null
}

KeyboardShortcuts.Register = KeyboardShortcutsRegister
export default KeyboardShortcuts