{
  "surface_id": "onboadring-smart-grocery-list",
  "surface_version": 1,
  "payload": {
    "objects": [
      {
        "beginRendering": {
          "surfaceId": "onboadring-smart-grocery-list",
          "root": "root-column"
        }
      },
      {
        "surfaceUpdate": {
          "surfaceId": "onboadring-smart-grocery-list",
          "components": [
            {
              "id": "root-column",
              "component": {
                "Column": {
                  "alignment": "stretch",
                  "children": {
                    "explicitList": [
                      "title-row",
                      "subtitle-row",
                      "grocery-card",
                      "cta-button"
                    ]
                  }
                }
              }
            },
            {
              "id": "title-row",
              "component": {
                "Column": {
                  "alignment": "center",
                  "children": {
                    "explicitList": [
                      "title-label"
                    ]
                  }
                }
              }
            },
            {
              "id": "title-label",
              "component": {
                "Label": {
                  "text": {
                    "literalString": "🛒 Smart Grocery List"
                  },
                  "variant": "title"
                }
              }
            },
            {
              "id": "subtitle-row",
              "component": {
                "Column": {
                  "alignment": "center",
                  "children": {
                    "explicitList": [
                      "subtitle-label"
                    ]
                  }
                }
              }
            },
            {
              "id": "subtitle-label",
              "component": {
                "Label": {
                  "text": {
                    "literalString": "Tap items to cross them out"
                  },
                  "variant": "captionSemibold",
                  "color": "tertiary"
                }
              }
            },
            {
              "id": "grocery-card",
              "component": {
                "Card": {
                  "child": "card-column"
                }
              }
            },
            {
              "id": "card-column",
              "component": {
                "Column": {
                  "alignment": "stretch",
                  "children": {
                    "explicitList": [
                      "meat-header-row",
                      "meat-divider",
                      "meat-selection",
                      "produce-header-row",
                      "produce-divider",
                      "produce-selection",
                      "dairy-header-row",
                      "dairy-divider",
                      "dairy-selection"
                    ]
                  }
                }
              }
            },
            {
              "id": "meat-header-row",
              "component": {
                "Row": {
                  "alignment": "center",
                  "children": {
                    "explicitList": [
                      "meat-emoji",
                      "meat-title"
                    ]
                  }
                }
              }
            },
            {
              "id": "meat-emoji",
              "component": {
                "Label": {
                  "text": {
                    "literalString": "🥩"
                  },
                  "variant": "bodySansSemibold"
                }
              }
            },
            {
              "id": "meat-title",
              "component": {
                "Label": {
                  "text": {
                    "literalString": "Meat & Seafood"
                  },
                  "variant": "bodySansSemibold",
                  "color": "secondary"
                }
              }
            },
            {
              "id": "meat-divider",
              "component": {
                "Divider": {}
              }
            },
            {
              "id": "meat-selection",
              "component": {
                "SelectionList": {
                  "selection": {
                    "path": "/meatSelection"
                  },
                  "maxSelection": 3,
                  "items": [
                    {
                      "value": "chicken_breast",
                      "child": "meat-item-chicken"
                    },
                    {
                      "value": "steamed_fish",
                      "child": "meat-item-fish"
                    },
                    {
                      "value": "beef",
                      "child": "meat-item-beef"
                    }
                  ]
                }
              }
            },
            {
              "id": "meat-item-chicken",
              "component": {
                "Column": {
                  "alignment": "stretch",
                  "children": {
                    "explicitList": [
                      "meat-item-chicken-label"
                    ]
                  }
                }
              }
            },
            {
              "id": "meat-item-chicken-label",
              "component": {
                "Label": {
                  "text": {
                    "literalString": "Chicken breast 500g"
                  },
                  "variant": "bodySansSemibold"
                }
              }
            },
            {
              "id": "meat-item-fish",
              "component": {
                "Column": {
                  "alignment": "stretch",
                  "children": {
                    "explicitList": [
                      "meat-item-fish-label"
                    ]
                  }
                }
              }
            },
            {
              "id": "meat-item-fish-label",
              "component": {
                "Label": {
                  "text": {
                    "literalString": "Steamed fish 200g"
                  },
                  "variant": "bodySansSemibold"
                }
              }
            },
            {
              "id": "meat-item-beef",
              "component": {
                "Label": {
                  "text": {
                    "literalString": "Beef 300g"
                  },
                  "variant": "bodySansSemibold"
                }
              }
            },
            {
              "id": "produce-header-row",
              "component": {
                "Row": {
                  "alignment": "center",
                  "children": {
                    "explicitList": [
                      "produce-emoji",
                      "produce-title"
                    ]
                  }
                }
              }
            },
            {
              "id": "produce-emoji",
              "component": {
                "Label": {
                  "text": {
                    "literalString": "🥬"
                  },
                  "variant": "bodySansSemibold"
                }
              }
            },
            {
              "id": "produce-title",
              "component": {
                "Label": {
                  "text": {
                    "literalString": "Veggies & Fruits"
                  },
                  "variant": "bodySansSemibold",
                  "color": "secondary"
                }
              }
            },
            {
              "id": "produce-divider",
              "component": {
                "Divider": {}
              }
            },
            {
              "id": "produce-selection",
              "component": {
                "SelectionList": {
                  "selection": {
                    "path": "/produceSelection"
                  },
                  "maxSelection": 4,
                  "items": [
                    {
                      "value": "spinach",
                      "child": "produce-item-spinach"
                    },
                    {
                      "value": "broccoli",
                      "child": "produce-item-broccoli"
                    },
                    {
                      "value": "blueberries",
                      "child": "produce-item-blueberries"
                    },
                    {
                      "value": "tomatoes",
                      "child": "produce-item-tomatoes"
                    }
                  ]
                }
              }
            },
            {
              "id": "produce-item-spinach",
              "component": {
                "Column": {
                  "alignment": "stretch",
                  "children": {
                    "explicitList": [
                      "produce-item-spinach-label"
                    ]
                  }
                }
              }
            },
            {
              "id": "produce-item-spinach-label",
              "component": {
                "Label": {
                  "text": {
                    "literalString": "Spinach 1 bunch"
                  },
                  "variant": "bodySansSemibold"
                }
              }
            },
            {
              "id": "produce-item-broccoli",
              "component": {
                "Column": {
                  "alignment": "stretch",
                  "children": {
                    "explicitList": [
                      "produce-item-broccoli-label"
                    ]
                  }
                }
              }
            },
            {
              "id": "produce-item-broccoli-label",
              "component": {
                "Label": {
                  "text": {
                    "literalString": "Broccoli 2 heads"
                  },
                  "variant": "bodySansSemibold"
                }
              }
            },
            {
              "id": "produce-item-blueberries",
              "component": {
                "Column": {
                  "alignment": "stretch",
                  "children": {
                    "explicitList": [
                      "produce-item-blueberries-label"
                    ]
                  }
                }
              }
            },
            {
              "id": "produce-item-blueberries-label",
              "component": {
                "Label": {
                  "text": {
                    "literalString": "Blueberries 1 box"
                  },
                  "variant": "bodySansSemibold"
                }
              }
            },
            {
              "id": "produce-item-tomatoes",
              "component": {
                "Label": {
                  "text": {
                    "literalString": "Tomatoes x4"
                  },
                  "variant": "bodySansSemibold"
                }
              }
            },
            {
              "id": "dairy-header-row",
              "component": {
                "Row": {
                  "alignment": "center",
                  "children": {
                    "explicitList": [
                      "dairy-emoji",
                      "dairy-title"
                    ]
                  }
                }
              }
            },
            {
              "id": "dairy-emoji",
              "component": {
                "Label": {
                  "text": {
                    "literalString": "🥚"
                  },
                  "variant": "bodySansSemibold"
                }
              }
            },
            {
              "id": "dairy-title",
              "component": {
                "Label": {
                  "text": {
                    "literalString": "Dairy & Staples"
                  },
                  "variant": "bodySansSemibold",
                  "color": "secondary"
                }
              }
            },
            {
              "id": "dairy-divider",
              "component": {
                "Divider": {}
              }
            },
            {
              "id": "dairy-selection",
              "component": {
                "SelectionList": {
                  "selection": {
                    "path": "/dairySelection"
                  },
                  "maxSelection": 4,
                  "items": [
                    {
                      "value": "whole_wheat_bread",
                      "child": "dairy-item-bread"
                    },
                    {
                      "value": "eggs",
                      "child": "dairy-item-eggs"
                    },
                    {
                      "value": "brown_rice",
                      "child": "dairy-item-rice"
                    },
                    {
                      "value": "greek_yogurt",
                      "child": "dairy-item-yogurt"
                    }
                  ]
                }
              }
            },
            {
              "id": "dairy-item-bread",
              "component": {
                "Column": {
                  "alignment": "stretch",
                  "children": {
                    "explicitList": [
                      "dairy-item-bread-label"
                    ]
                  }
                }
              }
            },
            {
              "id": "dairy-item-bread-label",
              "component": {
                "Label": {
                  "text": {
                    "literalString": "Whole-wheat bread"
                  },
                  "variant": "bodySansSemibold"
                }
              }
            },
            {
              "id": "dairy-item-eggs",
              "component": {
                "Column": {
                  "alignment": "stretch",
                  "children": {
                    "explicitList": [
                      "dairy-item-eggs-label"
                    ]
                  }
                }
              }
            },
            {
              "id": "dairy-item-eggs-label",
              "component": {
                "Label": {
                  "text": {
                    "literalString": "Eggs 1 dozen"
                  },
                  "variant": "bodySansSemibold"
                }
              }
            },
            {
              "id": "dairy-item-rice",
              "component": {
                "Column": {
                  "alignment": "stretch",
                  "children": {
                    "explicitList": [
                      "dairy-item-rice-label"
                    ]
                  }
                }
              }
            },
            {
              "id": "dairy-item-rice-label",
              "component": {
                "Label": {
                  "text": {
                    "literalString": "Brown rice"
                  },
                  "variant": "bodySansSemibold"
                }
              }
            },
            {
              "id": "dairy-item-yogurt",
              "component": {
                "Label": {
                  "text": {
                    "literalString": "Greek yogurt"
                  },
                  "variant": "bodySansSemibold"
                }
              }
            },
            {
              "id": "cta-button",
              "component": {
                "Button": {
                  "child": "cta-button-content",
                  "style": "primary",
                  "action": {
                    "name": "onboarding_order_fresh_app",
                    "context": [
                      {
                        "key": "meatSelection",
                        "value": {
                          "path": "/meatSelection"
                        }
                      },
                      {
                        "key": "produceSelection",
                        "value": {
                          "path": "/produceSelection"
                        }
                      },
                      {
                        "key": "dairySelection",
                        "value": {
                          "path": "/dairySelection"
                        }
                      }
                    ]
                  }
                }
              }
            },
            {
              "id": "cta-button-content",
              "component": {
                "Row": {
                  "alignment": "center",
                  "children": {
                    "explicitList": [
                      "cta-emoji",
                      "cta-label"
                    ]
                  }
                }
              }
            },
            {
              "id": "cta-emoji",
              "component": {
                "Label": {
                  "text": {
                    "literalString": "🛍️"
                  },
                  "variant": "bodySansSemibold"
                }
              }
            },
            {
              "id": "cta-label",
              "component": {
                "Label": {
                  "text": {
                    "literalString": "Order on Fresh App"
                  },
                  "variant": "bodySansSemibold"
                }
              }
            }
          ]
        }
      }
    ]
  }
}