Generated by XState Viz: https://xstate.js.org/viz/?gist=b18f91a0748f1ecf4cf7441da722aa99

machine v1.js

const withdrawMachine = Machine(
  {
    id: 'withdraw',
    initial: 'created',
    context: {
      signatures: 0,
      corum: 3
    },
    states: {
      created: {
        on: {
          SUBMIT: {
            target: 'pending',
            cond: 'isApproved'
          },
          SIGN: {
            actions: ['approve']
          }
        }
      },
      pending: {
        type: 'final'
      }
    }
  },
  {
    actions: {
      approve: assign({
        signatures: (context, event) => context.signatures + 1
      })
    },
    guards: {
      isApproved: (context, event) => {
        return context.signatures >= context.corum;
      }
    }
  }
);

machine v2.js

const withdrawMachine = Machine(
  {
    id: 'withdraw',
    initial: 'created',
    context: {
      signatures: 0,
      corum: 3
    },
    states: {
      created: {
        on: {
          SIGN: 'signing'
        }
      },
      signing: {
        entry: ['approve'],
        on: {
          '': [
            {
              target: 'pending',
              cond: 'isApproved'
            },
            {
              target: 'created'
            }
          ]
        }
      },
      pending: {
        type: 'final'
      }
    }
  },
  {
    actions: {
      approve: assign({
        signatures: (context, event) => context.signatures + 1
      })
    },
    guards: {
      isApproved: (context, event) => {
        return context.signatures >= context.corum;
      }
    }
  }
);

Machine v1

Machine v2