<state id="processing" initial="step1">
<state id="step1">
  <transition target="step2" />
</state>
 
<state id="step2">
  <transition target="final" />
</state>
</state>

<state id="idle">
<transition event="start" target="active" />
</state>

<state id="processing" initial="validate">
<state id="validate">
  <transition 
    event="valid" 
    target="compute" 
  />
  <transition 
    event="invalid" 
    target="error" 
  />
</state>
 
<state id="compute">
  <transition 
    event="complete" 
    target="done" 
  />
</state>
 
<state id="error">
  <transition 
    event="retry" 
    target="validate" 
  />
</state>
</state>

<state id="form">
<datamodel>
  <data id="formData" type="JSON" value={{}} />
  <data id="errors" type="JSON" value={[]} />
  <data id="isValid" type="BOOLEAN" value={false} />
</datamodel>
 
<transition 
  event="submit"
  condition={({state}) => state.isValid}
  target="success"
/>
</state>

<state id="processData">
<datamodel>
  <data id="input" type="JSON" />
  <data id="output" type="JSON" value={{}} />
  <data id="error" type="STRING" />
</datamodel>
 
<script>
  try {
    const result = processInput(state.input);
    _dataModel.setValue("state.output", result);
  } catch (err) {
    _dataModel.setValue("state.error", err.message);
    _dataModel.setValue("state.status", "error");
  }
</script>
 
<transition event="error" target="errorState" />
<transition event="complete" target="successState" />
</state>

<state id="userForm">
<datamodel>
  <data id="fields" type="JSON" value={{
    name: "",
    email: "",
    age: null
  }} />
  <data id="validation" type="JSON" value={{}} />
</datamodel>
 
<transition 
  event="field.change"
  target="userForm"
>
  <assign 
    location="state.fields"
    expr={({event}) => ({
      ...state.fields,
      [event.field]: event.value
    })}
  />
</transition>
</state>

<state id="apiConnection">
<invoke 
  id="api"
  type="http"
  src="https://api.example.com"
>
  <finalize>
    <assign 
      location="state.response" 
      expr={({event}) => event.data}
    />
  </finalize>
</invoke>
 
<transition event="error" target="errorState" />
<transition event="done" target="successState" />
</state>