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": "PAYMENT",
    "initial": "start",
    "context": {
      "adjustmentAmount": 0,
      "applyCredit": false,
      "creditAmount":10.05,
      "paymentType": null
    },
    "states": {
      "start": {
        "entry":[{ "type": "helpers-init", "data": { "additional": true } }],
        "on": {
          "":"paymentOptions"
        }
      },
      "paymentOptions": {
        "on": {
          "SELECT.CREDITCARD": { actions: "useCreditCard" },
          "SELECT.SERVICECARD": { actions: "useServiceCard" },
          "SELECT.REFILLCARD": { actions: "useRefillCard" },
          "SELECT.CARDLESS": { actions: "useCardless" },
          "submit": "processPayment"
        }
      },
      "processPayment": {
        "type":"final"
      }
    }
  }, {
    actions: {
      "useCreditCard": assign({ paymentType: "CREDITCARD" }),
      "useServiceCard": assign({ paymentType: "SERVICECARD" }),
      "useRefillCard": assign({ paymentType: "REFILLCARD" }),
      "useCardless": assign({ paymentType: "CARDLESS" }),
    }
  });