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

machine.js

const productCardMobileMachine = Machine({
  id: 'productMobileCard',
  initial: 'overview',
  states: {
    overview: {
      on: {
        CONTINUE: 'closed'
      },
      initial: 'detailClosed',
      states: {
        detailOpen: {
          on: {
            TOGGLE: 'detailClosed'
          }
        },
        detailClosed: {
          on: {
            TOGGLE: 'detailOpen'
          }
        }
      }
    },
    closed: {
      on: {
        TOGGLE: 'open'
      }
    },
    open: {
      on: {
        TOGGLE: 'closed'
      }
    }
  }
})