Chat SDK now supports callback URLs on buttons and modals

1 min read

import { createWebhook } from "workflow";
import { Card, CardText, Actions, Button } from "chat";

export async function statusReport(
  thread,
  content: { title: string; message: string },
) {

  "use workflow";

  using hook = createWebhook<{ action: "approve" | "approve-and-send" | "deny" }>();

  await thread.post(

    <Card title="Status Report Communications">

      <CardText>Title: {content.title}</CardText>
      <CardText>Message: {content.message}</CardText>

      <Actions>
        <Button callbackUrl={hook.url} id="approve" style="primary">
          Approve
        </Button>
        <Button callbackUrl={hook.url} id="approve-and-send" style="primary">
          Approve & Send
        </Button>
        <Button callbackUrl={hook.url} id="deny" style="danger">
          Cancel
        </Button>
      </Actions>

    </Card>

  );

  const { action } = await hook;
  if (action === "approve" || action === "approve-and-send") {
    await sendReport(content);
  }

}