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: 'contain',
  initial: 'determine',

  states: {
    determine: {
      entry: () => {},
    },

    standard: {
      on: {
        CLICK: 'containing',
      },
    },

    containing: {
      entry: () => {},
      on: {
        CONTAIN: () => {},
        CANCEL: () => {},
      },
    },

    pending: {
      on: {
        CLICK: 'change',
      },
    },

    change: {
      entry: () => {},
      on: {
        KEEP_TRYING: () => {},
        STOP_TRYING: () => {},
        CANCEL: () => {},
      },
    },

    liftPending: {
      on: {
        CLICK: 'lift',
      },
    },

    lift: {
      entry: () => {},
      on: {
        LEAVE_CONTAINED: () => {},
        KEEP_TRYING: () => {},
      },
    },

    contained: {
      on: {
        CLICK: 'restore',
      },
    },

    restore: {
      entry: () => {},
      on: {
        STOP: () => {},
        CANCEL: () => {},
      },
    },
  },
});