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: "fleet-machine",
		initial: "idle",
		context: {
			selectedRequirement: {},
			schedule: {},
		},
		states: {
			idle: {
				// * fetch fleet schedule immediately
				initial: "loading",
				context: {
					schedule: {},
					selectedRequirement: {},
				},
				states: {
					loading: {
						invoke: {
							id: "fetch-fleet-schedule",
							src: "getFleetSchedule",
							onDone: {
								target: "loaded",
								actions: assign({
									schedule: (context, event) =>
										event.data.schedule,
								}),
							},
							onError: {
								target: "failure",
							},
						},
					},
					loaded: {
						type: "final",
					},
					failure: {
						on: {
							RETRY: "loading",
						},
					},
				},
			},
			selected: {
				initial: "showRequirementActionForm",
				context: {
					selectedAction: {}
				},
				states: {
				  act1: {},
				  act2: {},
				  act3: {}
				}
			}
		},
		on: {
			SELECT: {
				target: ".selected",
				actions: assign({
					selectedRequirement: (_, event) => event.requirement,
				}),
			},
			REFRESH_FLEET_SCHEDULE: {
				target: "idle.loading",
			},
		},
});