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({
    id: 'share-location',
    initial: 'idle',
    context: {
      retries: 0
    },
    states: {
      idle: {
        on: {
          FETCH: 'loading'
        }
      },
      loading: {
        on: {
          RESOLVE: 'success',
          REJECT: 'failure'
        }
      },
      success: {
        initial: 'idle',

        states: {
          idle: {
            on: {
              SHARE_LOCATION: 'sharingLocation',
              CREATE_GROUP: 'creatingGroup',
              UPDATE_GROUP: 'updatingGroup',
              DELETE_GROUP: 'deletingGroup',
            },
          },
          sharingLocation: {
            initial: 'idle',
            
            on: {
              CANCEL: 'idle',
              
            },
            states: {
              idle: {
                on: {
                  CHOSE_GROUP_TO_SHARE: 'choseGroupToShare',
                  
                }
              },
              choseGroupToShare: {
                initial: 'idle',
                on: {
                  CANCEL: 'idle',
                },
                states: {
                  idle: {
                    on: {
                      CHOSEN: 'share'
                    }
                  },
                  share: {
                    on: {
                      CANCEL: 'idle',
                      COMPLETE: '#share-location.success.idle'
                    }
                  }
                }
              },
              
            }
          },
          creatingGroup: {
            on: {
              CANCEL: 'idle',
              COMPLETE: 'idle'
            }
          },
          updatingGroup: {
            on: {
              CANCEL: 'idle',
              COMPLETE: 'idle'
            }
          },
          deletingGroup: {
            on: {
              CANCEL: 'idle',
              COMPLETE: 'idle'
            }
          }
        
        }
      },
      failure: {
        on: {
          RETRY: {
            target: 'loading',
            actions: assign({
              retries: (context, event) => context.retries + 1
            })
          }
        }
      }
    }
  });