{
  "surface_id": "shopping-list-selection-lists",
  "surface_version": 1,
  "payload": {
    "objects": [
      {
        "beginRendering": {
          "surfaceId": "shopping-list-selection-lists",
          "root": "shopping-list-card"
        }
      },
      {
        "surfaceUpdate": {
          "surfaceId": "shopping-list-selection-lists",
          "components": [
            {
              "id": "shopping-list-card",
              "component": {
                "Card": {
                  "child": "shopping-list-column"
                }
              }
            },
            {
              "id": "shopping-list-column",
              "component": {
                "Column": {
                  "alignment": "stretch",
                  "children": {
                    "explicitList": [
                      "shopping-list-title",
                      "shopping-list-divider",
                      "produce-selection",
                      "condiments-header",
                      "condiments-divider",
                      "condiments-selection",
                      "protein-header",
                      "protein-divider",
                      "protein-selection",
                      "add-to-cart-button"
                    ]
                  }
                }
              }
            },
            {
              "id": "shopping-list-title",
              "component": {
                "Label": {
                  "text": {
                    "literalString": "Shopping list"
                  },
                  "variant": "title"
                }
              }
            },
            {
              "id": "shopping-list-divider",
              "component": {
                "Divider": {}
              }
            },
            {
              "id": "produce-selection",
              "component": {
                "SelectionList": {
                  "selection": {
                    "path": "/produceSelection",
                    "literalArray": [
                      "baby_spinach",
                      "yellow_onions"
                    ]
                  },
                  "maxSelection": 3,
                  "items": [
                    {
                      "value": "baby_spinach",
                      "child": "produce-item-spinach"
                    },
                    {
                      "value": "yellow_onions",
                      "child": "produce-item-onions"
                    },
                    {
                      "value": "celery_hearts",
                      "child": "produce-item-celery"
                    }
                  ]
                }
              }
            },
            {
              "id": "produce-item-spinach",
              "component": {
                "Row": {
                  "alignment": "center",
                  "distribution": "spaceBetween",
                  "children": {
                    "explicitList": [
                      "produce-item-spinach-name",
                      "produce-item-spinach-qty"
                    ]
                  }
                }
              }
            },
            {
              "id": "produce-item-spinach-name",
              "weight": 1,
              "component": {
                "Label": {
                  "text": {
                    "literalString": "Baby spinach"
                  },
                  "variant": "bodySans"
                }
              }
            },
            {
              "id": "produce-item-spinach-qty",
              "component": {
                "Label": {
                  "text": {
                    "literalString": "1 bunch (6-8 oz)"
                  },
                  "variant": "bodySans",
                  "color": "secondary"
                }
              }
            },
            {
              "id": "produce-item-onions",
              "component": {
                "Row": {
                  "alignment": "center",
                  "distribution": "spaceBetween",
                  "children": {
                    "explicitList": [
                      "produce-item-onions-name",
                      "produce-item-onions-qty"
                    ]
                  }
                }
              }
            },
            {
              "id": "produce-item-onions-name",
              "weight": 1,
              "component": {
                "Label": {
                  "text": {
                    "literalString": "Yellow onions"
                  },
                  "variant": "bodySans"
                }
              }
            },
            {
              "id": "produce-item-onions-qty",
              "component": {
                "Label": {
                  "text": {
                    "literalString": "1 lb"
                  },
                  "variant": "bodySans",
                  "color": "secondary"
                }
              }
            },
            {
              "id": "produce-item-celery",
              "component": {
                "Row": {
                  "alignment": "center",
                  "distribution": "spaceBetween",
                  "children": {
                    "explicitList": [
                      "produce-item-celery-name",
                      "produce-item-celery-qty"
                    ]
                  }
                }
              }
            },
            {
              "id": "produce-item-celery-name",
              "weight": 1,
              "component": {
                "Label": {
                  "text": {
                    "literalString": "Celery hearts"
                  },
                  "variant": "bodySans"
                }
              }
            },
            {
              "id": "produce-item-celery-qty",
              "component": {
                "Label": {
                  "text": {
                    "literalString": "1 bunch (6-8 oz)"
                  },
                  "variant": "bodySans",
                  "color": "secondary"
                }
              }
            },
            {
              "id": "condiments-header",
              "component": {
                "Label": {
                  "text": {
                    "literalString": "Condiments & Dairy"
                  },
                  "variant": "bodySansSemibold"
                }
              }
            },
            {
              "id": "condiments-divider",
              "component": {
                "Divider": {}
              }
            },
            {
              "id": "condiments-selection",
              "component": {
                "SelectionList": {
                  "selection": {
                    "path": "/condimentsSelection",
                    "literalArray": [
                      "greek_yogurt"
                    ]
                  },
                  "maxSelection": 3,
                  "items": [
                    {
                      "value": "greek_yogurt",
                      "child": "condiments-item-yogurt"
                    },
                    {
                      "value": "dijon_mustard",
                      "child": "condiments-item-mustard"
                    },
                    {
                      "value": "parmesan",
                      "child": "condiments-item-parmesan"
                    }
                  ]
                }
              }
            },
            {
              "id": "condiments-item-yogurt",
              "component": {
                "Row": {
                  "alignment": "center",
                  "distribution": "spaceBetween",
                  "children": {
                    "explicitList": [
                      "condiments-item-yogurt-name",
                      "condiments-item-yogurt-qty"
                    ]
                  }
                }
              }
            },
            {
              "id": "condiments-item-yogurt-name",
              "weight": 1,
              "component": {
                "Label": {
                  "text": {
                    "literalString": "Greek yogurt"
                  },
                  "variant": "bodySans"
                }
              }
            },
            {
              "id": "condiments-item-yogurt-qty",
              "component": {
                "Label": {
                  "text": {
                    "literalString": "1 tub"
                  },
                  "variant": "bodySans",
                  "color": "secondary"
                }
              }
            },
            {
              "id": "condiments-item-mustard",
              "component": {
                "Row": {
                  "alignment": "center",
                  "distribution": "spaceBetween",
                  "children": {
                    "explicitList": [
                      "condiments-item-mustard-name",
                      "condiments-item-mustard-qty"
                    ]
                  }
                }
              }
            },
            {
              "id": "condiments-item-mustard-name",
              "weight": 1,
              "component": {
                "Label": {
                  "text": {
                    "literalString": "Dijon mustard"
                  },
                  "variant": "bodySans"
                }
              }
            },
            {
              "id": "condiments-item-mustard-qty",
              "component": {
                "Label": {
                  "text": {
                    "literalString": "1 jar"
                  },
                  "variant": "bodySans",
                  "color": "secondary"
                }
              }
            },
            {
              "id": "condiments-item-parmesan",
              "component": {
                "Row": {
                  "alignment": "center",
                  "distribution": "spaceBetween",
                  "children": {
                    "explicitList": [
                      "condiments-item-parmesan-name",
                      "condiments-item-parmesan-qty"
                    ]
                  }
                }
              }
            },
            {
              "id": "condiments-item-parmesan-name",
              "weight": 1,
              "component": {
                "Label": {
                  "text": {
                    "literalString": "Parmesan"
                  },
                  "variant": "bodySans"
                }
              }
            },
            {
              "id": "condiments-item-parmesan-qty",
              "component": {
                "Label": {
                  "text": {
                    "literalString": "4 oz wedge"
                  },
                  "variant": "bodySans",
                  "color": "secondary"
                }
              }
            },
            {
              "id": "protein-header",
              "component": {
                "Row": {
                  "alignment": "center",
                  "children": {
                    "explicitList": [
                      "protein-header-emoji",
                      "protein-header-title"
                    ]
                  }
                }
              }
            },
            {
              "id": "protein-header-emoji",
              "component": {
                "Label": {
                  "text": {
                    "literalString": "🥩"
                  },
                  "variant": "bodySansSemibold"
                }
              }
            },
            {
              "id": "protein-header-title",
              "component": {
                "Label": {
                  "text": {
                    "literalString": "Meat & Protein"
                  },
                  "variant": "bodySansSemibold"
                }
              }
            },
            {
              "id": "protein-divider",
              "component": {
                "Divider": {}
              }
            },
            {
              "id": "protein-selection",
              "component": {
                "SelectionList": {
                  "selection": {
                    "path": "/proteinSelection",
                    "literalArray": [
                      "chicken_thighs"
                    ]
                  },
                  "maxSelection": 3,
                  "items": [
                    {
                      "value": "chicken_thighs",
                      "child": "protein-item-chicken"
                    },
                    {
                      "value": "ground_turkey",
                      "child": "protein-item-turkey"
                    },
                    {
                      "value": "firm_tofu",
                      "child": "protein-item-tofu"
                    }
                  ]
                }
              }
            },
            {
              "id": "protein-item-chicken",
              "component": {
                "Row": {
                  "alignment": "center",
                  "distribution": "spaceBetween",
                  "children": {
                    "explicitList": [
                      "protein-item-chicken-name",
                      "protein-item-chicken-qty"
                    ]
                  }
                }
              }
            },
            {
              "id": "protein-item-chicken-name",
              "weight": 1,
              "component": {
                "Label": {
                  "text": {
                    "literalString": "Chicken thighs"
                  },
                  "variant": "bodySans"
                }
              }
            },
            {
              "id": "protein-item-chicken-qty",
              "component": {
                "Label": {
                  "text": {
                    "literalString": "2 lb"
                  },
                  "variant": "bodySans",
                  "color": "secondary"
                }
              }
            },
            {
              "id": "protein-item-turkey",
              "component": {
                "Row": {
                  "alignment": "center",
                  "distribution": "spaceBetween",
                  "children": {
                    "explicitList": [
                      "protein-item-turkey-name",
                      "protein-item-turkey-qty"
                    ]
                  }
                }
              }
            },
            {
              "id": "protein-item-turkey-name",
              "weight": 1,
              "component": {
                "Label": {
                  "text": {
                    "literalString": "Ground turkey"
                  },
                  "variant": "bodySans"
                }
              }
            },
            {
              "id": "protein-item-turkey-qty",
              "component": {
                "Label": {
                  "text": {
                    "literalString": "1 lb"
                  },
                  "variant": "bodySans",
                  "color": "secondary"
                }
              }
            },
            {
              "id": "protein-item-tofu",
              "component": {
                "Row": {
                  "alignment": "center",
                  "distribution": "spaceBetween",
                  "children": {
                    "explicitList": [
                      "protein-item-tofu-name",
                      "protein-item-tofu-qty"
                    ]
                  }
                }
              }
            },
            {
              "id": "protein-item-tofu-name",
              "weight": 1,
              "component": {
                "Label": {
                  "text": {
                    "literalString": "Firm tofu"
                  },
                  "variant": "bodySans"
                }
              }
            },
            {
              "id": "protein-item-tofu-qty",
              "component": {
                "Label": {
                  "text": {
                    "literalString": "14 oz"
                  },
                  "variant": "bodySans",
                  "color": "secondary"
                }
              }
            },
            {
              "id": "add-to-cart-button",
              "component": {
                "Button": {
                  "child": "add-to-cart-button-label",
                  "style": "primary",
                  "action": {
                    "name": "addShoppingListToCart",
                    "context": [
                      {
                        "key": "produceSelection",
                        "value": {
                          "path": "/produceSelection"
                        }
                      },
                      {
                        "key": "condimentsSelection",
                        "value": {
                          "path": "/condimentsSelection"
                        }
                      },
                      {
                        "key": "proteinSelection",
                        "value": {
                          "path": "/proteinSelection"
                        }
                      }
                    ]
                  }
                }
              }
            },
            {
              "id": "add-to-cart-button-label",
              "component": {
                "Label": {
                  "text": {
                    "literalString": "Add to my cart"
                  },
                  "variant": "bodySansSemibold"
                }
              }
            }
          ]
        }
      },
      {
        "dataModelUpdate": {
          "surfaceId": "shopping-list-selection-lists",
          "path": "/",
          "contents": []
        }
      }
    ]
  }
}