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 validate = (produceFn) => {};
  const updateInputValue = (produceFn) => {};
  
  const fetchMachine = Machine({
		id: 'TextInputLabel',
		initial: 'empty',
		context: {
			isValid: true,
			inputValue: '',
		},
		states: {
			empty: { on: { FOCUS: 'editing' } },
			editing: {
				onEntry: assign({ prevInputValue: context => context.inputValue }),
				on: {
					CHANGE: {
						actions: assign({
							inputValue: (context, e) => e.value,
						}),
					},
					BLUR: {
						target: 'validating',
						actions: updateInputValue(action => ({
							type: 'UPDATE_INPUT_VALUE',
							action,
						})),
					},
				},
			},
			validating: {
				onEntry: assign({ prevInputValue: context => context.inputValue }),
				on: {
					CHANGE: {
						actions: assign({
							inputValue: (context, e) => e.value,
						}),
					},
					BLUR: {
						target: 'validation_result',
						actions: validate(action => ({ type: 'UPDATE_VALUE', action })),
					},
				},
			},
			validation_result: {
				on: {
					VALID: 'valid',
					INVALID: 'invalid',
				},
			},
			valid: {
				on: {
					RETRY: {
						target: 'editing',
					},
				},
			},
			invalid: {
				on: {
					RETRY: {
						target: 'editing',
					},
				},
			},
			default: {
				on: {
					RETRY: {
						target: 'editing',
					},
				},
			},
			success: {
				on: {
					RETRY: {
						target: 'editing',
					},
				},
			},
			error: {
				on: {
					RETRY: {
						target: 'editing',
					},
				},
			},
			warning: {
				on: {
					RETRY: {
						target: 'editing',
					},
				},
			},
		},
	});