@voyantjs/distribution-ui 0.30.6 → 0.31.0

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 { distributionQueryKeys, fetchWithValidation, getChannelQueryOptions, getCommissionRuleQueryOptions, getContractQueryOptions, 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, DollarSign, Loader2, Package } from "lucide-react";
+import { useDistributionUiI18nOrDefault } from "../i18n/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",
+        }),
+        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":"AAgCA,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 { distributionQueryKeys, fetchWithValidation, getChannelQueryOptions, getCommissionRulesQueryOptions, getContractQueryOptions, getProductsQueryOptions, getSupplierQueryOptions, 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, DollarSign, Loader2 } from "lucide-react";
+import { useDistributionUiI18nOrDefault } from "../i18n/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",
+        }),
+        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-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 { useBookingLinks, useBookings, useChannels, useCommissionRules, useContracts, useMappings, useProducts, useSuppliers, useVoyantDistributionContext, useWebhookEvents, } from "@voyantjs/distribution-react";
+import { Tabs, TabsList, TabsTrigger } from "@voyantjs/ui/components/tabs";
+import { cn } from "@voyantjs/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 { 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-tabs-primary.d.ts

@@ -0,0 +1,57 @@
+import type { OnChangeFn, RowSelectionState } from "@tanstack/react-table";
+import type { DistributionEntity } from "../i18n/messages.js";
+import type { ChannelCommissionRuleRow, ChannelContractRow, ChannelRow, ProductOption, SupplierOption } from "./distribution-shared.js";
+type BulkFn = (args: {
+    ids: string[];
+    endpoint: string;
+    target: string;
+    noun: DistributionEntity;
+    payload: Record<string, unknown>;
+    successVerb: string;
+    clearSelection: () => void;
+}) => Promise<void>;
+type DeleteFn = (args: {
+    ids: string[];
+    endpoint: string;
+    target: string;
+    noun: DistributionEntity;
+    clearSelection: () => void;
+}) => Promise<void>;
+export declare function DistributionChannelsTab(props: {
+    filteredChannels: ChannelRow[];
+    channelSelection: RowSelectionState;
+    setChannelSelection: OnChangeFn<RowSelectionState>;
+    bulkActionTarget: string | null;
+    handleBulkUpdate: BulkFn;
+    handleBulkDelete: DeleteFn;
+    onCreate: () => void;
+    onOpenRoute: (channelId: string) => void;
+    onEdit: (row: ChannelRow) => void;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function DistributionContractsTab(props: {
+    channels: ChannelRow[];
+    suppliers: SupplierOption[];
+    filteredContracts: ChannelContractRow[];
+    contractSelection: RowSelectionState;
+    setContractSelection: OnChangeFn<RowSelectionState>;
+    bulkActionTarget: string | null;
+    handleBulkUpdate: BulkFn;
+    handleBulkDelete: DeleteFn;
+    onCreate: () => void;
+    onOpenRoute: (contractId: string) => void;
+    onEdit: (row: ChannelContractRow) => void;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function DistributionCommissionsTab(props: {
+    contracts: ChannelContractRow[];
+    products: ProductOption[];
+    filteredCommissionRules: ChannelCommissionRuleRow[];
+    commissionSelection: RowSelectionState;
+    setCommissionSelection: OnChangeFn<RowSelectionState>;
+    bulkActionTarget: string | null;
+    handleBulkDelete: DeleteFn;
+    onCreate: () => void;
+    onOpenRoute: (commissionRuleId: string) => void;
+    onEdit: (row: ChannelCommissionRuleRow) => void;
+}): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=distribution-tabs-primary.d.ts.map

package/dist/components/distribution-tabs-primary.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"distribution-tabs-primary.d.ts","sourceRoot":"","sources":["../../src/components/distribution-tabs-primary.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAA;AAM1E,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAA;AAG7D,OAAO,KAAK,EACV,wBAAwB,EACxB,kBAAkB,EAClB,UAAU,EACV,aAAa,EACb,cAAc,EACf,MAAM,0BAA0B,CAAA;AAGjC,KAAK,MAAM,GAAG,CAAC,IAAI,EAAE;IACnB,GAAG,EAAE,MAAM,EAAE,CAAA;IACb,QAAQ,EAAE,MAAM,CAAA;IAChB,MAAM,EAAE,MAAM,CAAA;IACd,IAAI,EAAE,kBAAkB,CAAA;IACxB,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IAChC,WAAW,EAAE,MAAM,CAAA;IACnB,cAAc,EAAE,MAAM,IAAI,CAAA;CAC3B,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;AAEnB,KAAK,QAAQ,GAAG,CAAC,IAAI,EAAE;IACrB,GAAG,EAAE,MAAM,EAAE,CAAA;IACb,QAAQ,EAAE,MAAM,CAAA;IAChB,MAAM,EAAE,MAAM,CAAA;IACd,IAAI,EAAE,kBAAkB,CAAA;IACxB,cAAc,EAAE,MAAM,IAAI,CAAA;CAC3B,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;AAMnB,wBAAgB,uBAAuB,CAAC,KAAK,EAAE;IAC7C,gBAAgB,EAAE,UAAU,EAAE,CAAA;IAC9B,gBAAgB,EAAE,iBAAiB,CAAA;IACnC,mBAAmB,EAAE,UAAU,CAAC,iBAAiB,CAAC,CAAA;IAClD,gBAAgB,EAAE,MAAM,GAAG,IAAI,CAAA;IAC/B,gBAAgB,EAAE,MAAM,CAAA;IACxB,gBAAgB,EAAE,QAAQ,CAAA;IAC1B,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB,WAAW,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAA;IACxC,MAAM,EAAE,CAAC,GAAG,EAAE,UAAU,KAAK,IAAI,CAAA;CAClC,2CAkGA;AAED,wBAAgB,wBAAwB,CAAC,KAAK,EAAE;IAC9C,QAAQ,EAAE,UAAU,EAAE,CAAA;IACtB,SAAS,EAAE,cAAc,EAAE,CAAA;IAC3B,iBAAiB,EAAE,kBAAkB,EAAE,CAAA;IACvC,iBAAiB,EAAE,iBAAiB,CAAA;IACpC,oBAAoB,EAAE,UAAU,CAAC,iBAAiB,CAAC,CAAA;IACnD,gBAAgB,EAAE,MAAM,GAAG,IAAI,CAAA;IAC/B,gBAAgB,EAAE,MAAM,CAAA;IACxB,gBAAgB,EAAE,QAAQ,CAAA;IAC1B,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB,WAAW,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAA;IACzC,MAAM,EAAE,CAAC,GAAG,EAAE,kBAAkB,KAAK,IAAI,CAAA;CAC1C,2CAkGA;AAED,wBAAgB,0BAA0B,CAAC,KAAK,EAAE;IAChD,SAAS,EAAE,kBAAkB,EAAE,CAAA;IAC/B,QAAQ,EAAE,aAAa,EAAE,CAAA;IACzB,uBAAuB,EAAE,wBAAwB,EAAE,CAAA;IACnD,mBAAmB,EAAE,iBAAiB,CAAA;IACtC,sBAAsB,EAAE,UAAU,CAAC,iBAAiB,CAAC,CAAA;IACrD,gBAAgB,EAAE,MAAM,GAAG,IAAI,CAAA;IAC/B,gBAAgB,EAAE,QAAQ,CAAA;IAC1B,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB,WAAW,EAAE,CAAC,gBAAgB,EAAE,MAAM,KAAK,IAAI,CAAA;IAC/C,MAAM,EAAE,CAAC,GAAG,EAAE,wBAAwB,KAAK,IAAI,CAAA;CAChD,2CAgEA"}

package/dist/components/distribution-tabs-primary.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 { channelColumns, commissionColumns, contractColumns } from "./distribution-shared.js";
+function getSelectionSummary(count, template) {
+    return formatDistributionSummary(template, { count });
+}
+export function DistributionChannelsTab(props) {
+    const i18n = useDistributionUiI18nOrDefault();
+    const { messages } = i18n;
+    const tab = messages.tabs.channels;
+    return (_jsxs(TabsContent, { value: "channels", className: "space-y-4", children: [_jsx(SectionHeader, { title: tab.title, description: tab.description, actionLabel: tab.actionLabel, onAction: props.onCreate }), _jsx(DataTable, { columns: channelColumns(props.onOpenRoute, i18n), data: props.filteredChannels, emptyMessage: tab.empty, enableRowSelection: true, getRowId: (row) => row.id, rowSelection: props.channelSelection, onRowSelectionChange: props.setChannelSelection, renderSelectionActions: ({ selectedRows, clearSelection }) => {
+                    const countLabel = formatDistributionCount(messages, "channel", 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 === "channels-activate", onConfirm: () => props.handleBulkUpdate({
+                                    ids: selectedRows.map((row) => row.original.id),
+                                    endpoint: "/v1/distribution/channels",
+                                    target: "channels-activate",
+                                    noun: "channel",
+                                    payload: { status: "active" },
+                                    successVerb: messages.page.bulkVerbs.activated,
+                                    clearSelection,
+                                }) }), _jsx(ConfirmActionButton, { buttonLabel: tab.actions.archive.button, confirmLabel: tab.actions.archive.confirm, cancelLabel: messages.common.cancel, title: formatMessage(tab.actions.archive.title, { countLabel }), description: tab.actions.archive.description, disabled: props.bulkActionTarget === "channels-archive", onConfirm: () => props.handleBulkUpdate({
+                                    ids: selectedRows.map((row) => row.original.id),
+                                    endpoint: "/v1/distribution/channels",
+                                    target: "channels-archive",
+                                    noun: "channel",
+                                    payload: { status: "archived" },
+                                    successVerb: messages.page.bulkVerbs.archived,
+                                    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 === "channels-delete", variant: "destructive", confirmVariant: "destructive", onConfirm: () => props.handleBulkDelete({
+                                    ids: selectedRows.map((row) => row.original.id),
+                                    endpoint: "/v1/distribution/channels",
+                                    target: "channels-delete",
+                                    noun: "channel",
+                                    clearSelection,
+                                }) })] }));
+                }, onRowClick: (row) => props.onEdit(row.original) })] }));
+}
+export function DistributionContractsTab(props) {
+    const i18n = useDistributionUiI18nOrDefault();
+    const { messages } = i18n;
+    const tab = messages.tabs.contracts;
+    return (_jsxs(TabsContent, { value: "contracts", className: "space-y-4", children: [_jsx(SectionHeader, { title: tab.title, description: tab.description, actionLabel: tab.actionLabel, onAction: props.onCreate }), _jsx(DataTable, { columns: contractColumns(props.channels, props.suppliers, props.onOpenRoute, i18n), data: props.filteredContracts, emptyMessage: tab.empty, enableRowSelection: true, getRowId: (row) => row.id, rowSelection: props.contractSelection, onRowSelectionChange: props.setContractSelection, renderSelectionActions: ({ selectedRows, clearSelection }) => {
+                    const countLabel = formatDistributionCount(messages, "contract", 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 === "contracts-activate", onConfirm: () => props.handleBulkUpdate({
+                                    ids: selectedRows.map((row) => row.original.id),
+                                    endpoint: "/v1/distribution/contracts",
+                                    target: "contracts-activate",
+                                    noun: "contract",
+                                    payload: { status: "active" },
+                                    successVerb: messages.page.bulkVerbs.activated,
+                                    clearSelection,
+                                }) }), _jsx(ConfirmActionButton, { buttonLabel: tab.actions.expire.button, confirmLabel: tab.actions.expire.confirm, cancelLabel: messages.common.cancel, title: formatMessage(tab.actions.expire.title, { countLabel }), description: tab.actions.expire.description, disabled: props.bulkActionTarget === "contracts-expire", onConfirm: () => props.handleBulkUpdate({
+                                    ids: selectedRows.map((row) => row.original.id),
+                                    endpoint: "/v1/distribution/contracts",
+                                    target: "contracts-expire",
+                                    noun: "contract",
+                                    payload: { status: "expired" },
+                                    successVerb: messages.page.bulkVerbs.expired,
+                                    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 === "contracts-delete", variant: "destructive", confirmVariant: "destructive", onConfirm: () => props.handleBulkDelete({
+                                    ids: selectedRows.map((row) => row.original.id),
+                                    endpoint: "/v1/distribution/contracts",
+                                    target: "contracts-delete",
+                                    noun: "contract",
+                                    clearSelection,
+                                }) })] }));
+                }, onRowClick: (row) => props.onEdit(row.original) })] }));
+}
+export function DistributionCommissionsTab(props) {
+    const i18n = useDistributionUiI18nOrDefault();
+    const { messages } = i18n;
+    const tab = messages.tabs.commissions;
+    return (_jsxs(TabsContent, { value: "commissions", className: "space-y-4", children: [_jsx(SectionHeader, { title: tab.title, description: tab.description, actionLabel: tab.actionLabel, onAction: props.onCreate }), _jsx(DataTable, { columns: commissionColumns(props.contracts, props.products, props.onOpenRoute, i18n), data: props.filteredCommissionRules, emptyMessage: tab.empty, enableRowSelection: true, getRowId: (row) => row.id, rowSelection: props.commissionSelection, onRowSelectionChange: props.setCommissionSelection, renderSelectionActions: ({ selectedRows, clearSelection }) => {
+                    const countLabel = formatDistributionCount(messages, "commissionRule", 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 === "commission-rules-delete", variant: "destructive", confirmVariant: "destructive", onConfirm: () => props.handleBulkDelete({
+                                ids: selectedRows.map((row) => row.original.id),
+                                endpoint: "/v1/distribution/commission-rules",
+                                target: "commission-rules-delete",
+                                noun: "commissionRule",
+                                clearSelection,
+                            }) }) }));
+                }, onRowClick: (row) => props.onEdit(row.original) })] }));
+}

package/dist/components/distribution-tabs-secondary.d.ts

@@ -0,0 +1,58 @@
+import type { OnChangeFn, RowSelectionState } from "@tanstack/react-table";
+import type { DistributionEntity } from "../i18n/messages.js";
+import type { BookingOption, ChannelBookingLinkRow, ChannelProductMappingRow, ChannelRow, ChannelWebhookEventRow, ProductOption } from "./distribution-shared.js";
+type BulkFn = (args: {
+    ids: string[];
+    endpoint: string;
+    target: string;
+    noun: DistributionEntity;
+    payload: Record<string, unknown>;
+    successVerb: string;
+    clearSelection: () => void;
+}) => Promise<void>;
+type DeleteFn = (args: {
+    ids: string[];
+    endpoint: string;
+    target: string;
+    noun: DistributionEntity;
+    clearSelection: () => void;
+}) => Promise<void>;
+export declare function DistributionMappingsTab(props: {
+    channels: ChannelRow[];
+    products: ProductOption[];
+    filteredMappings: ChannelProductMappingRow[];
+    mappingSelection: RowSelectionState;
+    setMappingSelection: OnChangeFn<RowSelectionState>;
+    bulkActionTarget: string | null;
+    handleBulkUpdate: BulkFn;
+    handleBulkDelete: DeleteFn;
+    onCreate: () => void;
+    onOpenRoute: (mappingId: string) => void;
+    onEdit: (row: ChannelProductMappingRow) => void;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function DistributionBookingLinksTab(props: {
+    channels: ChannelRow[];
+    bookings: BookingOption[];
+    filteredBookingLinks: ChannelBookingLinkRow[];
+    bookingLinkSelection: RowSelectionState;
+    setBookingLinkSelection: OnChangeFn<RowSelectionState>;
+    bulkActionTarget: string | null;
+    handleBulkDelete: DeleteFn;
+    onCreate: () => void;
+    onOpenRoute: (bookingLinkId: string) => void;
+    onEdit: (row: ChannelBookingLinkRow) => void;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function DistributionWebhooksTab(props: {
+    channels: ChannelRow[];
+    filteredWebhookEvents: ChannelWebhookEventRow[];
+    webhookSelection: RowSelectionState;
+    setWebhookSelection: OnChangeFn<RowSelectionState>;
+    bulkActionTarget: string | null;
+    handleBulkUpdate: BulkFn;
+    handleBulkDelete: DeleteFn;
+    onCreate: () => void;
+    onOpenRoute: (webhookEventId: string) => void;
+    onEdit: (row: ChannelWebhookEventRow) => void;
+}): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=distribution-tabs-secondary.d.ts.map

package/dist/components/distribution-tabs-secondary.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"distribution-tabs-secondary.d.ts","sourceRoot":"","sources":["../../src/components/distribution-tabs-secondary.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAA;AAM1E,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAA;AAG7D,OAAO,KAAK,EACV,aAAa,EACb,qBAAqB,EACrB,wBAAwB,EACxB,UAAU,EACV,sBAAsB,EACtB,aAAa,EACd,MAAM,0BAA0B,CAAA;AAGjC,KAAK,MAAM,GAAG,CAAC,IAAI,EAAE;IACnB,GAAG,EAAE,MAAM,EAAE,CAAA;IACb,QAAQ,EAAE,MAAM,CAAA;IAChB,MAAM,EAAE,MAAM,CAAA;IACd,IAAI,EAAE,kBAAkB,CAAA;IACxB,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IAChC,WAAW,EAAE,MAAM,CAAA;IACnB,cAAc,EAAE,MAAM,IAAI,CAAA;CAC3B,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;AAEnB,KAAK,QAAQ,GAAG,CAAC,IAAI,EAAE;IACrB,GAAG,EAAE,MAAM,EAAE,CAAA;IACb,QAAQ,EAAE,MAAM,CAAA;IAChB,MAAM,EAAE,MAAM,CAAA;IACd,IAAI,EAAE,kBAAkB,CAAA;IACxB,cAAc,EAAE,MAAM,IAAI,CAAA;CAC3B,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;AAMnB,wBAAgB,uBAAuB,CAAC,KAAK,EAAE;IAC7C,QAAQ,EAAE,UAAU,EAAE,CAAA;IACtB,QAAQ,EAAE,aAAa,EAAE,CAAA;IACzB,gBAAgB,EAAE,wBAAwB,EAAE,CAAA;IAC5C,gBAAgB,EAAE,iBAAiB,CAAA;IACnC,mBAAmB,EAAE,UAAU,CAAC,iBAAiB,CAAC,CAAA;IAClD,gBAAgB,EAAE,MAAM,GAAG,IAAI,CAAA;IAC/B,gBAAgB,EAAE,MAAM,CAAA;IACxB,gBAAgB,EAAE,QAAQ,CAAA;IAC1B,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB,WAAW,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAA;IACxC,MAAM,EAAE,CAAC,GAAG,EAAE,wBAAwB,KAAK,IAAI,CAAA;CAChD,2CAkGA;AAED,wBAAgB,2BAA2B,CAAC,KAAK,EAAE;IACjD,QAAQ,EAAE,UAAU,EAAE,CAAA;IACtB,QAAQ,EAAE,aAAa,EAAE,CAAA;IACzB,oBAAoB,EAAE,qBAAqB,EAAE,CAAA;IAC7C,oBAAoB,EAAE,iBAAiB,CAAA;IACvC,uBAAuB,EAAE,UAAU,CAAC,iBAAiB,CAAC,CAAA;IACtD,gBAAgB,EAAE,MAAM,GAAG,IAAI,CAAA;IAC/B,gBAAgB,EAAE,QAAQ,CAAA;IAC1B,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB,WAAW,EAAE,CAAC,aAAa,EAAE,MAAM,KAAK,IAAI,CAAA;IAC5C,MAAM,EAAE,CAAC,GAAG,EAAE,qBAAqB,KAAK,IAAI,CAAA;CAC7C,2CA4DA;AAED,wBAAgB,uBAAuB,CAAC,KAAK,EAAE;IAC7C,QAAQ,EAAE,UAAU,EAAE,CAAA;IACtB,qBAAqB,EAAE,sBAAsB,EAAE,CAAA;IAC/C,gBAAgB,EAAE,iBAAiB,CAAA;IACnC,mBAAmB,EAAE,UAAU,CAAC,iBAAiB,CAAC,CAAA;IAClD,gBAAgB,EAAE,MAAM,GAAG,IAAI,CAAA;IAC/B,gBAAgB,EAAE,MAAM,CAAA;IACxB,gBAAgB,EAAE,QAAQ,CAAA;IAC1B,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB,WAAW,EAAE,CAAC,cAAc,EAAE,MAAM,KAAK,IAAI,CAAA;IAC7C,MAAM,EAAE,CAAC,GAAG,EAAE,sBAAsB,KAAK,IAAI,CAAA;CAC9C,2CAkGA"}