Workflow mobile data structure

workflow.js

{
    "_id" : "59aafac97037bfbab2a8f9a1",
    "id" : "SJ8b3Mr8g",
    "assignee" : "rkX1fdSH",
    "title" : "Accident No. 3019",
    "status" : "New"
    flow: ['someid',someid2','5'] - This is created when we going thru workflow. 
    "workflow" : {
        "id" : "SyVXyMuSr",
        // stepFlow : _.map(workflow.steps,'id')
        "stepFlow":['someid','someid2','someid'],
        "title" : "Vehicle Accident Workflow",
        "steps" : [ 
            {
                "id": "someid",
                "code" : "accident-report-form",
                "name" : "Accident Report",
                "templates" : {
                    "form" : "<accident-report-form></accident-report-form>",
                    "view" : "<accident-report value=\"result.submission\"></accident-report>"
                },
                result: {
                
                }
            }, 
            {
                "id": "someid2",
                "code" : "accident-report-form",
                "name" : "Accident Report",
                "templates" : {
                    "form" : "<accident-report-form></accident-report-form>",
                    "view" : "<accident-report value=\"result.submission\"></accident-report>"
                }
            }, 
            {
                "code" : "vehicle-inspection",
                "name" : "Vehicle Inspection",
                "templates" : {
                    "form" : "<vehicle-inspection-form></vehicle-inspection-form>",
                    "view" : "<vehicle-inspection value=\"result.submission\"></vehicle-inspection>"
                }
            }
        ]
    }
}

If we disengage flow from data? Have interface for WFM that will calculate nextStep on payload.