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: "contacts",
  initial: "pending",
  context: {
    contacts: undefined,
  },
  states: {
    pending: { on: { INITIATE: "permission_requested", SKIP: "skipped" } },
    permission_requested: {
      invoke: {
        src: "requestPermission",
        onDone: { target: "reading_contacts" },
        onError: { target: "permission_denied" },
      },
    },
    reading_contacts: {
      invoke: {
        src: "saveContacts",
        onDone: "pending",
        onError: "failed",
      },
    },
    complete: {
      type: "final",
    },
    skipped: {
      invoke: {
        src: "skip",
        onDone: "pending",
      },
    },
    failed: { on: { RETRY: "permission_requested", SKIP: "skipped" } },
    permission_denied: {
      on: { RETRY: "permission_requested", SKIP: "skipped" },
    },
  },
});