123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369{
"surface_id": "onboadring-dining-mode-picker",
"surface_version": 1,
"payload": {
"objects": [
{
"beginRendering": {
"surfaceId": "onboadring-dining-mode-picker",
"root": "root_card"
}
},
{
"surfaceUpdate": {
"surfaceId": "onboadring-dining-mode-picker",
"components": [
{
"id": "root_card",
"component": {
"Card": {
"child": "main_column"
}
}
},
{
"id": "main_column",
"component": {
"Column": {
"alignment": "stretch",
"children": {
"explicitList": [
"dining_mode_header",
"dining_mode_selector",
"section_divider",
"cravings_header",
"cravings_wrap",
"continue_button"
]
}
}
}
},
{
"id": "dining_mode_header",
"component": {
"Row": {
"alignment": "center",
"children": {
"explicitList": [
"dining_mode_title",
"dining_mode_required"
]
}
}
}
},
{
"id": "dining_mode_title",
"component": {
"Label": {
"text": {
"literalString": "Dining Mode"
},
"variant": "bodySansSemibold"
}
}
},
{
"id": "dining_mode_required",
"component": {
"Label": {
"text": {
"literalString": "*Req"
},
"variant": "subheadlineSemibold",
"color": "secondary"
}
}
},
{
"id": "dining_mode_selector",
"component": {
"SelectionList": {
"selection": {
"path": "/selectedDiningMode",
"literalArray": []
},
"maxSelection": 1,
"requiredSelection": 1,
"hasSelection": {
"path": "/canContinue",
"literalBoolean": false
},
"items": [
{
"value": "cook_at_home",
"child": "cook_at_home_card"
},
{
"value": "eat_out",
"child": "eat_out_card"
}
]
}
}
},
{
"id": "cook_at_home_card",
"component": {
"Card": {
"child": "cook_at_home_row"
}
}
},
{
"id": "cook_at_home_row",
"component": {
"Row": {
"alignment": "center",
"distribution": "center",
"children": {
"explicitList": [
"cook_at_home_icon",
"cook_at_home_label"
]
}
}
}
},
{
"id": "cook_at_home_icon",
"component": {
"Icon": {
"name": {
"literalString": "home"
}
}
}
},
{
"id": "cook_at_home_label",
"component": {
"Label": {
"text": {
"literalString": "Cook at home"
},
"variant": "bodySansSemibold"
}
}
},
{
"id": "eat_out_card",
"component": {
"Card": {
"child": "eat_out_row"
}
}
},
{
"id": "eat_out_row",
"component": {
"Row": {
"alignment": "center",
"distribution": "center",
"children": {
"explicitList": [
"eat_out_icon",
"eat_out_label"
]
}
}
}
},
{
"id": "eat_out_icon",
"component": {
"Icon": {
"name": {
"literalString": "knife-fork"
}
}
}
},
{
"id": "eat_out_label",
"component": {
"Label": {
"text": {
"literalString": "Eat out"
},
"variant": "bodySansSemibold"
}
}
},
{
"id": "section_divider",
"component": {
"Divider": {}
}
},
{
"id": "cravings_header",
"component": {
"Row": {
"alignment": "center",
"children": {
"explicitList": [
"cravings_title",
"cravings_optional"
]
}
}
}
},
{
"id": "cravings_title",
"component": {
"Label": {
"text": {
"literalString": "Cravings"
},
"variant": "bodySansSemibold"
}
}
},
{
"id": "cravings_optional",
"component": {
"Label": {
"text": {
"literalString": "(Opt)"
},
"variant": "subheadlineSemibold",
"color": "tertiary"
}
}
},
{
"id": "cravings_wrap",
"component": {
"SelectionWrap": {
"selection": {
"path": "/selectedCravings",
"literalArray": []
},
"maxSelection": 4,
"requiredSelection": 1,
"items": [
{
"value": "low_carb",
"child": "craving_low_carb"
},
{
"value": "comfort",
"child": "craving_comfort"
},
{
"value": "light",
"child": "craving_light"
},
{
"value": "surprise_me",
"child": "craving_surprise"
}
]
}
}
},
{
"id": "craving_low_carb",
"component": {
"Label": {
"text": {
"literalString": "🥗 Low carb"
},
"variant": "subheadline"
}
}
},
{
"id": "craving_comfort",
"component": {
"Label": {
"text": {
"literalString": "🍔 Comfort"
},
"variant": "subheadline"
}
}
},
{
"id": "craving_light",
"component": {
"Label": {
"text": {
"literalString": "🥛 Light"
},
"variant": "subheadline"
}
}
},
{
"id": "craving_surprise",
"component": {
"Label": {
"text": {
"literalString": "🐐 Surprise me"
},
"variant": "subheadline"
}
}
},
{
"id": "continue_button",
"component": {
"Button": {
"child": "continue_label",
"style": "primary",
"enabled": {
"path": "/canContinue"
},
"action": {
"name": "submitOnboardingDiningMode",
"context": [
{
"key": "diningMode",
"value": {
"path": "/selectedDiningMode"
}
},
{
"key": "cravings",
"value": {
"path": "/selectedCravings"
}
}
]
}
}
}
},
{
"id": "continue_label",
"component": {
"Label": {
"text": {
"literalString": "Let's go!"
},
"variant": "bodySansSemibold"
}
}
}
]
}
},
{
"dataModelUpdate": {
"surfaceId": "onboadring-dining-mode-picker",
"path": "/",
"contents": [
{
"key": "canContinue",
"valueBoolean": false
}
]
}
}
]
}
}0 tokens
Dining Mode
*Req
Cravings
(Opt)