@voyantjs/bookings-ui 0.62.3 → 0.63.1

package/dist/components/booking-workspace-page.d.ts

@@ -1,61 +0,0 @@
-import { type BookingRecord } from "@voyantjs/bookings-react";
-import { type Dispatch, type ReactNode, type SetStateAction } from "react";
-import { type BookingDetailPageSlots } from "./booking-detail-page.js";
-export type BookingWorkspaceSection = "booking" | "finance" | "legal" | "travelers" | "activity";
-export interface BookingWorkspaceBulkActionContext {
-    bookingId: string;
-    selectedTravelerIds: string[];
-    selectedFinanceItemIds: string[];
-    setSelectedTravelerIds: Dispatch<SetStateAction<string[]>>;
-    setSelectedFinanceItemIds: Dispatch<SetStateAction<string[]>>;
-    clearBulkSelection: () => void;
-}
-export interface BookingWorkspaceSlotContext {
-    booking: BookingRecord;
-    bookingId: string;
-    activeSection: BookingWorkspaceSection;
-    setActiveSection: (section: BookingWorkspaceSection) => void;
-    bulkActions: BookingWorkspaceBulkActionContext;
-}
-export interface BookingWorkspaceNavigationItem {
-    value: BookingWorkspaceSection;
-    label: string;
-    badge?: ReactNode;
-    disabled?: boolean;
-}
-export interface BookingWorkspacePageSlots {
-    actionBar?: (context: BookingWorkspaceSlotContext) => ReactNode;
-    bulkActionBar?: (context: BookingWorkspaceSlotContext) => ReactNode;
-    afterNavigation?: (context: BookingWorkspaceSlotContext) => ReactNode;
-    workspaceSidebar?: (context: BookingWorkspaceSlotContext) => ReactNode;
-    financeSidebar?: (context: BookingWorkspaceSlotContext) => ReactNode;
-    legalSidebar?: (context: BookingWorkspaceSlotContext) => ReactNode;
-    travelersSidebar?: (context: BookingWorkspaceSlotContext) => ReactNode;
-    activitySidebar?: (context: BookingWorkspaceSlotContext) => ReactNode;
-    bookingTab?: (context: BookingWorkspaceSlotContext) => ReactNode;
-    financeTab?: (context: BookingWorkspaceSlotContext) => ReactNode;
-    legalTab?: (context: BookingWorkspaceSlotContext) => ReactNode;
-    travelersTabExtensions?: (context: BookingWorkspaceSlotContext) => ReactNode;
-    activityTab?: (context: BookingWorkspaceSlotContext) => ReactNode;
-}
-export interface BookingWorkspacePageProps {
-    id: string;
-    className?: string;
-    locale?: string;
-    defaultSection?: BookingWorkspaceSection;
-    navigationItems?: BookingWorkspaceNavigationItem[];
-    onBack?: () => void;
-    onPersonOpen?: (personId: string) => void;
-    onOrganizationOpen?: (organizationId: string) => void;
-    onCollectPayment?: (booking: BookingRecord) => void;
-    bookingDetailSlots?: BookingDetailPageSlots;
-    slots?: BookingWorkspacePageSlots;
-}
-export interface BookingWorkspaceShellProps extends BookingWorkspacePageProps {
-    booking?: BookingRecord | null;
-    isLoading?: boolean;
-}
-export declare function useBookingWorkspaceBulkActions(): BookingWorkspaceBulkActionContext;
-export declare function BookingWorkspacePage(props: BookingWorkspacePageProps): import("react/jsx-runtime").JSX.Element;
-export declare function BookingWorkspaceShell({ id, className, locale, defaultSection, navigationItems, onBack, onPersonOpen, onOrganizationOpen, onCollectPayment, bookingDetailSlots, slots, booking, isLoading, }: BookingWorkspaceShellProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=booking-workspace-page.d.ts.map

package/dist/components/booking-workspace-page.d.ts.map

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

package/dist/components/booking-workspace-page.js

@@ -1,113 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useBooking } from "@voyantjs/bookings-react";
-import { Button, Card, CardContent, cn } from "@voyantjs/ui/components";
-import { Tabs, TabsContent, TabsList, TabsTrigger } from "@voyantjs/ui/components/tabs";
-import { ArrowLeft, BriefcaseBusiness, FileText, Landmark, ListChecks, Users } from "lucide-react";
-import { createContext, useContext, useEffect, useMemo, useRef, useState, } from "react";
-import { useBookingsUiMessagesOrDefault } from "../i18n/index.js";
-import { BookingDetailPage } from "./booking-detail-page.js";
-const BookingWorkspaceBulkActionsContext = createContext(null);
-export function useBookingWorkspaceBulkActions() {
-    const context = useContext(BookingWorkspaceBulkActionsContext);
-    if (!context) {
-        throw new Error("useBookingWorkspaceBulkActions must be used inside BookingWorkspacePage");
-    }
-    return context;
-}
-export function BookingWorkspacePage(props) {
-    const bookingQuery = useBooking(props.id);
-    return (_jsx(BookingWorkspaceShell, { ...props, booking: bookingQuery.data?.data ?? null, isLoading: bookingQuery.isPending }));
-}
-export function BookingWorkspaceShell({ id, className, locale, defaultSection = "booking", navigationItems, onBack, onPersonOpen, onOrganizationOpen, onCollectPayment, bookingDetailSlots, slots, booking, isLoading = false, }) {
-    const messages = useBookingsUiMessagesOrDefault();
-    const workspaceMessages = messages.bookingWorkspacePage;
-    const [activeSection, setActiveSection] = useState(defaultSection);
-    const [selectedTravelerIds, setSelectedTravelerIds] = useState([]);
-    const [selectedFinanceItemIds, setSelectedFinanceItemIds] = useState([]);
-    const bookingId = booking?.id ?? id;
-    const previousBookingId = useRef(bookingId);
-    useEffect(() => {
-        if (previousBookingId.current === bookingId)
-            return;
-        previousBookingId.current = bookingId;
-        setSelectedTravelerIds([]);
-        setSelectedFinanceItemIds([]);
-    }, [bookingId]);
-    const bulkActions = useMemo(() => ({
-        bookingId,
-        selectedTravelerIds,
-        selectedFinanceItemIds,
-        setSelectedTravelerIds,
-        setSelectedFinanceItemIds,
-        clearBulkSelection: () => {
-            setSelectedTravelerIds([]);
-            setSelectedFinanceItemIds([]);
-        },
-    }), [bookingId, selectedFinanceItemIds, selectedTravelerIds]);
-    if (isLoading) {
-        return (_jsxs("div", { "data-slot": "booking-workspace-page", className: cn("flex flex-col gap-6 p-6", className), children: [_jsx(WorkspaceHeader, { title: workspaceMessages.loadingTitle, onBack: onBack }), _jsx(Card, { className: "border-dashed", children: _jsx(CardContent, { className: "flex min-h-48 items-center justify-center py-10", children: _jsx("p", { className: "text-sm text-muted-foreground", children: messages.common.loading }) }) })] }));
-    }
-    if (!booking) {
-        return (_jsxs("div", { "data-slot": "booking-workspace-page", className: cn("flex flex-col gap-6 p-6", className), children: [_jsx(WorkspaceHeader, { title: workspaceMessages.notFoundTitle, onBack: onBack }), _jsx(Card, { className: "border-dashed", children: _jsxs(CardContent, { className: "flex min-h-48 flex-col items-center justify-center gap-4 py-10", children: [_jsx("p", { className: "text-sm text-muted-foreground", children: workspaceMessages.notFoundDescription }), onBack ? (_jsx(Button, { type: "button", variant: "outline", onClick: onBack, children: messages.bookingDetailPage.backToBookings })) : null] }) })] }));
-    }
-    const context = {
-        booking,
-        bookingId,
-        activeSection,
-        setActiveSection,
-        bulkActions,
-    };
-    const items = navigationItems ?? getDefaultNavigationItems(workspaceMessages.tabs);
-    const sidebar = renderSidebar(activeSection, slots, context);
-    const hasSidebar = Boolean(sidebar);
-    return (_jsx(BookingWorkspaceBulkActionsContext.Provider, { value: bulkActions, children: _jsxs("div", { "data-slot": "booking-workspace-page", className: cn("flex flex-col gap-5 p-6", className), children: [_jsx(WorkspaceHeader, { title: booking.bookingNumber, description: workspaceMessages.description, onBack: onBack, actions: slots?.actionBar?.(context) }), slots?.bulkActionBar?.(context), _jsxs(Tabs, { value: activeSection, onValueChange: (value) => setActiveSection(value), className: "flex min-w-0 flex-col gap-5", children: [_jsx("div", { className: "overflow-x-auto", children: _jsx(TabsList, { className: "h-auto min-w-max justify-start", children: items.map((item) => (_jsxs(TabsTrigger, { value: item.value, disabled: item.disabled, className: "gap-2", children: [_jsx(WorkspaceTabIcon, { section: item.value }), _jsx("span", { children: item.label }), item.badge] }, item.value))) }) }), slots?.afterNavigation?.(context), _jsxs("div", { className: cn("grid min-w-0 gap-6", hasSidebar ? "xl:grid-cols-[minmax(0,1fr)_320px]" : "xl:grid-cols-1"), children: [_jsxs("div", { className: "min-w-0", children: [_jsx(TabsContent, { value: "booking", className: "mt-0", children: slots?.bookingTab ? (slots.bookingTab(context)) : (_jsx(BookingDetailPage, { id: bookingId, className: "p-0", locale: locale, onBack: onBack, onPersonOpen: onPersonOpen, onOrganizationOpen: onOrganizationOpen, onCollectPayment: onCollectPayment, slots: bookingDetailSlots })) }), _jsx(TabsContent, { value: "finance", className: "mt-0", children: renderTabSlot(slots?.financeTab, context, workspaceMessages.empty.finance) }), _jsx(TabsContent, { value: "legal", className: "mt-0", children: renderTabSlot(slots?.legalTab, context, workspaceMessages.empty.legal) }), _jsx(TabsContent, { value: "travelers", className: "mt-0", children: renderTabSlot(slots?.travelersTabExtensions, context, workspaceMessages.empty.travelers) }), _jsx(TabsContent, { value: "activity", className: "mt-0", children: renderTabSlot(slots?.activityTab, context, workspaceMessages.empty.activity) })] }), hasSidebar ? (_jsx("aside", { "data-slot": "booking-workspace-sidebar", className: "flex min-w-0 flex-col gap-4", children: sidebar })) : null] })] })] }) }));
-}
-function WorkspaceHeader({ title, description, onBack, actions, }) {
-    return (_jsxs("div", { "data-slot": "booking-workspace-header", className: "flex flex-col gap-4 border-b pb-4 sm:flex-row sm:items-start sm:justify-between", children: [_jsxs("div", { className: "min-w-0 space-y-1", children: [_jsxs("div", { className: "flex min-w-0 items-center gap-2", children: [onBack ? (_jsxs(Button, { type: "button", variant: "ghost", size: "icon-sm", onClick: onBack, children: [_jsx(ArrowLeft, { className: "size-4", "aria-hidden": "true" }), _jsx("span", { className: "sr-only", children: "Back" })] })) : null, _jsx("h1", { className: "truncate text-2xl font-semibold tracking-tight", children: title })] }), description ? _jsx("p", { className: "text-sm text-muted-foreground", children: description }) : null] }), actions ? _jsx("div", { className: "flex flex-wrap items-center gap-2", children: actions }) : null] }));
-}
-function WorkspaceTabIcon({ section }) {
-    const iconClassName = "size-4";
-    switch (section) {
-        case "booking":
-            return _jsx(BriefcaseBusiness, { className: iconClassName, "aria-hidden": "true" });
-        case "finance":
-            return _jsx(Landmark, { className: iconClassName, "aria-hidden": "true" });
-        case "legal":
-            return _jsx(FileText, { className: iconClassName, "aria-hidden": "true" });
-        case "travelers":
-            return _jsx(Users, { className: iconClassName, "aria-hidden": "true" });
-        case "activity":
-            return _jsx(ListChecks, { className: iconClassName, "aria-hidden": "true" });
-    }
-}
-function renderTabSlot(slot, context, emptyMessage) {
-    const content = slot?.(context);
-    if (content)
-        return content;
-    return (_jsx(Card, { className: "border-dashed", children: _jsx(CardContent, { className: "flex min-h-48 items-center justify-center py-10", children: _jsx("p", { className: "max-w-md text-center text-sm text-muted-foreground", children: emptyMessage }) }) }));
-}
-function renderSidebar(activeSection, slots, context) {
-    const sectionSidebar = activeSection === "finance"
-        ? slots?.financeSidebar?.(context)
-        : activeSection === "legal"
-            ? slots?.legalSidebar?.(context)
-            : activeSection === "travelers"
-                ? slots?.travelersSidebar?.(context)
-                : activeSection === "activity"
-                    ? slots?.activitySidebar?.(context)
-                    : null;
-    const workspaceSidebar = slots?.workspaceSidebar?.(context);
-    if (!workspaceSidebar && !sectionSidebar)
-        return null;
-    return (_jsxs(_Fragment, { children: [sectionSidebar, workspaceSidebar] }));
-}
-function getDefaultNavigationItems(tabs) {
-    return [
-        { value: "booking", label: tabs.booking },
-        { value: "finance", label: tabs.finance },
-        { value: "legal", label: tabs.legal },
-        { value: "travelers", label: tabs.travelers },
-        { value: "activity", label: tabs.activity },
-    ];
-}