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

machine.js

  // Available variables:
  // - Machine
  // - interpret
  // - assign
  // - send
  // - sendParent
  // - spawn
  // - raise
  // - actions
  // - XState (all XState exports)
  
  const fetchMachine = Machine({
    id: 'fetch',
    initial: 'pendingFormSent',
    context: {
      retries: 0
    },
    states: {
    pendingFormSent: {
      on: {
        CREATE_WORKSPACE: 'createWorkspace',
        CREATE_SHOP: 'createShop',
      },
    },

    createWorkspace: {
      invoke: {
        src: 'execCreateWorkspace',

        actions: assign({
          input: (context, event) => event.data,
        }),

        onDone: {
          target: 'connectUserToWorkspace',
          actions: assign({
            workspaceUserInput: (context, event) => event.data,
          }),
        },

        onError: {
          target: 'createWorkspaceError',
        },
      },
    },

    connectUserToWorkspace: {
      invoke: {
        src: 'execConnectUserToWorkspace',

        onDone: {
          target: 'createShop',
          actions: assign({
            shopInput: (context, event) => event.data,
          }),
        },

        onError: {
          target: 'connectUserToWorkspaceError',
        },
      },
    },

    createShop: {
      invoke: {
        src: 'execCreateShop',

        onDone: {
          target: 'connectShopToWorkspace',
        },

        onError: {
          target: 'createShopError',
        },
      },
    },

    connectShopToWorkspace: {
      invoke: {
        src: 'execConnectShopToWorkspace',

        onDone: {
          target: 'connectUserToWorkspaceShop',
          actions: assign({
            shopInput: (context, event) => event.data,
          }),
        },

        onError: {
          target: 'connectUserToWorkspaceError',
        },
      },
    },

    connectUserToWorkspaceShop: {
      invoke: {
        src: 'execConnectUserToWorkspaceShop',

        onDone: {
          target: 'shopCreated',
        },

        onError: {
          target: 'connectUserToWorkspaceShopError',
        },
      },
    },

    shopCreated: {
      type: 'final',
    },

    createShopError: {
      on: {
        RETRY_CREATE_SHOP: 'createShop',
      },
    },

    createWorkspaceError: {
      on: {
        RETRY: 'createWorkspace',
      },
    },

    connectUserToWorkspaceError: {
      on: {
        RETRY: 'connectUserToWorkspace',
      },
    },

    connectShopToWorkspaceError: {
      on: {
        RETRY: 'connectShopToWorkspace',
      },
    },

    connectUserToWorkspaceShopError: {
      on: {
        RETRY: 'connectUserToWorkspaceShop',
      },
    },
  },
  });