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 tasksStateMachine = {
    initial: "video1",
    states: {
      video1: {
        initial: "in_progress",
        states: {
          in_progress: {
            on: {
              "video.end?id=3": "completed"
            }
          },  
          completed: {
            type: "final"
          },
        }
      },
      video2: {
        initial: "locked",
        states: {
          locked: {
            on: {
              "video.end?id=1": "unlocked"
            }
          },
          unlocked: {
            on: {
              "video.start?id=2": "in_progress"
            }
          },
          in_progress: {
            on: {
              "video.end?id=2": "completed"
            }
          },            
          completed: {
            type: "final"
          },
        }
      },
      video3: {
        initial: "locked",
        states: {
          locked: {
            on: {
              "video.end?id=2": "unlocked"
            }
          },
          unlocked: {
            on: {
              "video.start?id=3": "in_progress"
            }
          },
          in_progress: {
            on: {
              "video.end?id=3": "completed"
            }
          },          
          completed: {
            type: "final"
          },
        }
      },
    }
  }
  
  const trackStateMachine = Machine({
    id: 'example-ed-track-state-machine',
    initial: 'locked',
    states: {
      locked: {
        on: {
          "visit.submit?treatment_type=ED": "unlocked"
        }
      },
      unlocked: {
        on: {
          "video.start?id=1": "in_progress"
        }        
      },
      in_progress: {
        ...tasksStateMachine,
        on: {
          "video.end?id=3": "completed"
        }
      },
      completed: {
        type: "final"
      }
    }
  });