@voyant-travel/distribution-react 0.109.8

package/dist/components/channel-sync-controls.js

@@ -0,0 +1,29 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Button, DropdownMenu, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger, } from "@voyant-travel/ui/components";
+import { ChevronDown, Loader2, RotateCw } from "lucide-react";
+import { useEffect, useState } from "react";
+import { formatShortDuration, formatTemplate, } from "./channel-sync-page-utils.js";
+export function ReconcileMenu({ onRun, isRunning, lastResult, messages, }) {
+    return (_jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { render: _jsxs(Button, { variant: "outline", size: "sm", disabled: isRunning, children: [isRunning ? (_jsx(Loader2, { className: "mr-1.5 h-3.5 w-3.5 animate-spin" })) : (_jsx(RotateCw, { className: "mr-1.5 h-3.5 w-3.5" })), messages.reconcile.trigger, _jsx(ChevronDown, { className: "ml-1.5 h-3.5 w-3.5" })] }) }), _jsxs(DropdownMenuContent, { align: "end", className: "w-56", children: [_jsxs(DropdownMenuGroup, { children: [_jsx(DropdownMenuLabel, { children: messages.reconcile.menuLabel }), _jsxs(DropdownMenuItem, { onClick: () => onRun("bookings"), children: [messages.reconcile.bookings, _jsx("span", { className: "ml-auto text-xs text-muted-foreground", children: messages.reconcile.priority })] }), _jsx(DropdownMenuItem, { onClick: () => onRun("availability"), children: messages.reconcile.availability }), _jsx(DropdownMenuItem, { onClick: () => onRun("content"), children: messages.reconcile.content })] }), lastResult ? (_jsxs(_Fragment, { children: [_jsx(DropdownMenuSeparator, {}), _jsx("div", { className: "px-2 py-1.5 text-xs text-muted-foreground", children: formatTemplate(messages.reconcile.lastRun, {
+                                    scanned: lastResult.scanned,
+                                    triggered: lastResult.triggered,
+                                }) })] })) : null] })] }));
+}
+export function AutoRefreshIndicator({ isFetching, dataUpdatedAt, intervalMs, messages, }) {
+    // Tick every second so the "Updated Xs ago" stays current.
+    const [, setNow] = useState(Date.now());
+    useEffect(() => {
+        const id = window.setInterval(() => setNow(Date.now()), 1000);
+        return () => window.clearInterval(id);
+    }, []);
+    if (!dataUpdatedAt) {
+        return (_jsxs("span", { className: "hidden items-center gap-1.5 text-xs text-muted-foreground md:flex", children: [_jsx(Loader2, { className: "h-3 w-3 animate-spin" }), messages.refresh.loading] }));
+    }
+    const seconds = Math.max(0, Math.round((Date.now() - dataUpdatedAt) / 1000));
+    const intervalSec = Math.round(intervalMs / 1000);
+    return (_jsxs("span", { className: "hidden items-center gap-1.5 text-xs text-muted-foreground md:flex", title: formatTemplate(messages.refresh.title, { seconds: intervalSec }), children: [isFetching ? (_jsx(Loader2, { className: "h-3 w-3 animate-spin" })) : (_jsxs("span", { className: "relative flex h-2 w-2", children: [_jsx("span", { className: "absolute inline-flex h-full w-full animate-ping rounded-full bg-emerald-400 opacity-60" }), _jsx("span", { className: "relative inline-flex h-2 w-2 rounded-full bg-emerald-500" })] })), _jsx("span", { className: "tabular-nums", children: isFetching
+                    ? messages.refresh.refreshing
+                    : formatTemplate(messages.refresh.updatedAgo, {
+                        duration: formatShortDuration(seconds),
+                    }) })] }));
+}

package/dist/components/channel-sync-deliveries-drawer.d.ts

@@ -0,0 +1,12 @@
+import type { useDistributionUiMessagesOrDefault } from "../i18n/index.js";
+import type { VoyantFetcher } from "../index.js";
+export declare function DeliveriesDrawer({ bookingId, client, onClose, messages, }: {
+    bookingId: string | null;
+    client: {
+        baseUrl: string;
+        fetcher: VoyantFetcher;
+    };
+    onClose: () => void;
+    messages: ReturnType<typeof useDistributionUiMessagesOrDefault>["channelSync"];
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=channel-sync-deliveries-drawer.d.ts.map

package/dist/components/channel-sync-deliveries-drawer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"channel-sync-deliveries-drawer.d.ts","sourceRoot":"","sources":["../../src/components/channel-sync-deliveries-drawer.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAK,EAAE,kCAAkC,EAAE,MAAM,kBAAkB,CAAA;AAC1E,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAQhD,wBAAgB,gBAAgB,CAAC,EAC/B,SAAS,EACT,MAAM,EACN,OAAO,EACP,QAAQ,GACT,EAAE;IACD,SAAS,EAAE,MAAM,GAAG,IAAI,CAAA;IACxB,MAAM,EAAE;QAAE,OAAO,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,aAAa,CAAA;KAAE,CAAA;IACnD,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,QAAQ,EAAE,UAAU,CAAC,OAAO,kCAAkC,CAAC,CAAC,aAAa,CAAC,CAAA;CAC/E,2CAmFA"}

package/dist/components/channel-sync-deliveries-drawer.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useQuery } from "@tanstack/react-query";
+import { Badge, Card, CardContent, CardDescription, CardHeader, Empty, EmptyDescription, EmptyHeader, EmptyTitle, Sheet, SheetBody, SheetContent, SheetHeader, SheetTitle, } from "@voyant-travel/ui/components";
+import { Loader2 } from "lucide-react";
+import { fetchJson, formatRelative, formatTemplate, } from "./channel-sync-page-utils.js";
+export function DeliveriesDrawer({ bookingId, client, onClose, messages, }) {
+    const isOpen = bookingId !== null;
+    const query = useQuery({
+        enabled: isOpen,
+        queryKey: ["channel-push-deliveries", bookingId],
+        queryFn: () => {
+            const params = new URLSearchParams({ bookingId: bookingId ?? "", limit: "200" });
+            return fetchJson(`/v1/admin/distribution?${params}`, client);
+        },
+    });
+    const rows = query.data?.data ?? [];
+    return (_jsx(Sheet, { open: isOpen, onOpenChange: (open) => (open ? null : onClose()), children: _jsxs(SheetContent, { side: "right", size: "xl", children: [_jsx(SheetHeader, { children: _jsx(SheetTitle, { children: formatTemplate(messages.drawer.title, { bookingId: bookingId ?? "" }) }) }), _jsx(SheetBody, { className: "flex flex-col gap-3", children: query.isPending ? (_jsx("div", { className: "flex items-center justify-center p-12", children: _jsx(Loader2, { className: "h-5 w-5 animate-spin text-muted-foreground" }) })) : rows.length === 0 ? (_jsx(Empty, { children: _jsxs(EmptyHeader, { children: [_jsx(EmptyTitle, { children: messages.drawer.emptyTitle }), _jsx(EmptyDescription, { children: messages.drawer.emptyDescription })] }) })) : (rows.map((row) => (_jsxs(Card, { className: "text-xs", children: [_jsxs(CardHeader, { className: "pb-2", children: [_jsxs("div", { className: "flex items-center justify-between gap-2", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Badge, { variant: row.status === "succeeded" ? "default" : "destructive", children: row.status }), _jsx("span", { className: "font-mono", children: row.sourceEvent }), _jsx("span", { className: "text-muted-foreground", children: formatTemplate(messages.drawer.attempt, { number: row.attemptNumber }) })] }), _jsx("span", { className: "text-muted-foreground", children: row.durationMs != null ? `${row.durationMs}ms` : "" })] }), _jsxs(CardDescription, { className: "font-mono", children: [row.requestMethod, " ", row.targetUrl] })] }), _jsxs(CardContent, { className: "space-y-2", children: [_jsxs("div", { className: "flex flex-wrap gap-2", children: [row.responseStatus != null ? (_jsx(Badge, { variant: "outline", children: formatTemplate(messages.drawer.httpStatus, { status: row.responseStatus }) })) : null, row.errorClass ? _jsx(Badge, { variant: "destructive", children: row.errorClass }) : null, _jsx("span", { className: "text-muted-foreground", children: formatRelative(row.createdAt) })] }), row.errorMessage ? (_jsx("pre", { className: "overflow-x-auto whitespace-pre-wrap rounded bg-destructive/10 p-2 text-destructive", children: row.errorMessage })) : null, row.responseBodyExcerpt ? (_jsx("pre", { className: "overflow-x-auto rounded bg-muted p-2", children: row.responseBodyExcerpt })) : null] })] }, row.id)))) })] }) }));
+}

package/dist/components/channel-sync-page-utils.d.ts

@@ -0,0 +1,99 @@
+import type { VoyantFetcher } from "../index.js";
+export type PushStatus = "pending" | "ok" | "failed" | "compensated";
+export interface ChannelBookingLinkRow {
+    link: {
+        id: string;
+        channelId: string;
+        bookingId: string;
+        bookingItemId: string | null;
+        sourceKind: string | null;
+        sourceConnectionId: string | null;
+        pushStatus: PushStatus | string;
+        pushAttempts: number;
+        lastPushAt: string | null;
+        lastError: string | null;
+        externalBookingId: string | null;
+        externalReference: string | null;
+        externalStatus: string | null;
+        createdAt: string;
+    };
+    channelName: string;
+    channelKind: string;
+}
+export interface LinksResponse {
+    data: ChannelBookingLinkRow[];
+    counts: Record<string, number>;
+}
+export interface DeliveryRow {
+    id: string;
+    sourceModule: string;
+    sourceEvent: string;
+    sourceEntityId: string | null;
+    targetUrl: string;
+    targetKind: string | null;
+    targetRef: string | null;
+    requestMethod: string;
+    responseStatus: number | null;
+    responseBodyExcerpt: string | null;
+    attemptNumber: number;
+    status: string;
+    errorClass: string | null;
+    errorMessage: string | null;
+    durationMs: number | null;
+    createdAt: string;
+}
+export interface DeliveriesResponse {
+    data: DeliveryRow[];
+}
+export interface ThrottlingRow {
+    channelId: string | null;
+    count: number;
+}
+export interface ThrottlingResponse {
+    data: ThrottlingRow[];
+    sinceMs: number;
+}
+export interface ReconcilerResult {
+    scanned: number;
+    triggered: number;
+}
+export interface BookingRecord {
+    id: string;
+    bookingNumber: string;
+    status: string;
+}
+export interface BookingsResponse {
+    data: BookingRecord[];
+}
+export interface ChannelRecord {
+    id: string;
+    name: string;
+    kind: string;
+    status: string;
+}
+export interface ChannelsResponse {
+    data: ChannelRecord[];
+}
+export interface ChannelSyncPageProps {
+    baseUrl?: string;
+    fetcher?: VoyantFetcher;
+    className?: string;
+}
+export declare function fetchJson<T>(path: string, options: {
+    baseUrl: string;
+    fetcher: VoyantFetcher;
+}, init?: RequestInit): Promise<T>;
+export declare const STATUS_VARIANTS: Record<string, "default" | "secondary" | "destructive" | "outline">;
+export declare const STATUS_TILES: ReadonlyArray<{
+    key: PushStatus;
+    tone: "default" | "secondary" | "destructive" | "outline";
+}>;
+export declare const LINKS_REFETCH_MS = 15000;
+export declare const THROTTLING_REFETCH_MS = 60000;
+export declare function useDebouncedValue<T>(value: T, delayMs: number): T;
+export declare function joinUrl(baseUrl: string, path: string): string;
+export declare function formatChannelKind(kind: string): string;
+export declare function formatShortDuration(seconds: number): string;
+export declare function formatRelative(iso: string): string;
+export declare function formatTemplate(template: string, values: Record<string, string | number>): string;
+//# sourceMappingURL=channel-sync-page-utils.d.ts.map

package/dist/components/channel-sync-page-utils.d.ts.map

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

package/dist/components/channel-sync-page-utils.js

@@ -0,0 +1,85 @@
+import { useEffect, useRef, useState } from "react";
+// Fetch helpers
+export async function fetchJson(path, options, init) {
+    const res = await options.fetcher(joinUrl(options.baseUrl, path), {
+        ...init,
+        headers: {
+            "Content-Type": "application/json",
+            ...init?.headers,
+        },
+    });
+    const text = await res.text();
+    const body = text
+        ? JSON.parse(text)
+        : {};
+    if (!res.ok) {
+        throw new Error(body.error ?? `Request failed: ${res.status}`);
+    }
+    return body;
+}
+export const STATUS_VARIANTS = {
+    pending: "secondary",
+    ok: "default",
+    failed: "destructive",
+    compensated: "outline",
+};
+export const STATUS_TILES = [
+    { key: "pending", tone: "secondary" },
+    { key: "ok", tone: "default" },
+    { key: "failed", tone: "destructive" },
+    { key: "compensated", tone: "outline" },
+];
+export const LINKS_REFETCH_MS = 15_000;
+export const THROTTLING_REFETCH_MS = 60_000;
+export function useDebouncedValue(value, delayMs) {
+    const [debounced, setDebounced] = useState(value);
+    const timeoutRef = useRef(null);
+    useEffect(() => {
+        if (timeoutRef.current)
+            clearTimeout(timeoutRef.current);
+        timeoutRef.current = setTimeout(() => setDebounced(value), delayMs);
+        return () => {
+            if (timeoutRef.current)
+                clearTimeout(timeoutRef.current);
+        };
+    }, [value, delayMs]);
+    return debounced;
+}
+export function joinUrl(baseUrl, path) {
+    const trimmedBase = baseUrl.endsWith("/") ? baseUrl.slice(0, -1) : baseUrl;
+    const trimmedPath = path.startsWith("/") ? path : `/${path}`;
+    return `${trimmedBase}${trimmedPath}`;
+}
+export function formatChannelKind(kind) {
+    return kind.replace(/_/g, " ").replace(/\b\w/g, (m) => m.toUpperCase());
+}
+export function formatShortDuration(seconds) {
+    if (seconds < 60)
+        return `${seconds}s`;
+    const min = Math.round(seconds / 60);
+    if (min < 60)
+        return `${min}m`;
+    const hours = Math.round(min / 60);
+    return `${hours}h`;
+}
+export function formatRelative(iso) {
+    const date = new Date(iso);
+    const diffMs = Date.now() - date.getTime();
+    const sec = Math.round(diffMs / 1000);
+    if (sec < 60)
+        return `${sec}s ago`;
+    const min = Math.round(sec / 60);
+    if (min < 60)
+        return `${min}m ago`;
+    const hours = Math.round(min / 60);
+    if (hours < 24)
+        return `${hours}h ago`;
+    const days = Math.round(hours / 24);
+    return `${days}d ago`;
+}
+export function formatTemplate(template, values) {
+    return template.replace(/\{(\w+)\}/g, (_, key) => {
+        const value = values[key];
+        return value === undefined ? "" : String(value);
+    });
+}

package/dist/components/channel-sync-page.d.ts

@@ -0,0 +1,4 @@
+import { type ChannelSyncPageProps } from "./channel-sync-page-utils.js";
+export type { ChannelSyncPageProps } from "./channel-sync-page-utils.js";
+export declare function ChannelSyncPage({ baseUrl, fetcher, className }?: ChannelSyncPageProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=channel-sync-page.d.ts.map

package/dist/components/channel-sync-page.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"channel-sync-page.d.ts","sourceRoot":"","sources":["../../src/components/channel-sync-page.tsx"],"names":[],"mappings":"AAmCA,OAAO,EAIL,KAAK,oBAAoB,EAe1B,MAAM,8BAA8B,CAAA;AAErC,YAAY,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAA;AAIxE,wBAAgB,eAAe,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,GAAE,oBAAyB,2CA2WzF"}

package/dist/components/channel-sync-page.js

@@ -0,0 +1,141 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
+import { Badge, Button, Card, CardContent, CardDescription, CardHeader, CardTitle, cn, Label, } from "@voyant-travel/ui/components";
+import { AsyncCombobox } from "@voyant-travel/ui/components/async-combobox";
+import { Empty, EmptyDescription, EmptyHeader, EmptyTitle, } from "@voyant-travel/ui/components/empty";
+import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow, } from "@voyant-travel/ui/components/table";
+import { AlertTriangle, Loader2, X } from "lucide-react";
+import { useState } from "react";
+import { useDistributionUiMessagesOrDefault } from "../i18n/index.js";
+import { defaultFetcher, useVoyantDistributionContext } from "../index.js";
+import { AutoRefreshIndicator, ReconcileMenu } from "./channel-sync-controls.js";
+import { DeliveriesDrawer } from "./channel-sync-deliveries-drawer.js";
+import { fetchJson, formatChannelKind, formatRelative, formatTemplate, LINKS_REFETCH_MS, STATUS_TILES, STATUS_VARIANTS, THROTTLING_REFETCH_MS, useDebouncedValue, } from "./channel-sync-page-utils.js";
+// Page
+export function ChannelSyncPage({ baseUrl, fetcher, className } = {}) {
+    const distributionMessages = useDistributionUiMessagesOrDefault();
+    const messages = distributionMessages.channelSync;
+    const context = useVoyantDistributionContext();
+    const client = {
+        baseUrl: baseUrl ?? context.baseUrl,
+        fetcher: fetcher ?? context.fetcher ?? defaultFetcher,
+    };
+    const [statusFilter, setStatusFilter] = useState("all");
+    const [bookingId, setBookingId] = useState(null);
+    const [bookingSearch, setBookingSearch] = useState("");
+    const [selectedBooking, setSelectedBooking] = useState(null);
+    const [channelId, setChannelId] = useState(null);
+    const [selectedChannel, setSelectedChannel] = useState(null);
+    const [drilldownBookingId, setDrilldownBookingId] = useState(null);
+    const queryClient = useQueryClient();
+    const linksQuery = useQuery({
+        queryKey: ["channel-push-links", statusFilter, bookingId, channelId],
+        queryFn: () => {
+            const params = new URLSearchParams({ limit: "100" });
+            if (statusFilter !== "all")
+                params.set("status", statusFilter);
+            if (bookingId)
+                params.set("bookingId", bookingId);
+            if (channelId)
+                params.set("channelId", channelId);
+            return fetchJson(`/v1/admin/distribution?${params}`, client);
+        },
+        refetchInterval: LINKS_REFETCH_MS,
+        refetchIntervalInBackground: false,
+    });
+    const throttlingQuery = useQuery({
+        queryKey: ["channel-push-throttling"],
+        queryFn: () => fetchJson("/v1/admin/distribution", client),
+        refetchInterval: THROTTLING_REFETCH_MS,
+    });
+    const debouncedBookingSearch = useDebouncedValue(bookingSearch, 200);
+    const bookingsQuery = useQuery({
+        queryKey: ["channel-sync-booking-options", debouncedBookingSearch],
+        queryFn: () => {
+            const params = new URLSearchParams({ limit: "20" });
+            if (debouncedBookingSearch.trim())
+                params.set("search", debouncedBookingSearch.trim());
+            return fetchJson(`/v1/admin/bookings?${params}`, client);
+        },
+        placeholderData: (prev) => prev,
+    });
+    const channelsQuery = useQuery({
+        queryKey: ["channel-sync-channel-options"],
+        queryFn: () => fetchJson(`/v1/admin/distribution/channels?limit=100`, client),
+        staleTime: 60_000,
+    });
+    const retryMutation = useMutation({
+        mutationFn: (id) => fetchJson(`/v1/admin/distribution/${id}`, client, {
+            method: "POST",
+        }),
+        onSuccess: () => {
+            void queryClient.invalidateQueries({ queryKey: ["channel-push-links"] });
+        },
+    });
+    const reconcileMutation = useMutation({
+        mutationFn: (flow) => fetchJson(`/v1/admin/distribution/${flow}`, client, {
+            method: "POST",
+        }),
+        onSuccess: () => {
+            void queryClient.invalidateQueries({ queryKey: ["channel-push-links"] });
+        },
+    });
+    const counts = linksQuery.data?.counts ?? {};
+    const rows = linksQuery.data?.data ?? [];
+    const throttledChannels = throttlingQuery.data?.data ?? [];
+    const isThrottled = throttledChannels.length > 0;
+    const filtersActive = statusFilter !== "all" || bookingId !== null || channelId !== null;
+    const clearFilters = () => {
+        setStatusFilter("all");
+        setBookingId(null);
+        setBookingSearch("");
+        setSelectedBooking(null);
+        setChannelId(null);
+        setSelectedChannel(null);
+    };
+    const bookingOptions = bookingsQuery.data?.data ?? [];
+    const channelOptions = channelsQuery.data?.data ?? [];
+    return (_jsxs("div", { "data-slot": "channel-sync-page", className: cn("flex flex-col gap-6 p-6", className), children: [_jsxs("div", { className: "flex flex-wrap items-start justify-between gap-4", children: [_jsxs("div", { children: [_jsx("h2", { className: "text-lg font-semibold tracking-tight", children: messages.title }), _jsx("p", { className: "text-sm text-muted-foreground", children: messages.description })] }), _jsxs("div", { className: "flex items-center gap-3", children: [_jsx(AutoRefreshIndicator, { isFetching: linksQuery.isFetching, dataUpdatedAt: linksQuery.dataUpdatedAt, intervalMs: LINKS_REFETCH_MS, messages: messages }), _jsx(ReconcileMenu, { onRun: (flow) => reconcileMutation.mutate(flow), isRunning: reconcileMutation.isPending, lastResult: reconcileMutation.data ?? null, messages: messages })] })] }), isThrottled ? (_jsxs("div", { className: "flex items-start gap-2 rounded-md border border-amber-300 bg-amber-50 px-3 py-2 text-sm text-amber-900 dark:border-amber-700 dark:bg-amber-950/40 dark:text-amber-200", children: [_jsx(AlertTriangle, { className: "mt-0.5 h-4 w-4 shrink-0" }), _jsxs("div", { children: [_jsx("span", { className: "font-medium", children: messages.throttledTitle }), " ", _jsx("span", { children: formatTemplate(messages.throttledBody, {
+                                    count: throttledChannels.reduce((sum, c) => sum + c.count, 0),
+                                    channels: throttledChannels.length,
+                                    channelLabel: throttledChannels.length === 1 ? "channel" : "channels",
+                                }) })] })] })) : null, _jsx("div", { className: "grid grid-cols-2 gap-3 md:grid-cols-4", children: STATUS_TILES.map((tile) => {
+                    const isActive = statusFilter === tile.key;
+                    const value = counts[tile.key] ?? 0;
+                    const tileMessages = messages.statusTiles[tile.key];
+                    return (_jsxs("button", { type: "button", onClick: () => setStatusFilter(isActive ? "all" : tile.key), className: cn("group rounded-lg border bg-card p-4 text-left transition-all", "hover:border-foreground/30 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", isActive && "border-primary ring-2 ring-primary/30"), "aria-pressed": isActive, children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsx("span", { className: "text-xs font-medium uppercase tracking-wide text-muted-foreground", children: tileMessages.label }), tile.key === "failed" && value > 0 ? (_jsx(AlertTriangle, { className: "h-3.5 w-3.5 text-destructive" })) : null] }), _jsx("div", { className: "mt-1 text-3xl font-semibold tabular-nums", children: value }), _jsx("div", { className: "mt-1 text-xs text-muted-foreground", children: tileMessages.description })] }, tile.key));
+                }) }), _jsxs("div", { className: "flex flex-col gap-3 md:flex-row md:items-end", children: [_jsxs("div", { className: "flex flex-1 flex-col gap-1.5", children: [_jsx(Label, { htmlFor: "cs-booking", className: "text-xs", children: messages.filters.booking }), _jsx(AsyncCombobox, { value: bookingId, onChange: (value) => {
+                                    setBookingId(value);
+                                    if (!value)
+                                        setSelectedBooking(null);
+                                    else {
+                                        const match = bookingOptions.find((b) => b.id === value);
+                                        if (match)
+                                            setSelectedBooking(match);
+                                    }
+                                }, items: bookingOptions, selectedItem: selectedBooking, getKey: (b) => b.id, getLabel: (b) => b.bookingNumber, getSecondary: (b) => b.status, onSearchChange: setBookingSearch, placeholder: messages.filters.bookingPlaceholder, emptyText: bookingsQuery.isFetching
+                                    ? messages.filters.bookingSearching
+                                    : messages.filters.bookingEmpty, triggerClassName: "w-full" })] }), _jsxs("div", { className: "flex flex-1 flex-col gap-1.5", children: [_jsx(Label, { htmlFor: "cs-channel", className: "text-xs", children: messages.filters.channel }), _jsx(AsyncCombobox, { value: channelId, onChange: (value) => {
+                                    setChannelId(value);
+                                    if (!value)
+                                        setSelectedChannel(null);
+                                    else {
+                                        const match = channelOptions.find((c) => c.id === value);
+                                        if (match)
+                                            setSelectedChannel(match);
+                                    }
+                                }, items: channelOptions, selectedItem: selectedChannel, getKey: (c) => c.id, getLabel: (c) => c.name, getSecondary: (c) => formatChannelKind(c.kind), placeholder: messages.filters.channelPlaceholder, emptyText: messages.filters.channelEmpty, triggerClassName: "w-full" })] }), filtersActive ? (_jsxs(Button, { variant: "ghost", size: "sm", onClick: clearFilters, children: [_jsx(X, { className: "mr-1.5 h-3.5 w-3.5" }), distributionMessages.common.clearFilters] })) : null] }), _jsxs(Card, { children: [_jsxs(CardHeader, { className: "pb-3", children: [_jsx(CardTitle, { className: "text-sm", children: messages.table.title }), _jsx(CardDescription, { children: filtersActive
+                                    ? formatTemplate(messages.table.filteredDescription, { count: rows.length })
+                                    : messages.table.defaultDescription })] }), _jsx(CardContent, { className: "p-0", children: linksQuery.isPending ? (_jsx("div", { className: "flex items-center justify-center p-12", children: _jsx(Loader2, { className: "h-5 w-5 animate-spin text-muted-foreground" }) })) : rows.length === 0 ? (_jsx(Empty, { className: "border-0", children: _jsxs(EmptyHeader, { children: [_jsx(EmptyTitle, { children: filtersActive ? messages.table.noMatchesTitle : messages.table.noLinksTitle }), _jsx(EmptyDescription, { children: filtersActive
+                                            ? messages.table.noMatchesDescription
+                                            : messages.table.noLinksDescription })] }) })) : (_jsxs(Table, { children: [_jsx(TableHeader, { children: _jsxs(TableRow, { children: [_jsx(TableHead, { children: messages.table.booking }), _jsx(TableHead, { children: messages.table.channel }), _jsx(TableHead, { children: messages.table.status }), _jsx(TableHead, { className: "text-right", children: messages.table.attempts }), _jsx(TableHead, { children: messages.table.lastPush }), _jsx(TableHead, { children: messages.table.externalRef }), _jsx(TableHead, { className: "text-right", children: messages.table.actions })] }) }), _jsx(TableBody, { children: rows.map((row) => {
+                                        const isFailed = row.link.pushStatus === "failed";
+                                        return (_jsxs(TableRow, { className: cn(isFailed && "bg-destructive/5 hover:bg-destructive/10"), children: [_jsxs(TableCell, { className: "font-mono text-xs", children: [_jsx("div", { children: row.link.bookingId }), row.link.bookingItemId ? (_jsx("div", { className: "text-muted-foreground", children: formatTemplate(messages.table.itemPrefix, {
+                                                                id: row.link.bookingItemId,
+                                                            }) })) : null] }), _jsxs(TableCell, { children: [_jsx("div", { className: "font-medium", children: row.channelName }), _jsx("div", { className: "text-xs text-muted-foreground", children: formatChannelKind(row.channelKind) })] }), _jsxs(TableCell, { children: [_jsx(Badge, { variant: STATUS_VARIANTS[row.link.pushStatus] ?? "outline", children: messages.statusLabels[row.link.pushStatus] ??
+                                                                row.link.pushStatus }), row.link.lastError ? (_jsx("div", { className: "mt-1 max-w-xs truncate text-xs text-destructive", title: row.link.lastError, children: row.link.lastError })) : null] }), _jsx(TableCell, { className: "text-right tabular-nums", children: row.link.pushAttempts }), _jsx(TableCell, { className: "text-xs text-muted-foreground", children: row.link.lastPushAt ? formatRelative(row.link.lastPushAt) : "-" }), _jsx(TableCell, { className: "font-mono text-xs", children: row.link.externalBookingId ?? row.link.externalReference ?? "-" }), _jsx(TableCell, { className: "text-right", children: _jsxs("div", { className: "flex justify-end gap-1", children: [_jsx(Button, { variant: "ghost", size: "sm", onClick: () => setDrilldownBookingId(row.link.bookingId), children: messages.table.deliveries }), _jsxs(Button, { variant: "outline", size: "sm", disabled: retryMutation.isPending &&
+                                                                    retryMutation.variables === row.link.bookingId, onClick: () => retryMutation.mutate(row.link.bookingId), children: [retryMutation.isPending &&
+                                                                        retryMutation.variables === row.link.bookingId ? (_jsx(Loader2, { className: "mr-1 h-3 w-3 animate-spin" })) : null, messages.table.retry] })] }) })] }, row.link.id));
+                                    }) })] })) })] }), _jsx(DeliveriesDrawer, { bookingId: drilldownBookingId, client: client, onClose: () => setDrilldownBookingId(null), messages: messages })] }));
+}

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

@@ -0,0 +1,6 @@
+export interface ChannelsPageProps {
+    className?: string;
+    pageSize?: number;
+}
+export declare function ChannelsPage({ className, pageSize }?: ChannelsPageProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=channels-page.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"channels-page.d.ts","sourceRoot":"","sources":["../../src/components/channels-page.tsx"],"names":[],"mappings":"AAgDA,MAAM,WAAW,iBAAiB;IAChC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAWD,wBAAgB,YAAY,CAAC,EAAE,SAAS,EAAE,QAAoB,EAAE,GAAE,iBAAsB,2CAgJvF"}

package/dist/components/channels-page.js

@@ -0,0 +1,132 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Badge, Button, DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator, DropdownMenuTrigger, Input, Label, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, Sheet, SheetBody, SheetContent, SheetFooter, SheetHeader, SheetTitle, } from "@voyant-travel/ui/components";
+import { cn } from "@voyant-travel/ui/lib/utils";
+import { Loader2, MoreHorizontal, Pencil, Plus, Trash2 } from "lucide-react";
+import { useEffect, useState } from "react";
+import { useDistributionUiI18nOrDefault } from "../i18n/index.js";
+import { useChannelMutation, useChannels, } from "../index.js";
+const PAGE_SIZE = 25;
+const defaultFormValues = {
+    name: "",
+    kind: "direct",
+    status: "active",
+    website: "",
+    contactName: "",
+    contactEmail: "",
+};
+export function ChannelsPage({ className, pageSize = PAGE_SIZE } = {}) {
+    const { messages } = useDistributionUiI18nOrDefault();
+    const page = messages.settings.channelsPage;
+    const [sheetOpen, setSheetOpen] = useState(false);
+    const [editing, setEditing] = useState();
+    const [pageIndex, setPageIndex] = useState(0);
+    const { data, isPending, refetch } = useChannels({
+        limit: pageSize,
+        offset: pageIndex * pageSize,
+    });
+    const { remove } = useChannelMutation();
+    const channels = data?.data ?? [];
+    const total = data?.total ?? 0;
+    const pageCount = Math.max(1, Math.ceil(total / pageSize));
+    return (_jsxs("div", { "data-slot": "channels-page", className: cn("flex flex-col gap-6 p-6", className), children: [_jsxs("div", { className: "flex items-center justify-between gap-4", children: [_jsxs("div", { children: [_jsx("h2", { className: "text-lg font-semibold tracking-tight", children: page.title }), _jsx("p", { className: "text-sm text-muted-foreground", children: page.description })] }), _jsxs(Button, { size: "sm", onClick: () => {
+                            setEditing(undefined);
+                            setSheetOpen(true);
+                        }, children: [_jsx(Plus, { className: "mr-1.5 h-3.5 w-3.5" }), page.addChannel] })] }), isPending ? (_jsx(ChannelsListSkeleton, {})) : (_jsx("div", { className: "rounded-lg border bg-card text-card-foreground shadow-sm", children: channels.length === 0 ? (_jsx("p", { className: "py-12 text-center text-sm text-muted-foreground", children: page.empty })) : (_jsx("div", { className: "flex flex-col divide-y", children: channels.map((channel) => (_jsxs("div", { className: "flex items-center justify-between px-6 py-3", children: [_jsxs("div", { className: "space-y-1", children: [_jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [_jsx("span", { className: "text-sm font-medium", children: channel.name }), _jsx(Badge, { variant: "outline", className: "text-xs", children: messages.common.channelKindLabels[channel.kind] }), channel.status !== "active" ? (_jsx(Badge, { variant: "secondary", className: "text-xs", children: messages.common.channelStatusLabels[channel.status] })) : null] }), _jsxs("div", { className: "flex flex-wrap gap-3 text-xs text-muted-foreground", children: [channel.website ? _jsx("span", { children: channel.website }) : null, channel.contactName ? _jsx("span", { children: channel.contactName }) : null, channel.contactEmail ? _jsx("span", { children: channel.contactEmail }) : null] })] }), _jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsx(Button, { variant: "ghost", size: "icon", className: "h-8 w-8 text-muted-foreground", children: _jsx(MoreHorizontal, { className: "h-4 w-4" }) }) }), _jsxs(DropdownMenuContent, { align: "end", children: [_jsxs(DropdownMenuItem, { onClick: () => {
+                                                    setEditing(channel);
+                                                    setSheetOpen(true);
+                                                }, children: [_jsx(Pencil, { className: "h-4 w-4" }), page.edit] }), _jsx(DropdownMenuSeparator, {}), _jsxs(DropdownMenuItem, { variant: "destructive", disabled: remove.isPending, onClick: () => {
+                                                    if (window.confirm(page.deleteConfirm)) {
+                                                        void remove.mutateAsync(channel.id).then(() => refetch());
+                                                    }
+                                                }, children: [_jsx(Trash2, { className: "h-4 w-4" }), page.delete] })] })] })] }, channel.id))) })) })), _jsxs("div", { className: "flex items-center justify-between gap-4 text-sm text-muted-foreground", children: [_jsx("span", { children: page.paginationShowing
+                            .replace("{count}", String(channels.length))
+                            .replace("{total}", String(total)) }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Button, { variant: "outline", size: "sm", disabled: pageIndex === 0, onClick: () => setPageIndex((current) => Math.max(0, current - 1)), children: page.paginationPrevious }), _jsx("span", { children: page.paginationPage
+                                    .replace("{page}", String(pageIndex + 1))
+                                    .replace("{pageCount}", String(pageCount)) }), _jsx(Button, { variant: "outline", size: "sm", disabled: (pageIndex + 1) * pageSize >= total, onClick: () => setPageIndex((current) => current + 1), children: page.paginationNext })] })] }), _jsx(ChannelSheet, { open: sheetOpen, onOpenChange: setSheetOpen, channel: editing, onSuccess: () => {
+                    setSheetOpen(false);
+                    setEditing(undefined);
+                    void refetch();
+                } })] }));
+}
+function ChannelSheet({ open, onOpenChange, channel, onSuccess, }) {
+    const { messages } = useDistributionUiI18nOrDefault();
+    const page = messages.settings.channelsPage;
+    const isEditing = !!channel;
+    const { create, update } = useChannelMutation();
+    const [values, setValues] = useState(defaultFormValues);
+    const [errors, setErrors] = useState({});
+    const channelKinds = Object.entries(messages.common.channelKindLabels).map(([value, label]) => ({
+        value: value,
+        label,
+    }));
+    useEffect(() => {
+        if (open && channel) {
+            setValues({
+                name: channel.name,
+                kind: channel.kind,
+                status: channel.status,
+                website: channel.website ?? "",
+                contactName: channel.contactName ?? "",
+                contactEmail: channel.contactEmail ?? "",
+            });
+            setErrors({});
+        }
+        else if (open) {
+            setValues(defaultFormValues);
+            setErrors({});
+        }
+    }, [open, channel]);
+    const isSubmitting = create.isPending || update.isPending;
+    const setValue = (key, value) => setValues((current) => ({ ...current, [key]: value }));
+    const onSubmit = async (event) => {
+        event.preventDefault();
+        const nextErrors = validateChannelForm(values, page);
+        setErrors(nextErrors);
+        if (Object.keys(nextErrors).length > 0)
+            return;
+        const payload = {
+            name: values.name.trim(),
+            kind: values.kind,
+            status: values.status,
+            website: normalizeOptional(values.website),
+            contactName: normalizeOptional(values.contactName),
+            contactEmail: normalizeOptional(values.contactEmail),
+        };
+        if (isEditing) {
+            await update.mutateAsync({ id: channel.id, input: payload });
+        }
+        else {
+            await create.mutateAsync(payload);
+        }
+        onSuccess();
+    };
+    return (_jsx(Sheet, { open: open, onOpenChange: onOpenChange, children: _jsxs(SheetContent, { side: "right", size: "lg", children: [_jsx(SheetHeader, { children: _jsx(SheetTitle, { children: isEditing ? page.editSheetTitle : page.newSheetTitle }) }), _jsxs("form", { onSubmit: onSubmit, className: "flex flex-1 flex-col overflow-hidden", children: [_jsxs(SheetBody, { className: "grid gap-4", children: [_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: page.nameLabel }), _jsx(Input, { value: values.name, onChange: (event) => setValue("name", event.target.value), placeholder: page.namePlaceholder, autoFocus: true }), errors.name ? _jsx("p", { className: "text-xs text-destructive", children: errors.name }) : null] }), _jsxs("div", { className: "grid grid-cols-2 gap-4", children: [_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: page.kindLabel }), _jsxs(Select, { items: channelKinds, value: values.kind, onValueChange: (value) => setValue("kind", value), children: [_jsx(SelectTrigger, { className: "w-full", children: _jsx(SelectValue, {}) }), _jsx(SelectContent, { children: channelKinds.map((kind) => (_jsx(SelectItem, { value: kind.value, children: kind.label }, kind.value))) })] })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: page.statusLabel }), _jsxs(Select, { value: values.status, onValueChange: (value) => setValue("status", value), children: [_jsx(SelectTrigger, { className: "w-full", children: _jsx(SelectValue, {}) }), _jsx(SelectContent, { children: Object.entries(messages.common.channelStatusLabels).map(([value, label]) => (_jsx(SelectItem, { value: value, children: label }, value))) })] })] })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: page.websiteLabel }), _jsx(Input, { value: values.website, onChange: (event) => setValue("website", event.target.value), placeholder: page.websitePlaceholder }), errors.website ? _jsx("p", { className: "text-xs text-destructive", children: errors.website }) : null] }), _jsxs("div", { className: "grid grid-cols-2 gap-4", children: [_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: page.primaryContactLabel }), _jsx(Input, { value: values.contactName, onChange: (event) => setValue("contactName", event.target.value), placeholder: page.primaryContactPlaceholder })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: page.contactEmailLabel }), _jsx(Input, { value: values.contactEmail, onChange: (event) => setValue("contactEmail", event.target.value), placeholder: page.contactEmailPlaceholder }), errors.contactEmail ? (_jsx("p", { className: "text-xs text-destructive", children: errors.contactEmail })) : null] })] })] }), _jsxs(SheetFooter, { children: [_jsx(Button, { type: "button", variant: "ghost", size: "sm", onClick: () => onOpenChange(false), children: messages.common.cancel }), _jsxs(Button, { type: "submit", size: "sm", disabled: isSubmitting, children: [isSubmitting ? _jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin" }) : null, isEditing ? page.saveChanges : page.createChannel] })] })] })] }) }));
+}
+function ChannelsListSkeleton() {
+    const rows = ["first", "second", "third", "fourth", "fifth"];
+    return (_jsx("div", { className: "rounded-lg border bg-card text-card-foreground shadow-sm", children: rows.map((row) => (_jsxs("div", { className: "flex items-center justify-between border-b px-6 py-3 last:border-b-0", children: [_jsxs("div", { className: "space-y-2", children: [_jsx("div", { className: "h-4 w-44 rounded bg-muted" }), _jsx("div", { className: "h-3 w-64 rounded bg-muted" })] }), _jsx("div", { className: "h-8 w-8 rounded bg-muted" })] }, row))) }));
+}
+function validateChannelForm(values, page) {
+    const errors = {};
+    if (!values.name.trim())
+        errors.name = page.validationNameRequired;
+    if (values.name.length > 255)
+        errors.name = page.validationNameRequired;
+    if (values.website.trim()) {
+        try {
+            new URL(values.website.trim());
+        }
+        catch {
+            errors.website = page.validationInvalidUrl;
+        }
+    }
+    if (values.contactEmail.trim() && !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(values.contactEmail)) {
+        errors.contactEmail = page.validationInvalidEmail;
+    }
+    return errors;
+}
+function normalizeOptional(value) {
+    const trimmed = value.trim();
+    return trimmed.length > 0 ? trimmed : null;
+}

package/dist/components/commission-rule-detail-page.d.ts

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

package/dist/components/commission-rule-detail-page.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"commission-rule-detail-page.d.ts","sourceRoot":"","sources":["../../src/components/commission-rule-detail-page.tsx"],"names":[],"mappings":"AAyBA,MAAM,WAAW,6BAA6B;IAC5C,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,cAAc,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAA;IAC7C,aAAa,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAA;CAC5C;AAID,wBAAgB,wBAAwB,CAAC,EACvC,EAAE,EACF,SAAS,EACT,MAAa,EACb,SAAgB,EAChB,cAAqB,EACrB,aAAoB,GACrB,EAAE,6BAA6B,2CAgK/B"}