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

machine.js

const context = {
  config: {
    max_attempts: 5
  },
  data: {
    fields: {},
    entity_id: '',
    entity: 'users',
    isSaveAndClose: false,
    attempts: 0
  }
}

const config = {
  id: 'full-dialog-contents-container',
  initial: 'load_apps',
  context,
  states: {
    check_attempts: {
      after: {
        3000: [
          {
            cond: 'isMaxAttemptReached',
            target: 'done'
          },
          {
            target: 'load_apps'
          }
        ]
      }
    },
    load_apps: {
      entry: ['getContentApplications'],
      on: {
        SUCCESS: {
          target: 'pristine'
        },
        FAILED: {
          target: 'failed'
        }
      }
    },
    pristine: {
      on: {
        INPUT: {
          target: 'dirty'
        }
      }
    },
    dirty: {
      invoke: [],
      on: {
        CHANGE: {
          target: 'dirty'
        },
        SAVE: {
          target: 'submitting'
        },
        SAVE_AND_CLOSE: {
          actions: ['activateSaveAndClose'],
          target: 'submitting'
        }
      }
    },
    submitting: {
      entry: ['submitEntity'],
      on: {
        SUCCESS: [
          {
            cond: 'isSaveAndClose',
            target: 'done'
          },
          {
            target: 'pristine'
          }
        ],
        FAILED: {
          actions: ['sendErrorMessageToParent'],
          target: 'failed'
        }
      }
    },
    done: {
      type: 'final'
    },
    failed: {
      after: {
        3000: {
          actions: ['incrementLoadApps'],
          target: 'check_attempts'
        }
      }
    },
    timeout: {}
  }
}

const implementations = {
  actions: {}
}

const machine = Machine(config, implementations)