IAFlowItemGroup

Intelligent Advisor Flows was only made available to select customers, and will not be made Generally Available.

The root model for a flow session implements the IAFlowItemGroup interface, so this is likely to be the first flow model object you interact with.

The most important field of the IAFlowItemGroup interface is the items field, which contains the list of the items that the group contains.

A simple renderer for an IAFlowItemGroup could be:

function FlowItemGroup({control}:ControlProps<IAFlowItemGroup>) {
    return <div key={control.id} class="flow-item-group">
        {control.items.map(containerItemFactory)}
    </div>;
}

with the containerItemFactory having responsibility for generating the appropriate components for the child items:

function containerItemFactory(item: IAFlowItem) {
    if (!item.isVisible)
        return null;
    switch (item.kind) {
    case "page":
        return <Page page={item}/>
    case "flowItemGroup":
        return <FlowItemGroup control={item}/>
    ...other cases...
}