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({
  initial: 'initial',
  context: {
    restaurants: [],
    addressesPredictions: [],
    selectedRestaurant: null,
    selectedPrediction: null,
  },
  states: {
    error: {},
    initial: {
      entry: ['focusInput'],
      on: {SEARCH: 'loading_predictions'},
    },
    not_found: {},
    loading_predictions: {
      invoke: {
        src: 'fetchPredictions',
        onError: 'not_found',
        onDone: {
          target: 'addresses_predictions',
          actions: assign({addressesPredictions: (_, {data}) => data}),
        },
      },
    },
    loading_restaurants: {
      invoke: {
        src: 'fetchRestaurants',
        onDone: [
          {
            target: 'multiple_restaurants_result',
            cond: 'hasMultipleRestaurantsResult',
            actions: assign({restaurants: (_, {data}) => data}),
          },
          {
            target: 'single_restaurant_result',
            cond: 'hasSingleRestaurantsResult',
            actions: assign({restaurants: (_, {data}) => data}),
          },
        ],
        onError: {
          target: 'not_found',
        },
      },
    },
    multiple_restaurants_result: {
      type: 'final',
    },
    addresses_predictions: {
      on: {
        SEARCH: 'loading_predictions',
        NEXT: {
          target: 'loading_restaurants',
          cond: 'hasAddressPredictionSelected',
        },
        SELECT_ADDRESS: {
          actions: assign({selectedPrediction: (_, {data}) => data}),
        },
      },
    },
    single_restaurant_result: {
      type: 'final',
    },
  },
});