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": "form",
  "context": {
    "initialValues": {},
    "values": {},
    "errors": null
  },
  "type": "parallel",
  "states": {
    "condition": {
      "initial": "pristine",
      "states": {
        "pristine": {
          "onEntry": "resetValues",
          "on": {
            "CHANGE": "dirty1"
          }
        },
        "dirty1": {
          "onEntry": ["setValue", "resetError"],
          "invoke": {
            "src": "validate",
            "onDone": {
              "actions": "resetErrors"
            },
            "onError": {
              "actions": "setErrors"
            }
          },
          "on": {
            "CHANGE": "dirty2",
            "RESET": "pristine"
          }
        },
        "dirty2": {
          "onEntry": ["setValue", "resetError"],
          "invoke": {
            "src": "validate",
            "onDone": {
              "actions": "resetErrors"
            },
            "onError": {
              "actions": "setErrors"
            }
          },
          "on": {
            "CHANGE": "dirty1",
            "RESET": "pristine"
          }
        }
      }
    },
    "submission": {
      "initial": "idle",
      "states": {
        "idle": {
          "on": {
            "SUBMIT": "submitted"
          }
        },
        "submitted": {
          "initial": "pending",
          "states": {
            "pending": {
              "invoke": {
                "src": "validate",
                "onDone": "success",
                "onError": "failure"
              }
            },
            "success": {
              "onEntry": "notifySuccess"
            },
            "failure": {
              "onEntry": "setErrors",
              "onExit": "resetErrors"
            }
          },
          "on": {
            "SUBMIT": ".pending",
            "RESET": "idle"
          }
        }
      }
    }
  }
}
);