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: 'configure',
  initial: 'idle',
  context: {
    tradeInToggled: false,
  },
  states: {
    idle: {
      on: {
        FORM_ERRORS: {
          actions: 'focusErrors',
        },
        SUBMIT: {
          target: 'submitting',
          actions: 'submit',
        },
        TOGGLE_TRADE_IN: [
          {
            cond: context => context.tradeInToggled === false,
            actions: [
              'trackTradeInAnalytics',
              assign({
                tradeInToggled: true,
              }),
            ],
          },
          {
            actions: assign({
              tradeInToggled: false,
            }),
          },
        ],
      },
    },
    submitting: {
      on: {
        ADD_TO_CART_EXCEPTION: 'idle',
      },
    },
    // will never have a "submitted" state!
    // redux sagas will redirect you to the packages page on success
  },
});