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: 'shop-creation',
  initial: 'pendingFormSent',
  states: {
    pendingFormSent: {
      on: {
        CREATE_WORKSPACE: 'createWorkspace',
        CREATE_SHOP: 'createShop',
      },
    },

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

        onDone: {
          target: 'includeUserToWorkspace',
        },

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

    includeUserToWorkspace: {
      invoke: {
        src: 'execIncludeUserToWorkspace',

        onDone: {
          target: 'createShop',
        },

        onError: {
          target: 'includeUserToWorkspaceError',
        },
      },
    },

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

        onDone: {
          target: 'shopCreated',
        },

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

    shopCreated: {
      type: 'final',
    },

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

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

    includeUserToWorkspaceError: {
      on: {
        RETRY_INCLUDE_USER_TO_WORKSPACE: 'includeUserToWorkspace',
      },
    },
  },
});