<transition 
event="success"
target="nextState"
type="external"
/>

<state id="start">
<transition target="processing" />
</state>

<state id="waiting">
<transition 
  event="dataReceived"
  target="processing"
/>
<transition 
  event="timeout"
  target="error"
/>
</state>

<state id="validating">
<transition 
  target="success"
  condition={({state}) => state.isValid}
/>
<transition 
  target="failure"
  condition={({state}) => !state.isValid}
/>
</state>

<state id="step1">
<transition 
  event="complete"
  target="step2"
/>
</state>
 
<state id="step2">
<transition 
  event="complete"
  target="step3"
/>
</state>

<state id="processing">
<transition 
  event="error"
  target="errorHandler"
>
  <log expr={({error}) => `Error: ${error.message}`} />
  <assign location="state.errorStatus" expr="logged" />
</transition>
</state>

<state id="decision">
<transition 
  target="pathA"
  condition={({state}) => state.value > 100}
/>
<transition 
  target="pathB"
  condition={({state}) => state.value <= 100}
/>
</state>

<!-- External transition (default) -->
<transition 
event="update"
target="processing"
type="external"
/>
 
<!-- Internal transition -->
<transition 
event="update"
target="processing"
type="internal"
/>

<transition event="split">
<target>path1</target>
<target>path2</target>
</transition>

<transition event="process">
<assign location="state.status" expr={() => "processing"} />
<log expr="Starting process" />
<script>
  initializeProcess();
</script>
</transition>