@voyantjs/availability-ui 0.30.6 → 0.31.0

package/dist/components/availability-slot-detail-page.js

@@ -0,0 +1,105 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useQuery } from "@tanstack/react-query";
+import { formatDateTime, getPickupPointsQueryOptions, getProductQueryOptions, getSlotAssignmentsQueryOptions, getSlotBookingsQueryOptions, getSlotCloseoutsQueryOptions, getSlotPickupsQueryOptions, getSlotQueryOptions, getSlotResourcesQueryOptions, slotStatusVariant, useAvailabilitySlotMutation, useVoyantAvailabilityContext, } from "@voyantjs/availability-react";
+import { Badge, Button, Card, CardContent, CardHeader, CardTitle, cn, } from "@voyantjs/ui/components";
+import { ArrowLeft, CalendarDays, Package, Trash2, Truck, Wrench } from "lucide-react";
+import { useAvailabilityUiI18nOrDefault } from "../i18n/index.js";
+import { getSlotStatusLabel } from "./availability-columns.js";
+import { AvailabilitySlotDetailSkeleton } from "./availability-skeletons.js";
+export function getAvailabilitySlotDetailQueryOptions(client, id) {
+    return getSlotQueryOptions(client, id);
+}
+export function getAvailabilitySlotProductQueryOptions(client, productId) {
+    return getProductQueryOptions(client, productId);
+}
+export function getAvailabilitySlotPickupsQueryOptions(client, id) {
+    return getSlotPickupsQueryOptions(client, id, { limit: 25, offset: 0 });
+}
+export function getAvailabilitySlotPickupPointsQueryOptions(client, productId) {
+    return getPickupPointsQueryOptions(client, {
+        productId: productId ?? undefined,
+        limit: 25,
+        offset: 0,
+    });
+}
+export function getAvailabilitySlotCloseoutsQueryOptions(client, id) {
+    return getSlotCloseoutsQueryOptions(client, id, { limit: 25, offset: 0 });
+}
+export function getAvailabilitySlotAssignmentsQueryOptions(client, id) {
+    return getSlotAssignmentsQueryOptions(client, id, { limit: 25, offset: 0 });
+}
+export function getAvailabilitySlotResourcesQueryOptions(client) {
+    return getSlotResourcesQueryOptions(client, { limit: 25, offset: 0 });
+}
+export function getAvailabilitySlotBookingsQueryOptions(client) {
+    return getSlotBookingsQueryOptions(client, { limit: 25, offset: 0 });
+}
+export async function loadAvailabilitySlotDetailPage(queryClient, client, id) {
+    const slotData = await queryClient.ensureQueryData(getAvailabilitySlotDetailQueryOptions(client, id));
+    return Promise.all([
+        Promise.resolve(slotData),
+        queryClient.ensureQueryData(getAvailabilitySlotPickupsQueryOptions(client, id)),
+        queryClient.ensureQueryData(getAvailabilitySlotCloseoutsQueryOptions(client, id)),
+        queryClient.ensureQueryData(getAvailabilitySlotAssignmentsQueryOptions(client, id)),
+        queryClient.ensureQueryData(getAvailabilitySlotResourcesQueryOptions(client)),
+        queryClient.ensureQueryData(getAvailabilitySlotBookingsQueryOptions(client)),
+        queryClient.ensureQueryData(getAvailabilitySlotProductQueryOptions(client, slotData.data.productId)),
+        queryClient.ensureQueryData(getAvailabilitySlotPickupPointsQueryOptions(client, slotData.data.productId)),
+    ]);
+}
+export function AvailabilitySlotDetailPage({ id, className, onBack, onDeleted, onOpenProduct, onOpenStartTime, confirmAction = (message) => globalThis.confirm?.(message) ?? true, }) {
+    const client = useVoyantAvailabilityContext();
+    const i18n = useAvailabilityUiI18nOrDefault();
+    const messages = i18n.messages;
+    const detailMessages = messages.details;
+    const noValue = detailMessages.noValue;
+    const slotMutation = useAvailabilitySlotMutation();
+    const { data: slotData, isPending } = useQuery(getAvailabilitySlotDetailQueryOptions(client, id));
+    const slot = slotData?.data;
+    const productQuery = useQuery({
+        ...getAvailabilitySlotProductQueryOptions(client, slot?.productId ?? ""),
+        enabled: Boolean(slot?.productId),
+    });
+    const slotPickupsQuery = useQuery(getAvailabilitySlotPickupsQueryOptions(client, id));
+    const pickupPointsQuery = useQuery({
+        ...getAvailabilitySlotPickupPointsQueryOptions(client, slot?.productId ?? ""),
+        enabled: Boolean(slot?.productId),
+    });
+    const closeoutsQuery = useQuery(getAvailabilitySlotCloseoutsQueryOptions(client, id));
+    const assignmentsQuery = useQuery(getAvailabilitySlotAssignmentsQueryOptions(client, id));
+    const resourcesQuery = useQuery(getAvailabilitySlotResourcesQueryOptions(client));
+    const bookingsQuery = useQuery(getAvailabilitySlotBookingsQueryOptions(client));
+    if (isPending) {
+        return _jsx(AvailabilitySlotDetailSkeleton, {});
+    }
+    if (!slot) {
+        return (_jsx(DetailEmptyState, { message: detailMessages.slot.notFound, backLabel: detailMessages.backToAvailability, onBack: onBack }));
+    }
+    const pickupPointById = new Map((pickupPointsQuery.data?.data ?? []).map((item) => [item.id, item]));
+    const resourceById = new Map((resourcesQuery.data?.data ?? []).map((item) => [item.id, item]));
+    const bookingById = new Map((bookingsQuery.data?.data ?? []).map((item) => [item.id, item]));
+    async function deleteSlot(currentSlot) {
+        if (!confirmAction(detailMessages.slot.deleteConfirm))
+            return;
+        await slotMutation.remove.mutateAsync(currentSlot.id);
+        if (onDeleted)
+            onDeleted();
+        else
+            onBack?.();
+    }
+    return (_jsxs("div", { className: cn("flex flex-col gap-6 p-6", className), children: [_jsxs("div", { className: "flex flex-col gap-4 md:flex-row md:items-start md:justify-between", children: [_jsxs("div", { className: "flex items-start gap-4", children: [onBack ? (_jsx(Button, { variant: "ghost", size: "icon", onClick: onBack, "aria-label": detailMessages.backToAvailability, children: _jsx(ArrowLeft, { "data-icon": true, "aria-hidden": "true" }) })) : null, _jsxs("div", { className: "flex-1", children: [_jsxs("h1", { className: "text-2xl font-bold tracking-tight", children: [slot.dateLocal, " \u00B7 ", formatDateTime(slot.startsAt)] }), _jsxs("div", { className: "mt-1 flex flex-wrap items-center gap-2", children: [_jsx(Badge, { variant: slotStatusVariant[slot.status], children: getSlotStatusLabel(slot.status, messages) }), _jsx(Badge, { variant: "outline", children: slot.timezone })] })] })] }), _jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [slot.productId && onOpenProduct ? (_jsxs(Button, { variant: "outline", onClick: () => onOpenProduct(slot.productId), children: [_jsx(Package, { "data-icon": "inline-start", "aria-hidden": "true" }), detailMessages.openProduct] })) : null, _jsxs(Button, { variant: "destructive", onClick: () => void deleteSlot(slot), disabled: slotMutation.remove.isPending, children: [_jsx(Trash2, { "data-icon": "inline-start", "aria-hidden": "true" }), detailMessages.delete] })] })] }), _jsxs("div", { className: "grid gap-6 md:grid-cols-2", children: [_jsxs(Card, { children: [_jsx(CardHeader, { children: _jsx(CardTitle, { children: detailMessages.slot.detailsTitle }) }), _jsxs(CardContent, { className: "flex flex-col gap-3 text-sm", children: [_jsx(DetailLine, { label: messages.productLabel, children: productQuery.data?.data.name ?? slot.productId }), _jsx(DetailLine, { label: detailMessages.slot.ruleLabel, children: slot.availabilityRuleId ?? noValue }), _jsx(DetailLine, { label: detailMessages.slot.startTimeIdLabel, children: slot.startTimeId && onOpenStartTime ? (_jsx(Button, { variant: "link", className: "h-auto p-0", onClick: () => onOpenStartTime(slot.startTimeId ?? ""), children: slot.startTimeId })) : ((slot.startTimeId ?? noValue)) }), _jsx(DetailLine, { label: detailMessages.slot.endsAtLabel, children: formatDateTime(slot.endsAt) }), _jsx(DetailLine, { label: detailMessages.slot.unlimitedLabel, children: slot.unlimited ? detailMessages.yes : detailMessages.no }), _jsx(DetailLine, { label: detailMessages.slot.pastCutoffLabel, children: slot.pastCutoff ? detailMessages.yes : detailMessages.no }), _jsx(DetailLine, { label: detailMessages.slot.tooEarlyLabel, children: slot.tooEarly ? detailMessages.yes : detailMessages.no })] })] }), _jsxs(Card, { children: [_jsx(CardHeader, { children: _jsx(CardTitle, { children: detailMessages.slot.capacityStateTitle }) }), _jsxs(CardContent, { className: "flex flex-col gap-3 text-sm", children: [_jsx(DetailLine, { label: detailMessages.slot.initialPaxLabel, children: slot.initialPax ?? noValue }), _jsx(DetailLine, { label: messages.remainingPaxLabel, children: slot.remainingPax ?? noValue }), _jsx(DetailLine, { label: detailMessages.slot.initialPickupsLabel, children: slot.initialPickups ?? noValue }), _jsx(DetailLine, { label: detailMessages.slot.remainingPickupsLabel, children: slot.remainingPickups ?? noValue }), _jsx(DetailLine, { label: detailMessages.slot.remainingResourcesLabel, children: slot.remainingResources ?? noValue }), _jsx(DetailLine, { label: detailMessages.createdLabel, children: i18n.formatDateTime(slot.createdAt) }), _jsx(DetailLine, { label: detailMessages.updatedLabel, children: i18n.formatDateTime(slot.updatedAt) })] })] })] }), slot.notes ? (_jsxs(Card, { children: [_jsx(CardHeader, { children: _jsx(CardTitle, { children: detailMessages.notesTitle }) }), _jsx(CardContent, { className: "text-sm whitespace-pre-wrap", children: slot.notes })] })) : null, _jsxs(Card, { children: [_jsxs(CardHeader, { className: "flex flex-row items-center gap-2", children: [_jsx(Truck, { className: "size-4", "aria-hidden": "true" }), _jsx(CardTitle, { children: detailMessages.slot.pickupCapacityTitle })] }), _jsx(CardContent, { className: "flex flex-col gap-3 text-sm", children: (slotPickupsQuery.data?.data.length ?? 0) === 0 ? (_jsx("p", { className: "text-muted-foreground", children: detailMessages.slot.pickupCapacityEmpty })) : (slotPickupsQuery.data?.data.map((pickup) => {
+                            const point = pickupPointById.get(pickup.pickupPointId);
+                            return (_jsxs("div", { className: "rounded-md border p-3", children: [_jsx("div", { className: "font-medium", children: point?.name ?? pickup.pickupPointId }), _jsx("div", { className: "text-muted-foreground", children: point?.locationText ?? detailMessages.slot.noLocationText }), _jsxs("div", { className: "mt-2", children: [detailMessages.slot.initialLabel, ": ", pickup.initialCapacity ?? noValue, " \u00B7", " ", detailMessages.slot.remainingLabel, ": ", pickup.remainingCapacity ?? noValue] })] }, pickup.id));
+                        })) })] }), _jsxs(Card, { children: [_jsxs(CardHeader, { className: "flex flex-row items-center gap-2", children: [_jsx(Wrench, { className: "size-4", "aria-hidden": "true" }), _jsx(CardTitle, { children: detailMessages.slot.resourceAssignmentsTitle })] }), _jsx(CardContent, { className: "flex flex-col gap-3 text-sm", children: (assignmentsQuery.data?.data.length ?? 0) === 0 ? (_jsx("p", { className: "text-muted-foreground", children: detailMessages.slot.resourceAssignmentsEmpty })) : (assignmentsQuery.data?.data.map((assignment) => (_jsxs("div", { className: "rounded-md border p-3", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Badge, { variant: "outline", className: "capitalize", children: assignment.status }), _jsx("span", { children: resourceById.get(assignment.resourceId ?? "")?.name ??
+                                                assignment.resourceId ??
+                                                detailMessages.slot.unassignedResource })] }), _jsxs("div", { className: "mt-2 text-muted-foreground", children: [detailMessages.slot.bookingLabel, ":", " ", bookingById.get(assignment.bookingId ?? "")?.bookingNumber ??
+                                            assignment.bookingId ??
+                                            noValue] }), _jsxs("div", { className: "text-muted-foreground", children: [detailMessages.slot.poolLabel, ": ", assignment.poolId ?? noValue, " \u00B7", " ", detailMessages.slot.releasedLabel, ": ", formatDateTime(assignment.releasedAt)] }), assignment.notes ? (_jsx("div", { className: "mt-2 whitespace-pre-wrap", children: assignment.notes })) : null] }, assignment.id)))) })] }), _jsxs(Card, { children: [_jsxs(CardHeader, { className: "flex flex-row items-center gap-2", children: [_jsx(CalendarDays, { className: "size-4", "aria-hidden": "true" }), _jsx(CardTitle, { children: detailMessages.slot.relatedCloseoutsTitle })] }), _jsx(CardContent, { className: "flex flex-col gap-3 text-sm", children: (closeoutsQuery.data?.data.length ?? 0) === 0 ? (_jsx("p", { className: "text-muted-foreground", children: detailMessages.slot.relatedCloseoutsEmpty })) : (closeoutsQuery.data?.data.map((closeout) => (_jsxs("div", { className: "rounded-md border p-3", children: [_jsx("div", { className: "font-medium", children: closeout.dateLocal }), _jsxs("div", { className: "text-muted-foreground", children: [detailMessages.slot.createdByLabel, ": ", closeout.createdBy ?? noValue] }), closeout.reason ? (_jsx("div", { className: "mt-2 whitespace-pre-wrap", children: closeout.reason })) : null] }, closeout.id)))) })] })] }));
+}
+function DetailLine({ label, children }) {
+    return (_jsxs("div", { children: [_jsxs("span", { className: "text-muted-foreground", children: [label, ":"] }), " ", _jsx("span", { children: children })] }));
+}
+function DetailEmptyState({ message, backLabel, onBack, }) {
+    return (_jsxs("div", { className: "flex flex-col items-center justify-center gap-4 py-12", children: [_jsx("p", { className: "text-muted-foreground", children: message }), onBack ? (_jsx(Button, { variant: "outline", onClick: onBack, children: backLabel })) : null] }));
+}

package/dist/components/availability-start-time-detail-page.d.ts

@@ -0,0 +1,235 @@
+import type { QueryClient } from "@tanstack/react-query";
+import { type VoyantAvailabilityContextValue } from "@voyantjs/availability-react";
+export interface AvailabilityStartTimeDetailPageProps {
+    id: string;
+    className?: string;
+    onBack?: () => void;
+    onDeleted?: () => void;
+    onOpenProduct?: (productId: string) => void;
+    onOpenSlot?: (slotId: string) => void;
+    confirmAction?: (message: string) => boolean;
+}
+export declare function getAvailabilityStartTimeDetailQueryOptions(client: VoyantAvailabilityContextValue, id: string | null | undefined): import("@tanstack/react-query").OmitKeyof<import("@tanstack/react-query").UseQueryOptions<{
+    data: {
+        id: string;
+        productId: string;
+        optionId: string | null;
+        facilityId: string | null;
+        label: string | null;
+        startTimeLocal: string;
+        durationMinutes: number | null;
+        sortOrder: number;
+        active: boolean;
+        productName?: string | null | undefined;
+        createdAt?: string | undefined;
+        updatedAt?: string | undefined;
+    };
+}, Error, {
+    data: {
+        id: string;
+        productId: string;
+        optionId: string | null;
+        facilityId: string | null;
+        label: string | null;
+        startTimeLocal: string;
+        durationMinutes: number | null;
+        sortOrder: number;
+        active: boolean;
+        productName?: string | null | undefined;
+        createdAt?: string | undefined;
+        updatedAt?: string | undefined;
+    };
+}, readonly ["voyant", "availability", "start-times", "detail", string]>, "queryFn"> & {
+    queryFn?: import("@tanstack/react-query").QueryFunction<{
+        data: {
+            id: string;
+            productId: string;
+            optionId: string | null;
+            facilityId: string | null;
+            label: string | null;
+            startTimeLocal: string;
+            durationMinutes: number | null;
+            sortOrder: number;
+            active: boolean;
+            productName?: string | null | undefined;
+            createdAt?: string | undefined;
+            updatedAt?: string | undefined;
+        };
+    }, readonly ["voyant", "availability", "start-times", "detail", string], never> | undefined;
+} & {
+    queryKey: readonly ["voyant", "availability", "start-times", "detail", string] & {
+        [dataTagSymbol]: {
+            data: {
+                id: string;
+                productId: string;
+                optionId: string | null;
+                facilityId: string | null;
+                label: string | null;
+                startTimeLocal: string;
+                durationMinutes: number | null;
+                sortOrder: number;
+                active: boolean;
+                productName?: string | null | undefined;
+                createdAt?: string | undefined;
+                updatedAt?: string | undefined;
+            };
+        };
+        [dataTagErrorSymbol]: Error;
+    };
+};
+export declare function getAvailabilityStartTimeSlotsQueryOptions(client: VoyantAvailabilityContextValue, id: string | null | undefined): import("@tanstack/react-query").OmitKeyof<import("@tanstack/react-query").UseQueryOptions<{
+    data: {
+        id: string;
+        productId: string;
+        itineraryId: string | null;
+        optionId: string | null;
+        facilityId: string | null;
+        availabilityRuleId: string | null;
+        startTimeId: string | null;
+        dateLocal: string;
+        startsAt: string;
+        endsAt: string | null;
+        timezone: string;
+        status: "cancelled" | "open" | "closed" | "sold_out";
+        unlimited: boolean;
+        initialPax: number | null;
+        remainingPax: number | null;
+        nights: number | null;
+        days: number | null;
+        notes: string | null;
+        productName?: string | null | undefined;
+    }[];
+    total: number;
+    limit: number;
+    offset: number;
+}, Error, {
+    data: {
+        id: string;
+        productId: string;
+        itineraryId: string | null;
+        optionId: string | null;
+        facilityId: string | null;
+        availabilityRuleId: string | null;
+        startTimeId: string | null;
+        dateLocal: string;
+        startsAt: string;
+        endsAt: string | null;
+        timezone: string;
+        status: "cancelled" | "open" | "closed" | "sold_out";
+        unlimited: boolean;
+        initialPax: number | null;
+        remainingPax: number | null;
+        nights: number | null;
+        days: number | null;
+        notes: string | null;
+        productName?: string | null | undefined;
+    }[];
+    total: number;
+    limit: number;
+    offset: number;
+}, readonly ["voyant", "availability", "slots", "list", import("@voyantjs/availability-react/query-keys").AvailabilitySlotsListFilters]>, "queryFn"> & {
+    queryFn?: import("@tanstack/react-query").QueryFunction<{
+        data: {
+            id: string;
+            productId: string;
+            itineraryId: string | null;
+            optionId: string | null;
+            facilityId: string | null;
+            availabilityRuleId: string | null;
+            startTimeId: string | null;
+            dateLocal: string;
+            startsAt: string;
+            endsAt: string | null;
+            timezone: string;
+            status: "cancelled" | "open" | "closed" | "sold_out";
+            unlimited: boolean;
+            initialPax: number | null;
+            remainingPax: number | null;
+            nights: number | null;
+            days: number | null;
+            notes: string | null;
+            productName?: string | null | undefined;
+        }[];
+        total: number;
+        limit: number;
+        offset: number;
+    }, readonly ["voyant", "availability", "slots", "list", import("@voyantjs/availability-react/query-keys").AvailabilitySlotsListFilters], never> | undefined;
+} & {
+    queryKey: readonly ["voyant", "availability", "slots", "list", import("@voyantjs/availability-react/query-keys").AvailabilitySlotsListFilters] & {
+        [dataTagSymbol]: {
+            data: {
+                id: string;
+                productId: string;
+                itineraryId: string | null;
+                optionId: string | null;
+                facilityId: string | null;
+                availabilityRuleId: string | null;
+                startTimeId: string | null;
+                dateLocal: string;
+                startsAt: string;
+                endsAt: string | null;
+                timezone: string;
+                status: "cancelled" | "open" | "closed" | "sold_out";
+                unlimited: boolean;
+                initialPax: number | null;
+                remainingPax: number | null;
+                nights: number | null;
+                days: number | null;
+                notes: string | null;
+                productName?: string | null | undefined;
+            }[];
+            total: number;
+            limit: number;
+            offset: number;
+        };
+        [dataTagErrorSymbol]: Error;
+    };
+};
+export declare function loadAvailabilityStartTimeDetailPage(queryClient: QueryClient, client: VoyantAvailabilityContextValue, id: string): Promise<[{
+    data: {
+        id: string;
+        productId: string;
+        optionId: string | null;
+        facilityId: string | null;
+        label: string | null;
+        startTimeLocal: string;
+        durationMinutes: number | null;
+        sortOrder: number;
+        active: boolean;
+        productName?: string | null | undefined;
+        createdAt?: string | undefined;
+        updatedAt?: string | undefined;
+    };
+}, {
+    data: {
+        id: string;
+        productId: string;
+        itineraryId: string | null;
+        optionId: string | null;
+        facilityId: string | null;
+        availabilityRuleId: string | null;
+        startTimeId: string | null;
+        dateLocal: string;
+        startsAt: string;
+        endsAt: string | null;
+        timezone: string;
+        status: "cancelled" | "open" | "closed" | "sold_out";
+        unlimited: boolean;
+        initialPax: number | null;
+        remainingPax: number | null;
+        nights: number | null;
+        days: number | null;
+        notes: string | null;
+        productName?: string | null | undefined;
+    }[];
+    total: number;
+    limit: number;
+    offset: number;
+}, {
+    data: {
+        id: string;
+        name: string;
+    };
+}]>;
+export declare function AvailabilityStartTimeDetailPage({ id, className, onBack, onDeleted, onOpenProduct, onOpenSlot, confirmAction, }: AvailabilityStartTimeDetailPageProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=availability-start-time-detail-page.d.ts.map

package/dist/components/availability-start-time-detail-page.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"availability-start-time-detail-page.d.ts","sourceRoot":"","sources":["../../src/components/availability-start-time-detail-page.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AAExD,OAAO,EAYL,KAAK,8BAA8B,EACpC,MAAM,8BAA8B,CAAA;AAyBrC,MAAM,WAAW,oCAAoC;IACnD,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,UAAU,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;IACrC,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,OAAO,CAAA;CAC7C;AAED,wBAAgB,0CAA0C,CACxD,MAAM,EAAE,8BAA8B,EACtC,EAAE,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAa9B;AAED,wBAAgB,yCAAyC,CACvD,MAAM,EAAE,8BAA8B,EACtC,EAAE,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAG9B;AAED,wBAAsB,mCAAmC,CACvD,WAAW,EAAE,WAAW,EACxB,MAAM,EAAE,8BAA8B,EACtC,EAAE,EAAE,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAWX;AAED,wBAAgB,+BAA+B,CAAC,EAC9C,EAAE,EACF,SAAS,EACT,MAAM,EACN,SAAS,EACT,aAAa,EACb,UAAU,EACV,aAAkE,GACnE,EAAE,oCAAoC,2CA+HtC"}

package/dist/components/availability-start-time-detail-page.js

@@ -0,0 +1,80 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { queryOptions, useQuery } from "@tanstack/react-query";
+import { availabilityQueryKeys, availabilityStartTimeRecordSchema, fetchWithValidation, formatDateTime, getProductQueryOptions, getSlotsQueryOptions, singleEnvelope, useAvailabilityStartTimeMutation, useVoyantAvailabilityContext, } from "@voyantjs/availability-react";
+import { Badge, Button, Card, CardContent, CardHeader, CardTitle, cn, } from "@voyantjs/ui/components";
+import { ArrowLeft, Clock3, Package, Trash2 } from "lucide-react";
+import { z } from "zod";
+import { useAvailabilityUiI18nOrDefault } from "../i18n/index.js";
+import { getSlotStatusLabel } from "./availability-columns.js";
+import { AvailabilityStartTimeDetailSkeleton } from "./availability-skeletons.js";
+const availabilityStartTimeDetailResponse = singleEnvelope(availabilityStartTimeRecordSchema.extend({
+    createdAt: z.string().optional(),
+    updatedAt: z.string().optional(),
+}));
+export function getAvailabilityStartTimeDetailQueryOptions(client, id) {
+    return queryOptions({
+        queryKey: availabilityQueryKeys.startTimeDetail(id ?? ""),
+        queryFn: async () => {
+            if (!id)
+                throw new Error("getAvailabilityStartTimeDetailQueryOptions requires an id");
+            return fetchWithValidation(`/v1/availability/start-times/${id}`, availabilityStartTimeDetailResponse, client);
+        },
+    });
+}
+export function getAvailabilityStartTimeSlotsQueryOptions(client, id) {
+    return getSlotsQueryOptions(client, { startTimeId: id ?? undefined, limit: 25, offset: 0 });
+}
+export async function loadAvailabilityStartTimeDetailPage(queryClient, client, id) {
+    const startTimeData = await queryClient.ensureQueryData(getAvailabilityStartTimeDetailQueryOptions(client, id));
+    return Promise.all([
+        Promise.resolve(startTimeData),
+        queryClient.ensureQueryData(getAvailabilityStartTimeSlotsQueryOptions(client, id)),
+        queryClient.ensureQueryData(getProductQueryOptions(client, startTimeData.data.productId)),
+    ]);
+}
+export function AvailabilityStartTimeDetailPage({ id, className, onBack, onDeleted, onOpenProduct, onOpenSlot, confirmAction = (message) => globalThis.confirm?.(message) ?? true, }) {
+    const client = useVoyantAvailabilityContext();
+    const i18n = useAvailabilityUiI18nOrDefault();
+    const messages = i18n.messages;
+    const detailMessages = messages.details;
+    const noValue = detailMessages.noValue;
+    const startTimeMutation = useAvailabilityStartTimeMutation();
+    const { data: startTimeData, isPending } = useQuery(getAvailabilityStartTimeDetailQueryOptions(client, id));
+    const startTime = startTimeData?.data;
+    const productQuery = useQuery({
+        ...getProductQueryOptions(client, startTime?.productId ?? ""),
+        enabled: Boolean(startTime?.productId),
+    });
+    const slotsQuery = useQuery(getAvailabilityStartTimeSlotsQueryOptions(client, id));
+    if (isPending) {
+        return _jsx(AvailabilityStartTimeDetailSkeleton, {});
+    }
+    if (!startTime) {
+        return (_jsx(DetailEmptyState, { message: detailMessages.startTime.notFound, backLabel: detailMessages.backToAvailability, onBack: onBack }));
+    }
+    async function deleteStartTime(currentStartTime) {
+        if (!confirmAction(detailMessages.startTime.deleteConfirm))
+            return;
+        await startTimeMutation.remove.mutateAsync(currentStartTime.id);
+        if (onDeleted)
+            onDeleted();
+        else
+            onBack?.();
+    }
+    return (_jsxs("div", { className: cn("flex flex-col gap-6 p-6", className), children: [_jsxs("div", { className: "flex flex-col gap-4 md:flex-row md:items-start md:justify-between", children: [_jsxs("div", { className: "flex items-start gap-4", children: [onBack ? (_jsx(Button, { variant: "ghost", size: "icon", onClick: onBack, "aria-label": detailMessages.backToAvailability, children: _jsx(ArrowLeft, { "data-icon": true, "aria-hidden": "true" }) })) : null, _jsxs("div", { className: "flex-1", children: [_jsx("h1", { className: "text-2xl font-bold tracking-tight", children: startTime.label ?? detailMessages.startTime.fallbackTitle }), _jsxs("div", { className: "mt-1 flex flex-wrap items-center gap-2", children: [_jsx(Badge, { variant: "outline", children: startTime.startTimeLocal }), _jsx(Badge, { variant: startTime.active ? "default" : "secondary", children: startTime.active ? messages.statusActive : messages.statusInactive })] })] })] }), _jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [onOpenProduct ? (_jsxs(Button, { variant: "outline", onClick: () => onOpenProduct(startTime.productId), children: [_jsx(Package, { "data-icon": "inline-start", "aria-hidden": "true" }), detailMessages.openProduct] })) : null, _jsxs(Button, { variant: "destructive", onClick: () => void deleteStartTime(startTime), disabled: startTimeMutation.remove.isPending, children: [_jsx(Trash2, { "data-icon": "inline-start", "aria-hidden": "true" }), detailMessages.delete] })] })] }), _jsxs("div", { className: "grid gap-6 md:grid-cols-2", children: [_jsxs(Card, { children: [_jsx(CardHeader, { children: _jsx(CardTitle, { children: detailMessages.startTime.detailsTitle }) }), _jsxs(CardContent, { className: "flex flex-col gap-3 text-sm", children: [_jsx(DetailLine, { label: messages.productLabel, children: productQuery.data?.data.name ?? startTime.productId }), _jsx(DetailLine, { label: messages.labelLabel, children: startTime.label ?? noValue }), _jsx(DetailLine, { label: messages.durationLabel, children: startTime.durationMinutes == null ? noValue : `${startTime.durationMinutes} min` }), _jsx(DetailLine, { label: detailMessages.startTime.sortOrderLabel, children: startTime.sortOrder }), _jsx(DetailLine, { label: detailMessages.createdLabel, children: formatOptionalDateTime(startTime.createdAt, noValue, i18n.formatDateTime) }), _jsx(DetailLine, { label: detailMessages.updatedLabel, children: formatOptionalDateTime(startTime.updatedAt, noValue, i18n.formatDateTime) })] })] }), _jsxs(Card, { children: [_jsxs(CardHeader, { className: "flex flex-row items-center gap-2", children: [_jsx(Clock3, { className: "size-4", "aria-hidden": "true" }), _jsx(CardTitle, { children: detailMessages.startTime.generatedSlotsTitle })] }), _jsx(CardContent, { className: "flex flex-col gap-3 text-sm", children: (slotsQuery.data?.data.length ?? 0) === 0 ? (_jsx("p", { className: "text-muted-foreground", children: detailMessages.startTime.generatedSlotsEmpty })) : (slotsQuery.data?.data.map((slot) => (_jsx(SlotButton, { slot: slot, onOpenSlot: onOpenSlot }, slot.id)))) })] })] })] }));
+}
+function SlotButton({ slot, onOpenSlot, }) {
+    const messages = useAvailabilityUiI18nOrDefault().messages;
+    const noValue = messages.details.noValue;
+    return (_jsxs("button", { type: "button", className: "block w-full rounded-md border p-3 text-left hover:bg-muted/40", onClick: () => onOpenSlot?.(slot.id), children: [_jsxs("div", { className: "font-medium", children: [slot.dateLocal, " \u00B7 ", formatDateTime(slot.startsAt)] }), _jsxs("div", { className: "text-muted-foreground", children: [messages.statusLabel, ": ", getSlotStatusLabel(slot.status, messages), " \u00B7", " ", messages.remainingPaxLabel, ": ", slot.remainingPax ?? noValue] })] }));
+}
+function formatOptionalDateTime(value, fallback, formatter) {
+    return value ? formatter(value) : fallback;
+}
+function DetailLine({ label, children }) {
+    return (_jsxs("div", { children: [_jsxs("span", { className: "text-muted-foreground", children: [label, ":"] }), " ", _jsx("span", { children: children })] }));
+}
+function DetailEmptyState({ message, backLabel, onBack, }) {
+    return (_jsxs("div", { className: "flex flex-col items-center justify-center gap-4 py-12", children: [_jsx("p", { className: "text-muted-foreground", children: message }), onBack ? (_jsx(Button, { variant: "outline", onClick: onBack, children: backLabel })) : null] }));
+}

package/dist/i18n/index.d.ts

@@ -0,0 +1,2 @@
+export { type AvailabilityUiMessageOverrides, type AvailabilityUiMessages, AvailabilityUiMessagesProvider, availabilityUiEn, availabilityUiMessageDefinitions, availabilityUiRo, getAvailabilityUiI18n, resolveAvailabilityUiMessages, useAvailabilityUiI18n, useAvailabilityUiI18nOrDefault, useAvailabilityUiMessages, useAvailabilityUiMessagesOrDefault, } from "./provider.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/i18n/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/i18n/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,8BAA8B,EACnC,KAAK,sBAAsB,EAC3B,8BAA8B,EAC9B,gBAAgB,EAChB,gCAAgC,EAChC,gBAAgB,EAChB,qBAAqB,EACrB,6BAA6B,EAC7B,qBAAqB,EACrB,8BAA8B,EAC9B,yBAAyB,EACzB,kCAAkC,GACnC,MAAM,eAAe,CAAA"}

package/dist/i18n/index.js

@@ -0,0 +1 @@
+export { AvailabilityUiMessagesProvider, availabilityUiEn, availabilityUiMessageDefinitions, availabilityUiRo, getAvailabilityUiI18n, resolveAvailabilityUiMessages, useAvailabilityUiI18n, useAvailabilityUiI18nOrDefault, useAvailabilityUiMessages, useAvailabilityUiMessagesOrDefault, } from "./provider.js";