Teams App Developer

import { App } from "@slack/bolt";

const app = new App({
  token: process.env.SLACK_BOT_TOKEN!,
  signingSecret: process.env.SLACK_SIGNING_SECRET!,
});

// Message shortcut — appears in message context menu
app.shortcut("create_ticket_from_message", async ({ ack, shortcut, client }) => {
  await ack();

  const message = (shortcut as any).message;
  await client.views.open({
    trigger_id: shortcut.trigger_id,
    view: {
      type: "modal",
      callback_id: "ticket_from_message",
      title: { type: "plain_text", text: "Create Ticket" },
      submit: { type: "plain_text", text: "Create" },
      blocks: [
        {
          type: "input",
          block_id: "title_block",
          label: { type: "plain_text", text: "Ticket Title" },
          element: {
            type: "plain_text_input",
            action_id: "title_input",
            initial_value: message.text?.substring(0, 100) ?? "",
          },
        },
        {
          type: "input",
          block_id: "priority_block",
          label: { type: "plain_text", text: "Priority" },
          element: {
            type: "static_select",
            action_id: "priority_select",
            options: [
              { text: { type: "plain_text", text: "High" }, value: "high" },
              { text: { type: "plain_text", text: "Medium" }, value: "medium" },
              { text: { type: "plain_text", text: "Low" }, value: "low" },
            ],
          },
        },
      ],
      private_metadata: JSON.stringify({
        channel: message.channel,
        messageTs: message.ts,
      }),
    },
  });
});

app.view("ticket_from_message", async ({ ack, view, client }) => {
  await ack();
  const title = view.state.values.title_block.title_input.value!;
  const priority = view.state.values.priority_block.priority_select.selected_option?.value;
  const meta = JSON.parse(view.private_metadata);
  await client.chat.postMessage({
    channel: meta.channel,
    text: `Ticket created: *${title}* [${priority}]`,
    thread_ts: meta.messageTs,
  });
});

import { App } from "@microsoft/teams.apps";
import { ConsoleLogger } from "@microsoft/teams.common";

const app = new App({
  logger: new ConsoleLogger("my-bot", { level: "info" }),
});

// message.ext.open — returns task module (replaces views.open with trigger_id)
app.on("message.ext.open" as any, async ({ activity }) => {
  const commandId = activity.value?.commandId;

  if (commandId === "createTicketFromMessage") {
    // Target message content (replaces shortcut.message)
    const messagePayload = activity.value?.messagePayload;
    const messageText = messagePayload?.body?.content ?? "";

    return {
      status: 200,
      body: {
        task: {
          type: "continue",
          value: {
            title: "Create Ticket",
            card: {
              contentType: "application/vnd.microsoft.card.adaptive",
              content: {
                type: "AdaptiveCard",
                version: "1.5",
                body: [
                  {
                    type: "Input.Text",
                    id: "ticketTitle",
                    label: "Ticket Title",
                    value: messageText.substring(0, 100),
                    isRequired: true,
                  },
                  {
                    type: "Input.ChoiceSet",
                    id: "priority",
                    label: "Priority",
                    value: "medium",
                    choices: [
                      { title: "High", value: "high" },
                      { title: "Medium", value: "medium" },
                      { title: "Low", value: "low" },
                    ],
                  },
                ],
                actions: [{
                  type: "Action.Submit",
                  title: "Create",
                }],
              },
            },
          },
        },
      },
    };
  }
});

// message.ext.submit — handle form submission (replaces app.view handler)
app.on("message.ext.submit" as any, async ({ activity, send }) => {
  const data = activity.value?.data;
  if (data) {
    const title = data.ticketTitle;
    const priority = data.priority;

    // Send confirmation to the conversation
    await send(`Ticket created: **${title}** [${priority}]`);
  }
  return { status: 200, body: {} };
});

app.start(3978);

{
  "composeExtensions": [
    {
      "botId": "${{BOT_ID}}",
      "commands": [
        {
          "id": "createTicketFromMessage",
          "type": "action",
          "title": "Create Ticket",
          "description": "Create a ticket from this message",
          "context": ["message"],
          "fetchTask": true
        }
      ]
    }
  ]
}

import { App } from "@slack/bolt";

const app = new App({
  token: process.env.SLACK_BOT_TOKEN!,
  signingSecret: process.env.SLACK_SIGNING_SECRET!,
});

// Global shortcut — appears in the ⚡ menu
app.shortcut("quick_note", async ({ ack, shortcut, client }) => {
  await ack();
  await client.views.open({
    trigger_id: shortcut.trigger_id,
    view: {
      type: "modal",
      callback_id: "quick_note_modal",
      title: { type: "plain_text", text: "Quick Note" },
      submit: { type: "plain_text", text: "Save" },
      blocks: [
        {
          type: "input",
          block_id: "note_block",
          label: { type: "plain_text", text: "Note" },
          element: {
            type: "plain_text_input",
            action_id: "note_input",
            multiline: true,
          },
        },
      ],
    },
  });
});

app.view("quick_note_modal", async ({ ack, view }) => {
  const note = view.state.values.note_block.note_input.value!;
  await ack();
  await saveNote(note);
});

import { App } from "@microsoft/teams.apps";
import { ConsoleLogger } from "@microsoft/teams.common";

const app = new App({
  logger: new ConsoleLogger("my-bot", { level: "info" }),
});

app.on("message.ext.open" as any, async ({ activity }) => {
  if (activity.value?.commandId === "quickNote") {
    return {
      status: 200,
      body: {
        task: {
          type: "continue",
          value: {
            title: "Quick Note",
            card: {
              contentType: "application/vnd.microsoft.card.adaptive",
              content: {
                type: "AdaptiveCard",
                version: "1.5",
                body: [{
                  type: "Input.Text",
                  id: "noteText",
                  label: "Note",
                  isMultiline: true,
                  isRequired: true,
                }],
                actions: [{ type: "Action.Submit", title: "Save" }],
              },
            },
          },
        },
      },
    };
  }
});

app.on("message.ext.submit" as any, async ({ activity }) => {
  const note = activity.value?.data?.noteText;
  if (note) {
    await saveNote(note);
  }
  // Return empty to close the task module
  return { status: 200, body: {} };
});

async function saveNote(note: string) { /* persist note */ }

app.start(3978);

{
  "composeExtensions": [
    {
      "botId": "${{BOT_ID}}",
      "commands": [
        {
          "id": "quickNote",
          "type": "action",
          "title": "Quick Note",
          "description": "Save a quick note",
          "context": ["compose", "commandBox"],
          "fetchTask": true
        }
      ]
    }
  ]
}