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: "sidebar",
  initial: "selfServeUser",
  states: {
    selfServeUser: {
      initial: "not_purchased",
      states: {
        not_purchased: {
          initial: "licenses",
          states: {
            licenses: {
              on: {
                "PACK.CLICK": "pack",
                "SINGLE.CLICK": "single"
              }
            },
            pack: {
               actions: ['show_download_button']
            },
            single: {
               actions: ['show_cart_button']
            }
          },
          purchased: {
            type: "final"
          }
        }
      }
    },
    enterpriseUser: {}
  },
  actions: {
    show_download_button: (context, event) => {
      console.log("start modal with license info...");
    },
     show_cart_button: (context, event) => {
      console.log("start modal with license info...");
    }
  },
  guards: {
    hasPackForLicense: (context, event) => {
      return event.hasPack;
    }
  }
    });