Generated by XState Viz: https://xstate.js.org/viz

machine.js

const editingMachine = Machine({
	id: 'editing',
	initial: 'editing',
	states: {
		editing: {
			id: 'live',
			on: {
				SAVE_CHANGES: 'saving',
				DISCARD_CHANGES: 'confirmingDiscard'
			}
		},
		confirmingDiscard: {
			on: {
				CONFIRM_DISCARD: {
					actions: 'discard'
				},
				CANCEL_DISCARD: '#editing'
			}
		},
		saving: {
			on: {
				ON_SUCCESS: 'finish',
				ON_CONFLICT: 'solvingConflict',
				ON_FAILURE: 'editing'
			}
		},
		solvingConflict: {
		  on: {
		    OVERRIDE: 'finish',
		    CANCEL: 'editing'
		  }
		},
		finish: {
			id: 'finish',
			type: 'final'
		}
	}
}, {
	actions: {
		discard: sendParent('DISCARD')
	}
})