Generated by XState Viz: https://xstate.js.org/viz

machine.js

  
  const contentMachine = Machine({
    id: 'content',
    initial: 'empty',
    context: {
    },
    states: {
      empty: {
        on: {
          configure: 'configured'
        }
      },
      configured: {
        on: {
          initStore: 'hasStore'
        }
      },
      hasStore: {
        on: {
          showHighlight: 'hasVisibleHL'
        }
      },
      hasVisibleHL: {
        on: {
          createFixture: 'hasFixture'
        }
      },
      hasFixture: {
        on: {
          selectHighlight: 'hasCurrentSO'
        }
      },
      hasCurrentSO: {
        on: {
          detectChanges: 'baseStateAIsVisible'
        }
      },
      baseStateAIsVisible: {
        on: {
        clickAIDropDown: 'aiDropdownOpen'
}
      },
      aiDropdownOpen: {
        on: {
        clickEditAI: 'aiModalOpen'
}
      },
      aiModalOpen: {
        initial: 'aiIsEnabled',
        on: { done: 'baseStateAIsVisible' },
        states: {
          aiIsEnabled: { on: { toggleAI: 'aiIsDisabled' } },
          aiIsDisabled:  { on: { toggleAI: 'aiIsEnabled' } } 
        }
      }
    }
  });