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

machine.js

  const fetchMachine = Machine({
    id: 'fetch',
    initial: 'home',
    states: {
      home: {
        on: {
          LOGIN: {
            target: 'dashboard',
            actions: 'recordLoginTime'
          },
          VIEW_COURSE: 'courseMarketingPage',
          SIGN_UP_FOR_NEWSLETTER: 'home'
        }
      },
      dashboard: {
        on: {
          START_COURSE: 'course',
          VIEW_COURSE: 'courseMarketingPage',
          VIEW_ACCOUNT: 'account'
        }
      },
      courseMarketingPage: {
        on: {
          ADD_TO_CART: 'cart',
          PREVIEW_CHAPTER: 'chapterPreview',
          VIEW_OTHER_COURSE: 'courseMarketingPage'
        }
      },
      cart: {
        on: {
          CHECKOUT: 'checkout'
        }
      },
      checkout: {
        on: {
          PURCHASE: {
            target: 'dashboard',
            actions: 'enrollUser'
          }
        }
      },
      course: {
        entry: ['markCourseStarted', 'markLastViewedCourse'],
        on: {
          START_CHAPTER: 'chapter'
        }
      },
      chapterPreview: {
        on: {
          ADD_TO_CART: 'cart',
          BACK: 'courseMarketingPage'
        }
      },
      chapter: {
        entry: ['markChapterViewed', 'markMostRecentViewed'],
        on: {
          NEXT_CHAPTER: {
            target: 'chapter',
            actions: 'markChapterComplete'
          },
          PREV_CHAPTER: 'chapter',
          FINISH_COURSE: {
            target: 'finishCourse',
            actions: ['markChapterComplete', 'markCourseComplete']
          }
        }
      },
      finishCourse: {
        on: {
          NEXT_COURSE: 'course',
          UPSELL: 'courseMarketingPage',
          END: 'dashboard'
        }
      },
      account: {
        on: {
          LOG_OUT: 'home',
          GET_REFUND: {
            target: 'account',
            cond: 'under 30 days',
            actions: 'refundTheirMoney'
          },
          EMAIL_SUPPORT: 'account'
        }
      }
    }
  });