Receipt card now workng in MS Teams

Himanshu 1 Reputation point
2021-12-03T07:11:41.843+00:00
const receiptCardToTestTeams = {  
                    "contentType": "application/vnd.microsoft.card.receipt",  
                    "content": {  
                      "title": "John Doe",  
                      "facts": [  
                        {  
                          "key": "Order Number",  
                          "value": "1234"  
                        },  
                        {  
                          "key": "Payment Method",  
                          "value": "VISA 5555-****"  
                        }  
                      ],  
                      "items": [  
                        {  
                          "title": "Data Transfer",  
                          "image": {  
                            "url": "https://github.com/amido/azure-vector-icons/raw/master/renders/traffic-manager.png"  
                          },  
                          "price": "$ 38.45",  
                          "quantity": "368"  
                        },  
                        {  
                          "title": "App Service",  
                          "image": {  
                            "url": "https://github.com/amido/azure-vector-icons/raw/master/renders/cloud-service.png"  
                          },  
                          "price": "$ 45.00",  
                          "quantity": "720"  
                        }  
                      ],  
                      "total": "$ 90.95",  
                      "tax": "$ 7.50",  
                      "buttons": [  
                        {  
                          "type": "openUrl",  
                          "title": "More information",  
                          "image": "https://account.windowsazure.com/content/6.10.1.38-.8225.160809-1618/aux-pre/images/offer-icon-freetrial.png",  
                          "value": "https://azure.microsoft.com/en-us/pricing/"  
                        }  
                      ]  
                    }  
                  };  
  
                  
  
                await stepContext.context.sendActivity({ attachments: [receiptCardToTestTeams] });  

using this code sample the receipt card is not rendered in Teams, where as same piece of code is working perfect with Skype, Web, Slack and Emulator

Teams output : 154715-image.png

Microsoft Teams Development
Microsoft Teams Development
Microsoft Teams: A Microsoft customizable chat-based workspace.Development: The process of researching, productizing, and refining new or existing technologies.
2,750 questions
0 comments No comments
{count} votes

2 answers

Sort by: Most helpful
  1. Meghana-MSFT 3,586 Reputation points Microsoft Vendor
    2023-07-26T10:58:17.2733333+00:00

    We are also able to repro this issue, a bug has been raised for this issue. We will keep you updated on the bug status. Thank you.

    0 comments No comments

  2. Meghana-MSFT 3,586 Reputation points Microsoft Vendor
    2023-07-27T07:09:03.11+00:00

    We are also able to repro this issue, a bug has been raised for this issue. We will keep you updated on the bug status. Thank you.Thanks, 

    Meghana

    ************************************************************************* 

    If the response is helpful, please click "Accept Answer" and upvote it. You can share your feedback via Microsoft Teams Developer Feedback link. Click here to escalate.  

    0 comments No comments