a state chart exploration for a webflow component: https://geo-components.webflow.io/#component-geo-get-current-position ... paste gist into https://statecharts.github.io/xstate-viz/

geoMachine.js

// Available variables:
// Machine (machine factory function)
// XState (all XState exports)

const {sendParent} = XState.actions

const geoMachine = Machine({
  id: "geolocation",
  initial: "check_geolocation_api",
  states: {
    check_geolocation_api: {
      on: {
        YES: "check_https",
        NO: "browser_not_supported" 
      }
    },
    browser_not_supported: {},
    check_https: {
      on: { YES: "ready", NO: "needs_https" }
    },
    needs_https: {},
    ready: {
      on: { TAP: "getting" }
    },
    getting:{
      on: { SUCCESS: 'success', ERROR: 'fail'}
    },
    success: {
      onEntry: sendParent('COORDS', {}),
      on: { TAP: "getting" }
    },
    fail: {
      on: { TAP: "getting" }
    },
  }
});