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

machine.js

const m = Machine({
  initial: "initializing",
  context: {
    processing: false,
  },
  states: {
    initializing: {
      invoke: {
        src: "fetchAccounts",
        onDone: { target: "ready" },
      },
    },
    ready: {
      entry: "selectDefaultAccount",
      on: { SELECT: { target: ".selected" } },
      initial: "idle",
      states: {
        idle: {},
        selected: {
          on: {
            CONFIRM: {
              target: "updating",
            },
          },
        },
        updating: {
          invoke: {
            src: "update",
            onDone: { target: "#success" },
            onError: { target: "failed", actions: "setError" },
          },
        },
        failed: {},
      },
    },
    success: {
      id: "success",
    },
  },
});