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 IDLE = "idle";
const RSVP_STATES = {
  SUBMITTING: "submitting",
  COMING: "coming",
  DECLINED: "declined",
  IDLE,
  CHOOSING_COMPANION: "choosingCompanion",
  GUEST_PROFILE: "guestProfile",
};

const onSubmit = {
  SUBMIT: RSVP_STATES.SUBMITTING,
};
const onDecline = {
  DECLINE: RSVP_STATES.DECLINED,
};
const toIdle = {
  IDLE,
};

const rsvpMachine = Machine({
  id: "rsvp",
  initial: IDLE,
  states: {
    idle: {
      on: {
        ...onSubmit,
        COME: RSVP_STATES.COMING,
        ...onDecline,
      },
    },
    coming: {
      on: {
        ...onSubmit,
        ...onDecline,
        ...toIdle,
        CHOOSE_COMPANION: RSVP_STATES.CHOOSING_COMPANION,
      },
    },
    choosingCompanion: {
      on: {
        ...toIdle,
        GUEST_PROFILING: RSVP_STATES.GUEST_PROFILE,
      },
    },
    [RSVP_STATES.GUEST_PROFILE]: {
      on: {
        ...toIdle,
        ...onSubmit,
      },
    },
    declined: {
      on: {
        ...onSubmit,
        ...toIdle,
        COME: "coming",
      },
    },
    submitting: {
      on: {
        SUBMITTED: "done",
        FAILED: "error",
      },
    },
    done: {},
    error: {
      on: {
        DISMISS: IDLE,
      },
    },
  },
});