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

machine.js

// Available variables:
// - Machine
// - interpret
// - assign
// - send
// - sendParent
// - spawn
// - raise
// - actions
// - XState

const last = (array) => array[array.length - 1];

const addVideoToYourList = (win) => (context, event) => {
  return new Promise((res, rej) => {
    if (win) {
      return res({ data: { win: true } });
    }
    rej({ errors: ["NotAuthenticated"] });
  });
};

const fetchMachine = Machine(
  {
    id: "authManager",
    initial: "idle",
    context: {
      authenticated: null,
      errors: [],
    },
    states: {
      idle: {
        on: {
          ADD_VIDEO_TO_YOUR_LIST: {
            target: "acting.addingVideoToYourList",
          },
        },
      },
      acting: {
        initial: "idle",
        states: {
          idle: {},
          addingVideoToYourList: {
            invoke: {
              id: "addVideoToYourList",
              src: addVideoToYourList(false),
              onDone: {
                target: "#authManager.success",
              },
              onError: {
                target: "#authManager.failure",
                actions: assign({
                  errors: (context, event) => event.data.errors,
                  authenticated: (context, event) =>
                    !event.data.errors.includes("NotAuthenticated"),
                }),
              },
            },
          },
        },
      },
      success: {
        type: "final",
      },
      failure: {
        on: {
          '': [
            {
              cond: "needsAuth",
              target: "storingAction",
            },
          ],
        },
        type: "final"
      },
      storingAction: {
        entry: 'storeAction',
        type: "final",
      },
    },
  },
  {
    guards: {
      needsAuth: (context, e) => !context.authenticated,
    },
    actions: {
      storeAction: (context, event) => {
        console.log('storing…', { context, action: last(event.type.split('.')) })
      }
    }
  }
);