[Bug]Error in AdaptiveCards Templating SDK: Cannot Read Properties of Undefined ('Expression')

Target Platforms

Other

SDK Version

2.3.1

Application Name

adaptivecards-templating

Problem Description

I encountered an issue where properties in the JavaScript version of the AdaptiveCards Templating SDK are undefined.
How can I resolve this issue?issue-adaptive-cards-sdk.docx

Screenshots

Card JSON

// Define the Adaptive Card template
    const cardTemplate = {"type":"AdaptiveCard","version":"1.0",
        "body":[
            {"type":"TextBlock","text":"Hello ${name}!"},
            {"type":"TextBlock","text":"=if(age >= 18, 'You are an adult.', 'You are a minor.')"}]};
    // Define dynamic data (this could come from an API or user input)
    const dynamicData = {"$root":{"name":"John","age":25}};

Sample Code Language

JS

Sample Code

<title>Adaptive Card with Expressions</title>

Adaptive Card with Dynamic Expression

<script src="https://unpkg.com/adaptivecards@2.1.0/dist/adaptivecards.min.js"></script> <script src="https://unpkg.com/adaptivecards-templating/dist/adaptivecards-templating.min.js"></script> <script> // Define the Adaptive Card template const cardTemplate = {"type":"AdaptiveCard","version":"1.0", "body":[ {"type":"TextBlock","text":"Hello ${name}!"}, {"type":"TextBlock","text":"=if(age >= 18, 'You are an adult.', 'You are a minor.')"}]}; // Define dynamic data (this could come from an API or user input) const dynamicData = {"$root":{"name":"John","age":25}};

// Use adaptive-expressions to evaluate expressions in the template
const template = new AdaptiveCards.AdaptiveCard();
const card = new ACData.Template(cardTemplate);
// Expand the template with the dynamic data
const cardPayload = card.expand({ $root: dynamicData });
// Parse and render the adaptive card
template.parse(cardPayload);
document.getElementById("adaptiveCardDiv").appendChild(template.render());

</script>

Start by reproducing the HTML sample with the adaptivecards and adaptivecards-templating CDN scripts, comparing the reported SDK version with the versions loaded in the page. Check how the AdaptiveCards.AdaptiveCard, ACData.Template, and card.expand calls handle the supplied $root data; done means the sample renders both expressions without the undefined Expression error.