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: 'fetch',
  //   initial: 'idle',
  //   context: {
  //     retries: 0
  //   },
  //   states: {
  //     idle: {
  //       on: {
  //         FETCH: 'loading'
  //       }
  //     },
  //     loading: {
  //       on: {
  //         RESOLVE: 'success',
  //         REJECT: 'failure'
  //       }
  //     },
  //     success: {
  //       type: 'final'
  //     },
  //     failure: {
  //       on: {
  //         RETRY: {
  //           target: 'loading',
  //           actions: assign({
  //             retries: (context, event) => context.retries + 1
  //           })
  //         }
  //       }
  //     }
  //   }
  // });
  
  
const isPhoneNumberDetailsCached = (context) => {
  return !!context.pepper && !!context.phoneHash
}
  
const shouldRetry = (context, event, { cond }) => {
  console.log(cond, context.retries, cond.maxRetries, context.retries < cond.maxRetries)
  return context.retries < cond.maxRetries
}

const fetchingPhoneNumberDetailsState = {
  initial: 'loading',
  states: {
    loading: {
      on: {
        '': {
          target: 'loaded',
          cond: isPhoneNumberDetailsCached
        },
        SUCCESS: {
          target: 'loaded',
          actions: assign({
            pepper: () => 'pepper',
            phoneHash: () => 'phoneHash'
          }),
        },
        FAILURE: [{
          target: 'loading',
          actions: assign({
            retries: (context, event) => context.retries + 1
          }),
          cond: { 
            type: 'shouldRetry',
            maxRetries: 3
          }
        },
        {
          target: 'loadingError'
        }
        ]
      }
    },
    loaded:  {
      on: {
        'NEXT': {
          target: '#main.tbd',
        },
      }
    },
    loadingError: {
      type: 'final'
    }
  }
}
  
const fetchingFromChainState = {
  initial: 'loading',
  states: {
    loading: {
      on: {
        '': {
          target: 'loaded',
          cond: isPhoneNumberDetailsCached
        },
        SUCCESS: {
          target: 'loaded',
          actions: assign({
            pepper: () => 'pepper',
            phoneHash: () => 'phoneHash'
          }),
        },
        FAILURE: [{
          target: 'loading',
          actions: assign({
            retries: (context, event) => context.retries + 1
          }),
          cond: (context, event) => context.retries < PEPPER_RETRY_COUNT
        },{
          target: 'loadingError',
          cond: (context, event) => context.retries >= PEPPER_RETRY_COUNT
        }]
      }
    },
    loaded:  {
      on: {
        'NEXT': {
          target: '#main.fetchingFromChain',
        },
      }
    },
    loadingError: {
      type: 'final'
    }
  }
};


const mainMachine = Machine({
  id: 'main',
  key: 'main',
  initial: 'idle',
  context: {
    pepper: null,
    phoneHash: null, 
    isVerified: false,
    numAttestationsRemaining: null,
    total: null,
    completed: false,
    retries: 0,
  },
  states: {
    idle: {
      on: {
        FETCH: 'fetchingPhoneNumberDetails'
      }
    },
    fetchingPhoneNumberDetails: {
      ...fetchingPhoneNumberDetailsState
    },
    fetchingFromChain: {
      ...fetchingFromChainState,
    },
    tbd: {
      on: {
        '': 'verified'
      },
    },
    verified: {
      type: 'final',
    },
  }
},{
  guards:{
    shouldRetry
  }
})