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

machine.js

const fetchMachine = Machine(
  {
    initial: "evaluating",
    states: {
      evaluating: {
        on: {
          "done.invoke.loadAddressBook": [
            {
              cond: "hasAddresses",
              target: "addressBookAndForm",
            },
            { target: "addressFormOnly" },
          ],
          "error.platform.loadAddressBook": "",
        },
      },
      addressBookAndForm: {
        type: "parallel",
        states: {
          addressBook: {},
          addressFormWrapper: {
            initial: "hidden",
            states: {
              hidden: {
                on: {
                  ADD_NEW_ADDRESS: "visible",
                },
              },
              visible: {},
            },
          },
        },
      },
      addressFormOnly: {},
    },
  },
  {
    guards: {
      hasAddresses() {
        return false;
      },
    },
  }
);

// const fetchMachine = Machine({
//   type: "parallel",
//   states: {
//     addressBook: {},
//     addressForm: {
//       initial: "hidden",
//       states: {
//         hidden: {
//           on: {
//             ADD_NEW_ADDRESS: "visible",
//           },
//         },
//         visible: {},
//       },
//     },
//   },
// });