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: 'ho-type-quiz',
  initial: 'idle',
context:{},
  states: {
    idle: {
      on: {
        START: 'structure',
      },
    },
    structure: {
      on: {
        CONTINUE: {
          target: 'freedom',
          actions: assign((root, { value }) => ({
            ...root,
            structure: value,
          })),
        },
      },
    },
    freedom: {
      on: {
        CONTINUE: {
          target: 'balance',
          actions: assign((root, { value }) => ({
            ...root,
            freedom: value,
          })),
        },
        BACK: 'structure',
      },
    },
    balance: {
      on: {
        CONTINUE: {
          target: 'flexibility',
          actions: assign((root, { value }) => ({
            ...root,
            balance: value,
          })),
        },
        BACK: 'freedom',
      },
    },
    flexibility: {
      on: {
        CONTINUE: {
          target: 'communication',
          actions: assign((root, { value }) => ({
            ...root,
            flexibility: value,
          })),
        },
        BACK: 'balance',
      },
    },
    communication: {
      on: {
        CONTINUE: {
          target: 'coordination',
          actions: assign((root, { value }) => ({
            ...root,
            communication: value,
          })),
        },
        BACK: 'flexibility',
      },
    },
    coordination: {
      on: {
        CONTINUE: {
          target: 'report',
          actions: assign((root, { value }) => ({
            ...root,
            coordination: value,
          })),
        },
        BACK: 'communication',
      },
    },
    report: {
      entry: assign((root) => ({
        ...root,
        report: {
          work: (root.structure + root.freedom) / 2,
          selfmanagement: (root.balance + root.flexibility) / 2,
          team: (root.communication + root.coordination) / 2,
        },
      })),
    },
  },
  });