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

machine.js

// from tomByrer
let NAMES = {
  id: 'enabledPlacer',
	init: 'first',
	alt: 'second',
	third: '3rd',
}

const smBlender = Machine({
	id: [NAMES.id],
	type: 'parallel',
	states: {
		placer: {
			id: "placer",
			initial: [NAMES.init],
			states: {
				[NAMES.init]: {
					on: {
						CHANGE: {
							in: `#${NAMES.id}.disabler.enabled`,
							target: [NAMES.alt],
						}
					},
				},
				[NAMES.alt]: {
					on: {
						CHANGE: {
							in: `#${NAMES.id}.disabler.enabled`,
							target: [NAMES.third],
						}
					},
				},
				[NAMES.third]: {
					on: {
						CHANGE: {
							in: `#${NAMES.id}.disabler.enabled`,
							target: [NAMES.init],
						}
					},
				},
			},
		},
		disabler: {
			id: "disabler",
			initial: 'enabled',
			states: {
				enabled: {
					on: { DISABLE: 'disabled' },
				},
				disabled: {
					on: { ENABLE: 'enabled' },
				},
			},
		},
	},
})