123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434
{
  "surface_id": "restaurant-reservation-voice-record",
  "surface_version": 1,
  "payload": {
    "objects": [
      {
        "beginRendering": {
          "surfaceId": "restaurant-reservation-voice-record",
          "root": "reservation-card"
        }
      },
      {
        "surfaceUpdate": {
          "surfaceId": "restaurant-reservation-voice-record",
          "components": [
            {
              "id": "reservation-card",
              "component": {
                "Card": {
                  "child": "reservation-column"
                }
              }
            },
            {
              "id": "reservation-column",
              "component": {
                "Column": {
                  "alignment": "stretch",
                  "children": {
                    "explicitList": [
                      "reservation-status",
                      "reservation-name",
                      "reservation-address",
                      "confirmation-column",
                      "reservation-meta-row",
                      "reservation-email",
                      "voice-record-modal"
                    ]
                  }
                }
              }
            },
            {
              "id": "reservation-status",
              "component": {
                "TagText": {
                  "segments": {
                    "literalArray": [
                      {
                        "text": "Table confirmed",
                        "style": "highlight"
                      }
                    ]
                  }
                }
              }
            },
            {
              "id": "reservation-name",
              "component": {
                "Label": {
                  "text": {
                    "literalString": "Restaurant Name"
                  },
                  "variant": "title"
                }
              }
            },
            {
              "id": "reservation-address",
              "component": {
                "Label": {
                  "text": {
                    "literalString": "112 Washington St"
                  },
                  "variant": "bodySans",
                  "color": "secondary"
                }
              }
            },
            {
              "id": "confirmation-column",
              "component": {
                "Column": {
                  "alignment": "stretch",
                  "children": {
                    "explicitList": [
                      "confirmation-label",
                      "confirmation-code"
                    ]
                  }
                }
              }
            },
            {
              "id": "confirmation-label",
              "component": {
                "Label": {
                  "text": {
                    "literalString": "Confirmation Number"
                  },
                  "variant": "caption",
                  "color": "secondary"
                }
              }
            },
            {
              "id": "confirmation-code",
              "component": {
                "Label": {
                  "text": {
                    "literalString": "XSUATW12134"
                  },
                  "variant": "bodySansSemibold"
                }
              }
            },
            {
              "id": "reservation-meta-row",
              "component": {
                "Row": {
                  "distribution": "spaceBetween",
                  "alignment": "start",
                  "children": {
                    "explicitList": [
                      "party-size-column",
                      "reservation-time-column"
                    ]
                  }
                }
              }
            },
            {
              "id": "party-size-column",
              "weight": 1,
              "component": {
                "Column": {
                  "children": {
                    "explicitList": [
                      "party-size-label",
                      "party-size-value"
                    ]
                  }
                }
              }
            },
            {
              "id": "party-size-label",
              "component": {
                "Label": {
                  "text": {
                    "literalString": "Party size"
                  },
                  "variant": "caption",
                  "color": "secondary"
                }
              }
            },
            {
              "id": "party-size-value",
              "component": {
                "Label": {
                  "text": {
                    "literalString": "6 people"
                  },
                  "variant": "bodySansSemibold"
                }
              }
            },
            {
              "id": "reservation-time-column",
              "weight": 1,
              "component": {
                "Column": {
                  "children": {
                    "explicitList": [
                      "reservation-time-label",
                      "reservation-time-value"
                    ]
                  }
                }
              }
            },
            {
              "id": "reservation-time-label",
              "component": {
                "Label": {
                  "text": {
                    "literalString": "Time"
                  },
                  "variant": "caption",
                  "color": "secondary"
                }
              }
            },
            {
              "id": "reservation-time-value",
              "component": {
                "Label": {
                  "text": {
                    "literalString": "Today 9:41"
                  },
                  "variant": "bodySansSemibold"
                }
              }
            },
            {
              "id": "reservation-email",
              "component": {
                "Label": {
                  "text": {
                    "literalString": "verityniu50@gmail.com"
                  },
                  "variant": "bodySans",
                  "color": "secondary"
                }
              }
            },
            {
              "id": "voice-record-modal",
              "component": {
                "FullScreenModal": {
                  "entryPointChild": "voice-record-button",
                  "contentChild": "voice-record-modal-column"
                }
              }
            },
            {
              "id": "voice-record-button",
              "component": {
                "Button": {
                  "child": "voice-record-button-label",
                  "style": "secondary",
                  "action": {
                    "name": "showFullModal",
                    "context": [
                      {
                        "key": "modalId",
                        "value": {
                          "literalString": "voice-record-modal"
                        }
                      }
                    ]
                  }
                }
              }
            },
            {
              "id": "voice-record-button-label",
              "component": {
                "Label": {
                  "text": {
                    "literalString": "Voice Record"
                  },
                  "variant": "bodySansSemibold"
                }
              }
            },
            {
              "id": "voice-record-modal-column",
              "component": {
                "Column": {
                  "alignment": "stretch",
                  "children": {
                    "explicitList": [
                      "voice-record-modal-title",
                      "voice-record-transcript-card",
                      "voice-record-bottom-bar"
                    ]
                  }
                }
              }
            },
            {
              "id": "voice-record-modal-title",
              "component": {
                "Label": {
                  "text": {
                    "literalString": "Voice Record"
                  },
                  "variant": "title"
                }
              }
            },
            {
              "id": "voice-record-transcript-card",
              "component": {
                "Card": {
                  "child": "voice-record-transcript-column"
                }
              }
            },
            {
              "id": "voice-record-transcript-column",
              "component": {
                "Column": {
                  "alignment": "stretch",
                  "children": {
                    "explicitList": [
                      "voice-record-transcript-heading",
                      "transcript-line-1",
                      "transcript-line-2",
                      "transcript-line-3",
                      "transcript-line-4",
                      "transcript-line-5",
                      "transcript-line-6"
                    ]
                  }
                }
              }
            },
            {
              "id": "voice-record-transcript-heading",
              "component": {
                "Label": {
                  "text": {
                    "literalString": "Reservation at Restaurant Name..."
                  },
                  "variant": "bodySansSemibold"
                }
              }
            },
            {
              "id": "transcript-line-1",
              "component": {
                "Label": {
                  "text": {
                    "literalString": "Hello, do you have a table for six today at 9:41?"
                  },
                  "variant": "bodySans"
                }
              }
            },
            {
              "id": "transcript-line-2",
              "component": {
                "Label": {
                  "text": {
                    "literalString": "Hello, yes, I can help with that."
                  },
                  "variant": "bodySans",
                  "color": "secondary"
                }
              }
            },
            {
              "id": "transcript-line-3",
              "component": {
                "Label": {
                  "text": {
                    "literalString": "Great, the reservation is under confirmation number XSUATW12134."
                  },
                  "variant": "bodySans"
                }
              }
            },
            {
              "id": "transcript-line-4",
              "component": {
                "Label": {
                  "text": {
                    "literalString": "Perfect, I see the booking for 112 Washington St."
                  },
                  "variant": "bodySans",
                  "color": "secondary"
                }
              }
            },
            {
              "id": "transcript-line-5",
              "component": {
                "Label": {
                  "text": {
                    "literalString": "Please keep the table confirmed and send the details to verityniu50@gmail.com."
                  },
                  "variant": "bodySans"
                }
              }
            },
            {
              "id": "transcript-line-6",
              "component": {
                "Label": {
                  "text": {
                    "literalString": "Done. Your reservation is confirmed and ready when you arrive."
                  },
                  "variant": "bodySans",
                  "color": "secondary"
                }
              }
            },
            {
              "id": "voice-record-bottom-bar",
              "component": {
                "BottomBar": {
                  "child": "call-by-myself-button"
                }
              }
            },
            {
              "id": "call-by-myself-button",
              "component": {
                "Button": {
                  "child": "call-by-myself-label",
                  "style": "primary",
                  "action": {
                    "name": "call_by_myself",
                    "handler": {
                      "operation": "call_phone",
                      "value": {
                        "tel": "13800138000"
                      }
                    }
                  }
                }
              }
            },
            {
              "id": "call-by-myself-label",
              "component": {
                "Label": {
                  "text": {
                    "literalString": "Call by myself"
                  },
                  "variant": "bodySansSemibold"
                }
              }
            }
          ]
        }
      }
    ]
  }
}
0 tokens
Table confirmed
Restaurant Name
112 Washington St
Confirmation Number
XSUATW12134
Party size
6 people
Time
Today 9:41
verityniu50@gmail.com