{"cards":[{"key":"customer-details","timeToLiveSeconds":null,"components":[{"componentSpacer":{"spacerSize":"S"}},{"componentRow":{"rowMainContent":[{"componentText":{"text":"Registered at","textColor":"MUTED"}}],"rowAsideContent":[{"componentText":{"text":"12/5/2025, 2:16 PM"}}]}},{"componentSpacer":{"spacerSize":"M"}},{"componentRow":{"rowMainContent":[{"componentText":{"text":"Last signed in","textColor":"MUTED"}}],"rowAsideContent":[{"componentText":{"text":"3/7/2026, 2:13 PM"}}]}},{"componentSpacer":{"spacerSize":"M"}},{"componentRow":{"rowMainContent":[{"componentText":{"text":"Last device used","textColor":"MUTED"}}],"rowAsideContent":[{"componentText":{"text":"Galaxy S22  🤖"}}]}},{"componentSpacer":{"spacerSize":"M"}},{"componentRow":{"rowMainContent":[{"componentText":{"text":"Marketing preferences","textColor":"MUTED"}}],"rowAsideContent":[{"componentText":{"text":"Opted out 🙅"}}]}}]},{"key":"subscription-status","timeToLiveSeconds":null,"components":[{"componentRow":{"rowMainContent":[{"componentText":{"text":"Plan","textColor":"MUTED","textSize":"M"}}],"rowAsideContent":[{"componentBadge":{"badgeLabel":"Starter","badgeColor":"YELLOW"}}]}},{"componentSpacer":{"spacerSize":"M"}},{"componentRow":{"rowMainContent":[{"componentText":{"text":"Expires","textColor":"MUTED","textSize":"M"}}],"rowAsideContent":[{"componentText":{"text":"07 Jan, 2023","textColor":"MUTED","textSize":"M"}}]}}]},{"key":"last-order","timeToLiveSeconds":null,"components":[{"componentContainer":{"containerContent":[{"componentSpacer":{"spacerSize":"S"}},{"componentRow":{"rowMainContent":[{"componentText":{"textSize":"M","textColor":"NORMAL","text":"Order #123"}},{"componentText":{"textSize":"S","textColor":"MUTED","text":"04 Mar 2026"}}],"rowAsideContent":[{"componentBadge":{"badgeLabel":"Delivered","badgeColor":"GREEN"}}]}},{"componentDivider":{"dividerSpacingSize":"M"}},{"componentText":{"textSize":"S","textColor":"MUTED","text":"Order value"}},{"componentText":{"textSize":"M","textColor":"NORMAL","text":"£512.00"}},{"componentSpacer":{"spacerSize":"S"}},{"componentText":{"textSize":"S","textColor":"MUTED","text":"Shipping address"}},{"componentText":{"textSize":"M","textColor":"NORMAL","text":"123 Example Street, Fakerton, FA6 4UX, Hertfordshire, UK"}},{"componentDivider":{"dividerSpacingSize":"M"}},{"componentLinkButton":{"linkButtonLabel":"Track order","linkButtonUrl":"https://plain.com"}}]}}]},{"key":"usage","timeToLiveSeconds":null,"components":[{"componentContainer":{"containerContent":[{"componentSpacer":{"spacerSize":"S"}},{"componentRow":{"rowMainContent":[{"componentText":{"textSize":"M","textColor":"NORMAL","text":"Events sent"}},{"componentText":{"textSize":"S","textColor":"MUTED","text":"This billing period"}}],"rowAsideContent":[{"componentBadge":{"badgeLabel":"593 of 1000","badgeColor":"GREEN"}}]}},{"componentDivider":{"dividerSpacingSize":"M"}},{"componentRow":{"rowMainContent":[{"componentText":{"textSize":"M","textColor":"MUTED","text":"Last 24 hours"}}],"rowAsideContent":[{"componentText":{"textSize":"M","textColor":"NORMAL","text":"**46**"}}]}},{"componentSpacer":{"spacerSize":"S"}},{"componentRow":{"rowMainContent":[{"componentText":{"textSize":"M","textColor":"MUTED","text":"Last 7 days"}}],"rowAsideContent":[{"componentText":{"textSize":"M","textColor":"NORMAL","text":"**297**"}}]}},{"componentDivider":{"dividerSpacingSize":"M"}},{"componentLinkButton":{"linkButtonLabel":"View usage report","linkButtonUrl":"https://plain.com"}}]}}]},{"key":"latest-invoice","timeToLiveSeconds":null,"components":[{"componentSpacer":{"spacerSize":"XS"}},{"componentRow":{"rowMainContent":[{"componentText":{"textSize":"M","textColor":"NORMAL","text":"Invoice #251-82"}},{"componentText":{"textSize":"S","textColor":"MUTED","text":"Due date: Mar 6, 2026"}}],"rowAsideContent":[{"componentBadge":{"badgeLabel":"Past due","badgeColor":"RED"}}]}},{"componentSpacer":{"spacerSize":"M"}},{"componentText":{"textSize":"S","textColor":"MUTED","text":"Billing period"}},{"componentText":{"textSize":"M","textColor":"NORMAL","text":"Feb 1, 2026 – Feb 28, 2026"}},{"componentSpacer":{"spacerSize":"M"}},{"componentText":{"textSize":"M","text":"Invoice items","textColor":"MUTED"}},{"componentSpacer":{"spacerSize":"S"}},{"componentRow":{"rowMainContent":[{"componentText":{"textSize":"M","textColor":"NORMAL","text":"14 x Pro Licenses @ $20"}}],"rowAsideContent":[{"componentText":{"textSize":"M","text":"$280.00"}}]}},{"componentSpacer":{"spacerSize":"S"}},{"componentRow":{"rowMainContent":[{"componentText":{"textSize":"M","textColor":"NORMAL","text":"68 x Extra Credits @ $5.25"}}],"rowAsideContent":[{"componentText":{"textSize":"M","text":"$357.00"}}]}},{"componentSpacer":{"spacerSize":"S"}},{"componentRow":{"rowMainContent":[{"componentText":{"textSize":"M","textColor":"NORMAL","text":"**Total**"}}],"rowAsideContent":[{"componentText":{"textSize":"M","text":"**$637.00**"}}]}},{"componentSpacer":{"spacerSize":"M"}},{"componentRow":{"rowMainContent":[{"componentLinkButton":{"linkButtonLabel":"View in Stripe","linkButtonUrl":"https://plain.com"}}],"rowAsideContent":[{"componentCopyButton":{"copyButtonTooltipLabel":"Copy invoice number","copyButtonValue":"#251-82"}}]}}]},{"key":"sentry","timeToLiveSeconds":null,"components":[{"componentContainer":{"containerContent":[{"componentSpacer":{"spacerSize":"XS"}},{"componentRow":{"rowMainContent":[{"componentBadge":{"badgeLabel":"ERROR","badgeColor":"RED"}}],"rowAsideContent":[{"componentText":{"text":"prod-email-sender","textColor":"MUTED"}}]}},{"componentSpacer":{"spacerSize":"M"}},{"componentText":{"text":"**Sentry ID**","textSize":"S","textColor":"MUTED"}},{"componentSpacer":{"spacerSize":"XS"}},{"componentRow":{"rowMainContent":[{"componentText":{"text":"BACKEND-PROD-5N3","textSize":"S"}}],"rowAsideContent":[{"componentCopyButton":{"copyButtonTooltipLabel":"Copy Sentry id","copyButtonValue":"BACKEND-PROD-5N3"}}]}},{"componentSpacer":{"spacerSize":"M"}},{"componentText":{"text":"**Message**","textSize":"S","textColor":"MUTED"}},{"componentSpacer":{"spacerSize":"XS"}},{"componentText":{"text":"There has been an error sending user email uem_01GFNH9MEQWA5P2JJB8GSYW96D. Error code: ERR_TIMEOUT","textSize":"S"}},{"componentSpacer":{"spacerSize":"M"}},{"componentText":{"text":"**Request ID**","textSize":"S","textColor":"MUTED"}},{"componentSpacer":{"spacerSize":"XS"}},{"componentRow":{"rowMainContent":[{"componentText":{"text":"airrr595bks-izeypwhayae","textSize":"S"}}],"rowAsideContent":[{"componentCopyButton":{"copyButtonTooltipLabel":"Copy request id","copyButtonValue":"airrr595bks-izeypwhayae"}}]}},{"componentSpacer":{"spacerSize":"M"}},{"componentRow":{"rowMainContent":[{"componentText":{"text":"Unhandled","textColor":"ERROR","textSize":"S"}}],"rowAsideContent":[{"componentText":{"text":"Environment: **production**","textColor":"MUTED","textSize":"S"}}]}},{"componentSpacer":{"spacerSize":"M"}},{"componentRow":{"rowMainContent":[{"componentLinkButton":{"linkButtonLabel":"View Sentry","linkButtonUrl":"https://plain.com"}}],"rowAsideContent":[{"componentLinkButton":{"linkButtonLabel":"View Logs","linkButtonUrl":"https://plain.com"}}]}}]}},{"componentSpacer":{"spacerSize":"S"}},{"componentContainer":{"containerContent":[{"componentSpacer":{"spacerSize":"XS"}},{"componentRow":{"rowMainContent":[{"componentBadge":{"badgeLabel":"WARN","badgeColor":"YELLOW"}}],"rowAsideContent":[{"componentText":{"text":"prod-background-job","textColor":"MUTED"}}]}},{"componentSpacer":{"spacerSize":"M"}},{"componentText":{"text":"**Sentry ID**","textSize":"S","textColor":"MUTED"}},{"componentSpacer":{"spacerSize":"XS"}},{"componentRow":{"rowMainContent":[{"componentText":{"text":"BACKEND-PROD-4J2","textSize":"S"}}],"rowAsideContent":[{"componentCopyButton":{"copyButtonTooltipLabel":"Copy Sentry id","copyButtonValue":"BACKEND-PROD-4J2"}}]}},{"componentSpacer":{"spacerSize":"M"}},{"componentText":{"text":"**Message**","textSize":"S","textColor":"MUTED"}},{"componentSpacer":{"spacerSize":"XS"}},{"componentText":{"text":"[THROTTLE] Request rate exceeded. Backing off and retrying in 66ms.","textSize":"S"}},{"componentSpacer":{"spacerSize":"M"}},{"componentRow":{"rowMainContent":[{"componentText":{"text":"Warning","textColor":"WARNING","textSize":"S"}}],"rowAsideContent":[{"componentText":{"text":"Environment: **production**","textColor":"MUTED","textSize":"S"}}]}},{"componentSpacer":{"spacerSize":"M"}},{"componentRow":{"rowMainContent":[{"componentLinkButton":{"linkButtonLabel":"View Sentry","linkButtonUrl":"https://plain.com"}}],"rowAsideContent":[{"componentLinkButton":{"linkButtonLabel":"View Logs","linkButtonUrl":"https://plain.com"}}]}}]}}]},{"key":"timer","timeToLiveSeconds":null,"components":[{"componentText":{"text":"Sat, 07 Mar 2026 14:16:34 GMT"}}]},{"key":"tutorial","timeToLiveSeconds":null,"components":[{"componentBadge":{"badgeLabel":"Example","badgeColor":"BLUE"}},{"componentSpacer":{"spacerSize":"S"}},{"componentText":{"text":"In Plain you can show any information about the customer you want here without having to sync anything."}},{"componentSpacer":{"spacerSize":"S"}},{"componentText":{"text":"You can do this by building a very simple API endpoint that Plain will then query when you load this page."}},{"componentSpacer":{"spacerSize":"M"}},{"componentLinkButton":{"linkButtonLabel":"Find out more","linkButtonUrl":"https://docs.plain.com/adding-context/customer-cards"}}]},{"key":"component-library","timeToLiveSeconds":null,"components":[{"componentText":{"text":"**Component badge example:**","textSize":"M"}},{"componentDivider":{"dividerSpacingSize":"S"}},{"componentBadge":{"badgeLabel":"Subscribed","badgeColor":"GREEN"}},{"componentSpacer":{"spacerSize":"XL"}},{"componentText":{"text":"**Component container example:**","textSize":"M"}},{"componentDivider":{"dividerSpacingSize":"S"}},{"componentContainer":{"containerContent":[{"componentText":{"text":"Container content"}}]}},{"componentSpacer":{"spacerSize":"XL"}},{"componentText":{"text":"**Component copy button example:**","textSize":"M"}},{"componentDivider":{"dividerSpacingSize":"S"}},{"componentCopyButton":{"copyButtonTooltipLabel":"Order ID","copyButtonValue":"2a8f2dae-3580-402b-aa0a-243efae55e39"}},{"componentSpacer":{"spacerSize":"XL"}},{"componentText":{"text":"**Component divider example:**","textSize":"M"}},{"componentDivider":{"dividerSpacingSize":"S"}},{"componentText":{"text":"Content before an XS divider"}},{"componentDivider":{"dividerSpacingSize":"XS"}},{"componentText":{"text":"Content before an S divider"}},{"componentDivider":{"dividerSpacingSize":"S"}},{"componentText":{"text":"Content before an M divider"}},{"componentDivider":{"dividerSpacingSize":"M"}},{"componentText":{"text":"Content before an L divider"}},{"componentDivider":{"dividerSpacingSize":"L"}},{"componentText":{"text":"Content before an XL divider"}},{"componentDivider":{"dividerSpacingSize":"XL"}},{"componentText":{"text":"Content after an XL divider"}},{"componentSpacer":{"spacerSize":"XL"}},{"componentText":{"text":"**Component link button example:**","textSize":"M"}},{"componentDivider":{"dividerSpacingSize":"S"}},{"componentLinkButton":{"linkButtonLabel":"Open in Admin Portal","linkButtonUrl":"https://example.com"}},{"componentSpacer":{"spacerSize":"XL"}},{"componentText":{"text":"**Component row example:**","textSize":"M"}},{"componentDivider":{"dividerSpacingSize":"S"}},{"componentRow":{"rowMainContent":[{"componentText":{"text":"Membership"}}],"rowAsideContent":[{"componentBadge":{"badgeLabel":"Premium plan","badgeColor":"BLUE"}}]}},{"componentSpacer":{"spacerSize":"S"}},{"componentRow":{"rowMainContent":[{"componentText":{"text":"Plan start date"}}],"rowAsideContent":[{"componentText":{"text":"2022-10-03 14:12 BST"}}]}},{"componentSpacer":{"spacerSize":"S"}},{"componentText":{"text":"Address","textColor":"MUTED","textSize":"S"}},{"componentRow":{"rowMainContent":[{"componentText":{"text":"123 Example Street, Fakerton, FA6 4UX"}}],"rowAsideContent":[{"componentCopyButton":{"copyButtonTooltipLabel":"Copy address","copyButtonValue":"123 Example Street, Fakerton, FA6 4UX"}}]}},{"componentSpacer":{"spacerSize":"XL"}},{"componentText":{"text":"**Component spacer example:**","textSize":"M"}},{"componentDivider":{"dividerSpacingSize":"S"}},{"componentText":{"text":"Content before an XS spacer"}},{"componentSpacer":{"spacerSize":"XS"}},{"componentText":{"text":"Content before an S spacer"}},{"componentSpacer":{"spacerSize":"S"}},{"componentText":{"text":"Content before an M spacer"}},{"componentSpacer":{"spacerSize":"M"}},{"componentText":{"text":"Content before an L spacer"}},{"componentSpacer":{"spacerSize":"L"}},{"componentText":{"text":"Content before an XL spacer"}},{"componentSpacer":{"spacerSize":"XL"}},{"componentText":{"text":"Content after an XL spacer"}},{"componentSpacer":{"spacerSize":"XL"}},{"componentText":{"text":"**Component text example:**","textSize":"M"}},{"componentDivider":{"dividerSpacingSize":"S"}},{"componentText":{"text":"Small text","textSize":"S"}},{"componentText":{"text":"Medium text","textSize":"M"}},{"componentText":{"text":"Large text","textSize":"L"}},{"componentText":{"text":"Normal text","textColor":"NORMAL"}},{"componentText":{"text":"Muted text","textColor":"MUTED"}},{"componentText":{"text":"Success text","textColor":"SUCCESS"}},{"componentText":{"text":"Warning text","textColor":"WARNING"}},{"componentText":{"text":"Error text","textColor":"ERROR"}}]},{"key":"null-components","timeToLiveSeconds":null,"components":null},{"key":"empty-components","timeToLiveSeconds":null,"components":[]}]}