WebhookEndpointField

Displays a webhook endpoint's URL and last-delivery status badge. The signing secret is never rendered.

Installation

pnpm dlx shadcn@latest add @shadmin/webhook-endpoint-field

Usage

import { WebhookEndpointField } from "@/components/admin";
 
<WebhookEndpointField source="endpoint" />;

Storage shape

interface WebhookEndpoint {
  url: string;
  secret: string;
  eventTypes: readonly string[];
  lastDelivery?: { status: "ok" | "failed" | "pending"; at: string };
}

Status badge

Status	Color	Source
`ok`	green	`lastDelivery.status === "ok"`
`failed`	red	`lastDelivery.status === "failed"`
`pending`	muted	`lastDelivery` is missing or `status === "pending"`