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

machine.js

const context = {
  config: {},
  data: {
    entity_id: '',
    entity: 'users',
    selected_navigation: '',
    navigations: [],
    browse: [],
    fullScreenedComponent: {
      component_name: ''
    }
  }
}

const config = {
  id: 'full-dialog-container',
  initial: 'load_navigations',
  context,
  states: {
    load_navigations: {
      // Possible to query browse navigation as well.
      entry: ['getDialogMenuItems'],
      on: {
        SUCCESS: {
          target: 'ready'
        },
        FAILED: {
          target: 'failed'
        }
      }
    },
    ready: {
      invoke: [],
      on: {
        CLOSE:{
          target: 'done',
        },
        SELECT_NAVIGATION: {
          actions: ['assignSelectedNavigation']
        },
        ADD_CHILD_NAVIGATION: {
          actions: [
            'assignChildToNavigations',
            'assignSelectedNavigation'
            ]
        },
        CLOSE_NAVIGATION: [
          {
            cond: 'isParentNavigation',
            target: 'done'
          },
          {
            actions: ['updateSelectedToPrevNavigation']
          }
        ],
        ZOOM_IN_COMPONENT: {
          actions: ['assignFullScreenedComponent']
        },
        ZOOM_OUT_COMPONENT: {
          actions: ['clearFullScreenedComponent']
        }
      }
    },
    done: {
      type: 'final'
    },
    failed: {
      entry: ['sendParentErrorMessage']
    }
  }
}

const implementations = {
  actions: {}
}

const machine = Machine(config, implementations)