Generated by XState Viz: https://xstate.js.org/viz

machine.js

Machine(
  {
    id: 'signUp',
    initial: "edit",
    exit: ["clearFormValues", "clearError"],
    states: {
      edit: {
        id: "edit",
        initial: "noError",
        type: "parallel",
        states: {
          authError: {
            initial: "none",
            states: {
              none: {},
              error: {},
            },
          },
          validationError: {
            initial: "none",
            states: {
              none: {},
              error: {},
            },
            on: {
              INPUT: [
                {
                  actions: ["handleInput", "clearPwMismatchError"],
                  cond: "pwMatches",
                  target: ".none",
                },
                {
                  actions: ["handleInput", "setPwMismatchError"],
                  target: ".error",
                },
              ],
            },
          },
        },
        on: {
          SUBMIT: {
            target: "submit",
            in: {
              edit: {
                validationError: "none",
              },
            },
          },
        },
      },
      submit: {
        entry: "clearError",
        invoke: {
          src: "signUp",
          onDone: {
            actions: "setUser",
            target: "resolved",
          },
          onError: {
            actions: "setCognitoError",
            target: "edit.authError.error",
          },
        },
      },
      resolved: {
        type: "final",
      },
    },
  },
  {
    guards: {
      pwMatches: (context, event) => {
        return false;
      },
    },
  }
);