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

machine.js

 function createApprovalMachine(context) {
    return Machine({
        id: 'approval',
        initial: 'initializing',
        context,
        states: {
            initializing: {
                on: {
                    '': [
                        { target: 'APPROVAL_STATE_UNKNOWN', cond: { type: 'isLevel', level: 0 } },
                        { target: 'APPROVAL_STATE_DRAFT' }
                    ]
                }
            },
            APPROVAL_STATE_UNKNOWN: {
                type: 'final'
            },
            APPROVAL_STATE_DRAFT: {
                on: {
                    SUBMIT: [
                        { target: 'APPROVAL_STATE_APPROVED', cond: { type: 'isLevel', level: 1 }, actions: ['sendApproval'] },
                        { target: 'APPROVAL_STATE_SUBMITTED', cond: { type: 'isLevel', level: 2 }, actions: ['sendSubmitted'] }
                    ]
                }
            },
            APPROVAL_STATE_APPROVED: {
                type: 'final'
            },
            APPROVAL_STATE_SUBMITTED: {
                on: {
                    APPROVE: { target: 'APPROVAL_STATE_APPROVED', actions: ['sendApproval'] },
                    REQUEST_CHANGES: {
                        target: 'APPROVAL_STATE_REQUESTED_CHANGES',
                        actions: [assign({ notes: (context, event) => event.notes }), 'sendRequestChanges']
                    }
                }
            },
            APPROVAL_STATE_REQUESTED_CHANGES: {
                on: {
                    SUBMIT: { target: 'APPROVAL_STATE_SUBMITTED', actions: ['sendSubmitted'] }
                }
            }
        }
    }, {
        actions: {
            sendApproval: () => console.log('Approved'),
            sendSubmitted: () => console.log('Submitted'),
            sendRequestChanges: () => console.log('Requested Changes')
        },
        guards: {
            isLevel: (context, event, { cond }) => context.level === cond.level
        }
    });
}
const approval = createApprovalMachine({ level: 1 });