Cannot use custom function created in Javascript Adaptive Cards in UI Template Schema.

[gaurav-simpplr]

Target Application

For my own application

Application Operating System

Linux

Schema Version

version: "1.0"

Problem Description

I have written a custom function in Javascript for Adaptive cards. Below is an example code, how I have created it :

import { Expression } from "adaptive-expressions";

const formatOutlookDate = (args: any) => {
  const date = new Date(args[0]);
  return `Formatted Outlook Date is: ${date.toDateString()}`;
};

Expression.functions.add("formatOutlookDate", formatOutlookDate);

I'm using it my template schema as below :

{
  type: "UI Card",
  version: "1.0",
  body: [
    {
      type: "Container",
      $data: "${value}",
      items: [
        {
          type: "Container",
          items: [
            {
              type: "TextBlock",
              name: "secondary",
              color: "typeSecondary",
              text: "Outlook Calendar",
            },
            {
              type: "TextBlock",
              name: "heading5",
              weight: "bold",
              color: "typeTitleLight",

              text: "${formatOutlookDate(start.dateTime)}",
            },
          ],
        },
      ],
    },
  ],
};

const populateTemplateWithData = (schema: any, data: any) => {
  const context: ACData.IEvaluationContext = { $root: data };
  const template = new ACData.Template(schema);

  return template.expand(context);
};

Now, when I run it, it gives me error as below screenshot :

Expected Outcome

Function should work instead of giving error as 'Unknown function'

Actual Outcome

As below screenshot :

Card JSON

{
  type: "UI Card",
  version: "1.0",
  body: [
    {
      type: "Container",
      $data: "${value}",
      items: [
        {
          type: "Container",
          items: [
            {
              type: "TextBlock",
              name: "secondary",
              color: "typeSecondary",
              text: "Outlook Calendar",
            },
            {
              type: "TextBlock",
              name: "heading5",
              weight: "bold",
              color: "typeTitleLight",

              text: "${formatOutlookDate(start.dateTime)}",
            },
          ],
        },
      ],
    },
  ],
};

Repro Steps

No response