{
  "surface_id": "onboadring-fridge-magic",
  "surface_version": 1,
  "payload": {
    "objects": [
      {
        "beginRendering": {
          "surfaceId": "onboadring-fridge-magic",
          "root": "root-card"
        }
      },
      {
        "surfaceUpdate": {
          "surfaceId": "onboadring-fridge-magic",
          "components": [
            {
              "id": "root-card",
              "component": {
                "Card": {
                  "child": "main-column"
                }
              }
            },
            {
              "id": "main-column",
              "component": {
                "Column": {
                  "alignment": "stretch",
                  "children": {
                    "explicitList": [
                      "title-text",
                      "photo-input",
                      "or-row",
                      "ingredients-section",
                      "submit-gate",
                      "cast-button"
                    ]
                  }
                }
              }
            },
            {
              "id": "title-text",
              "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",
                      "ingredient-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": "ingredient-grid",
              "component": {
                "SelectionGrid": {
                  "selection": {
                    "path": "/selectedItems"
                  },
                  "hasSelection": {
                    "path": "/hasSelectedItems"
                  },
                  "maxSelection": 1,
                  "items": [
                    {
                      "value": "mushroom",
                      "child": "item-mushroom"
                    },
                    {
                      "value": "egg",
                      "child": "item-egg"
                    },
                    {
                      "value": "fish",
                      "child": "item-fish"
                    },
                    {
                      "value": "tomato",
                      "child": "item-tomato"
                    },
                    {
                      "value": "potato",
                      "child": "item-potato"
                    },
                    {
                      "value": "meat",
                      "child": "item-meat"
                    },
                    {
                      "value": "seafood",
                      "child": "item-seafood"
                    },
                    {
                      "value": "onion",
                      "child": "item-onion"
                    },
                    {
                      "value": "cheese",
                      "child": "item-cheese"
                    }
                  ]
                }
              }
            },
            {
              "id": "item-mushroom",
              "component": {
                "Card": {
                  "child": "item-mushroom-content"
                }
              }
            },
            {
              "id": "item-mushroom-content",
              "component": {
                "Column": {
                  "alignment": "center",
                  "children": {
                    "explicitList": [
                      "item-mushroom-emoji",
                      "item-mushroom-label"
                    ]
                  }
                }
              }
            },
            {
              "id": "item-mushroom-emoji",
              "component": {
                "Label": {
                  "text": {
                    "literalString": "🍄"
                  },
                  "variant": "title"
                }
              }
            },
            {
              "id": "item-mushroom-label",
              "component": {
                "Label": {
                  "text": {
                    "literalString": "Mushroom"
                  },
                  "variant": "subheadlineSemibold"
                }
              }
            },
            {
              "id": "item-egg",
              "component": {
                "Card": {
                  "child": "item-egg-content"
                }
              }
            },
            {
              "id": "item-egg-content",
              "component": {
                "Column": {
                  "alignment": "center",
                  "children": {
                    "explicitList": [
                      "item-egg-emoji",
                      "item-egg-label"
                    ]
                  }
                }
              }
            },
            {
              "id": "item-egg-emoji",
              "component": {
                "Label": {
                  "text": {
                    "literalString": "🥚"
                  },
                  "variant": "title"
                }
              }
            },
            {
              "id": "item-egg-label",
              "component": {
                "Label": {
                  "text": {
                    "literalString": "Egg"
                  },
                  "variant": "subheadlineSemibold"
                }
              }
            },
            {
              "id": "item-fish",
              "component": {
                "Card": {
                  "child": "item-fish-content"
                }
              }
            },
            {
              "id": "item-fish-content",
              "component": {
                "Column": {
                  "alignment": "center",
                  "children": {
                    "explicitList": [
                      "item-fish-emoji",
                      "item-fish-label"
                    ]
                  }
                }
              }
            },
            {
              "id": "item-fish-emoji",
              "component": {
                "Label": {
                  "text": {
                    "literalString": "🐟"
                  },
                  "variant": "title"
                }
              }
            },
            {
              "id": "item-fish-label",
              "component": {
                "Label": {
                  "text": {
                    "literalString": "Fish"
                  },
                  "variant": "subheadlineSemibold"
                }
              }
            },
            {
              "id": "item-tomato",
              "component": {
                "Card": {
                  "child": "item-tomato-content"
                }
              }
            },
            {
              "id": "item-tomato-content",
              "component": {
                "Column": {
                  "alignment": "center",
                  "children": {
                    "explicitList": [
                      "item-tomato-emoji",
                      "item-tomato-label"
                    ]
                  }
                }
              }
            },
            {
              "id": "item-tomato-emoji",
              "component": {
                "Label": {
                  "text": {
                    "literalString": "🍅"
                  },
                  "variant": "title"
                }
              }
            },
            {
              "id": "item-tomato-label",
              "component": {
                "Label": {
                  "text": {
                    "literalString": "Tomato"
                  },
                  "variant": "subheadlineSemibold"
                }
              }
            },
            {
              "id": "item-potato",
              "component": {
                "Card": {
                  "child": "item-potato-content"
                }
              }
            },
            {
              "id": "item-potato-content",
              "component": {
                "Column": {
                  "alignment": "center",
                  "children": {
                    "explicitList": [
                      "item-potato-emoji",
                      "item-potato-label"
                    ]
                  }
                }
              }
            },
            {
              "id": "item-potato-emoji",
              "component": {
                "Label": {
                  "text": {
                    "literalString": "🥔"
                  },
                  "variant": "title"
                }
              }
            },
            {
              "id": "item-potato-label",
              "component": {
                "Label": {
                  "text": {
                    "literalString": "Potato"
                  },
                  "variant": "subheadlineSemibold"
                }
              }
            },
            {
              "id": "item-meat",
              "component": {
                "Card": {
                  "child": "item-meat-content"
                }
              }
            },
            {
              "id": "item-meat-content",
              "component": {
                "Column": {
                  "alignment": "center",
                  "children": {
                    "explicitList": [
                      "item-meat-emoji",
                      "item-meat-label"
                    ]
                  }
                }
              }
            },
            {
              "id": "item-meat-emoji",
              "component": {
                "Label": {
                  "text": {
                    "literalString": "🥩"
                  },
                  "variant": "title"
                }
              }
            },
            {
              "id": "item-meat-label",
              "component": {
                "Label": {
                  "text": {
                    "literalString": "Meat"
                  },
                  "variant": "subheadlineSemibold"
                }
              }
            },
            {
              "id": "item-seafood",
              "component": {
                "Card": {
                  "child": "item-seafood-content"
                }
              }
            },
            {
              "id": "item-seafood-content",
              "component": {
                "Column": {
                  "alignment": "center",
                  "children": {
                    "explicitList": [
                      "item-seafood-emoji",
                      "item-seafood-label"
                    ]
                  }
                }
              }
            },
            {
              "id": "item-seafood-emoji",
              "component": {
                "Label": {
                  "text": {
                    "literalString": "🍤"
                  },
                  "variant": "title"
                }
              }
            },
            {
              "id": "item-seafood-label",
              "component": {
                "Label": {
                  "text": {
                    "literalString": "Seafood"
                  },
                  "variant": "subheadlineSemibold"
                }
              }
            },
            {
              "id": "item-onion",
              "component": {
                "Card": {
                  "child": "item-onion-content"
                }
              }
            },
            {
              "id": "item-onion-content",
              "component": {
                "Column": {
                  "alignment": "center",
                  "children": {
                    "explicitList": [
                      "item-onion-emoji",
                      "item-onion-label"
                    ]
                  }
                }
              }
            },
            {
              "id": "item-onion-emoji",
              "component": {
                "Label": {
                  "text": {
                    "literalString": "🧅"
                  },
                  "variant": "title"
                }
              }
            },
            {
              "id": "item-onion-label",
              "component": {
                "Label": {
                  "text": {
                    "literalString": "Onion"
                  },
                  "variant": "subheadlineSemibold"
                }
              }
            },
            {
              "id": "item-cheese",
              "component": {
                "Card": {
                  "child": "item-cheese-content"
                }
              }
            },
            {
              "id": "item-cheese-content",
              "component": {
                "Column": {
                  "alignment": "center",
                  "children": {
                    "explicitList": [
                      "item-cheese-emoji",
                      "item-cheese-label"
                    ]
                  }
                }
              }
            },
            {
              "id": "item-cheese-emoji",
              "component": {
                "Label": {
                  "text": {
                    "literalString": "🧀"
                  },
                  "variant": "title"
                }
              }
            },
            {
              "id": "item-cheese-label",
              "component": {
                "Label": {
                  "text": {
                    "literalString": "Cheese"
                  },
                  "variant": "subheadlineSemibold"
                }
              }
            },
            {
              "id": "submit-gate",
              "component": {
                "BooleanAnyOf": {
                  "inputs": [
                    {
                      "path": "/hasPhoto"
                    },
                    {
                      "path": "/hasSelectedItems"
                    }
                  ],
                  "output": {
                    "path": "/canSubmit",
                    "literalBoolean": false
                  }
                }
              }
            },
            {
              "id": "cast-button",
              "component": {
                "Button": {
                  "child": "cast-button-content",
                  "style": "primary",
                  "enabled": {
                    "path": "/canSubmit"
                  },
                  "action": {
                    "name": "onboarding_cast_magic",
                    "context": [
                      {
                        "key": "selectedItems",
                        "value": {
                          "path": "/selectedItems"
                        }
                      },
                      {
                        "key": "photoUrl",
                        "value": {
                          "path": "/photoUrl"
                        }
                      },
                      {
                        "key": "hasPhoto",
                        "value": {
                          "path": "/hasPhoto"
                        }
                      }
                    ]
                  }
                }
              }
            },
            {
              "id": "cast-button-content",
              "component": {
                "Row": {
                  "alignment": "center",
                  "children": {
                    "explicitList": [
                      "cast-emoji",
                      "cast-label"
                    ]
                  }
                }
              }
            },
            {
              "id": "cast-emoji",
              "component": {
                "Label": {
                  "text": {
                    "literalString": "✨"
                  },
                  "variant": "bodySansSemibold"
                }
              }
            },
            {
              "id": "cast-label",
              "component": {
                "Label": {
                  "text": {
                    "literalString": "Cast magic"
                  },
                  "variant": "bodySansSemibold"
                }
              }
            }
          ]
        }
      },
      {
        "dataModelUpdate": {
          "surfaceId": "onboadring-fridge-magic",
          "path": "/",
          "contents": [
            {
              "key": "canSubmit",
              "valueBoolean": false
            },
            {
              "key": "hasPhoto",
              "valueBoolean": false
            },
            {
              "key": "isUploading",
              "valueBoolean": false
            }
          ]
        }
      }
    ]
  }
}