feat: new Teams adaptive cards (#5)

* feat: new Teams adaptive cards

Author: Netail

dist/index.js

@@ -1,30 +1,69 @@
 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[];
+	backgroundImage: BackgroundImage;
+	msteams: MSTeams;
+}
+
+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 FactSet {
+	type: 'FactSet';
+	facts: Fact[];
+}
+
+interface ActionSet {
+	type: 'ActionSet';
+	actions: Action[];
+}
+
+interface ColumnSet {
+	type: 'ColumnSet';
+	columns: Column[];
+}
+
+interface Column {
+	type: 'ColumnSet';
+	items: Element[];
+}
+
 interface Action {
-	'@type': string;
-	name: string;
-	targets: Target[];
+	type: string;
+	title: string;
+	url: string;
+}
+
+interface BackgroundImage {
+	url: string;
+	fillMode: 'RepeatHorizontally';
 }
 
-interface Target {
-	os: string;
-	uri: string;
+interface MSTeams {
+	width: 'Full';
 }

dist/index.js.map

@@ -9,26 +9,49 @@ 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.5',
+					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,
+					})),
+					msteams: {
+						width: 'Full',
+					},
+					backgroundImage: {
+						// TODO: Replace with base64 template, but no idea how that works...
+						url: `https://singlecolorimage.com/get/${color}/1x3`,
+						fillMode: 'RepeatHorizontally',
+					},
+				},
 			},
 		],
-		potentialAction: buttons.map((button) => ({
-			'@type': 'OpenUri',
-			name: button.label,
-			targets: [
-				{
-					os: 'default',
-					uri: button.url,
-				},
-			],
-		})),
 	};
 };