@voyant-travel/inventory-react 0.1.0

package/dist/components/product-detail/product-detail-shared.d.ts

@@ -0,0 +1,264 @@
+import type { ProductRecord } from "../../index.js";
+import type { ProductDetailApi, ProductMessagesRoot } from "./host.js";
+import type { DepartureSlot } from "./product-departure-dialog.js";
+import type { AvailabilityRule } from "./product-schedule-dialog.js";
+export type { AvailabilityRule, DepartureSlot, ProductRecord };
+export type ProductDay = {
+    id: string;
+    itineraryId: string;
+    dayNumber: number;
+    title: string | null;
+    description: string | null;
+    location: string | null;
+    createdAt: string;
+    updatedAt: string;
+};
+export type DayService = {
+    id: string;
+    dayId: string;
+    supplierServiceId: string | null;
+    serviceType: "accommodation" | "transfer" | "experience" | "guide" | "meal" | "other";
+    name: string;
+    description: string | null;
+    countryCode: string | null;
+    costCurrency: string;
+    costAmountCents: number;
+    quantity: number;
+    sortOrder: number | null;
+    notes: string | null;
+    createdAt: string;
+};
+export type ChannelInfo = {
+    id: string;
+    name: string;
+    kind: string;
+    status: string;
+};
+export type ChannelProductMapping = {
+    id: string;
+    channelId: string;
+    productId: string;
+    active: boolean;
+};
+export type ProductMediaItem = {
+    id: string;
+    productId: string;
+    dayId: string | null;
+    mediaType: "image" | "video" | "document";
+    name: string;
+    url: string;
+    storageKey: string | null;
+    mimeType: string | null;
+    fileSize: number | null;
+    altText: string | null;
+    sortOrder: number;
+    isCover: boolean;
+    isBrochure: boolean;
+    isBrochureCurrent: boolean;
+    brochureVersion: number | null;
+    createdAt: string;
+    updatedAt: string;
+};
+export declare function getProductDaysQueryOptions(api: ProductDetailApi, id: string): import("@tanstack/react-query").OmitKeyof<import("@tanstack/react-query").UseQueryOptions<{
+    data: ProductDay[];
+}, Error, {
+    data: ProductDay[];
+}, string[]>, "queryFn"> & {
+    queryFn?: import("@tanstack/react-query").QueryFunction<{
+        data: ProductDay[];
+    }, string[], never> | undefined;
+} & {
+    queryKey: string[] & {
+        [dataTagSymbol]: {
+            data: ProductDay[];
+        };
+        [dataTagErrorSymbol]: Error;
+    };
+};
+export declare function getProductSlotsQueryOptions(api: ProductDetailApi, id: string): import("@tanstack/react-query").OmitKeyof<import("@tanstack/react-query").UseQueryOptions<{
+    data: DepartureSlot[];
+}, Error, {
+    data: DepartureSlot[];
+}, string[]>, "queryFn"> & {
+    queryFn?: import("@tanstack/react-query").QueryFunction<{
+        data: DepartureSlot[];
+    }, string[], never> | undefined;
+} & {
+    queryKey: string[] & {
+        [dataTagSymbol]: {
+            data: DepartureSlot[];
+        };
+        [dataTagErrorSymbol]: Error;
+    };
+};
+export declare function getProductRulesQueryOptions(api: ProductDetailApi, id: string): import("@tanstack/react-query").OmitKeyof<import("@tanstack/react-query").UseQueryOptions<{
+    data: AvailabilityRule[];
+}, Error, {
+    data: AvailabilityRule[];
+}, string[]>, "queryFn"> & {
+    queryFn?: import("@tanstack/react-query").QueryFunction<{
+        data: AvailabilityRule[];
+    }, string[], never> | undefined;
+} & {
+    queryKey: string[] & {
+        [dataTagSymbol]: {
+            data: AvailabilityRule[];
+        };
+        [dataTagErrorSymbol]: Error;
+    };
+};
+export declare function getProductDayServicesQueryOptions(api: ProductDetailApi, productId: string, dayId: string): import("@tanstack/react-query").OmitKeyof<import("@tanstack/react-query").UseQueryOptions<{
+    data: DayService[];
+}, Error, {
+    data: DayService[];
+}, string[]>, "queryFn"> & {
+    queryFn?: import("@tanstack/react-query").QueryFunction<{
+        data: DayService[];
+    }, string[], never> | undefined;
+} & {
+    queryKey: string[] & {
+        [dataTagSymbol]: {
+            data: DayService[];
+        };
+        [dataTagErrorSymbol]: Error;
+    };
+};
+export declare function getChannelsQueryOptions(api: ProductDetailApi): import("@tanstack/react-query").OmitKeyof<import("@tanstack/react-query").UseQueryOptions<{
+    data: ChannelInfo[];
+}, Error, {
+    data: ChannelInfo[];
+}, string[]>, "queryFn"> & {
+    queryFn?: import("@tanstack/react-query").QueryFunction<{
+        data: ChannelInfo[];
+    }, string[], never> | undefined;
+} & {
+    queryKey: string[] & {
+        [dataTagSymbol]: {
+            data: ChannelInfo[];
+        };
+        [dataTagErrorSymbol]: Error;
+    };
+};
+export declare function getProductChannelMappingsQueryOptions(api: ProductDetailApi, id: string): import("@tanstack/react-query").OmitKeyof<import("@tanstack/react-query").UseQueryOptions<{
+    data: ChannelProductMapping[];
+}, Error, {
+    data: ChannelProductMapping[];
+}, string[]>, "queryFn"> & {
+    queryFn?: import("@tanstack/react-query").QueryFunction<{
+        data: ChannelProductMapping[];
+    }, string[], never> | undefined;
+} & {
+    queryKey: string[] & {
+        [dataTagSymbol]: {
+            data: ChannelProductMapping[];
+        };
+        [dataTagErrorSymbol]: Error;
+    };
+};
+export declare function getProductMediaQueryOptions(api: ProductDetailApi, id: string): import("@tanstack/react-query").OmitKeyof<import("@tanstack/react-query").UseQueryOptions<{
+    data: ProductMediaItem[];
+    total: number;
+}, Error, {
+    data: ProductMediaItem[];
+    total: number;
+}, string[]>, "queryFn"> & {
+    queryFn?: import("@tanstack/react-query").QueryFunction<{
+        data: ProductMediaItem[];
+        total: number;
+    }, string[], never> | undefined;
+} & {
+    queryKey: string[] & {
+        [dataTagSymbol]: {
+            data: ProductMediaItem[];
+            total: number;
+        };
+        [dataTagErrorSymbol]: Error;
+    };
+};
+export declare function getProductDayMediaQueryOptions(api: ProductDetailApi, productId: string, dayId: string): import("@tanstack/react-query").OmitKeyof<import("@tanstack/react-query").UseQueryOptions<{
+    data: ProductMediaItem[];
+    total: number;
+}, Error, {
+    data: ProductMediaItem[];
+    total: number;
+}, string[]>, "queryFn"> & {
+    queryFn?: import("@tanstack/react-query").QueryFunction<{
+        data: ProductMediaItem[];
+        total: number;
+    }, string[], never> | undefined;
+} & {
+    queryKey: string[] & {
+        [dataTagSymbol]: {
+            data: ProductMediaItem[];
+            total: number;
+        };
+        [dataTagErrorSymbol]: Error;
+    };
+};
+export declare const statusVariant: Record<string, "default" | "secondary" | "outline" | "destructive">;
+export declare const slotStatusVariant: Record<DepartureSlot["status"], "default" | "secondary" | "outline" | "destructive">;
+export declare function formatAmount(cents: number | null, currency: string): string;
+export declare function formatMargin(percent: number | null): string;
+export declare function formatSlotTime(iso: string): string;
+export declare function formatSlotDate(iso: string): string;
+export declare function formatDuration(slot: DepartureSlot): string;
+export declare function getProductStatusLabel(status: ProductRecord["status"], messages: ProductMessagesRoot): string;
+export declare function getProductBookingModeLabel(bookingMode: ProductRecord["bookingMode"], messages: ProductMessagesRoot): string;
+export declare function getDepartureStatusLabel(status: DepartureSlot["status"], messages: ProductMessagesRoot): string;
+export declare function formatCapacityLabel(slot: DepartureSlot, messages: ProductMessagesRoot): string;
+export interface ProductSourcedContentResponse {
+    data: {
+        content: {
+            product: {
+                id: string;
+                name: string;
+                description?: string | null;
+                highlights?: string[];
+                hero_image_url?: string | null;
+                duration_days?: number | null;
+                sell_currency?: string | null;
+                supplier?: string | null;
+                country?: string | null;
+            };
+            options: Array<{
+                id: string;
+                name: string;
+                description?: string | null;
+            }>;
+            days: Array<{
+                day_number: number;
+                title?: string | null;
+                description?: string | null;
+                location?: string | null;
+                hero_image_url?: string | null;
+            }>;
+            media: Array<{
+                url: string;
+                type: string;
+                caption?: string | null;
+            }>;
+            policies: Array<{
+                kind: string;
+                body: string;
+            }>;
+            departures?: Array<{
+                id: string;
+                starts_at: string;
+                ends_at?: string | null;
+                status?: string | null;
+                capacity?: number | null;
+                remaining?: number | null;
+                lowest_price_cents?: number | null;
+                currency?: string | null;
+                note?: string | null;
+            }>;
+        };
+        served_locale: string;
+        match_kind: "exact" | "language_match" | "fallback_chain" | "any";
+        source: "sourced-cache" | "sourced-fresh" | "synthesized" | "owned";
+        served_stale: boolean;
+        synthesized: boolean;
+        machine_translated: boolean;
+    };
+}
+//# sourceMappingURL=product-detail-shared.d.ts.map

package/dist/components/product-detail/product-detail-shared.d.ts.map

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

package/dist/components/product-detail/product-detail-shared.js

@@ -0,0 +1,157 @@
+import { queryOptions } from "@tanstack/react-query";
+export function getProductDaysQueryOptions(api, id) {
+    return queryOptions({
+        queryKey: ["product-days", id],
+        queryFn: () => api.get(`/v1/products/${id}/days`),
+    });
+}
+export function getProductSlotsQueryOptions(api, id) {
+    return queryOptions({
+        queryKey: ["product-slots", id],
+        queryFn: () => api.get(`/v1/operations/availability/slots?productId=${id}&limit=25`),
+    });
+}
+export function getProductRulesQueryOptions(api, id) {
+    return queryOptions({
+        queryKey: ["product-rules", id],
+        queryFn: () => api.get(`/v1/operations/availability/rules?productId=${id}&limit=50`),
+    });
+}
+export function getProductDayServicesQueryOptions(api, productId, dayId) {
+    return queryOptions({
+        queryKey: ["product-day-services", productId, dayId],
+        queryFn: () => api.get(`/v1/products/${productId}/days/${dayId}/services`),
+    });
+}
+export function getChannelsQueryOptions(api) {
+    return queryOptions({
+        queryKey: ["channels"],
+        queryFn: () => api.get("/v1/distribution/channels?limit=25"),
+    });
+}
+export function getProductChannelMappingsQueryOptions(api, id) {
+    return queryOptions({
+        queryKey: ["product-channel-mappings", id],
+        queryFn: () => api.get(`/v1/distribution/product-mappings?productId=${id}&limit=25`),
+    });
+}
+export function getProductMediaQueryOptions(api, id) {
+    return queryOptions({
+        queryKey: ["product-media", id],
+        queryFn: () => api.get(`/v1/products/${id}/media?limit=50`),
+    });
+}
+export function getProductDayMediaQueryOptions(api, productId, dayId) {
+    return queryOptions({
+        queryKey: ["day-media", productId, dayId],
+        queryFn: () => api.get(`/v1/products/${productId}/days/${dayId}/media?limit=50`),
+    });
+}
+export const statusVariant = {
+    draft: "outline",
+    active: "default",
+    archived: "secondary",
+};
+export const slotStatusVariant = {
+    open: "default",
+    closed: "secondary",
+    sold_out: "outline",
+    cancelled: "destructive",
+};
+export function formatAmount(cents, currency) {
+    if (cents == null)
+        return "-";
+    return `${(cents / 100).toFixed(2)} ${currency}`;
+}
+export function formatMargin(percent) {
+    if (percent == null)
+        return "-";
+    return `${percent.toFixed(0)}%`;
+}
+export function formatSlotTime(iso) {
+    const date = new Date(iso);
+    return `${String(date.getUTCHours()).padStart(2, "0")}:${String(date.getUTCMinutes()).padStart(2, "0")}`;
+}
+export function formatSlotDate(iso) {
+    const date = new Date(iso);
+    return `${date.getUTCFullYear()}-${String(date.getUTCMonth() + 1).padStart(2, "0")}-${String(date.getUTCDate()).padStart(2, "0")}`;
+}
+export function formatDuration(slot) {
+    if (slot.nights != null || slot.days != null) {
+        const parts = [];
+        if (slot.days != null)
+            parts.push(`${slot.days} day${slot.days === 1 ? "" : "s"}`);
+        if (slot.nights != null)
+            parts.push(`${slot.nights} night${slot.nights === 1 ? "" : "s"}`);
+        return parts.join(" / ");
+    }
+    if (!slot.endsAt)
+        return "-";
+    const startMs = new Date(slot.startsAt).getTime();
+    const endMs = new Date(slot.endsAt).getTime();
+    const diffMs = endMs - startMs;
+    if (diffMs <= 0)
+        return "-";
+    const hours = diffMs / 3_600_000;
+    if (hours < 24)
+        return `${hours.toFixed(hours % 1 === 0 ? 0 : 1)}h`;
+    const startDate = formatSlotDate(slot.startsAt);
+    const endDate = formatSlotDate(slot.endsAt);
+    const nights = Math.round((new Date(`${endDate}T00:00:00Z`).getTime() - new Date(`${startDate}T00:00:00Z`).getTime()) /
+        86_400_000);
+    return `${nights} night${nights === 1 ? "" : "s"}`;
+}
+export function getProductStatusLabel(status, messages) {
+    switch (status) {
+        case "draft":
+            return messages.products.core.statusDraft;
+        case "active":
+            return messages.products.core.statusActive;
+        case "archived":
+            return messages.products.core.statusArchived;
+        default:
+            return status;
+    }
+}
+export function getProductBookingModeLabel(bookingMode, messages) {
+    switch (bookingMode) {
+        case "date":
+            return messages.products.core.bookingModeDate;
+        case "date_time":
+            return messages.products.core.bookingModeDateTime;
+        case "open":
+            return messages.products.core.bookingModeOpen;
+        case "stay":
+            return messages.products.core.bookingModeStay;
+        case "transfer":
+            return messages.products.core.bookingModeTransfer;
+        case "itinerary":
+            return messages.products.core.bookingModeItinerary;
+        case "other":
+            return messages.products.core.bookingModeOther;
+        default:
+            return bookingMode;
+    }
+}
+export function getDepartureStatusLabel(status, messages) {
+    switch (status) {
+        case "open":
+            return messages.products.core.departureStatusOpen;
+        case "closed":
+            return messages.products.core.departureStatusClosed;
+        case "sold_out":
+            return messages.products.core.departureStatusSoldOut;
+        case "cancelled":
+            return messages.products.core.departureStatusCancelled;
+        default:
+            return status;
+    }
+}
+export function formatCapacityLabel(slot, messages) {
+    if (slot.unlimited)
+        return messages.products.core.unlimitedCapacity;
+    if (slot.initialPax == null)
+        return messages.products.core.noValue;
+    const remaining = slot.remainingPax ?? slot.initialPax;
+    return `${remaining} / ${slot.initialPax}`;
+}

package/dist/components/product-detail/product-detail-skeleton.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Layout-matched placeholder for ProductDetailPage. Mirrors the real shell:
+ *   - Header: title + status + action buttons
+ *   - 2-column body (1fr + 320px)
+ *     - Left stack: Details, Departures, Schedules, Itinerary (3 days), Options
+ *     - Right stack: Channels, Organize, Media (3x3 grid)
+ */
+export declare function ProductDetailSkeleton(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=product-detail-skeleton.d.ts.map

package/dist/components/product-detail/product-detail-skeleton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"product-detail-skeleton.d.ts","sourceRoot":"","sources":["../../../src/components/product-detail/product-detail-skeleton.tsx"],"names":[],"mappings":"AAGA;;;;;;GAMG;AACH,wBAAgB,qBAAqB,4CAwBpC"}

package/dist/components/product-detail/product-detail-skeleton.js

@@ -0,0 +1,53 @@
+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";
+/**
+ * Layout-matched placeholder for ProductDetailPage. Mirrors the real shell:
+ *   - Header: title + status + action buttons
+ *   - 2-column body (1fr + 320px)
+ *     - Left stack: Details, Departures, Schedules, Itinerary (3 days), Options
+ *     - Right stack: Channels, Organize, Media (3x3 grid)
+ */
+export function ProductDetailSkeleton() {
+    return (_jsxs("div", { className: "flex flex-col gap-6 p-6", children: [_jsx(ProductDetailHeaderSkeleton, {}), _jsxs("div", { className: "grid grid-cols-1 gap-6 lg:grid-cols-[minmax(0,1fr)_320px]", children: [_jsxs("div", { className: "flex min-w-0 flex-col gap-6", children: [_jsx(ProductDetailsSectionSkeleton, {}), _jsx(ProductDeparturesSectionSkeleton, {}), _jsx(ProductSchedulesSectionSkeleton, {}), _jsx(ProductItinerarySectionSkeleton, {}), _jsx(ProductOptionsSectionSkeleton, {})] }), _jsxs("div", { className: "flex min-w-0 flex-col gap-6", children: [_jsx(ProductChannelsSectionSkeleton, {}), _jsx(ProductOrganizeSectionSkeleton, {}), _jsx(ProductMediaSectionSkeleton, {})] })] })] }));
+}
+// ---------- Header ----------
+function ProductDetailHeaderSkeleton() {
+    return (_jsxs("div", { className: "flex items-start justify-between gap-4", children: [_jsxs("div", { className: "space-y-3", children: [_jsxs("div", { className: "flex items-center gap-3", children: [_jsx(Skeleton, { className: "h-8 w-64" }), _jsx(Skeleton, { className: "h-5 w-16 rounded-full" })] }), _jsx(Skeleton, { className: "h-4 w-96" })] }), _jsxs("div", { className: "flex gap-2", children: [_jsx(Skeleton, { className: "h-9 w-9 rounded-md" }), _jsx(Skeleton, { className: "h-9 w-28" }), _jsx(Skeleton, { className: "h-9 w-36" })] })] }));
+}
+// ---------- Left column sections ----------
+/** Product details: 2-column grid of label/value pairs. */
+function ProductDetailsSectionSkeleton() {
+    return (_jsx(SectionShell, { titleWidth: "w-36", action: true, children: _jsx("div", { className: "grid grid-cols-2 gap-x-6 gap-y-4", children: Array.from({ length: 8 }).map((_, i) => (_jsxs("div", { className: "space-y-2", children: [_jsx(Skeleton, { className: "h-3 w-24" }), _jsx(Skeleton, { className: "h-4 w-32" })] }, i))) }) }));
+}
+/** Departures: row-per-slot list. */
+function ProductDeparturesSectionSkeleton() {
+    return (_jsx(SectionShell, { titleWidth: "w-28", action: true, children: _jsx("div", { className: "flex flex-col gap-2", children: Array.from({ length: 3 }).map((_, i) => (_jsxs("div", { className: "flex items-center gap-4 rounded-md border px-4 py-3", children: [_jsx(Skeleton, { className: "h-4 w-28" }), _jsx(Skeleton, { className: "h-5 w-16 rounded-full" }), _jsx("div", { className: "flex-1" }), _jsx(Skeleton, { className: "h-4 w-20" }), _jsx(Skeleton, { className: "h-8 w-8 rounded" })] }, i))) }) }));
+}
+/** Recurring schedules: sparse list, often empty. */
+function ProductSchedulesSectionSkeleton() {
+    return (_jsx(SectionShell, { titleWidth: "w-44", action: true, children: _jsx("div", { className: "rounded-md border px-4 py-6 text-center", children: _jsx(Skeleton, { className: "mx-auto h-4 w-80" }) }) }));
+}
+/** Itinerary: 3 day rows with cover thumbnail + title. */
+function ProductItinerarySectionSkeleton() {
+    return (_jsx(SectionShell, { titleWidth: "w-24", action: true, children: _jsx("div", { className: "flex flex-col gap-2", children: Array.from({ length: 3 }).map((_, i) => (_jsxs("div", { className: "flex items-center gap-3 rounded-lg border px-4 py-3", children: [_jsx(Skeleton, { className: "h-4 w-4" }), _jsx(Skeleton, { className: "h-10 w-14 rounded" }), _jsx(Skeleton, { className: "h-4 w-40" }), _jsx("div", { className: "flex-1" }), _jsx(Skeleton, { className: "h-5 w-16 rounded-full" }), _jsx(Skeleton, { className: "h-8 w-8 rounded" })] }, i))) }) }));
+}
+/** Options: one option card with Units + Pricing sub-sections. */
+function ProductOptionsSectionSkeleton() {
+    return (_jsx(SectionShell, { titleWidth: "w-20", action: true, children: _jsxs("div", { className: "rounded-lg border", children: [_jsxs("div", { className: "flex items-center gap-3 px-4 py-3", children: [_jsx(Skeleton, { className: "h-4 w-4" }), _jsx(Skeleton, { className: "h-4 w-24" }), _jsx(Skeleton, { className: "h-5 w-10 rounded-full" }), _jsx(Skeleton, { className: "h-5 w-14 rounded-full" }), _jsx("div", { className: "flex-1" }), _jsx(Skeleton, { className: "h-8 w-8 rounded" })] }), _jsxs("div", { className: "space-y-4 border-t px-4 py-4", children: [_jsxs("div", { className: "space-y-2", children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsx(Skeleton, { className: "h-3 w-12" }), _jsx(Skeleton, { className: "h-7 w-24" })] }), Array.from({ length: 3 }).map((_, i) => (_jsxs("div", { className: "flex items-center gap-3 rounded-md border px-3 py-2", children: [_jsx(Skeleton, { className: "h-4 w-20" }), _jsx(Skeleton, { className: "h-5 w-14 rounded-full" }), _jsx("div", { className: "flex-1" }), _jsx(Skeleton, { className: "h-4 w-20" })] }, i)))] }), _jsxs("div", { className: "space-y-2", children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsx(Skeleton, { className: "h-3 w-16" }), _jsx(Skeleton, { className: "h-7 w-32" })] }), _jsxs("div", { className: "rounded-md border px-3 py-3 space-y-2", children: [_jsx(Skeleton, { className: "h-4 w-48" }), _jsx(Skeleton, { className: "h-3 w-56" })] })] })] })] }) }));
+}
+// ---------- Right column sections ----------
+function ProductChannelsSectionSkeleton() {
+    return (_jsx(SectionShell, { titleWidth: "w-28", children: _jsx("div", { className: "space-y-2", children: Array.from({ length: 3 }).map((_, i) => (_jsxs("div", { className: "flex items-center justify-between rounded-md border px-3 py-2", children: [_jsx(Skeleton, { className: "h-4 w-24" }), _jsx(Skeleton, { className: "h-4 w-4" })] }, i))) }) }));
+}
+function ProductOrganizeSectionSkeleton() {
+    return (_jsx(SectionShell, { titleWidth: "w-20", children: _jsx("div", { className: "space-y-4", children: Array.from({ length: 3 }).map((_, i) => (_jsxs("div", { className: "space-y-2", children: [_jsx(Skeleton, { className: "h-3 w-20" }), _jsx(Skeleton, { className: "h-4 w-2/3" })] }, i))) }) }));
+}
+/** Media gallery: 3x2 thumbnail grid. */
+function ProductMediaSectionSkeleton() {
+    return (_jsx(SectionShell, { titleWidth: "w-14", action: true, children: _jsx("div", { className: "grid grid-cols-3 gap-2", children: Array.from({ length: 6 }).map((_, i) => (_jsx(Skeleton, { className: "aspect-square w-full rounded-md" }, i))) }) }));
+}
+// ---------- Shared shell ----------
+function SectionShell({ titleWidth, action = false, children, }) {
+    return (_jsxs(Card, { children: [_jsxs(CardHeader, { className: "flex flex-row items-center justify-between", children: [_jsx(Skeleton, { className: `h-5 ${titleWidth}` }), action ? _jsx(Skeleton, { className: "h-8 w-8 rounded" }) : null] }), _jsx(CardContent, { children: children })] }));
+}

package/dist/components/product-detail/product-detail-summary-section.d.ts

@@ -0,0 +1,6 @@
+import { type ProductRecord } from "./product-detail-shared.js";
+export declare function ProductDetailsSection({ product, onEdit, }: {
+    product: ProductRecord;
+    onEdit: () => void;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=product-detail-summary-section.d.ts.map

package/dist/components/product-detail/product-detail-summary-section.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"product-detail-summary-section.d.ts","sourceRoot":"","sources":["../../../src/components/product-detail/product-detail-summary-section.tsx"],"names":[],"mappings":"AAYA,OAAO,EAAgB,KAAK,aAAa,EAAE,MAAM,4BAA4B,CAAA;AA4C7E,wBAAgB,qBAAqB,CAAC,EACpC,OAAO,EACP,MAAM,GACP,EAAE;IACD,OAAO,EAAE,aAAa,CAAA;IACtB,MAAM,EAAE,MAAM,IAAI,CAAA;CACnB,2CAwHA"}

package/dist/components/product-detail/product-detail-summary-section.js

@@ -0,0 +1,66 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useQuery } from "@tanstack/react-query";
+import { DropdownMenuItem, ToggleGroup, ToggleGroupItem } from "@voyant-travel/ui/components";
+import { Pencil } from "lucide-react";
+import { useEffect, useState } from "react";
+import { useProductTranslations } from "../../index.js";
+import { useProductDetailApi, useProductDetailMessages, useProductLocale, } from "./host.js";
+import { ActionMenu, DetailRow, Section } from "./product-detail-section-shell.js";
+import { formatAmount } from "./product-detail-shared.js";
+async function getProductStartingFromCents(api, productId) {
+    const rules = await api.get(`/v1/pricing/option-price-rules?productId=${encodeURIComponent(productId)}&limit=100&active=true`);
+    const ruleIds = rules.data.filter((rule) => rule.active).map((rule) => rule.id);
+    if (ruleIds.length === 0)
+        return null;
+    const unitPriceResponses = await Promise.all(ruleIds.map((ruleId) => api.get(`/v1/pricing/option-unit-price-rules?optionPriceRuleId=${encodeURIComponent(ruleId)}&limit=100&active=true`)));
+    const prices = unitPriceResponses
+        .flatMap((response) => response.data)
+        .filter((rule) => rule.active)
+        .map((rule) => rule.sellAmountCents)
+        .filter((amount) => amount != null && amount > 0);
+    return prices.length > 0 ? Math.min(...prices) : null;
+}
+// Legacy CMS imports occasionally store rich HTML in the plain-text description
+// field. Detect it so we can render it as markup instead of dumping raw tags.
+function looksLikeHtml(value) {
+    return /<\/?[a-z][\s\S]*>/i.test(value);
+}
+export function ProductDetailsSection({ product, onEdit, }) {
+    const api = useProductDetailApi();
+    const messages = useProductDetailMessages();
+    const productMessages = messages.products.core;
+    const resolvedLocale = useProductLocale();
+    const startingFromQuery = useQuery({
+        queryKey: ["product-starting-from", product.id],
+        queryFn: () => getProductStartingFromCents(api, product.id),
+    });
+    const startingFromCents = startingFromQuery.data ?? null;
+    const usesOptionUnitPricing = startingFromQuery.isPending || startingFromCents != null;
+    const translationsQuery = useProductTranslations(product.id, { limit: 100 });
+    const translations = translationsQuery.data?.data ?? [];
+    const [selectedLanguageTag, setSelectedLanguageTag] = useState("");
+    // Default the toggle to the operator's current locale (or its base language),
+    // falling back to the first available translation.
+    useEffect(() => {
+        if (translations.length === 0)
+            return;
+        if (translations.some((translation) => translation.languageTag === selectedLanguageTag))
+            return;
+        const baseLocale = resolvedLocale.toLowerCase().split("-")[0];
+        const preferred = translations.find((translation) => translation.languageTag.toLowerCase() === resolvedLocale.toLowerCase()) ??
+            translations.find((translation) => translation.languageTag.toLowerCase().split("-")[0] === baseLocale) ??
+            translations[0];
+        setSelectedLanguageTag(preferred?.languageTag ?? "");
+    }, [translations, selectedLanguageTag, resolvedLocale]);
+    const selectedTranslation = translations.find((translation) => translation.languageTag === selectedLanguageTag) ?? null;
+    const description = selectedTranslation?.description ?? product.description ?? null;
+    return (_jsxs(Section, { title: productMessages.detailsTitle, actions: _jsxs("div", { className: "flex items-center gap-2", children: [translations.length > 0 ? (_jsx(ToggleGroup, { value: selectedLanguageTag ? [selectedLanguageTag] : [], onValueChange: (values) => {
+                        const next = values[values.length - 1];
+                        if (next)
+                            setSelectedLanguageTag(next);
+                    }, variant: "outline", size: "sm", "aria-label": productMessages.descriptionLanguageLabel, children: translations.map((translation) => (_jsx(ToggleGroupItem, { value: translation.languageTag, className: "px-2 text-xs uppercase", children: translation.languageTag }, translation.id))) })) : null, _jsx(ActionMenu, { children: _jsxs(DropdownMenuItem, { onClick: onEdit, children: [_jsx(Pencil, { className: "h-4 w-4" }), productMessages.edit] }) })] }), children: [description ? (looksLikeHtml(description) ? (_jsx("div", { className: "border-b pb-4 text-sm leading-relaxed text-muted-foreground [&_a]:font-medium [&_a]:text-foreground [&_a]:underline [&_em]:italic [&_h2]:mt-4 [&_h2]:mb-1.5 [&_h2]:text-base [&_h2]:font-semibold [&_h2]:text-foreground [&_h3]:mt-4 [&_h3]:mb-1.5 [&_h3]:text-sm [&_h3]:font-semibold [&_h3]:text-foreground [&_li]:mb-0.5 [&_ol]:mb-2 [&_ol]:list-decimal [&_ol]:pl-5 [&_p]:mb-2 [&_p:last-child]:mb-0 [&_strong]:font-semibold [&_strong]:text-foreground [&_ul]:mb-2 [&_ul]:list-disc [&_ul]:pl-5", 
+                // biome-ignore lint/security/noDangerouslySetInnerHtml: operator-authored localized rich text from the products module -- owner: inventory-react; existing suppression is intentional pending typed cleanup.
+                dangerouslySetInnerHTML: { __html: description } })) : (_jsx("div", { className: "border-b pb-3 text-sm whitespace-pre-line text-muted-foreground", children: description }))) : null, usesOptionUnitPricing ? (_jsx(DetailRow, { label: productMessages.startingFromLabel, value: _jsx("span", { className: "font-mono", children: startingFromCents != null
+                        ? formatAmount(startingFromCents, product.sellCurrency)
+                        : productMessages.noValue }) })) : null, !usesOptionUnitPricing && product.sellAmountCents != null ? (_jsx(DetailRow, { label: productMessages.sellLabel, value: _jsx("span", { className: "font-mono", children: formatAmount(product.sellAmountCents, product.sellCurrency) }) })) : null, !usesOptionUnitPricing && product.costAmountCents != null ? (_jsx(DetailRow, { label: productMessages.costLabel, value: _jsx("span", { className: "font-mono", children: formatAmount(product.costAmountCents, product.sellCurrency) }) })) : null] }));
+}

package/dist/components/product-detail/product-extra-dialog.d.ts

@@ -0,0 +1,21 @@
+import { type ProductExtraRecord } from "../../extras-compat.js";
+import { useProductDetailMessages } from "./host.js";
+type ExtraMessages = ReturnType<typeof useProductDetailMessages>["products"]["operations"]["extras"];
+export declare function getExtraPricingModeLabel(value: ProductExtraRecord["pricingMode"], messages: ExtraMessages): string;
+export interface ProductExtraDialogProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    productId: string;
+    extra?: ProductExtraRecord;
+    /** Sort order to use when creating a new extra. */
+    nextSortOrder?: number;
+    onSuccess: () => void;
+}
+/**
+ * Create / edit the *definition* of a product extra (name, selection,
+ * pricing mode, quantities). The extra's actual price is set separately, per
+ * booking option, via the extra-price-rule editor.
+ */
+export declare function ProductExtraDialog({ open, onOpenChange, productId, extra, nextSortOrder, onSuccess, }: ProductExtraDialogProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=product-extra-dialog.d.ts.map

package/dist/components/product-detail/product-extra-dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"product-extra-dialog.d.ts","sourceRoot":"","sources":["../../../src/components/product-detail/product-extra-dialog.tsx"],"names":[],"mappings":"AAoBA,OAAO,EAAE,KAAK,kBAAkB,EAA2B,MAAM,wBAAwB,CAAA;AACzF,OAAO,EAAE,wBAAwB,EAAE,MAAM,WAAW,CAAA;AA0DpD,KAAK,aAAa,GAAG,UAAU,CAAC,OAAO,wBAAwB,CAAC,CAAC,UAAU,CAAC,CAAC,YAAY,CAAC,CAAC,QAAQ,CAAC,CAAA;AAiBpG,wBAAgB,wBAAwB,CACtC,KAAK,EAAE,kBAAkB,CAAC,aAAa,CAAC,EACxC,QAAQ,EAAE,aAAa,UAkBxB;AAED,MAAM,WAAW,uBAAuB;IACtC,IAAI,EAAE,OAAO,CAAA;IACb,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACrC,SAAS,EAAE,MAAM,CAAA;IACjB,KAAK,CAAC,EAAE,kBAAkB,CAAA;IAC1B,mDAAmD;IACnD,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,SAAS,EAAE,MAAM,IAAI,CAAA;CACtB;AAED;;;;GAIG;AACH,wBAAgB,kBAAkB,CAAC,EACjC,IAAI,EACJ,YAAY,EACZ,SAAS,EACT,KAAK,EACL,aAAiB,EACjB,SAAS,GACV,EAAE,uBAAuB,2CA4KzB"}