{
  "surface_id": "onboadring-fridge-picker-surface",
  "surface_version": 1,
  "payload": {
    "objects": [
      {
        "beginRendering": {
          "surfaceId": "onboadring-fridge-picker-surface",
          "root": "root-card"
        }
      },
      {
        "surfaceUpdate": {
          "surfaceId": "onboadring-fridge-picker-surface",
          "components": [
            {
              "id": "root-card",
              "component": {
                "Card": {
                  "child": "main-column"
                }
              }
            },
            {
              "id": "main-column",
              "component": {
                "Column": {
                  "alignment": "stretch",
                  "children": {
                    "explicitList": [
                      "title-label",
                      "photo-input",
                      "or-row",
                      "ingredients-section",
                      "cast-button"
                    ]
                  }
                }
              }
            },
            {
              "id": "title-label",
              "component": {
                "Label": {
                  "text": {
                    "literalString": "Pick items OR snap a pic 📸:"
                  },
                  "variant": "bodySansSemibold"
                }
              }
            },
            {
              "id": "photo-input",
              "component": {
                "PhotoInput": {
                  "value": {
                    "path": "/photoUrl"
                  },
                  "hasValue": {
                    "path": "/hasPhoto"
                  },
                  "isUploading": {
                    "path": "/isUploading"
                  },
                  "placeholder": {
                    "literalString": "Snap Fridge / Upload"
                  }
                }
              }
            },
            {
              "id": "or-row",
              "component": {
                "Row": {
                  "children": {
                    "explicitList": [
                      "or-divider-left",
                      "or-label",
                      "or-divider-right"
                    ]
                  },
                  "alignment": "center"
                }
              }
            },
            {
              "id": "or-divider-left",
              "weight": 1,
              "component": {
                "Divider": {
                  "axis": "horizontal"
                }
              }
            },
            {
              "id": "or-label",
              "component": {
                "Label": {
                  "text": {
                    "literalString": "OR"
                  },
                  "variant": "captionSemibold",
                  "color": "tertiary"
                }
              }
            },
            {
              "id": "or-divider-right",
              "weight": 1,
              "component": {
                "Divider": {
                  "axis": "horizontal"
                }
              }
            },
            {
              "id": "ingredients-section",
              "component": {
                "Column": {
                  "alignment": "stretch",
                  "children": {
                    "explicitList": [
                      "shuffle-row",
                      "ingredients-grid"
                    ]
                  }
                }
              }
            },
            {
              "id": "shuffle-row",
              "component": {
                "Row": {
                  "children": {
                    "explicitList": [
                      "shuffle-spacer",
                      "shuffle-button"
                    ]
                  },
                  "distribution": "spaceBetween",
                  "alignment": "center"
                }
              }
            },
            {
              "id": "shuffle-spacer",
              "component": {
                "Label": {
                  "text": {
                    "literalString": ""
                  },
                  "variant": "caption"
                }
              }
            },
            {
              "id": "shuffle-button",
              "component": {
                "Button": {
                  "child": "shuffle-content",
                  "style": "plain",
                  "action": {
                    "name": "shuffle_ingredients"
                  }
                }
              }
            },
            {
              "id": "shuffle-content",
              "component": {
                "Row": {
                  "children": {
                    "explicitList": [
                      "shuffle-icon",
                      "shuffle-label"
                    ]
                  },
                  "alignment": "baseline"
                }
              }
            },
            {
              "id": "shuffle-icon",
              "component": {
                "Label": {
                  "text": {
                    "literalString": "↺"
                  },
                  "variant": "bodySans"
                }
              }
            },
            {
              "id": "shuffle-label",
              "component": {
                "Label": {
                  "text": {
                    "literalString": "Shuffle"
                  },
                  "variant": "subheadline"
                }
              }
            },
            {
              "id": "ingredients-grid",
              "component": {
                "SelectionGrid": {
                  "selection": {
                    "path": "/selectedIngredients",
                    "literalArray": []
                  },
                  "maxSelection": 9,
                  "requiredSelection": 1,
                  "hasSelection": {
                    "path": "/canCast",
                    "literalBoolean": false
                  },
                  "items": [
                    {
                      "value": "mushroom",
                      "child": "ingredient-mushroom-card"
                    },
                    {
                      "value": "potato",
                      "child": "ingredient-potato-card"
                    },
                    {
                      "value": "seafood",
                      "child": "ingredient-seafood-card"
                    },
                    {
                      "value": "noodles",
                      "child": "ingredient-noodles-card"
                    },
                    {
                      "value": "chicken",
                      "child": "ingredient-chicken-card"
                    },
                    {
                      "value": "cheese",
                      "child": "ingredient-cheese-card"
                    },
                    {
                      "value": "fish",
                      "child": "ingredient-fish-card"
                    },
                    {
                      "value": "egg",
                      "child": "ingredient-egg-card"
                    },
                    {
                      "value": "tomato",
                      "child": "ingredient-tomato-card"
                    }
                  ]
                }
              }
            },
            {
              "id": "ingredient-mushroom-card",
              "component": {
                "Card": {
                  "child": "ingredient-mushroom-column"
                }
              }
            },
            {
              "id": "ingredient-mushroom-column",
              "component": {
                "Column": {
                  "alignment": "center",
                  "children": {
                    "explicitList": [
                      "ingredient-mushroom-image",
                      "ingredient-mushroom-label"
                    ]
                  }
                }
              }
            },
            {
              "id": "ingredient-mushroom-image",
              "component": {
                "Image": {
                  "url": {
                    "literalString": "https://picsum.photos/seed/mushroom/200/200"
                  },
                  "size": "small"
                }
              }
            },
            {
              "id": "ingredient-mushroom-label",
              "component": {
                "Label": {
                  "text": {
                    "literalString": "Mushroom"
                  },
                  "variant": "captionSemibold"
                }
              }
            },
            {
              "id": "ingredient-potato-card",
              "component": {
                "Card": {
                  "child": "ingredient-potato-column"
                }
              }
            },
            {
              "id": "ingredient-potato-column",
              "component": {
                "Column": {
                  "alignment": "center",
                  "children": {
                    "explicitList": [
                      "ingredient-potato-image",
                      "ingredient-potato-label"
                    ]
                  }
                }
              }
            },
            {
              "id": "ingredient-potato-image",
              "component": {
                "Image": {
                  "url": {
                    "literalString": "https://picsum.photos/seed/potato/200/200"
                  },
                  "size": "small"
                }
              }
            },
            {
              "id": "ingredient-potato-label",
              "component": {
                "Label": {
                  "text": {
                    "literalString": "Potato"
                  },
                  "variant": "captionSemibold"
                }
              }
            },
            {
              "id": "ingredient-seafood-card",
              "component": {
                "Card": {
                  "child": "ingredient-seafood-column"
                }
              }
            },
            {
              "id": "ingredient-seafood-column",
              "component": {
                "Column": {
                  "alignment": "center",
                  "children": {
                    "explicitList": [
                      "ingredient-seafood-image",
                      "ingredient-seafood-label"
                    ]
                  }
                }
              }
            },
            {
              "id": "ingredient-seafood-image",
              "component": {
                "Image": {
                  "url": {
                    "literalString": "https://picsum.photos/seed/seafood/200/200"
                  },
                  "size": "small"
                }
              }
            },
            {
              "id": "ingredient-seafood-label",
              "component": {
                "Label": {
                  "text": {
                    "literalString": "Seafood"
                  },
                  "variant": "captionSemibold"
                }
              }
            },
            {
              "id": "ingredient-noodles-card",
              "component": {
                "Card": {
                  "child": "ingredient-noodles-column"
                }
              }
            },
            {
              "id": "ingredient-noodles-column",
              "component": {
                "Column": {
                  "alignment": "center",
                  "children": {
                    "explicitList": [
                      "ingredient-noodles-image",
                      "ingredient-noodles-label"
                    ]
                  }
                }
              }
            },
            {
              "id": "ingredient-noodles-image",
              "component": {
                "Image": {
                  "url": {
                    "literalString": "https://picsum.photos/seed/noodles/200/200"
                  },
                  "size": "small"
                }
              }
            },
            {
              "id": "ingredient-noodles-label",
              "component": {
                "Label": {
                  "text": {
                    "literalString": "Noodles"
                  },
                  "variant": "captionSemibold"
                }
              }
            },
            {
              "id": "ingredient-chicken-card",
              "component": {
                "Card": {
                  "child": "ingredient-chicken-column"
                }
              }
            },
            {
              "id": "ingredient-chicken-column",
              "component": {
                "Column": {
                  "alignment": "center",
                  "children": {
                    "explicitList": [
                      "ingredient-chicken-image",
                      "ingredient-chicken-label"
                    ]
                  }
                }
              }
            },
            {
              "id": "ingredient-chicken-image",
              "component": {
                "Image": {
                  "url": {
                    "literalString": "https://picsum.photos/seed/chicken/200/200"
                  },
                  "size": "small"
                }
              }
            },
            {
              "id": "ingredient-chicken-label",
              "component": {
                "Label": {
                  "text": {
                    "literalString": "Chicken"
                  },
                  "variant": "captionSemibold"
                }
              }
            },
            {
              "id": "ingredient-cheese-card",
              "component": {
                "Card": {
                  "child": "ingredient-cheese-column"
                }
              }
            },
            {
              "id": "ingredient-cheese-column",
              "component": {
                "Column": {
                  "alignment": "center",
                  "children": {
                    "explicitList": [
                      "ingredient-cheese-image",
                      "ingredient-cheese-label"
                    ]
                  }
                }
              }
            },
            {
              "id": "ingredient-cheese-image",
              "component": {
                "Image": {
                  "url": {
                    "literalString": "https://picsum.photos/seed/cheese/200/200"
                  },
                  "size": "small"
                }
              }
            },
            {
              "id": "ingredient-cheese-label",
              "component": {
                "Label": {
                  "text": {
                    "literalString": "Cheese"
                  },
                  "variant": "captionSemibold"
                }
              }
            },
            {
              "id": "ingredient-fish-card",
              "component": {
                "Card": {
                  "child": "ingredient-fish-column"
                }
              }
            },
            {
              "id": "ingredient-fish-column",
              "component": {
                "Column": {
                  "alignment": "center",
                  "children": {
                    "explicitList": [
                      "ingredient-fish-image",
                      "ingredient-fish-label"
                    ]
                  }
                }
              }
            },
            {
              "id": "ingredient-fish-image",
              "component": {
                "Image": {
                  "url": {
                    "literalString": "https://picsum.photos/seed/fish/200/200"
                  },
                  "size": "small"
                }
              }
            },
            {
              "id": "ingredient-fish-label",
              "component": {
                "Label": {
                  "text": {
                    "literalString": "Fish"
                  },
                  "variant": "captionSemibold"
                }
              }
            },
            {
              "id": "ingredient-egg-card",
              "component": {
                "Card": {
                  "child": "ingredient-egg-column"
                }
              }
            },
            {
              "id": "ingredient-egg-column",
              "component": {
                "Column": {
                  "alignment": "center",
                  "children": {
                    "explicitList": [
                      "ingredient-egg-image",
                      "ingredient-egg-label"
                    ]
                  }
                }
              }
            },
            {
              "id": "ingredient-egg-image",
              "component": {
                "Image": {
                  "url": {
                    "literalString": "https://picsum.photos/seed/egg/200/200"
                  },
                  "size": "small"
                }
              }
            },
            {
              "id": "ingredient-egg-label",
              "component": {
                "Label": {
                  "text": {
                    "literalString": "Egg"
                  },
                  "variant": "captionSemibold"
                }
              }
            },
            {
              "id": "ingredient-tomato-card",
              "component": {
                "Card": {
                  "child": "ingredient-tomato-column"
                }
              }
            },
            {
              "id": "ingredient-tomato-column",
              "component": {
                "Column": {
                  "alignment": "center",
                  "children": {
                    "explicitList": [
                      "ingredient-tomato-image",
                      "ingredient-tomato-label"
                    ]
                  }
                }
              }
            },
            {
              "id": "ingredient-tomato-image",
              "component": {
                "Image": {
                  "url": {
                    "literalString": "https://picsum.photos/seed/tomato/200/200"
                  },
                  "size": "small"
                }
              }
            },
            {
              "id": "ingredient-tomato-label",
              "component": {
                "Label": {
                  "text": {
                    "literalString": "Tomato"
                  },
                  "variant": "captionSemibold"
                }
              }
            },
            {
              "id": "cast-button",
              "component": {
                "Button": {
                  "child": "cast-button-label",
                  "style": "primary",
                  "enabled": {
                    "path": "/canCast"
                  },
                  "action": {
                    "name": "cast_magic",
                    "context": [
                      {
                        "key": "selectedIngredients",
                        "value": {
                          "path": "/selectedIngredients"
                        }
                      },
                      {
                        "key": "photoUrl",
                        "value": {
                          "path": "/photoUrl"
                        }
                      },
                      {
                        "key": "hasPhoto",
                        "value": {
                          "path": "/hasPhoto"
                        }
                      }
                    ]
                  }
                }
              }
            },
            {
              "id": "cast-button-label",
              "component": {
                "Label": {
                  "text": {
                    "literalString": "Cast magic"
                  },
                  "variant": "bodySansSemibold"
                }
              }
            }
          ]
        }
      },
      {
        "dataModelUpdate": {
          "surfaceId": "onboadring-fridge-picker-surface",
          "path": "/",
          "contents": [
            {
              "key": "canCast",
              "valueBoolean": false
            },
            {
              "key": "hasPhoto",
              "valueBoolean": false
            },
            {
              "key": "isUploading",
              "valueBoolean": false
            }
          ]
        }
      }
    ]
  }
}