@voyant-travel/distribution-react 0.109.8

package/dist/components/distribution-shared.js

@@ -0,0 +1,246 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Badge, Button } from "@voyant-travel/ui/components";
+import { DataTableColumnHeader } from "@voyant-travel/ui/components/data-table-column-header";
+import { ExternalLink } from "lucide-react";
+import { getDistributionUiI18n, useDistributionUiMessagesOrDefault, } from "../i18n/index.js";
+import { cancellationOwnerOptions, channelKindOptions, channelStatusOptions, commissionScopeOptions, commissionTypeOptions, contractStatusOptions, formatSelectionLabel, labelById, NONE_VALUE, nullableNumber, nullableString, parseJsonRecord, paymentOwnerOptions, formatDateTime as reactFormatDateTime, toIsoDateTime, toLocalDateTimeInput, webhookStatusOptions, } from "../index.js";
+export { cancellationOwnerOptions, channelKindOptions, channelStatusOptions, commissionScopeOptions, commissionTypeOptions, contractStatusOptions, formatSelectionLabel, labelById, NONE_VALUE, nullableNumber, nullableString, parseJsonRecord, paymentOwnerOptions, reactFormatDateTime as formatDateTime, toIsoDateTime, toLocalDateTimeInput, webhookStatusOptions, };
+const defaultDistributionUiI18n = getDistributionUiI18n({ locale: "en" });
+function DistributionOpenButton({ label, onClick, }) {
+    useDistributionUiMessagesOrDefault();
+    return (_jsxs(Button, { variant: "ghost", size: "sm", "aria-label": label, title: label, onClick: onClick, children: [_jsx(ExternalLink, { className: "mr-2 h-4 w-4" }), label] }));
+}
+export function formatDistributionDateTime(value, i18n = defaultDistributionUiI18n) {
+    if (!value) {
+        return i18n.messages.common.dateTimeFallback;
+    }
+    return i18n.formatDateTime(value);
+}
+export function formatDistributionDate(value, i18n = defaultDistributionUiI18n) {
+    if (!value) {
+        return i18n.messages.common.dateTimeFallback;
+    }
+    return i18n.formatDate(value);
+}
+export function getChannelKindLabel(kind, messages) {
+    return messages.common.channelKindLabels[kind];
+}
+export function getChannelStatusLabel(status, messages) {
+    return messages.common.channelStatusLabels[status];
+}
+export function getContractStatusLabel(status, messages) {
+    return messages.common.contractStatusLabels[status];
+}
+export function getPaymentOwnerLabel(paymentOwner, messages) {
+    return messages.common.paymentOwnerLabels[paymentOwner];
+}
+export function getCommissionScopeLabel(scope, messages) {
+    return messages.common.commissionScopeLabels[scope];
+}
+export function getCommissionTypeLabel(commissionType, messages) {
+    return messages.common.commissionTypeLabels[commissionType];
+}
+export function getWebhookStatusLabel(status, messages) {
+    return messages.common.webhookStatusLabels[status];
+}
+export const channelColumns = (onView, i18n = defaultDistributionUiI18n) => [
+    {
+        accessorKey: "name",
+        header: ({ column }) => (_jsx(DataTableColumnHeader, { column: column, title: i18n.messages.tables.channel.channel })),
+    },
+    {
+        accessorKey: "kind",
+        header: ({ column }) => (_jsx(DataTableColumnHeader, { column: column, title: i18n.messages.tables.channel.kind })),
+        cell: ({ row }) => (_jsx(Badge, { variant: "outline", children: getChannelKindLabel(row.original.kind, i18n.messages) })),
+    },
+    {
+        accessorKey: "status",
+        header: ({ column }) => (_jsx(DataTableColumnHeader, { column: column, title: i18n.messages.tables.channel.status })),
+        cell: ({ row }) => (_jsx(Badge, { variant: row.original.status === "active" ? "default" : "secondary", children: getChannelStatusLabel(row.original.status, i18n.messages) })),
+    },
+    {
+        accessorKey: "website",
+        header: ({ column }) => (_jsx(DataTableColumnHeader, { column: column, title: i18n.messages.tables.channel.website })),
+        cell: ({ row }) => row.original.website ?? i18n.messages.common.emptyValue,
+    },
+    {
+        id: "view",
+        header: i18n.messages.common.view,
+        cell: ({ row }) => (_jsx(DistributionOpenButton, { label: i18n.messages.common.open, onClick: (event) => {
+                event.stopPropagation();
+                onView(row.original.id);
+            } })),
+    },
+];
+export const contractColumns = (channels, suppliers, onView, i18n = defaultDistributionUiI18n) => [
+    {
+        accessorKey: "channelId",
+        header: ({ column }) => (_jsx(DataTableColumnHeader, { column: column, title: i18n.messages.tables.contract.channel })),
+        cell: ({ row }) => labelById(channels, row.original.channelId),
+    },
+    {
+        accessorKey: "supplierId",
+        header: ({ column }) => (_jsx(DataTableColumnHeader, { column: column, title: i18n.messages.tables.contract.supplier })),
+        cell: ({ row }) => row.original.supplierId
+            ? labelById(suppliers, row.original.supplierId)
+            : i18n.messages.common.emptyValue,
+    },
+    {
+        accessorKey: "status",
+        header: ({ column }) => (_jsx(DataTableColumnHeader, { column: column, title: i18n.messages.tables.contract.status })),
+        cell: ({ row }) => (_jsx(Badge, { variant: "outline", children: getContractStatusLabel(row.original.status, i18n.messages) })),
+    },
+    {
+        accessorKey: "paymentOwner",
+        header: ({ column }) => (_jsx(DataTableColumnHeader, { column: column, title: i18n.messages.tables.contract.payment })),
+        cell: ({ row }) => getPaymentOwnerLabel(row.original.paymentOwner, i18n.messages),
+    },
+    {
+        accessorKey: "startsAt",
+        header: ({ column }) => (_jsx(DataTableColumnHeader, { column: column, title: i18n.messages.tables.contract.start })),
+        cell: ({ row }) => formatDistributionDate(row.original.startsAt, i18n),
+    },
+    {
+        id: "view",
+        header: i18n.messages.common.view,
+        cell: ({ row }) => (_jsxs(Button, { variant: "ghost", size: "sm", "aria-label": i18n.messages.common.open, title: i18n.messages.common.open, onClick: (event) => {
+                event.stopPropagation();
+                onView(row.original.id);
+            }, children: [_jsx(ExternalLink, { className: "mr-2 h-4 w-4" }), i18n.messages.common.open] })),
+    },
+];
+export const commissionColumns = (_contracts, products, onView, i18n = defaultDistributionUiI18n) => [
+    {
+        accessorKey: "contractId",
+        header: ({ column }) => (_jsx(DataTableColumnHeader, { column: column, title: i18n.messages.tables.commission.contract })),
+        cell: ({ row }) => row.original.contractId,
+    },
+    {
+        accessorKey: "scope",
+        header: ({ column }) => (_jsx(DataTableColumnHeader, { column: column, title: i18n.messages.tables.commission.scope })),
+        cell: ({ row }) => (_jsx(Badge, { variant: "outline", children: getCommissionScopeLabel(row.original.scope, i18n.messages) })),
+    },
+    {
+        accessorKey: "productId",
+        header: ({ column }) => (_jsx(DataTableColumnHeader, { column: column, title: i18n.messages.tables.commission.product })),
+        cell: ({ row }) => row.original.productId
+            ? labelById(products, row.original.productId)
+            : i18n.messages.common.emptyValue,
+    },
+    {
+        accessorKey: "commissionType",
+        header: ({ column }) => (_jsx(DataTableColumnHeader, { column: column, title: i18n.messages.tables.commission.type })),
+        cell: ({ row }) => getCommissionTypeLabel(row.original.commissionType, i18n.messages),
+    },
+    {
+        accessorKey: "amountCents",
+        header: ({ column }) => (_jsx(DataTableColumnHeader, { column: column, title: i18n.messages.tables.commission.amount })),
+        cell: ({ row }) => row.original.amountCents ?? i18n.messages.common.emptyValue,
+    },
+    {
+        id: "view",
+        header: i18n.messages.common.view,
+        cell: ({ row }) => (_jsxs(Button, { variant: "ghost", size: "sm", "aria-label": i18n.messages.common.open, title: i18n.messages.common.open, onClick: (event) => {
+                event.stopPropagation();
+                onView(row.original.id);
+            }, children: [_jsx(ExternalLink, { className: "mr-2 h-4 w-4" }), i18n.messages.common.open] })),
+    },
+];
+export const mappingColumns = (channels, products, onView, i18n = defaultDistributionUiI18n) => [
+    {
+        accessorKey: "channelId",
+        header: ({ column }) => (_jsx(DataTableColumnHeader, { column: column, title: i18n.messages.tables.mapping.channel })),
+        cell: ({ row }) => labelById(channels, row.original.channelId),
+    },
+    {
+        accessorKey: "productId",
+        header: ({ column }) => (_jsx(DataTableColumnHeader, { column: column, title: i18n.messages.tables.mapping.product })),
+        cell: ({ row }) => labelById(products, row.original.productId),
+    },
+    {
+        accessorKey: "externalProductId",
+        header: ({ column }) => (_jsx(DataTableColumnHeader, { column: column, title: i18n.messages.tables.mapping.externalProduct })),
+    },
+    {
+        accessorKey: "active",
+        header: ({ column }) => (_jsx(DataTableColumnHeader, { column: column, title: i18n.messages.tables.mapping.status })),
+        cell: ({ row }) => (_jsx(Badge, { variant: row.original.active ? "default" : "secondary", children: row.original.active ? i18n.messages.common.active : i18n.messages.common.inactive })),
+    },
+    {
+        id: "view",
+        header: i18n.messages.common.view,
+        cell: ({ row }) => (_jsxs(Button, { variant: "ghost", size: "sm", "aria-label": i18n.messages.common.open, title: i18n.messages.common.open, onClick: (event) => {
+                event.stopPropagation();
+                onView(row.original.id);
+            }, children: [_jsx(ExternalLink, { className: "mr-2 h-4 w-4" }), i18n.messages.common.open] })),
+    },
+];
+export const bookingLinkColumns = (channels, bookings, onView, i18n = defaultDistributionUiI18n) => [
+    {
+        accessorKey: "channelId",
+        header: ({ column }) => (_jsx(DataTableColumnHeader, { column: column, title: i18n.messages.tables.bookingLink.channel })),
+        cell: ({ row }) => labelById(channels, row.original.channelId),
+    },
+    {
+        accessorKey: "bookingId",
+        header: ({ column }) => (_jsx(DataTableColumnHeader, { column: column, title: i18n.messages.tables.bookingLink.booking })),
+        cell: ({ row }) => labelById(bookings, row.original.bookingId),
+    },
+    {
+        accessorKey: "externalBookingId",
+        header: ({ column }) => (_jsx(DataTableColumnHeader, { column: column, title: i18n.messages.tables.bookingLink.externalBooking })),
+        cell: ({ row }) => row.original.externalBookingId ?? i18n.messages.common.emptyValue,
+    },
+    {
+        accessorKey: "externalStatus",
+        header: ({ column }) => (_jsx(DataTableColumnHeader, { column: column, title: i18n.messages.tables.bookingLink.externalStatus })),
+        cell: ({ row }) => row.original.externalStatus ?? i18n.messages.common.emptyValue,
+    },
+    {
+        accessorKey: "lastSyncedAt",
+        header: ({ column }) => (_jsx(DataTableColumnHeader, { column: column, title: i18n.messages.tables.bookingLink.synced })),
+        cell: ({ row }) => formatDistributionDateTime(row.original.lastSyncedAt, i18n),
+    },
+    {
+        id: "view",
+        header: i18n.messages.common.view,
+        cell: ({ row }) => (_jsxs(Button, { variant: "ghost", size: "sm", "aria-label": i18n.messages.common.open, title: i18n.messages.common.open, onClick: (event) => {
+                event.stopPropagation();
+                onView(row.original.id);
+            }, children: [_jsx(ExternalLink, { className: "mr-2 h-4 w-4" }), i18n.messages.common.open] })),
+    },
+];
+export const webhookColumns = (channels, onView, i18n = defaultDistributionUiI18n) => [
+    {
+        accessorKey: "channelId",
+        header: ({ column }) => (_jsx(DataTableColumnHeader, { column: column, title: i18n.messages.tables.webhook.channel })),
+        cell: ({ row }) => labelById(channels, row.original.channelId),
+    },
+    {
+        accessorKey: "eventType",
+        header: ({ column }) => (_jsx(DataTableColumnHeader, { column: column, title: i18n.messages.tables.webhook.eventType })),
+    },
+    {
+        accessorKey: "status",
+        header: ({ column }) => (_jsx(DataTableColumnHeader, { column: column, title: i18n.messages.tables.webhook.status })),
+        cell: ({ row }) => (_jsx(Badge, { variant: "outline", children: getWebhookStatusLabel(row.original.status, i18n.messages) })),
+    },
+    {
+        accessorKey: "receivedAt",
+        header: ({ column }) => (_jsx(DataTableColumnHeader, { column: column, title: i18n.messages.tables.webhook.received })),
+        cell: ({ row }) => formatDistributionDateTime(row.original.receivedAt, i18n),
+    },
+    {
+        accessorKey: "processedAt",
+        header: ({ column }) => (_jsx(DataTableColumnHeader, { column: column, title: i18n.messages.tables.webhook.processed })),
+        cell: ({ row }) => formatDistributionDateTime(row.original.processedAt, i18n),
+    },
+    {
+        id: "view",
+        header: i18n.messages.common.view,
+        cell: ({ row }) => (_jsxs(Button, { variant: "ghost", size: "sm", "aria-label": i18n.messages.common.open, title: i18n.messages.common.open, onClick: (event) => {
+                event.stopPropagation();
+                onView(row.original.id);
+            }, children: [_jsx(ExternalLink, { className: "mr-2 h-4 w-4" }), i18n.messages.common.open] })),
+    },
+];

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 "@voyant-travel/i18n";
+import { ConfirmActionButton, SelectionActionBar } from "@voyant-travel/ui/components";
+import { DataTable } from "@voyant-travel/ui/components/data-table";
+import { TabsContent } from "@voyant-travel/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":"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"}

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

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

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

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

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

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