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

machine.js

const parentWalletConnectionMachine = Machine(
  {
    id: 'walletConnector',
    initial: 'disconnected',
    context: {},
    states: {
      disconnected: {
        entry: ['disconnect'],
        on: {
          CONNECT: 'connecting',
        },
      },
      connecting: {
        entry: ['connect'],
        on: {
          DISCONNECT: 'disconnected',
          SUCCESS: 'connected',
          ERROR: 'error',
        },
      },
      connected: {
        exit: ['disconnect'],
        on: {
          DISCONNECT: 'disconnected',
          CONNECT: 'connecting',
          ERROR: 'error',
        },
      },
      error: {
        entry: 'error',
        exit: 'resolve',
        on: {
          CONNECT: 'connecting',
        },
      },
    },
  },
  {
    actions: {
      error: assign({
        error: (_, event) => event.message,
      }),
      resolve: assign({
        error: undefined,
      }),
      connect: assign((_, event) => ({
        machine: spawn(event.machine, event.machine.id),
      })),
      disconnect: assign({
        accounts: undefined,
        network: undefined,
        provider: undefined,
        machine: (context) => {
          context.machine?.stop?.();
          return undefined;
        },
      }),
    },
  },
);