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)