@voyant-travel/admin 0.111.0

package/dist/dashboard/dashboard-query-options.d.ts

@@ -0,0 +1,224 @@
+import type { VoyantFetcher } from "@voyant-travel/react";
+export interface DashboardQueryClient {
+    baseUrl: string;
+    fetcher: VoyantFetcher;
+}
+export type BookingsAggregates = {
+    total: number;
+    totalPax: number;
+    countsByStatus: Array<{
+        status: string;
+        count: number;
+    }>;
+    monthlyCounts: Array<{
+        yearMonth: string;
+        count: number;
+    }>;
+    monthlyRevenue: Array<{
+        yearMonth: string;
+        currency: string;
+        sellAmountCents: number;
+    }>;
+    upcomingDepartures: {
+        count: number;
+        items: Array<{
+            id: string;
+            bookingNumber: string | null;
+            status: string;
+            startDate: string | null;
+            endDate: string | null;
+            pax: number | null;
+            sellCurrency: string | null;
+            sellAmountCents: number | null;
+        }>;
+    };
+};
+export type ProductsAggregates = {
+    total: number;
+    active: number;
+    publicActive: number;
+    countsByStatus: Array<{
+        status: string;
+        count: number;
+    }>;
+    monthlyCreatedCounts: Array<{
+        yearMonth: string;
+        count: number;
+    }>;
+};
+export type SuppliersAggregates = {
+    total: number;
+    active: number;
+    countsByStatus: Array<{
+        status: string;
+        count: number;
+    }>;
+    countsByType: Array<{
+        type: string | null;
+        count: number;
+    }>;
+};
+export type FinanceAggregates = {
+    total: number;
+    countsByStatus: Array<{
+        status: string;
+        count: number;
+    }>;
+    monthlyRevenue: Array<{
+        yearMonth: string;
+        currency: string;
+        totalCents: number;
+    }>;
+    monthlyInvoiceCounts: Array<{
+        yearMonth: string;
+        count: number;
+    }>;
+    outstanding: Array<{
+        currency: string;
+        balanceDueCents: number;
+        count: number;
+    }>;
+    overdue: Array<{
+        currency: string;
+        balanceDueCents: number;
+        count: number;
+    }>;
+    outstandingTopN: Array<{
+        id: string;
+        invoiceNumber: string | null;
+        bookingId: string | null;
+        status: string;
+        currency: string;
+        totalCents: number;
+        balanceDueCents: number;
+        issueDate: string | null;
+        dueDate: string | null;
+    }>;
+};
+export declare class DashboardApiError extends Error {
+    readonly status: number;
+    readonly body: unknown;
+    constructor(message: string, status: number, body: unknown);
+}
+export declare const dashboardQueryKeys: {
+    bookingsAggregates: (from: string) => readonly ["dashboard-bookings-aggregates", string];
+    productsAggregates: () => readonly ["dashboard-products-aggregates"];
+    suppliersAggregates: () => readonly ["dashboard-suppliers-aggregates"];
+    financeAggregates: (from: string) => readonly ["dashboard-finance-aggregates", string];
+};
+export declare function buildDashboardSixMonthWindow(): {
+    from: string;
+};
+export declare function getDashboardBookingsAggregatesQueryOptions(client: DashboardQueryClient): import("@tanstack/react-query").OmitKeyof<import("@tanstack/react-query").UseQueryOptions<{
+    data: BookingsAggregates;
+}, Error, {
+    data: BookingsAggregates;
+}, readonly ["dashboard-bookings-aggregates", string]>, "queryFn"> & {
+    queryFn?: import("@tanstack/react-query").QueryFunction<{
+        data: BookingsAggregates;
+    }, readonly ["dashboard-bookings-aggregates", string], never> | undefined;
+} & {
+    queryKey: readonly ["dashboard-bookings-aggregates", string] & {
+        [dataTagSymbol]: {
+            data: BookingsAggregates;
+        };
+        [dataTagErrorSymbol]: Error;
+    };
+};
+export declare function getDashboardProductsAggregatesQueryOptions(client: DashboardQueryClient): import("@tanstack/react-query").OmitKeyof<import("@tanstack/react-query").UseQueryOptions<{
+    data: ProductsAggregates;
+}, Error, {
+    data: ProductsAggregates;
+}, readonly ["dashboard-products-aggregates"]>, "queryFn"> & {
+    queryFn?: import("@tanstack/react-query").QueryFunction<{
+        data: ProductsAggregates;
+    }, readonly ["dashboard-products-aggregates"], never> | undefined;
+} & {
+    queryKey: readonly ["dashboard-products-aggregates"] & {
+        [dataTagSymbol]: {
+            data: ProductsAggregates;
+        };
+        [dataTagErrorSymbol]: Error;
+    };
+};
+export declare function getDashboardSuppliersAggregatesQueryOptions(client: DashboardQueryClient): import("@tanstack/react-query").OmitKeyof<import("@tanstack/react-query").UseQueryOptions<{
+    data: SuppliersAggregates;
+}, Error, {
+    data: SuppliersAggregates;
+}, readonly ["dashboard-suppliers-aggregates"]>, "queryFn"> & {
+    queryFn?: import("@tanstack/react-query").QueryFunction<{
+        data: SuppliersAggregates;
+    }, readonly ["dashboard-suppliers-aggregates"], never> | undefined;
+} & {
+    queryKey: readonly ["dashboard-suppliers-aggregates"] & {
+        [dataTagSymbol]: {
+            data: SuppliersAggregates;
+        };
+        [dataTagErrorSymbol]: Error;
+    };
+};
+export declare function getDashboardFinanceAggregatesQueryOptions(client: DashboardQueryClient): import("@tanstack/react-query").OmitKeyof<import("@tanstack/react-query").UseQueryOptions<{
+    data: FinanceAggregates;
+}, Error, {
+    data: FinanceAggregates;
+}, readonly ["dashboard-finance-aggregates", string]>, "queryFn"> & {
+    queryFn?: import("@tanstack/react-query").QueryFunction<{
+        data: FinanceAggregates;
+    }, readonly ["dashboard-finance-aggregates", string], never> | undefined;
+} & {
+    queryKey: readonly ["dashboard-finance-aggregates", string] & {
+        [dataTagSymbol]: {
+            data: FinanceAggregates;
+        };
+        [dataTagErrorSymbol]: Error;
+    };
+};
+export declare function formatCurrency(cents: number, currency?: string): string;
+export declare function getStatusColor(status: string): string;
+export declare const revenueChartConfig: {
+    revenue: {
+        label: string;
+        color: string;
+    };
+    bookings: {
+        label: string;
+        color: string;
+    };
+};
+export declare const bookingStatusConfig: {
+    confirmed: {
+        label: string;
+        color: string;
+    };
+    completed: {
+        label: string;
+        color: string;
+    };
+    in_progress: {
+        label: string;
+        color: string;
+    };
+    draft: {
+        label: string;
+        color: string;
+    };
+    cancelled: {
+        label: string;
+        color: string;
+    };
+};
+export declare const monthlyBookingsConfig: {
+    count: {
+        label: string;
+        color: string;
+    };
+};
+export declare function buildMonthSeries(): {
+    yearMonth: string;
+    month: string;
+}[];
+export declare function pickPrimaryCurrency(rows: Array<{
+    currency: string;
+    sellAmountCents: number;
+}>): string;
+//# sourceMappingURL=dashboard-query-options.d.ts.map

package/dist/dashboard/dashboard-query-options.d.ts.map

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

package/dist/dashboard/dashboard-query-options.js

@@ -0,0 +1,153 @@
+import { queryOptions } from "@tanstack/react-query";
+export class DashboardApiError extends Error {
+    status;
+    body;
+    constructor(message, status, body) {
+        super(message);
+        this.status = status;
+        this.body = body;
+        this.name = "DashboardApiError";
+    }
+}
+export const dashboardQueryKeys = {
+    bookingsAggregates: (from) => ["dashboard-bookings-aggregates", from],
+    productsAggregates: () => ["dashboard-products-aggregates"],
+    suppliersAggregates: () => ["dashboard-suppliers-aggregates"],
+    financeAggregates: (from) => ["dashboard-finance-aggregates", from],
+};
+export function buildDashboardSixMonthWindow() {
+    const now = new Date();
+    const fromDate = new Date(Date.UTC(now.getUTCFullYear(), now.getUTCMonth() - 5, 1, 0, 0, 0, 0));
+    return { from: fromDate.toISOString() };
+}
+function joinUrl(baseUrl, path) {
+    const trimmedBase = baseUrl.endsWith("/") ? baseUrl.slice(0, -1) : baseUrl;
+    const trimmedPath = path.startsWith("/") ? path : `/${path}`;
+    return `${trimmedBase}${trimmedPath}`;
+}
+function extractErrorMessage(status, statusText, body) {
+    if (typeof body === "object" && body !== null && "error" in body) {
+        const errorField = body.error;
+        if (typeof errorField === "string")
+            return errorField;
+        if (typeof errorField === "object" && errorField !== null && "message" in errorField) {
+            return String(errorField.message);
+        }
+    }
+    return `Dashboard API error: ${status} ${statusText}`;
+}
+async function readBody(response) {
+    const text = await response.text();
+    if (!text)
+        return undefined;
+    try {
+        return JSON.parse(text);
+    }
+    catch {
+        return text;
+    }
+}
+async function fetchDashboardJson(client, path) {
+    const response = await client.fetcher(joinUrl(client.baseUrl, path), {
+        headers: { Accept: "application/json" },
+        method: "GET",
+    });
+    const body = await readBody(response);
+    if (!response.ok) {
+        throw new DashboardApiError(extractErrorMessage(response.status, response.statusText, body), response.status, body);
+    }
+    return body;
+}
+export function getDashboardBookingsAggregatesQueryOptions(client) {
+    const { from } = buildDashboardSixMonthWindow();
+    return queryOptions({
+        queryKey: dashboardQueryKeys.bookingsAggregates(from),
+        queryFn: () => fetchDashboardJson(client, `/v1/admin/bookings/aggregates?from=${encodeURIComponent(from)}&upcomingLimit=8`),
+        staleTime: 60_000,
+    });
+}
+export function getDashboardProductsAggregatesQueryOptions(client) {
+    return queryOptions({
+        queryKey: dashboardQueryKeys.productsAggregates(),
+        queryFn: () => fetchDashboardJson(client, "/v1/admin/products/aggregates"),
+        staleTime: 60_000,
+    });
+}
+export function getDashboardSuppliersAggregatesQueryOptions(client) {
+    return queryOptions({
+        queryKey: dashboardQueryKeys.suppliersAggregates(),
+        queryFn: () => fetchDashboardJson(client, "/v1/admin/suppliers/aggregates"),
+        staleTime: 60_000,
+    });
+}
+export function getDashboardFinanceAggregatesQueryOptions(client) {
+    const { from } = buildDashboardSixMonthWindow();
+    return queryOptions({
+        queryKey: dashboardQueryKeys.financeAggregates(from),
+        queryFn: () => fetchDashboardJson(client, `/v1/admin/finance/aggregates?from=${encodeURIComponent(from)}&outstandingTopLimit=5`),
+        staleTime: 60_000,
+    });
+}
+export function formatCurrency(cents, currency = "USD") {
+    return new Intl.NumberFormat("en-US", {
+        style: "currency",
+        currency,
+        maximumFractionDigits: 0,
+    }).format(cents / 100);
+}
+export function getStatusColor(status) {
+    // Status colors are intentionally hard-coded — they carry meaning
+    // (green = confirmed, red = cancelled, etc.) and shouldn't change
+    // with theme palette tokens like --chart-1..5, which are general
+    // chart palette slots and may be set to a monochromatic series.
+    const map = {
+        confirmed: "hsl(142 71% 45%)",
+        completed: "hsl(221 83% 53%)",
+        in_progress: "hsl(47 96% 53%)",
+        draft: "hsl(215 14% 55%)",
+        cancelled: "hsl(0 84% 60%)",
+    };
+    return map[status] ?? "hsl(215 14% 55%)";
+}
+export const revenueChartConfig = {
+    revenue: { label: "Revenue", color: "hsl(221 83% 53%)" },
+    bookings: { label: "Bookings", color: "hsl(142 71% 45%)" },
+};
+export const bookingStatusConfig = {
+    confirmed: { label: "Confirmed", color: "hsl(142 71% 45%)" },
+    completed: { label: "Completed", color: "hsl(221 83% 53%)" },
+    in_progress: { label: "In Progress", color: "hsl(47 96% 53%)" },
+    draft: { label: "Draft", color: "hsl(215 14% 55%)" },
+    cancelled: { label: "Cancelled", color: "hsl(0 84% 60%)" },
+};
+export const monthlyBookingsConfig = {
+    count: { label: "Bookings", color: "hsl(221 83% 53%)" },
+};
+export function buildMonthSeries() {
+    const now = new Date();
+    return Array.from({ length: 6 }, (_, idx) => {
+        const offset = 5 - idx;
+        const date = new Date(Date.UTC(now.getUTCFullYear(), now.getUTCMonth() - offset, 1));
+        return {
+            yearMonth: `${date.getUTCFullYear()}-${String(date.getUTCMonth() + 1).padStart(2, "0")}`,
+            month: date.toLocaleString("en-US", { month: "short", timeZone: "UTC" }),
+        };
+    });
+}
+export function pickPrimaryCurrency(rows) {
+    if (rows.length === 0)
+        return "USD";
+    const totals = new Map();
+    for (const row of rows) {
+        totals.set(row.currency, (totals.get(row.currency) ?? 0) + row.sellAmountCents);
+    }
+    let bestCurrency = "USD";
+    let bestTotal = -1;
+    for (const [currency, total] of totals) {
+        if (total > bestTotal) {
+            bestCurrency = currency;
+            bestTotal = total;
+        }
+    }
+    return bestCurrency;
+}

package/dist/dashboard/dashboard-skeleton.d.ts

@@ -0,0 +1,13 @@
+export declare function DashboardKpiSkeleton(): import("react/jsx-runtime").JSX.Element;
+export declare function DashboardKpiRowSkeleton(): import("react/jsx-runtime").JSX.Element;
+export declare function DashboardAreaChartSkeleton(): import("react/jsx-runtime").JSX.Element;
+export declare function DashboardPieChartSkeleton(): import("react/jsx-runtime").JSX.Element;
+export declare function DashboardBarChartSkeleton(): import("react/jsx-runtime").JSX.Element;
+export declare function DashboardUpcomingListSkeleton({ rows }?: {
+    rows?: number;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function DashboardOutstandingInvoicesSkeleton({ rows }?: {
+    rows?: number;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function DashboardSkeleton(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=dashboard-skeleton.d.ts.map

package/dist/dashboard/dashboard-skeleton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dashboard-skeleton.d.ts","sourceRoot":"","sources":["../../src/dashboard/dashboard-skeleton.tsx"],"names":[],"mappings":"AAGA,wBAAgB,oBAAoB,4CAcnC;AAED,wBAAgB,uBAAuB,4CAStC;AAED,wBAAgB,0BAA0B,4CAYzC;AAED,wBAAgB,yBAAyB,4CAexC;AAED,wBAAgB,yBAAyB,4CAkBxC;AAED,wBAAgB,6BAA6B,CAAC,EAAE,IAAQ,EAAE,GAAE;IAAE,IAAI,CAAC,EAAE,MAAM,CAAA;CAAO,2CAqBjF;AAED,wBAAgB,oCAAoC,CAAC,EAAE,IAAQ,EAAE,GAAE;IAAE,IAAI,CAAC,EAAE,MAAM,CAAA;CAAO,2CA4BxF;AAED,wBAAgB,iBAAiB,4CAoEhC"}

package/dist/dashboard/dashboard-skeleton.js

@@ -0,0 +1,28 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Card, CardContent, CardHeader } from "@voyant-travel/ui/components/card";
+import { Skeleton } from "@voyant-travel/ui/components/skeleton";
+export function DashboardKpiSkeleton() {
+    return (_jsxs(Card, { children: [_jsxs(CardHeader, { className: "flex flex-row items-center justify-between space-y-0 pb-2", children: [_jsx(Skeleton, { className: "h-3.5 w-24" }), _jsx(Skeleton, { className: "h-4 w-4 rounded" })] }), _jsxs(CardContent, { className: "space-y-2", children: [_jsx(Skeleton, { className: "h-7 w-28" }), _jsx(Skeleton, { className: "h-3 w-40" }), _jsx(Skeleton, { className: "mt-3 h-5 w-28 rounded-full" })] })] }));
+}
+export function DashboardKpiRowSkeleton() {
+    return (_jsx("div", { className: "grid gap-4 sm:grid-cols-2 lg:grid-cols-4", children: Array.from({ length: 4 }).map((_, i) => (_jsx(DashboardKpiSkeleton, {}, i))) }));
+}
+export function DashboardAreaChartSkeleton() {
+    return (_jsxs("div", { className: "flex h-[300px] w-full flex-col justify-end gap-2", children: [_jsx(Skeleton, { className: "h-full w-full rounded-md" }), _jsx("div", { className: "flex justify-between px-2", children: Array.from({ length: 6 }).map((_, i) => (_jsx(Skeleton, { className: "h-3 w-10" }, i))) })] }));
+}
+export function DashboardPieChartSkeleton() {
+    return (_jsxs("div", { className: "flex h-[300px] flex-col items-center justify-center gap-4", children: [_jsx(Skeleton, { className: "h-[200px] w-[200px] rounded-full" }), _jsx("div", { className: "flex flex-wrap justify-center gap-3", children: Array.from({ length: 4 }).map((_, i) => (_jsxs("div", { className: "flex items-center gap-1.5", children: [_jsx(Skeleton, { className: "h-2.5 w-2.5 rounded-full" }), _jsx(Skeleton, { className: "h-3 w-14" })] }, i))) })] }));
+}
+export function DashboardBarChartSkeleton() {
+    const heights = ["h-24", "h-32", "h-20", "h-40", "h-28", "h-36"];
+    return (_jsxs("div", { className: "flex h-[250px] w-full flex-col justify-end gap-2", children: [_jsx("div", { className: "flex h-full items-end justify-between gap-2 px-1", children: heights.map((h, i) => (_jsx(Skeleton, { className: `${h} w-full rounded-sm` }, i))) }), _jsx("div", { className: "flex justify-between px-1", children: heights.map((_, i) => (_jsx(Skeleton, { className: "h-3 w-10" }, i))) })] }));
+}
+export function DashboardUpcomingListSkeleton({ rows = 4 } = {}) {
+    return (_jsx("div", { className: "space-y-3", children: Array.from({ length: rows }).map((_, i) => (_jsxs("div", { className: "flex items-center justify-between rounded-lg border p-3", children: [_jsxs("div", { className: "space-y-1.5", children: [_jsx(Skeleton, { className: "h-3.5 w-28" }), _jsx(Skeleton, { className: "h-3 w-40" })] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Skeleton, { className: "h-3.5 w-16" }), _jsx(Skeleton, { className: "h-5 w-20 rounded-full" })] })] }, i))) }));
+}
+export function DashboardOutstandingInvoicesSkeleton({ rows = 3 } = {}) {
+    return (_jsxs("div", { className: "space-y-3", children: [_jsxs("div", { className: "flex items-center justify-between rounded-lg border border-dashed p-4", children: [_jsxs("div", { className: "space-y-1.5", children: [_jsx(Skeleton, { className: "h-3.5 w-28" }), _jsx(Skeleton, { className: "h-3 w-32" })] }), _jsx(Skeleton, { className: "h-5 w-24" })] }), Array.from({ length: rows }).map((_, i) => (_jsxs("div", { className: "flex items-center justify-between rounded-lg border p-3", children: [_jsxs("div", { className: "space-y-1.5", children: [_jsx(Skeleton, { className: "h-3.5 w-24" }), _jsx(Skeleton, { className: "h-3 w-32" })] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Skeleton, { className: "h-3.5 w-16" }), _jsx(Skeleton, { className: "h-5 w-14 rounded-full" })] })] }, i)))] }));
+}
+export function DashboardSkeleton() {
+    return (_jsxs("div", { className: "flex flex-col gap-6 p-6", children: [_jsxs("div", { className: "space-y-2", children: [_jsx(Skeleton, { className: "h-7 w-32" }), _jsx(Skeleton, { className: "h-4 w-48" })] }), _jsx(DashboardKpiRowSkeleton, {}), _jsxs("div", { className: "grid gap-4 lg:grid-cols-7", children: [_jsxs(Card, { className: "lg:col-span-4", children: [_jsxs(CardHeader, { className: "space-y-2", children: [_jsx(Skeleton, { className: "h-5 w-40" }), _jsx(Skeleton, { className: "h-3 w-56" })] }), _jsx(CardContent, { children: _jsx(DashboardAreaChartSkeleton, {}) })] }), _jsxs(Card, { className: "lg:col-span-3", children: [_jsxs(CardHeader, { className: "space-y-2", children: [_jsx(Skeleton, { className: "h-5 w-32" }), _jsx(Skeleton, { className: "h-3 w-48" })] }), _jsx(CardContent, { children: _jsx(DashboardPieChartSkeleton, {}) })] })] }), _jsxs("div", { className: "grid gap-4 lg:grid-cols-7", children: [_jsxs(Card, { className: "lg:col-span-3", children: [_jsxs(CardHeader, { className: "space-y-2", children: [_jsx(Skeleton, { className: "h-5 w-36" }), _jsx(Skeleton, { className: "h-3 w-40" })] }), _jsx(CardContent, { children: _jsx(DashboardBarChartSkeleton, {}) })] }), _jsxs(Card, { className: "lg:col-span-4", children: [_jsxs(CardHeader, { className: "flex flex-row items-center justify-between", children: [_jsxs("div", { className: "space-y-2", children: [_jsx(Skeleton, { className: "h-5 w-40" }), _jsx(Skeleton, { className: "h-3 w-24" })] }), _jsx(Skeleton, { className: "h-4 w-16" })] }), _jsx(CardContent, { children: _jsx(DashboardUpcomingListSkeleton, {}) })] })] }), _jsx("div", { className: "grid gap-4 lg:grid-cols-2", children: _jsxs(Card, { children: [_jsxs(CardHeader, { className: "space-y-2", children: [_jsx(Skeleton, { className: "h-5 w-44" }), _jsx(Skeleton, { className: "h-3 w-56" })] }), _jsx(CardContent, { children: _jsx(DashboardOutstandingInvoicesSkeleton, {}) })] }) })] }));
+}