Delivery History

Webhook delivery history log

SaaSTenant Admin

Overview

DeliveryHistory renders a table of webhook delivery records showing event type, status badge, HTTP status code, attempt count, and timestamp. Failed deliveries include a retry action link. The component handles loading and empty states gracefully.

Usage

import { DeliveryHistory } from "@leanicon/web-builder-library/saas";

<DeliveryHistory
  deliveries={[
    {
      id: "del_001",
      eventType: "user.created",
      status: "success",
      statusCode: 200,
      attemptCount: 1,
      createdAt: "2026-03-20T09:00:00Z",
    },
  ]}
  onRetry={(id) => console.log("retry", id)}
/>;

Variants

Default

Event Type	Status	Status Code	Attempts	Timestamp
user.created	success	`200`	1	Mar 20, 9:00 AM
payment.completed	success	`201`	1	Mar 20, 8:45 AM
subscription.cancelled	failed	`500`	3	Mar 20, 8:30 AM
invoice.created	pending	-	0	Mar 20, 8:15 AM

Dark

Event Type	Status	Status Code	Attempts	Timestamp	Actions
user.created	success	`200`	1	Mar 20, 9:00 AM
subscription.cancelled	failed	`500`	3	Mar 20, 8:30 AM

Loading

Empty

No delivery history yet.

Props

Name	Type	Default	Required
`deliveries`	`DeliveryHistoryEntry[]`	—	Yes
`onRetry`	`(deliveryId: string) => void`	—	Yes
`isLoading`	`boolean`	`false`	No