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

machine.js

const fetchMachine = Machine({
  "id": "Smart Banner Machine",
  "initial": "idle",
  "states": {
    "idle": {
      "entry": "Close all views",
      "on": {
        "new tab event": [
          {
            "cond": "should show first touch banner",
            "target": "First Touch Banner"
          },
          {
            "cond": "should show SMV",
            "target": "Single Merchant View"
          },
          {
            "target": "Home View"
          }
        ],
        "Click extension button": [
          {
            "cond": "recognized merchant",
            "target": "Single Merchant View"
          },
          {
            "target": "Home View"
          }
        ]
      }
    },
    "Home View": {
      "entry": "navigate to Home",
      "on": {
        "Close": {
          "target": "idle"
        }
      }
    },
    "Single Merchant View": {
      "entry": "navigateto SMV view",
      "on": {
        "Close": [
          {
            "cond": "Should show FAB",
            "target": "idle"
          },
          {
            "target": "Floating Action Button"
          }
        ]
      }
    },
    "First Touch Banner": {
      "entry": "navigate to FTB",
      "on": {
        "Close": {
          "target": "idle"
        }
      }
    },
    "Floating Action Button": {
      "entry": "Show the FAB view",
      "on": {
        "Show Codes": {
          "target": "Single Merchant View"
        },
        "Close": {
          "target": "idle"
        }
      }
    }
  }
});