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 hasAccount = () => {}
const doesNotHaveAccount = () => {}

const fetchMachine = Machine({
  id: "signFlow",
  initial: "signs",
  states: {
    transitionToUserPage: { done: true },

    signs: {
      type: "parallel",
      states: {
        screen: {
          id: "screen",
          initial: "justEmail",
          states: {
            justEmail: {
              on: {
                SUBMIT: { target: ".checkingEmail" },
              },
              initial: "dataEntry",
              states: {
                dataEntry: {},
                checkingEmail: {
                  onEntry: ["checkEmail"],
                  on: {
                    SUCCESS: "#screen.signIn",
                    ERROR: "#screen.signUp",
                  },
                },
              },
            },
            signIn: {
              on: {
                SUBMIT: { target: ".submitting" },
              },
              initial: "dataEntry",
              states: {
                dataEntry: {},
                submitting: {
                  onEntry: ["signIn"],
                  on: {
                    SUCCESS: "#signFlow.transitionToUserPage",
                    ERROR: "dataEntry",
                  },
                },
              },
            },
            signUp: {
              on: {
                SUBMIT: { target: ".submitting" },
              },
              initial: "dataEntry",
              states: {
                dataEntry: {},
                submitting: {
                  onEntry: ["signUp"],
                  on: {
                    SUCCESS: "#signFlow.accountInfo",
                    ERROR: "dataEntry",
                  },
                },
              },
            },
          },
        },
        email: {
          initial: "initial",
          states: {
            initial: {},
            isValid: {},
            isFocused: {},
            isInvalid: {},
          },
        },
        password: {
          initial: "initial",
          states: {
            initial: {},
            doesNotMatch: {},
          },
        },
        genericError: {
          initial: "none",
          states: {
            none: {},
            present: {},
          },
        },
        isSigningIn: {
          initial: "nope",
          states: {
            nope: {},
            yes: {},
          },
        },
      },
    },
    accountInfo: {
      type: "parallel",
      states: {
        salutation: {
        },
        firstName: {},
        lastName: {},
        role: {},
        screens: {
          initial: "dataEntry",
          states: {
            dataEntry: {
              on: {
                SUBMIT: "submitting",
              },
            },
            submitting: {
              onEntry: ["updateAccount"],
              on: {
                SUCCESS: [
                  {
                    target: "#signFlow.transitionToPlanbookPage",
                    cond: "shouldGoStraightToPlanbook"
                  },
                  {
                    target: "#signFlow.transitionToGroupPage",
                    cond: "shouldGoStraightToGroup"
                  },
                  {
                    target: "#signFlow.planbookInfo"
                  }
                  ],
                ERROR: "dataEntry",
              },
            },
          },
        },
      },
      on: {
        SUBMIT: {
          target: "planbookInfo",
        },
      },
    },
    planbookInfo: {
      on: {
        SUBMIT: {
          target: "planbookEntry",
        },
      },
    },
    planbookEntry: {
      on: {
        SUBMIT: {
          target: "transitionToPlanbookPage",
        },
      },
    },
    transitionToPlanbookPage: { done: true },
        transitionToGroupPage: { done: true },

  },
})