@voyant-travel/distribution-react 0.109.8

package/dist/components/commission-rule-detail-page.js

@@ -0,0 +1,57 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
+import { Badge, Button, Card, CardContent, CardHeader, CardTitle, ConfirmActionButton, } from "@voyant-travel/ui/components";
+import { cn } from "@voyant-travel/ui/lib/utils";
+import { ArrowLeft, DollarSign, Loader2, Package } from "lucide-react";
+import { useDistributionUiI18nOrDefault } from "../i18n/index.js";
+import { distributionQueryKeys, fetchWithValidation, getChannelQueryOptions, getCommissionRuleQueryOptions, getContractQueryOptions, getProductQueryOptions, successEnvelope, useVoyantDistributionContext, } from "../index.js";
+import { formatDistributionDate, formatDistributionDateTime } from "./distribution-shared.js";
+const noop = () => { };
+export function CommissionRuleDetailPage({ id, className, onBack = noop, onDeleted = noop, onContractOpen = noop, onProductOpen = noop, }) {
+    const i18n = useDistributionUiI18nOrDefault();
+    const { messages } = i18n;
+    const detail = messages.details.commissionRule;
+    const client = useVoyantDistributionContext();
+    const queryClient = useQueryClient();
+    const ruleQuery = useQuery({
+        ...getCommissionRuleQueryOptions(client, id),
+        select: (result) => result.data,
+    });
+    const rule = ruleQuery.data;
+    const contractQuery = useQuery({
+        ...getContractQueryOptions(client, rule?.contractId),
+        select: (result) => result.data,
+        enabled: Boolean(rule?.contractId),
+    });
+    const contract = contractQuery.data;
+    const channelQuery = useQuery({
+        ...getChannelQueryOptions(client, contract?.channelId),
+        select: (result) => result.data,
+        enabled: Boolean(contract?.channelId),
+    });
+    const productQuery = useQuery({
+        ...getProductQueryOptions(client, rule?.productId),
+        select: (result) => result.data,
+        enabled: Boolean(rule?.productId),
+    });
+    const remove = useMutation({
+        mutationFn: () => fetchWithValidation(`/v1/distribution/commission-rules/${id}`, successEnvelope, client, {
+            method: "DELETE", // i18n-literal-ok HTTP method
+        }),
+        onSuccess: () => {
+            void queryClient.invalidateQueries({ queryKey: distributionQueryKeys.commissionRules() });
+            queryClient.removeQueries({ queryKey: distributionQueryKeys.commissionRule(id) });
+            onDeleted();
+            onBack();
+        },
+    });
+    if (ruleQuery.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 (!rule) {
+        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": "commission-rule-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.commissionScopeLabels[rule.scope] }), _jsx(Badge, { variant: "secondary", children: messages.common.commissionTypeLabels[rule.commissionType] })] })] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsxs(Button, { variant: "outline", onClick: () => onContractOpen(rule.contractId), children: [_jsx(DollarSign, { className: "mr-2 h-4 w-4" }), detail.openContract] }), rule.productId ? (_jsxs(Button, { variant: "outline", onClick: () => onProductOpen(rule.productId), children: [_jsx(Package, { className: "mr-2 h-4 w-4" }), detail.openProduct] })) : null, _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.contractLabel, ":"] }), " ", _jsx("span", { children: contract?.id ?? rule.contractId })] }), _jsxs("div", { children: [_jsxs("span", { className: "text-muted-foreground", children: [messages.common.channelLabel, ":"] }), " ", _jsx("span", { children: channelQuery.data?.name ?? contract?.channelId ?? messages.common.none })] }), _jsxs("div", { children: [_jsxs("span", { className: "text-muted-foreground", children: [messages.common.productLabel, ":"] }), " ", _jsx("span", { children: productQuery.data?.name ?? rule.productId ?? messages.common.none })] }), _jsxs("div", { children: [_jsxs("span", { className: "text-muted-foreground", children: [detail.labels.amount, ":"] }), " ", _jsx("span", { children: rule.amountCents ?? messages.common.none })] }), _jsxs("div", { children: [_jsxs("span", { className: "text-muted-foreground", children: [detail.labels.basisPoints, ":"] }), " ", _jsx("span", { children: rule.percentBasisPoints ?? messages.common.none })] }), _jsxs("div", { children: [_jsxs("span", { className: "text-muted-foreground", children: [detail.labels.externalRate, ":"] }), " ", _jsx("span", { children: rule.externalRateId ?? messages.common.none })] }), _jsxs("div", { children: [_jsxs("span", { className: "text-muted-foreground", children: [detail.labels.externalCategory, ":"] }), " ", _jsx("span", { children: rule.externalCategoryId ?? messages.common.none })] }), _jsxs("div", { children: [_jsxs("span", { className: "text-muted-foreground", children: [detail.labels.valid, ":"] }), " ", _jsxs("span", { children: [rule.validFrom ? formatDistributionDate(rule.validFrom, i18n) : messages.common.none, " to ", rule.validTo ? formatDistributionDate(rule.validTo, i18n) : messages.common.none] })] }), _jsxs("div", { children: [_jsxs("span", { className: "text-muted-foreground", children: [messages.common.createdLabel, ":"] }), " ", _jsx("span", { children: formatDistributionDateTime(rule.createdAt, i18n) })] }), _jsxs("div", { children: [_jsxs("span", { className: "text-muted-foreground", children: [messages.common.updatedLabel, ":"] }), " ", _jsx("span", { children: formatDistributionDateTime(rule.updatedAt, i18n) })] })] })] })] }));
+}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"contract-detail-page.d.ts","sourceRoot":"","sources":["../../src/components/contract-detail-page.tsx"],"names":[],"mappings":"AA+BA,MAAM,WAAW,uBAAuB;IACtC,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,oBAAoB,CAAC,EAAE,CAAC,gBAAgB,EAAE,MAAM,KAAK,IAAI,CAAA;CAC1D;AAID,wBAAgB,kBAAkB,CAAC,EACjC,EAAE,EACF,SAAS,EACT,MAAa,EACb,SAAgB,EAChB,aAAoB,EACpB,oBAA2B,GAC5B,EAAE,uBAAuB,2CAqNzB"}

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

@@ -0,0 +1,64 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
+import { Badge, Button, Card, CardContent, CardHeader, CardTitle, ConfirmActionButton, } from "@voyant-travel/ui/components";
+import { cn } from "@voyant-travel/ui/lib/utils";
+import { ArrowLeft, DollarSign, Loader2 } from "lucide-react";
+import { useDistributionUiI18nOrDefault } from "../i18n/index.js";
+import { distributionQueryKeys, fetchWithValidation, getChannelQueryOptions, getCommissionRulesQueryOptions, getContractQueryOptions, getProductsQueryOptions, getSupplierQueryOptions, successEnvelope, useVoyantDistributionContext, } from "../index.js";
+import { formatDistributionDate, formatDistributionDateTime, getContractStatusLabel, getPaymentOwnerLabel, } from "./distribution-shared.js";
+const noop = () => { };
+export function ContractDetailPage({ id, className, onBack = noop, onDeleted = noop, onChannelOpen = noop, onCommissionRuleOpen = noop, }) {
+    const i18n = useDistributionUiI18nOrDefault();
+    const { messages } = i18n;
+    const detail = messages.details.contract;
+    const client = useVoyantDistributionContext();
+    const queryClient = useQueryClient();
+    const contractQuery = useQuery({
+        ...getContractQueryOptions(client, id),
+        select: (result) => result.data,
+    });
+    const contract = contractQuery.data;
+    const channelQuery = useQuery({
+        ...getChannelQueryOptions(client, contract?.channelId),
+        select: (result) => result.data,
+        enabled: Boolean(contract?.channelId),
+    });
+    const supplierQuery = useQuery({
+        ...getSupplierQueryOptions(client, contract?.supplierId),
+        select: (result) => result.data,
+        enabled: Boolean(contract?.supplierId),
+    });
+    const commissionRulesQuery = useQuery({
+        ...getCommissionRulesQueryOptions(client, { contractId: id }),
+        enabled: Boolean(id),
+    });
+    const productsQuery = useQuery(getProductsQueryOptions(client, { limit: 50, offset: 0 }));
+    const remove = useMutation({
+        mutationFn: () => fetchWithValidation(`/v1/distribution/contracts/${id}`, successEnvelope, client, {
+            method: "DELETE", // i18n-literal-ok HTTP method
+        }),
+        onSuccess: () => {
+            void queryClient.invalidateQueries({ queryKey: distributionQueryKeys.contracts() });
+            void queryClient.invalidateQueries({ queryKey: distributionQueryKeys.commissionRules() });
+            queryClient.removeQueries({ queryKey: distributionQueryKeys.contract(id) });
+            onDeleted();
+            onBack();
+        },
+    });
+    if (contractQuery.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 (!contract) {
+        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 })] }));
+    }
+    const productsById = new Map((productsQuery.data?.data ?? []).map((product) => [product.id, product]));
+    return (_jsxs("div", { "data-slot": "contract-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: getContractStatusLabel(contract.status, messages) }), _jsx(Badge, { variant: "secondary", children: formatDistributionDate(contract.startsAt, i18n) })] })] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Button, { variant: "outline", onClick: () => onChannelOpen(contract.channelId), children: 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: [_jsx(CardHeader, { children: _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 ?? contract.channelId })] }), _jsxs("div", { children: [_jsxs("span", { className: "text-muted-foreground", children: [detail.labels.supplier, ":"] }), " ", _jsx("span", { children: supplierQuery.data?.name ?? contract.supplierId ?? messages.common.none })] }), _jsxs("div", { children: [_jsxs("span", { className: "text-muted-foreground", children: [detail.labels.endsAt, ":"] }), " ", _jsx("span", { children: contract.endsAt
+                                                    ? formatDistributionDate(contract.endsAt, i18n)
+                                                    : messages.common.openEnded })] }), _jsxs("div", { children: [_jsxs("span", { className: "text-muted-foreground", children: [detail.labels.paymentOwner, ":"] }), " ", _jsx("span", { children: getPaymentOwnerLabel(contract.paymentOwner, messages) })] }), _jsxs("div", { children: [_jsxs("span", { className: "text-muted-foreground", children: [detail.labels.cancellationOwner, ":"] }), " ", _jsx("span", { children: messages.common.cancellationOwnerLabels[contract.cancellationOwner] })] }), _jsxs("div", { children: [_jsxs("span", { className: "text-muted-foreground", children: [messages.common.createdLabel, ":"] }), " ", _jsx("span", { children: formatDistributionDateTime(contract.createdAt, i18n) })] }), _jsxs("div", { children: [_jsxs("span", { className: "text-muted-foreground", children: [messages.common.updatedLabel, ":"] }), " ", _jsx("span", { children: formatDistributionDateTime(contract.updatedAt, i18n) })] })] })] }), _jsxs(Card, { children: [_jsx(CardHeader, { children: _jsx(CardTitle, { children: detail.sections.notes }) }), _jsxs(CardContent, { className: "grid gap-4 text-sm", children: [_jsxs("div", { children: [_jsx("div", { className: "mb-1 text-muted-foreground", children: detail.labels.settlementTerms }), _jsx("div", { className: "whitespace-pre-wrap", children: contract.settlementTerms ?? messages.common.none })] }), _jsxs("div", { children: [_jsx("div", { className: "mb-1 text-muted-foreground", children: detail.labels.notes }), _jsx("div", { className: "whitespace-pre-wrap", children: contract.notes ?? messages.common.none })] })] })] })] }), _jsxs(Card, { children: [_jsxs(CardHeader, { className: "flex flex-row items-center gap-2", children: [_jsx(DollarSign, { className: "h-4 w-4" }), _jsx(CardTitle, { children: detail.sections.commissionRules })] }), _jsx(CardContent, { className: "space-y-3 text-sm", children: (commissionRulesQuery.data?.data.length ?? 0) === 0 ? (_jsx("p", { className: "text-muted-foreground", children: detail.empty.commissionRules })) : (commissionRulesQuery.data?.data.map((rule) => (_jsxs("button", { type: "button", className: "block w-full rounded-md border p-3 text-left hover:bg-muted/40", onClick: () => onCommissionRuleOpen(rule.id), children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Badge, { variant: "outline", children: messages.common.commissionScopeLabels[rule.scope] }), _jsx(Badge, { variant: "secondary", children: messages.common.commissionTypeLabels[rule.commissionType] })] }), _jsxs("div", { className: "mt-2 text-muted-foreground", children: [messages.common.productLabel, ":", " ", productsById.get(rule.productId ?? "")?.name ??
+                                            rule.productId ??
+                                            messages.common.none] }), _jsxs("div", { className: "text-muted-foreground", children: [detail.labels.amount, ": ", rule.amountCents ?? messages.common.none, " - ", detail.labels.basisPoints, ": ", rule.percentBasisPoints ?? messages.common.none] }), _jsxs("div", { className: "text-muted-foreground", children: [detail.labels.rate, ": ", rule.externalRateId ?? messages.common.none, " - ", detail.labels.category, ": ", rule.externalCategoryId ?? messages.common.none] }), _jsxs("div", { className: "text-muted-foreground", children: [detail.labels.valid, ":", " ", rule.validFrom
+                                            ? formatDistributionDate(rule.validFrom, i18n)
+                                            : messages.common.none, " to ", rule.validTo ? formatDistributionDate(rule.validTo, i18n) : messages.common.none] })] }, rule.id)))) })] })] }));
+}

package/dist/components/distribution-overview.d.ts

@@ -0,0 +1,19 @@
+import type { ChannelContractRow, ChannelProductMappingRow, ChannelRow, ChannelWebhookEventRow, SupplierOption } from "./distribution-shared.js";
+export declare function DistributionOverview({ channels, suppliers, filteredChannels, filteredContracts, filteredMappings, syncQueue, contractsNeedingReview, search, setSearch, channelFilter, setChannelFilter, hasFilters, onClearFilters, onOpenWebhookEvent, onOpenContract, }: {
+    channels: ChannelRow[];
+    suppliers: SupplierOption[];
+    filteredChannels: ChannelRow[];
+    filteredContracts: ChannelContractRow[];
+    filteredMappings: ChannelProductMappingRow[];
+    syncQueue: ChannelWebhookEventRow[];
+    contractsNeedingReview: ChannelContractRow[];
+    search: string;
+    setSearch: (value: string) => void;
+    channelFilter: string;
+    setChannelFilter: (value: string) => void;
+    hasFilters: boolean;
+    onClearFilters: () => void;
+    onOpenWebhookEvent: (eventId: string) => void;
+    onOpenContract: (contractId: string) => void;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=distribution-overview.d.ts.map

package/dist/components/distribution-overview.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"distribution-overview.d.ts","sourceRoot":"","sources":["../../src/components/distribution-overview.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EACV,kBAAkB,EAClB,wBAAwB,EACxB,UAAU,EACV,sBAAsB,EACtB,cAAc,EACf,MAAM,0BAA0B,CAAA;AASjC,wBAAgB,oBAAoB,CAAC,EACnC,QAAQ,EACR,SAAS,EACT,gBAAgB,EAChB,iBAAiB,EACjB,gBAAgB,EAChB,SAAS,EACT,sBAAsB,EACtB,MAAM,EACN,SAAS,EACT,aAAa,EACb,gBAAgB,EAChB,UAAU,EACV,cAAc,EACd,kBAAkB,EAClB,cAAc,GACf,EAAE;IACD,QAAQ,EAAE,UAAU,EAAE,CAAA;IACtB,SAAS,EAAE,cAAc,EAAE,CAAA;IAC3B,gBAAgB,EAAE,UAAU,EAAE,CAAA;IAC9B,iBAAiB,EAAE,kBAAkB,EAAE,CAAA;IACvC,gBAAgB,EAAE,wBAAwB,EAAE,CAAA;IAC5C,SAAS,EAAE,sBAAsB,EAAE,CAAA;IACnC,sBAAsB,EAAE,kBAAkB,EAAE,CAAA;IAC5C,MAAM,EAAE,MAAM,CAAA;IACd,SAAS,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,aAAa,EAAE,MAAM,CAAA;IACrB,gBAAgB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACzC,UAAU,EAAE,OAAO,CAAA;IACnB,cAAc,EAAE,MAAM,IAAI,CAAA;IAC1B,kBAAkB,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;IAC7C,cAAc,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAA;CAC7C,2CAoIA"}

package/dist/components/distribution-overview.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Button, Card, CardContent, CardHeader, CardTitle, Input, OverviewMetric, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from "@voyant-travel/ui/components";
+import { DollarSign, ExternalLink, Link2, Search, Webhook } from "lucide-react";
+import { useDistributionUiI18nOrDefault } from "../i18n/index.js";
+import { formatDistributionDate, formatDistributionDateTime, getContractStatusLabel, getWebhookStatusLabel, labelById, } from "./distribution-shared.js";
+export function DistributionOverview({ channels, suppliers, filteredChannels, filteredContracts, filteredMappings, syncQueue, contractsNeedingReview, search, setSearch, channelFilter, setChannelFilter, hasFilters, onClearFilters, onOpenWebhookEvent, onOpenContract, }) {
+    const activeChannelsCount = filteredChannels.filter((channel) => channel.status === "active").length;
+    const activeContractsCount = filteredContracts.filter((contract) => contract.status === "active").length;
+    const activeMappingsCount = filteredMappings.filter((mapping) => mapping.active).length;
+    const i18n = useDistributionUiI18nOrDefault();
+    const { messages } = i18n;
+    return (_jsxs(_Fragment, { children: [_jsxs("div", { className: "grid gap-4 md:grid-cols-2 xl:grid-cols-4", children: [_jsx(OverviewMetric, { title: messages.overview.metrics.activeChannels.title, value: activeChannelsCount, description: messages.overview.metrics.activeChannels.description, icon: Link2 }), _jsx(OverviewMetric, { title: messages.overview.metrics.activeContracts.title, value: activeContractsCount, description: messages.overview.metrics.activeContracts.description, icon: DollarSign }), _jsx(OverviewMetric, { title: messages.overview.metrics.activeMappings.title, value: activeMappingsCount, description: messages.overview.metrics.activeMappings.description, icon: ExternalLink }), _jsx(OverviewMetric, { title: messages.overview.metrics.syncQueue.title, value: syncQueue.length, description: messages.overview.metrics.syncQueue.description, icon: Webhook })] }), _jsxs("div", { className: "grid gap-4 xl:grid-cols-2", children: [_jsxs(Card, { size: "sm", children: [_jsx(CardHeader, { children: _jsx(CardTitle, { children: messages.overview.webhookQueue.title }) }), _jsx(CardContent, { className: "space-y-3 text-sm", children: syncQueue.length === 0 ? (_jsx("p", { className: "text-muted-foreground", children: messages.overview.webhookQueue.empty })) : (syncQueue.slice(0, 4).map((event) => (_jsxs("button", { type: "button", className: "block w-full rounded-md border p-3 text-left hover:bg-muted/40", onClick: () => onOpenWebhookEvent(event.id), children: [_jsxs("div", { className: "font-medium", children: [labelById(channels, event.channelId), " \u00B7 ", event.eventType] }), _jsxs("div", { className: "text-muted-foreground", children: [getWebhookStatusLabel(event.status, messages), " \u00B7 ", messages.common.received, " ", formatDistributionDateTime(event.receivedAt, i18n)] })] }, event.id)))) })] }), _jsxs(Card, { size: "sm", children: [_jsx(CardHeader, { children: _jsx(CardTitle, { children: messages.overview.contractsToReview.title }) }), _jsx(CardContent, { className: "space-y-3 text-sm", children: contractsNeedingReview.length === 0 ? (_jsx("p", { className: "text-muted-foreground", children: messages.overview.contractsToReview.empty })) : (contractsNeedingReview.slice(0, 4).map((contract) => (_jsxs("button", { type: "button", className: "block w-full rounded-md border p-3 text-left hover:bg-muted/40", onClick: () => onOpenContract(contract.id), children: [_jsxs("div", { className: "font-medium", children: [labelById(channels, contract.channelId), " \u00B7", " ", formatDistributionDate(contract.startsAt, i18n)] }), _jsxs("div", { className: "text-muted-foreground", children: [getContractStatusLabel(contract.status, messages), " \u00B7 ", messages.common.supplier, " ", labelById(suppliers, contract.supplierId)] })] }, contract.id)))) })] })] }), _jsxs("div", { className: "flex flex-col gap-3 md:flex-row md:items-center md:justify-between", children: [_jsxs("div", { className: "flex flex-1 flex-col gap-3 md:flex-row md:items-center", children: [_jsxs("div", { className: "relative w-full max-w-sm", children: [_jsx(Search, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" }), _jsx(Input, { placeholder: messages.common.searchPlaceholder, value: search, onChange: (event) => setSearch(event.target.value), className: "pl-9" })] }), _jsxs(Select, { value: channelFilter, onValueChange: (value) => setChannelFilter(value ?? "all"), children: [_jsx(SelectTrigger, { className: "w-full md:w-64", children: _jsx(SelectValue, { placeholder: messages.overview.filters.allChannelsPlaceholder }) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "all", children: messages.common.allChannels }), channels.map((channel) => (_jsx(SelectItem, { value: channel.id, children: channel.name }, channel.id)))] })] })] }), hasFilters ? (_jsx(Button, { variant: "outline", onClick: onClearFilters, children: messages.common.clearFilters })) : null] })] }));
+}

package/dist/components/distribution-page.d.ts

@@ -0,0 +1,26 @@
+import type { BatchMutationResponse, ChannelBookingLinkRow, ChannelCommissionRuleRow, ChannelContractRow, ChannelProductMappingRow, ChannelRow, ChannelWebhookEventRow } from "./distribution-shared.js";
+export interface DistributionPageProps {
+    className?: string;
+    onChannelOpen?: (channelId: string) => void;
+    onContractOpen?: (contractId: string) => void;
+    onCommissionRuleOpen?: (commissionRuleId: string) => void;
+    onMappingOpen?: (mappingId: string) => void;
+    onBookingLinkOpen?: (bookingLinkId: string) => void;
+    onWebhookEventOpen?: (webhookEventId: string) => void;
+    onChannelCreate?: () => void;
+    onContractCreate?: () => void;
+    onCommissionRuleCreate?: () => void;
+    onMappingCreate?: () => void;
+    onBookingLinkCreate?: () => void;
+    onWebhookEventCreate?: () => void;
+    onChannelEdit?: (channel: ChannelRow) => void;
+    onContractEdit?: (contract: ChannelContractRow) => void;
+    onCommissionRuleEdit?: (commissionRule: ChannelCommissionRuleRow) => void;
+    onMappingEdit?: (mapping: ChannelProductMappingRow) => void;
+    onBookingLinkEdit?: (bookingLink: ChannelBookingLinkRow) => void;
+    onWebhookEventEdit?: (webhookEvent: ChannelWebhookEventRow) => void;
+    onBulkSuccess?: (message: string, result: BatchMutationResponse) => void;
+    onBulkError?: (message: string, error: unknown, result?: BatchMutationResponse) => void;
+}
+export declare function DistributionPage({ className, onChannelOpen, onContractOpen, onCommissionRuleOpen, onMappingOpen, onBookingLinkOpen, onWebhookEventOpen, onChannelCreate, onContractCreate, onCommissionRuleCreate, onMappingCreate, onBookingLinkCreate, onWebhookEventCreate, onChannelEdit, onContractEdit, onCommissionRuleEdit, onMappingEdit, onBookingLinkEdit, onWebhookEventEdit, onBulkSuccess, onBulkError, }?: DistributionPageProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=distribution-page.d.ts.map

package/dist/components/distribution-page.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"distribution-page.d.ts","sourceRoot":"","sources":["../../src/components/distribution-page.tsx"],"names":[],"mappings":"AAsBA,OAAO,KAAK,EACV,qBAAqB,EACrB,qBAAqB,EACrB,wBAAwB,EACxB,kBAAkB,EAClB,wBAAwB,EACxB,UAAU,EACV,sBAAsB,EACvB,MAAM,0BAA0B,CAAA;AAyBjC,MAAM,WAAW,qBAAqB;IACpC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAA;IAC3C,cAAc,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAA;IAC7C,oBAAoB,CAAC,EAAE,CAAC,gBAAgB,EAAE,MAAM,KAAK,IAAI,CAAA;IACzD,aAAa,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAA;IAC3C,iBAAiB,CAAC,EAAE,CAAC,aAAa,EAAE,MAAM,KAAK,IAAI,CAAA;IACnD,kBAAkB,CAAC,EAAE,CAAC,cAAc,EAAE,MAAM,KAAK,IAAI,CAAA;IACrD,eAAe,CAAC,EAAE,MAAM,IAAI,CAAA;IAC5B,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAA;IAC7B,sBAAsB,CAAC,EAAE,MAAM,IAAI,CAAA;IACnC,eAAe,CAAC,EAAE,MAAM,IAAI,CAAA;IAC5B,mBAAmB,CAAC,EAAE,MAAM,IAAI,CAAA;IAChC,oBAAoB,CAAC,EAAE,MAAM,IAAI,CAAA;IACjC,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE,UAAU,KAAK,IAAI,CAAA;IAC7C,cAAc,CAAC,EAAE,CAAC,QAAQ,EAAE,kBAAkB,KAAK,IAAI,CAAA;IACvD,oBAAoB,CAAC,EAAE,CAAC,cAAc,EAAE,wBAAwB,KAAK,IAAI,CAAA;IACzE,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE,wBAAwB,KAAK,IAAI,CAAA;IAC3D,iBAAiB,CAAC,EAAE,CAAC,WAAW,EAAE,qBAAqB,KAAK,IAAI,CAAA;IAChE,kBAAkB,CAAC,EAAE,CAAC,YAAY,EAAE,sBAAsB,KAAK,IAAI,CAAA;IACnE,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,qBAAqB,KAAK,IAAI,CAAA;IACxE,WAAW,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,CAAC,EAAE,qBAAqB,KAAK,IAAI,CAAA;CACxF;AAID,wBAAgB,gBAAgB,CAAC,EAC/B,SAAS,EACT,aAAoB,EACpB,cAAqB,EACrB,oBAA2B,EAC3B,aAAoB,EACpB,iBAAwB,EACxB,kBAAyB,EACzB,eAAsB,EACtB,gBAAuB,EACvB,sBAA6B,EAC7B,eAAsB,EACtB,mBAA0B,EAC1B,oBAA2B,EAC3B,aAAoB,EACpB,cAAqB,EACrB,oBAA2B,EAC3B,aAAoB,EACpB,iBAAwB,EACxB,kBAAyB,EACzB,aAAa,EACb,WAAW,GACZ,GAAE,qBAA0B,2CA6V5B"}

package/dist/components/distribution-page.js

@@ -0,0 +1,190 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Tabs, TabsList, TabsTrigger } from "@voyant-travel/ui/components/tabs";
+import { cn } from "@voyant-travel/ui/lib/utils";
+import { Loader2 } from "lucide-react";
+import { useState } from "react";
+import { useDistributionUiI18nOrDefault } from "../i18n/index.js";
+import { formatDistributionCount, formatDistributionSummary } from "../i18n/utils.js";
+import { useBookingLinks, useBookings, useChannels, useCommissionRules, useContracts, useMappings, useProducts, useSuppliers, useVoyantDistributionContext, useWebhookEvents, } from "../index.js";
+import { DistributionOverview } from "./distribution-overview.js";
+import { labelById } from "./distribution-shared.js";
+import { DistributionChannelsTab, DistributionCommissionsTab, DistributionContractsTab, } from "./distribution-tabs-primary.js";
+import { DistributionBookingLinksTab, DistributionMappingsTab, DistributionWebhooksTab, } from "./distribution-tabs-secondary.js";
+const noop = () => { };
+export function DistributionPage({ className, onChannelOpen = noop, onContractOpen = noop, onCommissionRuleOpen = noop, onMappingOpen = noop, onBookingLinkOpen = noop, onWebhookEventOpen = noop, onChannelCreate = noop, onContractCreate = noop, onCommissionRuleCreate = noop, onMappingCreate = noop, onBookingLinkCreate = noop, onWebhookEventCreate = noop, onChannelEdit = noop, onContractEdit = noop, onCommissionRuleEdit = noop, onMappingEdit = noop, onBookingLinkEdit = noop, onWebhookEventEdit = noop, onBulkSuccess, onBulkError, } = {}) {
+    const client = useVoyantDistributionContext();
+    const i18n = useDistributionUiI18nOrDefault();
+    const { messages } = i18n;
+    const [search, setSearch] = useState("");
+    const [channelFilter, setChannelFilter] = useState("all");
+    const [bulkActionTarget, setBulkActionTarget] = useState(null);
+    const [channelSelection, setChannelSelection] = useState({});
+    const [contractSelection, setContractSelection] = useState({});
+    const [commissionSelection, setCommissionSelection] = useState({});
+    const [mappingSelection, setMappingSelection] = useState({});
+    const [bookingLinkSelection, setBookingLinkSelection] = useState({});
+    const [webhookSelection, setWebhookSelection] = useState({});
+    const suppliersQuery = useSuppliers();
+    const productsQuery = useProducts();
+    const bookingsQuery = useBookings();
+    const channelsQuery = useChannels();
+    const contractsQuery = useContracts();
+    const commissionRulesQuery = useCommissionRules();
+    const mappingsQuery = useMappings();
+    const bookingLinksQuery = useBookingLinks();
+    const webhookEventsQuery = useWebhookEvents();
+    const suppliers = suppliersQuery.data?.data ?? [];
+    const products = productsQuery.data?.data ?? [];
+    const bookings = bookingsQuery.data?.data ?? [];
+    const channels = channelsQuery.data?.data ?? [];
+    const contracts = contractsQuery.data?.data ?? [];
+    const commissionRules = commissionRulesQuery.data?.data ?? [];
+    const mappings = mappingsQuery.data?.data ?? [];
+    const bookingLinks = bookingLinksQuery.data?.data ?? [];
+    const webhookEvents = webhookEventsQuery.data?.data ?? [];
+    const contractsById = new Map(contracts.map((contract) => [contract.id, contract]));
+    const normalizedSearch = search.trim().toLowerCase();
+    const matchesSearch = (...values) => !normalizedSearch ||
+        values.some((value) => String(value ?? "")
+            .toLowerCase()
+            .includes(normalizedSearch));
+    const matchesChannel = (id) => channelFilter === "all" || id === channelFilter;
+    const filteredChannels = channels.filter((channel) => matchesChannel(channel.id) &&
+        matchesSearch(channel.name, channel.kind, channel.status, channel.website, channel.contactName, channel.contactEmail));
+    const filteredContracts = contracts.filter((contract) => matchesChannel(contract.channelId) &&
+        matchesSearch(labelById(channels, contract.channelId), labelById(suppliers, contract.supplierId), contract.status, contract.paymentOwner, contract.startsAt, contract.endsAt, contract.settlementTerms, contract.notes));
+    const filteredCommissionRules = commissionRules.filter((rule) => {
+        const contract = contractsById.get(rule.contractId);
+        return (matchesChannel(contract?.channelId) &&
+            matchesSearch(rule.contractId, labelById(products, rule.productId), rule.scope, rule.commissionType, rule.amountCents, rule.percentBasisPoints, rule.externalRateId, rule.externalCategoryId));
+    });
+    const filteredMappings = mappings.filter((mapping) => matchesChannel(mapping.channelId) &&
+        matchesSearch(labelById(channels, mapping.channelId), labelById(products, mapping.productId), mapping.externalProductId, mapping.externalRateId, mapping.externalCategoryId));
+    const filteredBookingLinks = bookingLinks.filter((bookingLink) => matchesChannel(bookingLink.channelId) &&
+        matchesSearch(labelById(channels, bookingLink.channelId), labelById(bookings, bookingLink.bookingId), bookingLink.externalBookingId, bookingLink.externalReference, bookingLink.externalStatus));
+    const filteredWebhookEvents = webhookEvents.filter((event) => matchesChannel(event.channelId) &&
+        matchesSearch(labelById(channels, event.channelId), event.eventType, event.externalEventId, event.status, event.errorMessage));
+    const syncQueue = filteredWebhookEvents.filter((event) => event.status === "pending" || event.status === "failed");
+    const contractsNeedingReview = filteredContracts.filter((contract) => contract.status !== "active");
+    const hasFilters = search.length > 0 || channelFilter !== "all";
+    const isLoading = suppliersQuery.isPending ||
+        productsQuery.isPending ||
+        bookingsQuery.isPending ||
+        channelsQuery.isPending ||
+        contractsQuery.isPending ||
+        commissionRulesQuery.isPending ||
+        mappingsQuery.isPending ||
+        bookingLinksQuery.isPending ||
+        webhookEventsQuery.isPending;
+    const refreshAll = async () => {
+        await Promise.all([
+            channelsQuery.refetch(),
+            contractsQuery.refetch(),
+            commissionRulesQuery.refetch(),
+            mappingsQuery.refetch(),
+            bookingLinksQuery.refetch(),
+            webhookEventsQuery.refetch(),
+        ]);
+    };
+    const handleBulkUpdate = async ({ ids, endpoint, target, noun, payload, successVerb, clearSelection, }) => {
+        if (ids.length === 0)
+            return;
+        setBulkActionTarget(target);
+        try {
+            const result = await postBatch(client, `${endpoint}/batch-update`, {
+                ids,
+                patch: payload,
+            });
+            await refreshAll();
+            clearSelection();
+            const countLabel = formatDistributionCount(messages, noun, result.succeeded);
+            const totalLabel = formatDistributionCount(messages, noun, result.total);
+            const message = formatDistributionSummary(messages.common.resultSummary, {
+                verb: successVerb,
+                countLabel: result.failed.length === 0 ? countLabel : `${result.succeeded} of ${totalLabel}`,
+            });
+            if (result.failed.length === 0) {
+                onBulkSuccess?.(message, result);
+            }
+            else {
+                onBulkError?.(message, undefined, result);
+            }
+        }
+        catch (error) {
+            onBulkError?.(error instanceof Error ? error.message : String(error), error);
+        }
+        finally {
+            setBulkActionTarget(null);
+        }
+    };
+    const handleBulkDelete = async ({ ids, endpoint, target, noun, clearSelection, }) => {
+        if (ids.length === 0)
+            return;
+        setBulkActionTarget(target);
+        try {
+            const result = await postBatch(client, `${endpoint}/batch-delete`, { ids });
+            await refreshAll();
+            clearSelection();
+            const countLabel = formatDistributionCount(messages, noun, result.succeeded);
+            const totalLabel = formatDistributionCount(messages, noun, result.total);
+            const message = formatDistributionSummary(messages.common.deleteSummary, {
+                countLabel: result.failed.length === 0 ? countLabel : `${result.succeeded} of ${totalLabel}`,
+            });
+            if (result.failed.length === 0) {
+                onBulkSuccess?.(message, result);
+            }
+            else {
+                onBulkError?.(message, undefined, result);
+            }
+        }
+        catch (error) {
+            onBulkError?.(error instanceof Error ? error.message : String(error), error);
+        }
+        finally {
+            setBulkActionTarget(null);
+        }
+    };
+    return (_jsxs("div", { "data-slot": "distribution-page", className: cn("flex flex-col gap-6 p-6", className), children: [_jsxs("div", { children: [_jsx("h1", { className: "text-2xl font-bold tracking-tight", children: messages.page.title }), _jsx("p", { className: "text-sm text-muted-foreground", children: messages.page.description })] }), isLoading ? (_jsx("div", { className: "flex items-center justify-center py-16", children: _jsx(Loader2, { className: "h-6 w-6 animate-spin text-muted-foreground" }) })) : (_jsxs(_Fragment, { children: [_jsx(DistributionOverview, { channels: channels, suppliers: suppliers, filteredChannels: filteredChannels, filteredContracts: filteredContracts, filteredMappings: filteredMappings, syncQueue: syncQueue, contractsNeedingReview: contractsNeedingReview, search: search, setSearch: setSearch, channelFilter: channelFilter, setChannelFilter: setChannelFilter, hasFilters: hasFilters, onClearFilters: () => {
+                            setSearch("");
+                            setChannelFilter("all");
+                        }, onOpenWebhookEvent: onWebhookEventOpen, onOpenContract: onContractOpen }), _jsxs(Tabs, { defaultValue: "channels", children: [_jsxs(TabsList, { variant: "line", children: [_jsx(TabsTrigger, { value: "channels", children: messages.page.tabs.channels }), _jsx(TabsTrigger, { value: "contracts", children: messages.page.tabs.contracts }), _jsx(TabsTrigger, { value: "commissions", children: messages.page.tabs.commissions }), _jsx(TabsTrigger, { value: "mappings", children: messages.page.tabs.mappings }), _jsx(TabsTrigger, { value: "booking-links", children: messages.page.tabs.bookingLinks }), _jsx(TabsTrigger, { value: "webhooks", children: messages.page.tabs.webhooks })] }), _jsx(DistributionChannelsTab, { filteredChannels: filteredChannels, channelSelection: channelSelection, setChannelSelection: setChannelSelection, bulkActionTarget: bulkActionTarget, handleBulkUpdate: handleBulkUpdate, handleBulkDelete: handleBulkDelete, onCreate: onChannelCreate, onOpenRoute: onChannelOpen, onEdit: onChannelEdit }), _jsx(DistributionContractsTab, { channels: channels, suppliers: suppliers, filteredContracts: filteredContracts, contractSelection: contractSelection, setContractSelection: setContractSelection, bulkActionTarget: bulkActionTarget, handleBulkUpdate: handleBulkUpdate, handleBulkDelete: handleBulkDelete, onCreate: onContractCreate, onOpenRoute: onContractOpen, onEdit: onContractEdit }), _jsx(DistributionCommissionsTab, { contracts: contracts, products: products, filteredCommissionRules: filteredCommissionRules, commissionSelection: commissionSelection, setCommissionSelection: setCommissionSelection, bulkActionTarget: bulkActionTarget, handleBulkDelete: handleBulkDelete, onCreate: onCommissionRuleCreate, onOpenRoute: onCommissionRuleOpen, onEdit: onCommissionRuleEdit }), _jsx(DistributionMappingsTab, { channels: channels, products: products, filteredMappings: filteredMappings, mappingSelection: mappingSelection, setMappingSelection: setMappingSelection, bulkActionTarget: bulkActionTarget, handleBulkUpdate: handleBulkUpdate, handleBulkDelete: handleBulkDelete, onCreate: onMappingCreate, onOpenRoute: onMappingOpen, onEdit: onMappingEdit }), _jsx(DistributionBookingLinksTab, { channels: channels, bookings: bookings, filteredBookingLinks: filteredBookingLinks, bookingLinkSelection: bookingLinkSelection, setBookingLinkSelection: setBookingLinkSelection, bulkActionTarget: bulkActionTarget, handleBulkDelete: handleBulkDelete, onCreate: onBookingLinkCreate, onOpenRoute: onBookingLinkOpen, onEdit: onBookingLinkEdit }), _jsx(DistributionWebhooksTab, { channels: channels, filteredWebhookEvents: filteredWebhookEvents, webhookSelection: webhookSelection, setWebhookSelection: setWebhookSelection, bulkActionTarget: bulkActionTarget, handleBulkUpdate: handleBulkUpdate, handleBulkDelete: handleBulkDelete, onCreate: onWebhookEventCreate, onOpenRoute: onWebhookEventOpen, onEdit: onWebhookEventEdit })] })] }))] }));
+}
+async function postBatch(client, path, body) {
+    const response = await client.fetcher(joinUrl(client.baseUrl, path), {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify(body),
+    });
+    const responseBody = await safeJson(response);
+    if (!response.ok) {
+        throw new Error(extractErrorMessage(response.status, response.statusText, responseBody));
+    }
+    return responseBody;
+}
+async function safeJson(response) {
+    const text = await response.text();
+    if (!text)
+        return undefined;
+    try {
+        return JSON.parse(text);
+    }
+    catch {
+        return text;
+    }
+}
+function extractErrorMessage(status, statusText, body) {
+    if (typeof body === "object" && body !== null && "error" in body) {
+        const error = body.error;
+        if (typeof error === "string")
+            return error;
+        if (typeof error === "object" && error !== null && "message" in error) {
+            return String(error.message);
+        }
+    }
+    return `Voyant API error: ${status} ${statusText}`;
+}
+function joinUrl(baseUrl, path) {
+    const trimmedBase = baseUrl.endsWith("/") ? baseUrl.slice(0, -1) : baseUrl;
+    const trimmedPath = path.startsWith("/") ? path : `/${path}`;
+    return `${trimmedBase}${trimmedPath}`;
+}

package/dist/components/distribution-section-header.d.ts

@@ -0,0 +1,7 @@
+export declare function SectionHeader({ title, description, actionLabel, onAction, }: {
+    title: string;
+    description: string;
+    actionLabel: string;
+    onAction: () => void;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=distribution-section-header.d.ts.map

package/dist/components/distribution-section-header.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"distribution-section-header.d.ts","sourceRoot":"","sources":["../../src/components/distribution-section-header.tsx"],"names":[],"mappings":"AAGA,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,WAAW,EACX,WAAW,EACX,QAAQ,GACT,EAAE;IACD,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,EAAE,MAAM,CAAA;IACnB,WAAW,EAAE,MAAM,CAAA;IACnB,QAAQ,EAAE,MAAM,IAAI,CAAA;CACrB,2CAaA"}

package/dist/components/distribution-section-header.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from "@voyant-travel/ui/components";
+import { Plus } from "lucide-react";
+export function SectionHeader({ title, description, actionLabel, onAction, }) {
+    return (_jsxs("div", { className: "flex items-center justify-between gap-4", children: [_jsxs("div", { children: [_jsx("h2", { className: "text-lg font-semibold", children: title }), _jsx("p", { className: "text-sm text-muted-foreground", children: description })] }), _jsxs(Button, { onClick: onAction, children: [_jsx(Plus, { className: "mr-2 h-4 w-4" }), actionLabel] })] }));
+}

package/dist/components/distribution-shared.d.ts

@@ -0,0 +1,32 @@
+import type { ColumnDef } from "@tanstack/react-table";
+import type { DistributionUiMessages } from "../i18n/index.js";
+import { type DistributionUiI18n } from "../i18n/index.js";
+import { type BookingOption, type ChannelBookingLinkRow, type ChannelCommissionRuleRow, type ChannelContractRow, type ChannelProductMappingRow, type ChannelRow, type ChannelWebhookEventRow, cancellationOwnerOptions, channelKindOptions, channelStatusOptions, commissionScopeOptions, commissionTypeOptions, contractStatusOptions, formatSelectionLabel, labelById, NONE_VALUE, nullableNumber, nullableString, type ProductOption, parseJsonRecord, paymentOwnerOptions, formatDateTime as reactFormatDateTime, type SupplierOption, toIsoDateTime, toLocalDateTimeInput, webhookStatusOptions } from "../index.js";
+export type BatchMutationResponse<T = unknown> = {
+    data?: T[];
+    deletedIds?: string[];
+    total: number;
+    succeeded: number;
+    failed: Array<{
+        id: string;
+        error: string;
+    }>;
+};
+export type { BookingOption, ChannelBookingLinkRow, ChannelCommissionRuleRow, ChannelContractRow, ChannelProductMappingRow, ChannelRow, ChannelWebhookEventRow, ProductOption, SupplierOption, };
+export { cancellationOwnerOptions, channelKindOptions, channelStatusOptions, commissionScopeOptions, commissionTypeOptions, contractStatusOptions, formatSelectionLabel, labelById, NONE_VALUE, nullableNumber, nullableString, parseJsonRecord, paymentOwnerOptions, reactFormatDateTime as formatDateTime, toIsoDateTime, toLocalDateTimeInput, webhookStatusOptions, };
+export declare function formatDistributionDateTime(value: Date | string | number | null | undefined, i18n?: DistributionUiI18n): string;
+export declare function formatDistributionDate(value: Date | string | number | null | undefined, i18n?: DistributionUiI18n): string;
+export declare function getChannelKindLabel(kind: ChannelRow["kind"], messages: DistributionUiMessages): string;
+export declare function getChannelStatusLabel(status: ChannelRow["status"], messages: DistributionUiMessages): string;
+export declare function getContractStatusLabel(status: ChannelContractRow["status"], messages: DistributionUiMessages): string;
+export declare function getPaymentOwnerLabel(paymentOwner: ChannelContractRow["paymentOwner"], messages: DistributionUiMessages): string;
+export declare function getCommissionScopeLabel(scope: ChannelCommissionRuleRow["scope"], messages: DistributionUiMessages): string;
+export declare function getCommissionTypeLabel(commissionType: ChannelCommissionRuleRow["commissionType"], messages: DistributionUiMessages): string;
+export declare function getWebhookStatusLabel(status: ChannelWebhookEventRow["status"], messages: DistributionUiMessages): string;
+export declare const channelColumns: (onView: (channelId: string) => void, i18n?: DistributionUiI18n) => ColumnDef<ChannelRow>[];
+export declare const contractColumns: (channels: ChannelRow[], suppliers: SupplierOption[], onView: (contractId: string) => void, i18n?: DistributionUiI18n) => ColumnDef<ChannelContractRow>[];
+export declare const commissionColumns: (_contracts: ChannelContractRow[], products: ProductOption[], onView: (commissionRuleId: string) => void, i18n?: DistributionUiI18n) => ColumnDef<ChannelCommissionRuleRow>[];
+export declare const mappingColumns: (channels: ChannelRow[], products: ProductOption[], onView: (mappingId: string) => void, i18n?: DistributionUiI18n) => ColumnDef<ChannelProductMappingRow>[];
+export declare const bookingLinkColumns: (channels: ChannelRow[], bookings: BookingOption[], onView: (bookingLinkId: string) => void, i18n?: DistributionUiI18n) => ColumnDef<ChannelBookingLinkRow>[];
+export declare const webhookColumns: (channels: ChannelRow[], onView: (webhookEventId: string) => void, i18n?: DistributionUiI18n) => ColumnDef<ChannelWebhookEventRow>[];
+//# sourceMappingURL=distribution-shared.d.ts.map

package/dist/components/distribution-shared.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"distribution-shared.d.ts","sourceRoot":"","sources":["../../src/components/distribution-shared.tsx"],"names":[],"mappings":"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"}