feat: new Teams adaptive cards

Author: Netail

src/interfaces/teams-payload.ts

@@ -1,30 +1,58 @@
 export interface TeamsPayload {
-    '@type': string;
-    '@context': string;
-    themeColor: string;
-    title: string;
-    summary: string;
-    text?: string;
-    sections?: Section[];
-    potentialAction?: Action[];
+    type: string;
+    attachments: Attachment[];
 }
 
-interface Section {
-    facts: Fact[];
+interface Attachment {
+    contentType: string;
+    contentUrl: unknown;
+    content: AdaptiveCard;
+}
+
+interface AdaptiveCard {
+    $schema: string;
+    type: string;
+    version: string;
+    body: Element[];
+    actions: Action[];
+}
+
+type Element = TextBlock | FactSet | ActionSet | ColumnSet | Column;
+
+interface TextBlock {
+    type: 'TextBlock';
+    text: string;
+    weight?: 'default' | 'lighter' | 'bolder';
+    size?: 'default' | 'small' | 'medium' | 'large' | 'extraLarge';
 }
 
 interface Fact {
-    name: string;
+    title: string;
     value: string;
 }
 
-interface Action {
-    '@type': string;
-    name: string;
-    targets: Target[];
+interface FactSet {
+    type: 'FactSet';
+    facts: Fact[];
+}
+
+interface ActionSet {
+    type: 'ActionSet';
+    actions: Action[];
+}
+
+interface ColumnSet {
+    type: 'ColumnSet';
+    columns: Column[];
 }
 
-interface Target {
-    os: string;
-    uri: string;
+interface Column {
+    type: 'ColumnSet';
+    items: Element[];
+}
+
+interface Action {
+    type: string;
+    title: string;
+    url: string;
 }

src/normalizers/teams.normalizer.ts

@@ -9,26 +9,41 @@ export const normalizeTeamsPayload = (
     buttons: Button[]
 ): TeamsPayload => {
     return {
-        '@type': 'MessageCard',
-        '@context': 'https://schema.org/extensions',
-        themeColor: color,
-        summary: title,
-        title,
-        text,
-        sections: [
+        type: 'message',
+        attachments: [
             {
-                facts: fields,
+                contentType: 'application/vnd.microsoft.card.adaptive',
+                contentUrl: null,
+                content: {
+                    $schema:
+                        'http://adaptivecards.io/schemas/adaptive-card.json',
+                    type: 'AdaptiveCard',
+                    version: '1.2',
+                    body: [
+                        {
+                            type: 'TextBlock',
+                            text: title,
+                            size: 'large',
+                        },
+                        {
+                            type: 'TextBlock',
+                            text: text,
+                        },
+                        {
+                            type: 'FactSet',
+                            facts: fields.map(({ name, value }) => ({
+                                title: name,
+                                value,
+                            })),
+                        },
+                    ],
+                    actions: buttons.map(({ label, url }) => ({
+                        type: 'Action.OpenUrl',
+                        title: label,
+                        url: url,
+                    })),
+                },
             },
         ],
-        potentialAction: buttons.map((button) => ({
-            '@type': 'OpenUri',
-            name: button.label,
-            targets: [
-                {
-                    os: 'default',
-                    uri: button.url,
-                },
-            ],
-        })),
     };
 };