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 dropMachine = Machine({
  id: 'joinDrop',
  initial: 'unknown',
  context: {}, // certain context values may be passed in at initiation time
  on: {
    // once data updates, we reevaluate current state machine
    UPDATE_DATA: {
      actions: 'updateContextForGuards',
      target: '#starter_state',
    },
  },
  states: {
    unknown: {
      id: 'starter_state',
      always: [
        {
          target: '#queueBlocked',
          cond: 'isQueueBlocked',
        },
        {
          target: '#countdown',
          cond: 'isCountingDown',
        },
        {
          target: '#waitingRoomOpen',
          cond: 'isWaitingRoomOpen',
        },
        {
          target: '#queueOpen',
          cond: 'isQueueOpen',
        },
        {
          target: '#unavailable',
        },
      ],
    },
    unavailable: {
      id: 'unavailable',
    },
    countdown: {
      id: 'countdown',
      initial: 'unknown',
      states: {
        unknown: {
          always: [
            {
              target: '#countdown.eligible',
              cond: 'isEligible',
            },
            {
              target: '#countdown.ineligible',
            },
          ],
        },
        eligible: {
          after: {
            GOTO_WAITING_ROOM_DELAY: {
              target: '#waitingRoomOpen',
            },
          },
        },
        ineligible: {},
      },
    },
    waitingRoomOpen: {
      id: 'waitingRoomOpen',
      initial: 'unknown',
      states: {
        unknown: {
          always: [
            {
              target: '#waitingRoomOpen.eligible',
              cond: 'isEligible',
            },
            {
              target: '#waitingRoomOpen.ineligible',
            },
          ],
        },
        eligible: {
          after: {
            GOTO_QUEUE_DELAY: {
              target: '#queueOpen',
            },
          },
        },
        ineligible: {},
      },
    },
    queueOpen: {
      id: 'queueOpen',
      initial: 'unknown',
      states: {
        unknown: {
          always: [
            {
              target: '#queueOpen.eligible',
              cond: 'isEligible',
            },
            {
              target: '#queueOpen.ineligible',
            },
          ],
        },
        eligible: {},
        ineligible: {},
      },
    },
    queueBlocked: {
      id: 'queueBlocked',
      initial: 'unknown',
      states: {
        unknown: {
          always: [
            {
              target: '#queueBlocked.eligible',
              cond: 'isEligible',
            },
            {
              target: '#queueBlocked.ineligible',
            },
          ],
        },
        eligible: {},
        ineligible: {},
      },
    },
  },
}, {
  guards: {
    isCountingDown: () => true,
    isWaitingRoomOpen: () => false,
    isQueueOpen: () => false,
    isQueueBlocked: () => false,
    isEligible: () => false,
  },
  actions: {
    updateContextForGuards: assign({
      queueActive: (_, event) => {
        return event?.queueActive;
      },
      isActive: (_, event) => event?.isActive,
      activeAt: (_, event) => event?.activeAt,
      isEligible: (_, event) => event?.isEligible,
    }),
  },
  delays: {
    GOTO_WAITING_ROOM_DELAY: (context) => {
      const oneHour = 60 * 60 * 1000;
      const diff = oneHour * 2;
      return Math.max(0, diff - oneHour);
    },
    GOTO_QUEUE_DELAY: (context) => {
      const oneHour = 60 * 60 * 1000;
      const diff = oneHour * 2;
      return Math.max(0, diff);
    },
  },
});