@voyantjs/distribution-ui 0.30.6 → 0.31.0

package/dist/components/distribution-tabs-secondary.js

@@ -0,0 +1,89 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { formatMessage } from "@voyantjs/i18n";
+import { ConfirmActionButton, SelectionActionBar } from "@voyantjs/ui/components";
+import { DataTable } from "@voyantjs/ui/components/data-table";
+import { TabsContent } from "@voyantjs/ui/components/tabs";
+import { useDistributionUiI18nOrDefault } from "../i18n/index.js";
+import { formatDistributionCount, formatDistributionSummary } from "../i18n/utils.js";
+import { SectionHeader } from "./distribution-section-header.js";
+import { bookingLinkColumns, mappingColumns, webhookColumns } from "./distribution-shared.js";
+function getSelectionSummary(count, template) {
+    return formatDistributionSummary(template, { count });
+}
+export function DistributionMappingsTab(props) {
+    const i18n = useDistributionUiI18nOrDefault();
+    const { messages } = i18n;
+    const tab = messages.tabs.mappings;
+    return (_jsxs(TabsContent, { value: "mappings", className: "space-y-4", children: [_jsx(SectionHeader, { title: tab.title, description: tab.description, actionLabel: tab.actionLabel, onAction: props.onCreate }), _jsx(DataTable, { columns: mappingColumns(props.channels, props.products, props.onOpenRoute, i18n), data: props.filteredMappings, emptyMessage: tab.empty, enableRowSelection: true, getRowId: (row) => row.id, rowSelection: props.mappingSelection, onRowSelectionChange: props.setMappingSelection, renderSelectionActions: ({ selectedRows, clearSelection }) => {
+                    const countLabel = formatDistributionCount(messages, "mapping", selectedRows.length);
+                    return (_jsxs(SelectionActionBar, { selectedCount: selectedRows.length, onClear: clearSelection, selectionSummary: getSelectionSummary(selectedRows.length, messages.common.selectionSummary), clearLabel: messages.common.clearSelection, children: [_jsx(ConfirmActionButton, { buttonLabel: tab.actions.activate.button, confirmLabel: tab.actions.activate.confirm, cancelLabel: messages.common.cancel, title: formatMessage(tab.actions.activate.title, { countLabel }), description: tab.actions.activate.description, disabled: props.bulkActionTarget === "mappings-activate", onConfirm: () => props.handleBulkUpdate({
+                                    ids: selectedRows.map((row) => row.original.id),
+                                    endpoint: "/v1/distribution/product-mappings",
+                                    target: "mappings-activate",
+                                    noun: "mapping",
+                                    payload: { active: true },
+                                    successVerb: messages.page.bulkVerbs.activated,
+                                    clearSelection,
+                                }) }), _jsx(ConfirmActionButton, { buttonLabel: tab.actions.deactivate.button, confirmLabel: tab.actions.deactivate.confirm, cancelLabel: messages.common.cancel, title: formatMessage(tab.actions.deactivate.title, { countLabel }), description: tab.actions.deactivate.description, disabled: props.bulkActionTarget === "mappings-deactivate", onConfirm: () => props.handleBulkUpdate({
+                                    ids: selectedRows.map((row) => row.original.id),
+                                    endpoint: "/v1/distribution/product-mappings",
+                                    target: "mappings-deactivate",
+                                    noun: "mapping",
+                                    payload: { active: false },
+                                    successVerb: messages.page.bulkVerbs.deactivated,
+                                    clearSelection,
+                                }) }), _jsx(ConfirmActionButton, { buttonLabel: tab.actions.delete.button, confirmLabel: tab.actions.delete.confirm, cancelLabel: messages.common.cancel, title: formatMessage(tab.actions.delete.title, { countLabel }), description: tab.actions.delete.description, disabled: props.bulkActionTarget === "mappings-delete", variant: "destructive", confirmVariant: "destructive", onConfirm: () => props.handleBulkDelete({
+                                    ids: selectedRows.map((row) => row.original.id),
+                                    endpoint: "/v1/distribution/product-mappings",
+                                    target: "mappings-delete",
+                                    noun: "mapping",
+                                    clearSelection,
+                                }) })] }));
+                }, onRowClick: (row) => props.onEdit(row.original) })] }));
+}
+export function DistributionBookingLinksTab(props) {
+    const i18n = useDistributionUiI18nOrDefault();
+    const { messages } = i18n;
+    const tab = messages.tabs.bookingLinks;
+    return (_jsxs(TabsContent, { value: "booking-links", className: "space-y-4", children: [_jsx(SectionHeader, { title: tab.title, description: tab.description, actionLabel: tab.actionLabel, onAction: props.onCreate }), _jsx(DataTable, { columns: bookingLinkColumns(props.channels, props.bookings, props.onOpenRoute, i18n), data: props.filteredBookingLinks, emptyMessage: tab.empty, enableRowSelection: true, getRowId: (row) => row.id, rowSelection: props.bookingLinkSelection, onRowSelectionChange: props.setBookingLinkSelection, renderSelectionActions: ({ selectedRows, clearSelection }) => {
+                    const countLabel = formatDistributionCount(messages, "bookingLink", selectedRows.length);
+                    return (_jsx(SelectionActionBar, { selectedCount: selectedRows.length, onClear: clearSelection, selectionSummary: getSelectionSummary(selectedRows.length, messages.common.selectionSummary), clearLabel: messages.common.clearSelection, children: _jsx(ConfirmActionButton, { buttonLabel: tab.actions.delete.button, confirmLabel: tab.actions.delete.confirm, cancelLabel: messages.common.cancel, title: formatMessage(tab.actions.delete.title, { countLabel }), description: tab.actions.delete.description, disabled: props.bulkActionTarget === "booking-links-delete", variant: "destructive", confirmVariant: "destructive", onConfirm: () => props.handleBulkDelete({
+                                ids: selectedRows.map((row) => row.original.id),
+                                endpoint: "/v1/distribution/booking-links",
+                                target: "booking-links-delete",
+                                noun: "bookingLink",
+                                clearSelection,
+                            }) }) }));
+                }, onRowClick: (row) => props.onEdit(row.original) })] }));
+}
+export function DistributionWebhooksTab(props) {
+    const i18n = useDistributionUiI18nOrDefault();
+    const { messages } = i18n;
+    const tab = messages.tabs.webhooks;
+    return (_jsxs(TabsContent, { value: "webhooks", className: "space-y-4", children: [_jsx(SectionHeader, { title: tab.title, description: tab.description, actionLabel: tab.actionLabel, onAction: props.onCreate }), _jsx(DataTable, { columns: webhookColumns(props.channels, props.onOpenRoute, i18n), data: props.filteredWebhookEvents, emptyMessage: tab.empty, enableRowSelection: true, getRowId: (row) => row.id, rowSelection: props.webhookSelection, onRowSelectionChange: props.setWebhookSelection, renderSelectionActions: ({ selectedRows, clearSelection }) => {
+                    const countLabel = formatDistributionCount(messages, "webhookEvent", selectedRows.length);
+                    return (_jsxs(SelectionActionBar, { selectedCount: selectedRows.length, onClear: clearSelection, selectionSummary: getSelectionSummary(selectedRows.length, messages.common.selectionSummary), clearLabel: messages.common.clearSelection, children: [_jsx(ConfirmActionButton, { buttonLabel: tab.actions.markProcessed.button, confirmLabel: tab.actions.markProcessed.confirm, cancelLabel: messages.common.cancel, title: formatMessage(tab.actions.markProcessed.title, { countLabel }), description: tab.actions.markProcessed.description, disabled: props.bulkActionTarget === "webhook-events-processed", onConfirm: () => props.handleBulkUpdate({
+                                    ids: selectedRows.map((row) => row.original.id),
+                                    endpoint: "/v1/distribution/webhook-events",
+                                    target: "webhook-events-processed",
+                                    noun: "webhookEvent",
+                                    payload: { status: "processed" },
+                                    successVerb: messages.page.bulkVerbs.processed,
+                                    clearSelection,
+                                }) }), _jsx(ConfirmActionButton, { buttonLabel: tab.actions.ignore.button, confirmLabel: tab.actions.ignore.confirm, cancelLabel: messages.common.cancel, title: formatMessage(tab.actions.ignore.title, { countLabel }), description: tab.actions.ignore.description, disabled: props.bulkActionTarget === "webhook-events-ignored", onConfirm: () => props.handleBulkUpdate({
+                                    ids: selectedRows.map((row) => row.original.id),
+                                    endpoint: "/v1/distribution/webhook-events",
+                                    target: "webhook-events-ignored",
+                                    noun: "webhookEvent",
+                                    payload: { status: "ignored" },
+                                    successVerb: messages.page.bulkVerbs.ignored,
+                                    clearSelection,
+                                }) }), _jsx(ConfirmActionButton, { buttonLabel: tab.actions.delete.button, confirmLabel: tab.actions.delete.confirm, cancelLabel: messages.common.cancel, title: formatMessage(tab.actions.delete.title, { countLabel }), description: tab.actions.delete.description, disabled: props.bulkActionTarget === "webhook-events-delete", variant: "destructive", confirmVariant: "destructive", onConfirm: () => props.handleBulkDelete({
+                                    ids: selectedRows.map((row) => row.original.id),
+                                    endpoint: "/v1/distribution/webhook-events",
+                                    target: "webhook-events-delete",
+                                    noun: "webhookEvent",
+                                    clearSelection,
+                                }) })] }));
+                }, onRowClick: (row) => props.onEdit(row.original) })] }));
+}

package/dist/components/mapping-detail-page.d.ts

@@ -0,0 +1,10 @@
+export interface MappingDetailPageProps {
+    id: string;
+    className?: string;
+    onBack?: () => void;
+    onDeleted?: () => void;
+    onChannelOpen?: (channelId: string) => void;
+    onProductOpen?: (productId: string) => void;
+}
+export declare function MappingDetailPage({ id, className, onBack, onDeleted, onChannelOpen, onProductOpen, }: MappingDetailPageProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=mapping-detail-page.d.ts.map

package/dist/components/mapping-detail-page.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mapping-detail-page.d.ts","sourceRoot":"","sources":["../../src/components/mapping-detail-page.tsx"],"names":[],"mappings":"AAyBA,MAAM,WAAW,sBAAsB;IACrC,EAAE,EAAE,MAAM,CAAA;IACV,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;IACtB,aAAa,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAA;IAC3C,aAAa,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAA;CAC5C;AAID,wBAAgB,iBAAiB,CAAC,EAChC,EAAE,EACF,SAAS,EACT,MAAa,EACb,SAAgB,EAChB,aAAoB,EACpB,aAAoB,GACrB,EAAE,sBAAsB,2CAoIxB"}

package/dist/components/mapping-detail-page.js

@@ -0,0 +1,51 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
+import { distributionQueryKeys, fetchWithValidation, getChannelQueryOptions, getMappingQueryOptions, getProductQueryOptions, successEnvelope, useVoyantDistributionContext, } from "@voyantjs/distribution-react";
+import { Badge, Button, Card, CardContent, CardHeader, CardTitle, ConfirmActionButton, } from "@voyantjs/ui/components";
+import { cn } from "@voyantjs/ui/lib/utils";
+import { ArrowLeft, Link2, Loader2, Package } from "lucide-react";
+import { useDistributionUiI18nOrDefault } from "../i18n/index.js";
+import { formatDistributionDateTime } from "./distribution-shared.js";
+const noop = () => { };
+export function MappingDetailPage({ id, className, onBack = noop, onDeleted = noop, onChannelOpen = noop, onProductOpen = noop, }) {
+    const i18n = useDistributionUiI18nOrDefault();
+    const { messages } = i18n;
+    const detail = messages.details.mapping;
+    const client = useVoyantDistributionContext();
+    const queryClient = useQueryClient();
+    const mappingQuery = useQuery({
+        ...getMappingQueryOptions(client, id),
+        select: (result) => result.data,
+    });
+    const mapping = mappingQuery.data;
+    const channelQuery = useQuery({
+        ...getChannelQueryOptions(client, mapping?.channelId),
+        select: (result) => result.data,
+        enabled: Boolean(mapping?.channelId),
+    });
+    const productQuery = useQuery({
+        ...getProductQueryOptions(client, mapping?.productId),
+        select: (result) => result.data,
+        enabled: Boolean(mapping?.productId),
+    });
+    const remove = useMutation({
+        mutationFn: () => fetchWithValidation(`/v1/distribution/product-mappings/${id}`, successEnvelope, client, {
+            method: "DELETE",
+        }),
+        onSuccess: () => {
+            void queryClient.invalidateQueries({ queryKey: distributionQueryKeys.mappings() });
+            queryClient.removeQueries({ queryKey: distributionQueryKeys.mapping(id) });
+            onDeleted();
+            onBack();
+        },
+    });
+    if (mappingQuery.isPending) {
+        return (_jsx("div", { className: "flex items-center justify-center py-12", children: _jsx(Loader2, { className: "h-6 w-6 animate-spin text-muted-foreground" }) }));
+    }
+    if (!mapping) {
+        return (_jsxs("div", { className: "flex flex-col items-center justify-center gap-4 py-12", children: [_jsx("p", { className: "text-muted-foreground", children: detail.notFound }), _jsx(Button, { variant: "outline", onClick: onBack, children: messages.common.backToDistribution })] }));
+    }
+    return (_jsxs("div", { "data-slot": "mapping-detail-page", className: cn("flex flex-col gap-6 p-6", className), children: [_jsxs("div", { className: "flex items-center gap-4", children: [_jsx(Button, { variant: "ghost", size: "icon", onClick: onBack, children: _jsx(ArrowLeft, { className: "h-4 w-4" }) }), _jsxs("div", { className: "flex-1", children: [_jsx("h1", { className: "text-2xl font-bold tracking-tight", children: detail.title }), _jsxs("div", { className: "mt-1 flex items-center gap-2", children: [_jsx(Badge, { variant: mapping.active ? "default" : "secondary", children: mapping.active ? messages.common.active : messages.common.inactive }), _jsx(Badge, { variant: "outline", children: mapping.externalProductId })] })] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsxs(Button, { variant: "outline", onClick: () => onChannelOpen(mapping.channelId), children: [_jsx(Link2, { className: "mr-2 h-4 w-4" }), detail.openChannel] }), _jsxs(Button, { variant: "outline", onClick: () => onProductOpen(mapping.productId), children: [_jsx(Package, { className: "mr-2 h-4 w-4" }), detail.openProduct] }), _jsx(ConfirmActionButton, { buttonLabel: detail.deleteButton, confirmLabel: detail.deleteButton, title: detail.deleteConfirm, description: detail.deleteDescription, variant: "destructive", confirmVariant: "destructive", disabled: remove.isPending, onConfirm: async () => {
+                                    await remove.mutateAsync();
+                                } })] })] }), _jsxs(Card, { children: [_jsx(CardHeader, { children: _jsx(CardTitle, { children: detail.sections.details }) }), _jsxs(CardContent, { className: "grid gap-3 text-sm md:grid-cols-2", children: [_jsxs("div", { children: [_jsxs("span", { className: "text-muted-foreground", children: [messages.common.channelLabel, ":"] }), " ", _jsx("span", { children: channelQuery.data?.name ?? mapping.channelId })] }), _jsxs("div", { children: [_jsxs("span", { className: "text-muted-foreground", children: [messages.common.productLabel, ":"] }), " ", _jsx("span", { children: productQuery.data?.name ?? mapping.productId })] }), _jsxs("div", { children: [_jsxs("span", { className: "text-muted-foreground", children: [detail.labels.externalProduct, ":"] }), " ", _jsx("span", { children: mapping.externalProductId })] }), _jsxs("div", { children: [_jsxs("span", { className: "text-muted-foreground", children: [detail.labels.externalRate, ":"] }), " ", _jsx("span", { children: mapping.externalRateId ?? messages.common.none })] }), _jsxs("div", { children: [_jsxs("span", { className: "text-muted-foreground", children: [detail.labels.externalCategory, ":"] }), " ", _jsx("span", { children: mapping.externalCategoryId ?? messages.common.none })] }), _jsxs("div", { children: [_jsxs("span", { className: "text-muted-foreground", children: [messages.common.createdLabel, ":"] }), " ", _jsx("span", { children: formatDistributionDateTime(mapping.createdAt, i18n) })] }), _jsxs("div", { children: [_jsxs("span", { className: "text-muted-foreground", children: [messages.common.updatedLabel, ":"] }), " ", _jsx("span", { children: formatDistributionDateTime(mapping.updatedAt, i18n) })] })] })] })] }));
+}

package/dist/components/webhook-event-detail-page.d.ts

@@ -0,0 +1,9 @@
+export interface WebhookEventDetailPageProps {
+    id: string;
+    className?: string;
+    onBack?: () => void;
+    onDeleted?: () => void;
+    onChannelOpen?: (channelId: string) => void;
+}
+export declare function WebhookEventDetailPage({ id, className, onBack, onDeleted, onChannelOpen, }: WebhookEventDetailPageProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=webhook-event-detail-page.d.ts.map

package/dist/components/webhook-event-detail-page.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"webhook-event-detail-page.d.ts","sourceRoot":"","sources":["../../src/components/webhook-event-detail-page.tsx"],"names":[],"mappings":"AAwBA,MAAM,WAAW,2BAA2B;IAC1C,EAAE,EAAE,MAAM,CAAA;IACV,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;IACtB,aAAa,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAA;CAC5C;AAID,wBAAgB,sBAAsB,CAAC,EACrC,EAAE,EACF,SAAS,EACT,MAAa,EACb,SAAgB,EAChB,aAAoB,GACrB,EAAE,2BAA2B,2CA0I7B"}

package/dist/components/webhook-event-detail-page.js

@@ -0,0 +1,46 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
+import { distributionQueryKeys, fetchWithValidation, getChannelQueryOptions, getWebhookEventQueryOptions, successEnvelope, useVoyantDistributionContext, } from "@voyantjs/distribution-react";
+import { Badge, Button, Card, CardContent, CardHeader, CardTitle, ConfirmActionButton, } from "@voyantjs/ui/components";
+import { cn } from "@voyantjs/ui/lib/utils";
+import { ArrowLeft, Link2, Loader2, Webhook } from "lucide-react";
+import { useDistributionUiI18nOrDefault } from "../i18n/index.js";
+import { formatDistributionDateTime } from "./distribution-shared.js";
+const noop = () => { };
+export function WebhookEventDetailPage({ id, className, onBack = noop, onDeleted = noop, onChannelOpen = noop, }) {
+    const i18n = useDistributionUiI18nOrDefault();
+    const { messages } = i18n;
+    const detail = messages.details.webhookEvent;
+    const client = useVoyantDistributionContext();
+    const queryClient = useQueryClient();
+    const eventQuery = useQuery({
+        ...getWebhookEventQueryOptions(client, id),
+        select: (result) => result.data,
+    });
+    const event = eventQuery.data;
+    const channelQuery = useQuery({
+        ...getChannelQueryOptions(client, event?.channelId),
+        select: (result) => result.data,
+        enabled: Boolean(event?.channelId),
+    });
+    const remove = useMutation({
+        mutationFn: () => fetchWithValidation(`/v1/distribution/webhook-events/${id}`, successEnvelope, client, {
+            method: "DELETE",
+        }),
+        onSuccess: () => {
+            void queryClient.invalidateQueries({ queryKey: distributionQueryKeys.webhookEvents() });
+            queryClient.removeQueries({ queryKey: distributionQueryKeys.webhookEvent(id) });
+            onDeleted();
+            onBack();
+        },
+    });
+    if (eventQuery.isPending) {
+        return (_jsx("div", { className: "flex items-center justify-center py-12", children: _jsx(Loader2, { className: "h-6 w-6 animate-spin text-muted-foreground" }) }));
+    }
+    if (!event) {
+        return (_jsxs("div", { className: "flex flex-col items-center justify-center gap-4 py-12", children: [_jsx("p", { className: "text-muted-foreground", children: detail.notFound }), _jsx(Button, { variant: "outline", onClick: onBack, children: messages.common.backToDistribution })] }));
+    }
+    return (_jsxs("div", { "data-slot": "webhook-event-detail-page", className: cn("flex flex-col gap-6 p-6", className), children: [_jsxs("div", { className: "flex items-center gap-4", children: [_jsx(Button, { variant: "ghost", size: "icon", onClick: onBack, children: _jsx(ArrowLeft, { className: "h-4 w-4" }) }), _jsxs("div", { className: "flex-1", children: [_jsx("h1", { className: "text-2xl font-bold tracking-tight", children: detail.title }), _jsxs("div", { className: "mt-1 flex items-center gap-2", children: [_jsx(Badge, { variant: "outline", children: messages.common.webhookStatusLabels[event.status] }), _jsx(Badge, { variant: "secondary", children: event.eventType })] })] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsxs(Button, { variant: "outline", onClick: () => onChannelOpen(event.channelId), children: [_jsx(Link2, { className: "mr-2 h-4 w-4" }), detail.openChannel] }), _jsx(ConfirmActionButton, { buttonLabel: detail.deleteButton, confirmLabel: detail.deleteButton, title: detail.deleteConfirm, description: detail.deleteDescription, variant: "destructive", confirmVariant: "destructive", disabled: remove.isPending, onConfirm: async () => {
+                                    await remove.mutateAsync();
+                                } })] })] }), _jsxs("div", { className: "grid gap-6 md:grid-cols-2", children: [_jsxs(Card, { children: [_jsxs(CardHeader, { className: "flex flex-row items-center gap-2", children: [_jsx(Webhook, { className: "h-4 w-4" }), _jsx(CardTitle, { children: detail.sections.details })] }), _jsxs(CardContent, { className: "grid gap-3 text-sm", children: [_jsxs("div", { children: [_jsxs("span", { className: "text-muted-foreground", children: [messages.common.channelLabel, ":"] }), " ", _jsx("span", { children: channelQuery.data?.name ?? event.channelId })] }), _jsxs("div", { children: [_jsxs("span", { className: "text-muted-foreground", children: [detail.labels.externalEvent, ":"] }), " ", _jsx("span", { children: event.externalEventId ?? messages.common.none })] }), _jsxs("div", { children: [_jsxs("span", { className: "text-muted-foreground", children: [detail.labels.received, ":"] }), " ", _jsx("span", { children: formatDistributionDateTime(event.receivedAt, i18n) })] }), _jsxs("div", { children: [_jsxs("span", { className: "text-muted-foreground", children: [detail.labels.processed, ":"] }), " ", _jsx("span", { children: formatDistributionDateTime(event.processedAt, i18n) })] }), _jsxs("div", { children: [_jsxs("span", { className: "text-muted-foreground", children: [messages.common.createdLabel, ":"] }), " ", _jsx("span", { children: formatDistributionDateTime(event.createdAt, i18n) })] }), _jsxs("div", { children: [_jsxs("span", { className: "text-muted-foreground", children: [messages.common.updatedLabel, ":"] }), " ", _jsx("span", { children: formatDistributionDateTime(event.updatedAt, i18n) })] }), event.errorMessage ? (_jsxs("div", { children: [_jsx("div", { className: "mb-1 text-muted-foreground", children: detail.labels.error }), _jsx("div", { className: "whitespace-pre-wrap rounded-md border p-3", children: event.errorMessage })] })) : null] })] }), _jsxs(Card, { children: [_jsx(CardHeader, { children: _jsx(CardTitle, { children: detail.sections.payload }) }), _jsx(CardContent, { className: "text-sm", children: _jsx("pre", { className: "overflow-x-auto rounded-md bg-muted p-3 text-xs", children: JSON.stringify(event.payload, null, 2) }) })] })] })] }));
+}

package/dist/i18n/en.d.ts

@@ -2,15 +2,68 @@ export declare const distributionUiEn: {
     common: {
         open: string;
         view: string;
+        cancel: string;
+        create: string;
+        save: string;
+        delete: string;
         clearFilters: string;
+        clearSelection: string;
+        backToDistribution: string;
+        loading: string;
+        none: string;
+        openEnded: string;
+        noReference: string;
+        unmappedStatus: string;
+        yes: string;
         searchPlaceholder: string;
         allChannels: string;
         received: string;
         supplier: string;
+        channelLabel: string;
+        contractLabel: string;
+        productLabel: string;
+        bookingLabel: string;
+        supplierLabel: string;
+        createdLabel: string;
+        updatedLabel: string;
         emptyValue: string;
         dateTimeFallback: string;
         active: string;
         inactive: string;
+        selectionSummary: string;
+        resultSummary: string;
+        deleteSummary: string;
+        entities: {
+            channel: {
+                one: string;
+                other: string;
+            };
+            contract: {
+                one: string;
+                other: string;
+            };
+            commissionRule: {
+                one: string;
+                other: string;
+            };
+            mapping: {
+                one: string;
+                other: string;
+            };
+            bookingLink: {
+                one: string;
+                other: string;
+            };
+            webhookEvent: {
+                one: string;
+                other: string;
+            };
+        };
+        cancellationOwnerLabels: {
+            operator: string;
+            channel: string;
+            mixed: string;
+        };
         channelKindLabels: {
             direct: string;
             affiliate: string;
@@ -54,6 +107,27 @@ export declare const distributionUiEn: {
             ignored: string;
         };
     };
+    page: {
+        title: string;
+        description: string;
+        tabs: {
+            channels: string;
+            contracts: string;
+            commissions: string;
+            mappings: string;
+            bookingLinks: string;
+            webhooks: string;
+        };
+        bulkVerbs: {
+            activated: string;
+            archived: string;
+            deleted: string;
+            expired: string;
+            deactivated: string;
+            processed: string;
+            ignored: string;
+        };
+    };
     overview: {
         metrics: {
             activeChannels: {
@@ -127,5 +201,312 @@ export declare const distributionUiEn: {
             processed: string;
         };
     };
+    tabs: {
+        channels: {
+            title: string;
+            description: string;
+            actionLabel: string;
+            empty: string;
+            actions: {
+                activate: {
+                    button: string;
+                    confirm: string;
+                    title: string;
+                    description: string;
+                };
+                archive: {
+                    button: string;
+                    confirm: string;
+                    title: string;
+                    description: string;
+                };
+                delete: {
+                    button: string;
+                    confirm: string;
+                    title: string;
+                    description: string;
+                };
+            };
+        };
+        contracts: {
+            title: string;
+            description: string;
+            actionLabel: string;
+            empty: string;
+            actions: {
+                activate: {
+                    button: string;
+                    confirm: string;
+                    title: string;
+                    description: string;
+                };
+                expire: {
+                    button: string;
+                    confirm: string;
+                    title: string;
+                    description: string;
+                };
+                delete: {
+                    button: string;
+                    confirm: string;
+                    title: string;
+                    description: string;
+                };
+            };
+        };
+        commissions: {
+            title: string;
+            description: string;
+            actionLabel: string;
+            empty: string;
+            actions: {
+                delete: {
+                    button: string;
+                    confirm: string;
+                    title: string;
+                    description: string;
+                };
+            };
+        };
+        mappings: {
+            title: string;
+            description: string;
+            actionLabel: string;
+            empty: string;
+            actions: {
+                activate: {
+                    button: string;
+                    confirm: string;
+                    title: string;
+                    description: string;
+                };
+                deactivate: {
+                    button: string;
+                    confirm: string;
+                    title: string;
+                    description: string;
+                };
+                delete: {
+                    button: string;
+                    confirm: string;
+                    title: string;
+                    description: string;
+                };
+            };
+        };
+        bookingLinks: {
+            title: string;
+            description: string;
+            actionLabel: string;
+            empty: string;
+            actions: {
+                delete: {
+                    button: string;
+                    confirm: string;
+                    title: string;
+                    description: string;
+                };
+            };
+        };
+        webhooks: {
+            title: string;
+            description: string;
+            actionLabel: string;
+            empty: string;
+            actions: {
+                markProcessed: {
+                    button: string;
+                    confirm: string;
+                    title: string;
+                    description: string;
+                };
+                ignore: {
+                    button: string;
+                    confirm: string;
+                    title: string;
+                    description: string;
+                };
+                delete: {
+                    button: string;
+                    confirm: string;
+                    title: string;
+                    description: string;
+                };
+            };
+        };
+    };
+    settings: {
+        channelsPage: {
+            title: string;
+            description: string;
+            addChannel: string;
+            empty: string;
+            edit: string;
+            delete: string;
+            deleteConfirm: string;
+            deleteDescription: string;
+            editSheetTitle: string;
+            newSheetTitle: string;
+            nameLabel: string;
+            namePlaceholder: string;
+            kindLabel: string;
+            statusLabel: string;
+            websiteLabel: string;
+            websitePlaceholder: string;
+            primaryContactLabel: string;
+            primaryContactPlaceholder: string;
+            contactEmailLabel: string;
+            contactEmailPlaceholder: string;
+            saveChanges: string;
+            createChannel: string;
+            validationNameRequired: string;
+            validationInvalidUrl: string;
+            validationInvalidEmail: string;
+            paginationShowing: string;
+            paginationPage: string;
+            paginationPrevious: string;
+            paginationNext: string;
+        };
+    };
+    details: {
+        channel: {
+            notFound: string;
+            title: string;
+            deleteConfirm: string;
+            deleteDescription: string;
+            deleteButton: string;
+            sections: {
+                details: string;
+                metadata: string;
+                contracts: string;
+                mappings: string;
+                bookingLinks: string;
+                webhooks: string;
+            };
+            labels: {
+                website: string;
+                contactName: string;
+                contactEmail: string;
+                supplier: string;
+                payment: string;
+                cancellation: string;
+                externalProduct: string;
+                externalBooking: string;
+                reference: string;
+                lastSynced: string;
+                rate: string;
+                category: string;
+                booking: string;
+            };
+            empty: {
+                metadata: string;
+                contracts: string;
+                mappings: string;
+                bookingLinks: string;
+                webhooks: string;
+            };
+        };
+        contract: {
+            notFound: string;
+            title: string;
+            deleteConfirm: string;
+            deleteDescription: string;
+            deleteButton: string;
+            openChannel: string;
+            sections: {
+                details: string;
+                notes: string;
+                commissionRules: string;
+            };
+            labels: {
+                supplier: string;
+                endsAt: string;
+                paymentOwner: string;
+                cancellationOwner: string;
+                settlementTerms: string;
+                notes: string;
+                amount: string;
+                basisPoints: string;
+                rate: string;
+                category: string;
+                valid: string;
+            };
+            empty: {
+                commissionRules: string;
+            };
+        };
+        commissionRule: {
+            notFound: string;
+            title: string;
+            deleteConfirm: string;
+            deleteDescription: string;
+            deleteButton: string;
+            openContract: string;
+            openProduct: string;
+            sections: {
+                details: string;
+            };
+            labels: {
+                amount: string;
+                basisPoints: string;
+                externalRate: string;
+                externalCategory: string;
+                valid: string;
+            };
+        };
+        bookingLink: {
+            notFound: string;
+            title: string;
+            deleteConfirm: string;
+            deleteDescription: string;
+            deleteButton: string;
+            openChannel: string;
+            openBooking: string;
+            sections: {
+                details: string;
+            };
+            labels: {
+                externalBooking: string;
+                reference: string;
+                bookedAtExternal: string;
+                lastSynced: string;
+            };
+        };
+        webhookEvent: {
+            notFound: string;
+            title: string;
+            deleteConfirm: string;
+            deleteDescription: string;
+            deleteButton: string;
+            openChannel: string;
+            sections: {
+                details: string;
+                payload: string;
+            };
+            labels: {
+                externalEvent: string;
+                received: string;
+                processed: string;
+                error: string;
+            };
+        };
+        mapping: {
+            notFound: string;
+            title: string;
+            deleteConfirm: string;
+            deleteDescription: string;
+            deleteButton: string;
+            openChannel: string;
+            openProduct: string;
+            sections: {
+                details: string;
+            };
+            labels: {
+                externalProduct: string;
+                externalRate: string;
+                externalCategory: string;
+            };
+        };
+    };
 };
 //# sourceMappingURL=en.d.ts.map

package/dist/i18n/en.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"en.d.ts","sourceRoot":"","sources":["../../src/i18n/en.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiIK,CAAA"}
+{"version":3,"file":"en.d.ts","sourceRoot":"","sources":["../../src/i18n/en.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0fK,CAAA"}