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: 'startReset',
    initial: 'boot',
    context: {
      error: undefined,
      resetKey: undefined,
      userId: undefined,
    },
    states: {
      boot: {
        always: [
          { target: 'loggedIn', cond: 'isLoggedIn' },
          { target: 'submit', cond: 'hasResetKey' },
          { target: 'forgot' },
        ],
      },
      loggedIn: {
        on: {
          LOGOUT: 'forgot',
        },
      },
      forgot: {
        on: {
          SUBMIT: 'starting',
          // MANUAL_KEY: 'manualKey',
          ADD_KEY: {
            target: 'submit',
            actions: assign({ resetKey: (_context, event) => event.payload }),
          },
        },
      },
      starting: {
        invoke: {
          src: 'startReset',
          onDone: 'email',
          onError: {
            target: 'forgot',
            actions: assign({ error: (_context, event) => event.data }),
          },
        },
      },
      email: {
        on: {
          // MANUAL_KEY: 'manualKey',
          ADD_KEY: {
            target: 'submit',
            actions: assign({ resetKey: (_context, event) => event.payload }),
          },
        },
      },
      // manualKey: {
      //   on: {
      //     ADD_KEY: {
      //       target: 'submit',
      //       actions: assign({ resetKey: (_context, event) => event.payload }),
      //     },
      //   },
      // },
      submit: {
        initial: 'reset',
        states: {
          reset: {
            invoke: {
              src: 'checkKey',
              onDone: 'newPassword',
              onError: 'expired',
            },
          },
          expired: {
            type: 'final',
          },
          newPassword: {
            on: {
              SUBMIT: 'submitting',
            },
          },
          submitting: {
            invoke: {
              src: 'performReset',
              onDone: 'complete',
              onError: {
                target: 'reset',
                actions: assign({ error: (context, event) => event.data }),
              },
            },
          },
          complete: {
            type: 'final',
          },
        },
      },
    },
  },
  {
    guards: {
      isLoggedIn: (context) => !!context.userId,
      hasResetKey: (context) => !!context.resetKey,
    },
  }
)