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

machine.js

const playerMachine = Machine({
    initial: "init",
    context: {
        pin: "",
        lastError: "",
    },
    states: {
        init: {
            invoke: {
                id: "getPin",
                src: () => getPinFromLocalPlayerStore(),
                onDone: [
                    { target: "fetchPin", cond: (_context, event) => !event.data },
                    { target: "playback", cond: (_context, event) => event.data },
                ],
            },
        },
        fetchPin: {
            invoke: {
                id: "fetchPin",
                src: fetchPin,
                onDone: {
                    target: "playback",
                    actions: assign({ pin: (_context, event) => event.data }),
                },
            },
        },
        playback: {
            initial: "idle",
            states: {
                idle: {},
            }
        },
    },
});
async function fetchPin() {
    const fetch = await fetchWithTimeout("https://www.random.org/integers/?num=1&min=1000&max=10000&col=5&base=10&format=plain&rnd=new");
    return await fetch.text();
}
function fetchWithTimeout(url, options = {}, timeout = 7000) {
    return Promise.race([
        fetch(url, options),
        new Promise((_, reject) => setTimeout(() => reject(new Error("timeout")), timeout)),
    ]);
}

function getPinFromLocalPlayerStore() {
  return Promise.resolve()

}