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: 'training',
    
    initial: 'step1',
    states: {
      step1: {
        type: 'parallel',
        on: {
          TRANSISION: {
            target: 'step2',
            cond: (ctx, ev, cond) => {
              const trainingCompleted = cond.state.value.step1.training === 'completed'
              const evaluationCompletedOrIdle = cond.state.value.step1.evaluation === 'completed' || cond.state.value.step1.evaluation === 'idle'
              return true
            }
          }
        },
        states: {
          training: {
            initial: 'idle',
            states: {
              idle: {
                on: {
                  START: 'uploading'
                }
              },
              uploading: {
                on: {
                  PROGRESS: {
                    target: 'uploading'
                  },
                  RESOLVE: 'success',
                  REJECT: 'failure'
                }
              },
              success: {
                on: {
                  GO: 'completed'
                }
              },
              completed: {
                type: 'final'
              },
              failure: {
                on: {
                  RETRY: {
                    target: 'uploading'
                  }
                }
              }
            }
          },
          evaluation: {
            initial: 'idle',
            states: {
              idle: {
                on: {
                  START: 'uploading'
                }
              },
              uploading: {
                on: {
                  PROGRESS: {
                    target: 'uploading'
                  },
                  RESOLVE: 'success',
                  REJECT: 'failure'
                }
              },
              success: {
                on: {
                  GO: 'completed'
                }
              },
              completed: {
                type: 'final'
              },
              failure: {
                on: {
                  RETRY: {
                    target: 'uploading'
                  }
                }
              }
            }
          }
        }
      }, // step1
      // -------
      step2: {
        initial: 'created',
        type: 'compound',
        states: {
          created: {
            on: {
              START: 'progressing.started'
            }
          },
          progressing: {
            initial: 'started',
            states: {
              started: {
                on: {
                  RESOLVE: 'validation_done',
                  REJECT: '#training.step2.failure.validation_failure'
                }
              },
              validation_done: {
                on: {
                  
                  RESOLVE: 'load_done',
                  REJECT: '#training.step2.failure.unexpected_failure'
                }
              },
              load_done: {
                on: {
                  RESOLVE: 'training_done',
                  REJECT: [
                    { 
                      target: '#training.step2.failure.training_failure',
                      cond: (ctx, ev) => ev.expected
                    },
                    { 
                      target: '#training.step2.failure.unexpected_failure',
                      cond: (ctx, ev) => !ev.expected
                    }
                  ]
                }
              },
              training_done: {
                type: 'final'
              }
            },
            onDone: 'success'
          },//progressing
          success: {
            type: 'final'
          },
          failure: {
            states: {
              validation_failure: {},
              training_failure: {},
              unexpected_failure: {}
            }
          }
        }
      }, // step2
    },//states
  });