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

machine.js

const repMachine = Machine(
  {
    id: "formWorkflowApp",
    initial: "loggedOut",
    states: {
      loggedOut: {
        on: {
          "LOGIN.TAP": "loggedIn.idle",
        },
      },
      loggedIn: {
        states: {
          idle: {
            on: {
              "SELL_DEBT.TAP": {
                target: "formBuilder.idle",
                actions: "setSaleType",
              },
              "SELL_TERMS.TAP": "formBuilder.idle",
              "SELL_TRADIES_PACK.TAP": "formBuilder.idle",
            },
          },
          formBuilder: {
            context: {
              saleType: "",
            },
            states: {
              idle: {
                on: {
                  "": [
                    { target: "sellDebt" },
                    {
                      target: "sellTerms",
                      actions: (context, event) => {
                        console.log("activating...");
                      },
                    },
                    { target: "sellTradiesPack" },
                  ],
                },
              },
              sellDebt: {},
              sellTerms: {},
              sellTradiesPack: {},
            },
          },
        },
        on: {
          "LOGOUT.TAP": "loggedOut",
        },
      },
    },
  },
  {
    actions: {
      setSaleType: (context, event, actionMeta) => {
        console.log(context, event, actionMeta);
        return;
      },
    },
  }
);