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

machine.js

const splitA = {
	id: 'splitA',
	initial: 'qualifStep',
	states: {
		qualifStep: {
      on: {
        NEXT: 'emailStep'
      },
		},
		emailStep: {
      on: {
        NEXT: 'thanksStep'
      },
		},
		thanksStep: {
      type: 'final'
    },
	}
};

const cfoLink = {
	id: 'cfoLink',
	initial: 'demoStep',
	states: {
		demoStep: {
      on: {
        NEXT: 'followupStep'
      },
		},
		followupStep: {
      on: {
        NEXT: 'thanksStep'
      },
		},
		thanksStep: {
      type: 'final'
    },
	}
};

const nonCfoLink = {
	id: 'nonCfoLink',
	initial: 'qualifStep',
	states: {
		qualifStep: {
      on: {
        NEXT: 'demoStep'
      },
		},
		demoStep: {
			on: {
        NEXT: 'followupStep'
      },
		},
		followupStep: {
      on: {
        NEXT: 'thanksStep'
      },
		},
		thanksStep: {
      type: 'final'
    },
	}
};

const splitB = {
	id: 'splitB',
	initial: 'utm',
	states: {
		utm: {
      '': 'cfoLink'
		},
		cfoLink,
		nonCfoLink
	}
};

const fsm = Machine({
	id: 'Complex',
	initial: 'a/b test',
	states: {
		'a/b test': {
			'': splitA
		},
		splitA,
		splitB
	}
});