@voyant-travel/inventory-react 0.1.0

package/dist/components/product-detail/commerce-client.js

@@ -0,0 +1,261 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { queryOptions, useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from "@voyant-travel/ui/components";
+import { useOptionalProductDetailHost, useProductDetailApi } from "./host.js";
+const commerceQueryKeys = {
+    pricing: ["inventory-product-detail", "commerce", "pricing"],
+    markets: ["inventory-product-detail", "commerce", "markets"],
+    operations: ["inventory-product-detail", "operations"],
+};
+function toQueryString(filters) {
+    const params = new URLSearchParams();
+    for (const [key, value] of Object.entries(filters)) {
+        if (value === undefined || value === null || value === "")
+            continue;
+        params.set(key, String(value));
+    }
+    const qs = params.toString();
+    return qs ? `?${qs}` : "";
+}
+async function list(api, path, filters = {}) {
+    return api.get(`${path}${toQueryString(filters)}`);
+}
+async function createRecord(api, path, input) {
+    const response = await api.post(path, input);
+    return response.data;
+}
+async function updateRecord(api, path, id, input) {
+    const response = await api.patch(`${path}/${id}`, input);
+    return response.data;
+}
+async function deleteRecord(api, path, id) {
+    return api.delete(`${path}/${id}`);
+}
+export function getOptionPriceRulesQueryOptions(api, filters = {}) {
+    return queryOptions({
+        queryKey: [...commerceQueryKeys.pricing, "option-price-rules", filters],
+        queryFn: () => list(api, "/v1/pricing/option-price-rules", filters),
+    });
+}
+export function getOptionUnitPriceRulesQueryOptions(api, filters = {}) {
+    return queryOptions({
+        queryKey: [...commerceQueryKeys.pricing, "option-unit-price-rules", filters],
+        queryFn: () => list(api, "/v1/pricing/option-unit-price-rules", filters),
+    });
+}
+export function getPricingCategoriesQueryOptions(api, filters = {}) {
+    return queryOptions({
+        queryKey: [...commerceQueryKeys.pricing, "pricing-categories", filters],
+        queryFn: () => list(api, "/v1/pricing/pricing-categories", filters),
+    });
+}
+export function getPriceCatalogsQueryOptions(api, filters = {}) {
+    return queryOptions({
+        queryKey: [...commerceQueryKeys.pricing, "price-catalogs", filters],
+        queryFn: () => list(api, "/v1/pricing/price-catalogs", filters),
+    });
+}
+export function getPriceSchedulesQueryOptions(api, filters = {}) {
+    return queryOptions({
+        queryKey: [...commerceQueryKeys.pricing, "price-schedules", filters],
+        queryFn: () => list(api, "/v1/pricing/price-schedules", filters),
+    });
+}
+export function getCancellationPoliciesQueryOptions(api, filters = {}) {
+    return queryOptions({
+        queryKey: [...commerceQueryKeys.pricing, "cancellation-policies", filters],
+        queryFn: () => list(api, "/v1/pricing/cancellation-policies", filters),
+    });
+}
+export function getExtraPriceRulesQueryOptions(api, filters = {}) {
+    return queryOptions({
+        queryKey: [...commerceQueryKeys.pricing, "extra-price-rules", filters],
+        queryFn: () => list(api, "/v1/pricing/extra-price-rules", filters),
+    });
+}
+export function getDeparturePriceOverridesQueryOptions(api, filters = {}) {
+    return queryOptions({
+        queryKey: [...commerceQueryKeys.pricing, "departure-price-overrides", filters],
+        queryFn: () => list(api, "/v1/pricing/departure-price-overrides", filters),
+    });
+}
+export function getMarketsQueryOptions(api, filters = {}) {
+    return queryOptions({
+        queryKey: [...commerceQueryKeys.markets, "markets", filters],
+        queryFn: () => list(api, "/v1/markets/markets", filters),
+    });
+}
+export function getMarketProductRulesQueryOptions(api, filters = {}) {
+    return queryOptions({
+        queryKey: [...commerceQueryKeys.markets, "product-rules", filters],
+        queryFn: () => list(api, "/v1/markets/product-rules", filters),
+    });
+}
+export function getProductResourceTemplatesQueryOptions(api, productId) {
+    return queryOptions({
+        queryKey: [...commerceQueryKeys.operations, "resource-templates", productId],
+        queryFn: () => api.get(`/v1/admin/operations/availability/products/${productId}/allocation/resource-templates`),
+    });
+}
+function useApiMutation(path, cacheKey) {
+    const api = useProductDetailApi();
+    const queryClient = useQueryClient();
+    const invalidate = () => queryClient.invalidateQueries({ queryKey: cacheKey });
+    const create = useMutation({
+        mutationFn: (input) => createRecord(api, path, input),
+        onSuccess: () => void invalidate(),
+    });
+    const update = useMutation({
+        mutationFn: ({ id, input }) => updateRecord(api, path, id, input),
+        onSuccess: () => void invalidate(),
+    });
+    const remove = useMutation({
+        mutationFn: (id) => deleteRecord(api, path, id),
+        onSuccess: () => void invalidate(),
+    });
+    return { create, update, remove };
+}
+export function useOptionPriceRuleMutation() {
+    return useApiMutation("/v1/pricing/option-price-rules", [
+        ...commerceQueryKeys.pricing,
+        "option-price-rules",
+    ]);
+}
+export function useOptionUnitPriceRuleMutation() {
+    return useApiMutation("/v1/pricing/option-unit-price-rules", [
+        ...commerceQueryKeys.pricing,
+        "option-unit-price-rules",
+    ]);
+}
+export function usePriceCatalogMutation() {
+    return useApiMutation("/v1/pricing/price-catalogs", [
+        ...commerceQueryKeys.pricing,
+        "price-catalogs",
+    ]);
+}
+export function usePricingCategoryMutation() {
+    return useApiMutation("/v1/pricing/pricing-categories", [
+        ...commerceQueryKeys.pricing,
+        "pricing-categories",
+    ]);
+}
+export function useExtraPriceRuleMutation() {
+    return useApiMutation("/v1/pricing/extra-price-rules", [
+        ...commerceQueryKeys.pricing,
+        "extra-price-rules",
+    ]);
+}
+export function useDeparturePriceOverrideMutation() {
+    return useApiMutation("/v1/pricing/departure-price-overrides", [
+        ...commerceQueryKeys.pricing,
+        "departure-price-overrides",
+    ]);
+}
+export function useMarketProductRuleMutation() {
+    return useApiMutation("/v1/markets/product-rules", [
+        ...commerceQueryKeys.markets,
+        "product-rules",
+    ]);
+}
+export function useExtraPriceRules(filters = {}) {
+    const api = useProductDetailApi();
+    return useQuery(getExtraPriceRulesQueryOptions(api, filters));
+}
+export function useMarkets(filters) {
+    const api = useProductDetailApi();
+    return useQuery(getMarketsQueryOptions(api, filters));
+}
+export function useMarketProductRules(filters) {
+    const api = useProductDetailApi();
+    return useQuery(getMarketProductRulesQueryOptions(api, filters));
+}
+export function useProductResourceTemplates(productId) {
+    const api = useProductDetailApi();
+    return useQuery({
+        ...getProductResourceTemplatesQueryOptions(api, productId),
+        enabled: Boolean(productId),
+    });
+}
+export function useDuplicateOptionPricingMutation(api) {
+    const host = useOptionalProductDetailHost();
+    const resolvedApi = api ?? host?.api;
+    const queryClient = useQueryClient();
+    return useMutation({
+        mutationFn: async ({ sourceOptionId, targetOptionId, productId, unitIdMap, }) => {
+            if (!resolvedApi)
+                return;
+            const sourceRules = await list(resolvedApi, "/v1/pricing/option-price-rules", { optionId: sourceOptionId, limit: 100 });
+            for (const rule of sourceRules.data) {
+                const createdRule = await createRecord(resolvedApi, "/v1/pricing/option-price-rules", {
+                    productId,
+                    optionId: targetOptionId,
+                    priceCatalogId: rule.priceCatalogId,
+                    priceScheduleId: rule.priceScheduleId,
+                    cancellationPolicyId: rule.cancellationPolicyId,
+                    code: rule.code ? `${rule.code}-copy` : null,
+                    name: rule.name,
+                    description: rule.description,
+                    pricingMode: rule.pricingMode,
+                    baseSellAmountCents: rule.baseSellAmountCents,
+                    baseCostAmountCents: rule.baseCostAmountCents,
+                    minPerBooking: rule.minPerBooking,
+                    maxPerBooking: rule.maxPerBooking,
+                    allPricingCategories: rule.allPricingCategories,
+                    isDefault: rule.isDefault,
+                    active: rule.active,
+                    notes: rule.notes,
+                });
+                const unitRules = await list(resolvedApi, "/v1/pricing/option-unit-price-rules", { optionPriceRuleId: rule.id, limit: 100 });
+                for (const unitRule of unitRules.data) {
+                    const targetUnitId = unitIdMap[unitRule.unitId];
+                    if (!targetUnitId)
+                        continue;
+                    await createRecord(resolvedApi, "/v1/pricing/option-unit-price-rules", {
+                        optionPriceRuleId: createdRule.id,
+                        optionId: targetOptionId,
+                        unitId: targetUnitId,
+                        pricingCategoryId: unitRule.pricingCategoryId,
+                        pricingMode: unitRule.pricingMode,
+                        sellAmountCents: unitRule.sellAmountCents,
+                        costAmountCents: unitRule.costAmountCents,
+                        minQuantity: unitRule.minQuantity,
+                        maxQuantity: unitRule.maxQuantity,
+                        sortOrder: unitRule.sortOrder,
+                        active: unitRule.active,
+                        notes: unitRule.notes,
+                    });
+                }
+            }
+        },
+        onSuccess: () => {
+            void queryClient.invalidateQueries({ queryKey: commerceQueryKeys.pricing });
+        },
+    });
+}
+function SelectById({ value, onChange, placeholder, disabled, items, }) {
+    return (_jsxs(Select, { value: value || undefined, onValueChange: (next) => onChange(next || null), disabled: disabled, items: items.map((item) => ({
+            value: item.id,
+            label: item.code ? `${item.name} (${item.code})` : item.name,
+        })), children: [_jsx(SelectTrigger, { className: "w-full", children: _jsx(SelectValue, { placeholder: placeholder }) }), _jsx(SelectContent, { children: items.map((item) => (_jsx(SelectItem, { value: item.id, children: item.code ? `${item.name} (${item.code})` : item.name }, item.id))) })] }));
+}
+export function PriceCatalogCombobox(props) {
+    const api = useProductDetailApi();
+    const query = useQuery(getPriceCatalogsQueryOptions(api, { limit: 100 }));
+    return _jsx(SelectById, { ...props, items: query.data?.data ?? [] });
+}
+export function PriceScheduleCombobox({ priceCatalogId, ...props }) {
+    const api = useProductDetailApi();
+    const query = useQuery(getPriceSchedulesQueryOptions(api, { priceCatalogId: priceCatalogId || undefined, limit: 100 }));
+    return (_jsx(SelectById, { ...props, disabled: props.disabled || !priceCatalogId, items: query.data?.data ?? [] }));
+}
+export function CancellationPolicyCombobox(props) {
+    const api = useProductDetailApi();
+    const query = useQuery(getCancellationPoliciesQueryOptions(api, { limit: 100 }));
+    return _jsx(SelectById, { ...props, items: query.data?.data ?? [] });
+}
+export function PricingCategoryCombobox(props) {
+    const api = useProductDetailApi();
+    const query = useQuery(getPricingCategoriesQueryOptions(api, { active: true, limit: 100 }));
+    return _jsx(SelectById, { ...props, items: query.data?.data ?? [] });
+}

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

@@ -0,0 +1,54 @@
+import type { OperatorAdminMessages } from "@voyant-travel/i18n";
+import { type ReactNode } from "react";
+import type { ProductMediaUploadHandler } from "../product-media-section.js";
+/**
+ * The product-detail page and its sections are transport- and app-agnostic.
+ * The host application injects everything app-specific — localized messages, a
+ * REST client, the active locale, navigation, and a media upload handler — via
+ * this context so the same page can be mounted by any template.
+ */
+export type ProductDetailMessages = OperatorAdminMessages;
+export interface ProductDetailApi {
+    get: <T = unknown>(path: string) => Promise<T>;
+    post: <T = unknown>(path: string, body?: unknown) => Promise<T>;
+    patch: <T = unknown>(path: string, body?: unknown) => Promise<T>;
+    delete: <T = unknown>(path: string) => Promise<T>;
+}
+export interface ProductDetailNavigation {
+    toProducts: () => void;
+    toProduct: (productId: string) => void;
+    toNewBooking: (productId: string) => void;
+    toAvailability: (slotId: string) => void;
+}
+export interface ProductDetailBreadcrumb {
+    label: string;
+    href?: string;
+}
+export interface ProductDetailHostValue {
+    messages: ProductDetailMessages;
+    api: ProductDetailApi;
+    locale: string;
+    navigate: ProductDetailNavigation;
+    uploadMedia?: ProductMediaUploadHandler;
+    /** Optional app-shell breadcrumb sink (e.g. the operator admin shell). */
+    setBreadcrumbs?: (items: ProductDetailBreadcrumb[]) => void;
+    /** Optional extra content rendered under each product option (e.g. an app-specific resource panel). */
+    renderOptionExtras?: (productId: string, optionId: string) => ReactNode;
+}
+export declare function ProductDetailHostProvider({ value, children, }: {
+    value: ProductDetailHostValue;
+    children: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function useProductDetailHost(): ProductDetailHostValue;
+export declare function useOptionalProductDetailHost(): ProductDetailHostValue | null;
+/**
+ * Components keep their `messages.products.*` (and occasional sibling-namespace)
+ * access verbatim — the only change at the call site is the hook name
+ * (`useAdminMessages` → `useProductDetailMessages`).
+ */
+export type ProductMessagesRoot = ProductDetailMessages;
+export declare function useProductDetailMessages(): ProductMessagesRoot;
+export declare function useProductDetailApi(): ProductDetailApi;
+/** The active locale string (BCP-47), e.g. for `toLocaleString`/`Intl`. */
+export declare function useProductLocale(): string;
+//# sourceMappingURL=host.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"host.d.ts","sourceRoot":"","sources":["../../../src/components/product-detail/host.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,qBAAqB,CAAA;AAChE,OAAO,EAAiB,KAAK,SAAS,EAAc,MAAM,OAAO,CAAA;AAEjE,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAA;AAE5E;;;;;GAKG;AAKH,MAAM,MAAM,qBAAqB,GAAG,qBAAqB,CAAA;AAEzD,MAAM,WAAW,gBAAgB;IAC/B,GAAG,EAAE,CAAC,CAAC,GAAG,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC,CAAC,CAAC,CAAA;IAC9C,IAAI,EAAE,CAAC,CAAC,GAAG,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,OAAO,KAAK,OAAO,CAAC,CAAC,CAAC,CAAA;IAC/D,KAAK,EAAE,CAAC,CAAC,GAAG,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,OAAO,KAAK,OAAO,CAAC,CAAC,CAAC,CAAA;IAChE,MAAM,EAAE,CAAC,CAAC,GAAG,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC,CAAC,CAAC,CAAA;CAClD;AAED,MAAM,WAAW,uBAAuB;IACtC,UAAU,EAAE,MAAM,IAAI,CAAA;IACtB,SAAS,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAA;IACtC,YAAY,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAA;IACzC,cAAc,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;CACzC;AAED,MAAM,WAAW,uBAAuB;IACtC,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,MAAM,CAAA;CACd;AAED,MAAM,WAAW,sBAAsB;IACrC,QAAQ,EAAE,qBAAqB,CAAA;IAC/B,GAAG,EAAE,gBAAgB,CAAA;IACrB,MAAM,EAAE,MAAM,CAAA;IACd,QAAQ,EAAE,uBAAuB,CAAA;IACjC,WAAW,CAAC,EAAE,yBAAyB,CAAA;IACvC,0EAA0E;IAC1E,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,uBAAuB,EAAE,KAAK,IAAI,CAAA;IAC3D,uGAAuG;IACvG,kBAAkB,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,SAAS,CAAA;CACxE;AAID,wBAAgB,yBAAyB,CAAC,EACxC,KAAK,EACL,QAAQ,GACT,EAAE;IACD,KAAK,EAAE,sBAAsB,CAAA;IAC7B,QAAQ,EAAE,SAAS,CAAA;CACpB,2CAIA;AAED,wBAAgB,oBAAoB,IAAI,sBAAsB,CAM7D;AAED,wBAAgB,4BAA4B,IAAI,sBAAsB,GAAG,IAAI,CAE5E;AAED;;;;GAIG;AACH,MAAM,MAAM,mBAAmB,GAAG,qBAAqB,CAAA;AAEvD,wBAAgB,wBAAwB,IAAI,mBAAmB,CAE9D;AAED,wBAAgB,mBAAmB,IAAI,gBAAgB,CAEtD;AAED,2EAA2E;AAC3E,wBAAgB,gBAAgB,IAAI,MAAM,CAEzC"}

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

@@ -0,0 +1,27 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useContext } from "react";
+const ProductDetailHostContext = createContext(null);
+export function ProductDetailHostProvider({ value, children, }) {
+    return (_jsx(ProductDetailHostContext.Provider, { value: value, children: children }));
+}
+export function useProductDetailHost() {
+    const context = useContext(ProductDetailHostContext);
+    if (!context) {
+        throw new Error("useProductDetailHost must be used within a ProductDetailHostProvider");
+    }
+    return context;
+}
+export function useOptionalProductDetailHost() {
+    return useContext(ProductDetailHostContext);
+}
+export function useProductDetailMessages() {
+    return useProductDetailHost().messages;
+}
+export function useProductDetailApi() {
+    return useProductDetailHost().api;
+}
+/** The active locale string (BCP-47), e.g. for `toLocaleString`/`Intl`. */
+export function useProductLocale() {
+    return useProductDetailHost().locale;
+}

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

@@ -0,0 +1,6 @@
+export { type ProductDetailApi, type ProductDetailBreadcrumb, ProductDetailHostProvider, type ProductDetailHostValue, type ProductDetailMessages, type ProductDetailNavigation, useProductDetailHost, } from "./host.js";
+export { ProductDetailPage } from "./product-detail-page.js";
+export { getChannelsQueryOptions, getProductChannelMappingsQueryOptions, getProductMediaQueryOptions, getProductRulesQueryOptions, getProductSlotsQueryOptions, } from "./product-detail-shared.js";
+export { ProductDetailSkeleton } from "./product-detail-skeleton.js";
+export { getPricingCategoriesQueryOptions, getProductOptionsQueryOptions, } from "./product-options-shared.js";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/product-detail/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,gBAAgB,EACrB,KAAK,uBAAuB,EAC5B,yBAAyB,EACzB,KAAK,sBAAsB,EAC3B,KAAK,qBAAqB,EAC1B,KAAK,uBAAuB,EAC5B,oBAAoB,GACrB,MAAM,WAAW,CAAA;AAClB,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAA;AAC5D,OAAO,EACL,uBAAuB,EACvB,qCAAqC,EACrC,2BAA2B,EAC3B,2BAA2B,EAC3B,2BAA2B,GAC5B,MAAM,4BAA4B,CAAA;AACnC,OAAO,EAAE,qBAAqB,EAAE,MAAM,8BAA8B,CAAA;AACpE,OAAO,EACL,gCAAgC,EAChC,6BAA6B,GAC9B,MAAM,6BAA6B,CAAA"}

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

@@ -0,0 +1,5 @@
+export { ProductDetailHostProvider, useProductDetailHost, } from "./host.js";
+export { ProductDetailPage } from "./product-detail-page.js";
+export { getChannelsQueryOptions, getProductChannelMappingsQueryOptions, getProductMediaQueryOptions, getProductRulesQueryOptions, getProductSlotsQueryOptions, } from "./product-detail-shared.js";
+export { ProductDetailSkeleton } from "./product-detail-skeleton.js";
+export { getPricingCategoriesQueryOptions, getProductOptionsQueryOptions, } from "./product-options-shared.js";

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

@@ -0,0 +1,4 @@
+export declare function ProductActivitySection({ productId }: {
+    productId: string;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=product-activity-section.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"product-activity-section.d.ts","sourceRoot":"","sources":["../../../src/components/product-detail/product-activity-section.tsx"],"names":[],"mappings":"AAoBA,wBAAgB,sBAAsB,CAAC,EAAE,SAAS,EAAE,EAAE;IAAE,SAAS,EAAE,MAAM,CAAA;CAAE,2CAuE1E"}

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

@@ -0,0 +1,37 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Badge, Button } from "@voyant-travel/ui/components";
+import { Activity, Loader2 } from "lucide-react";
+import { useEffect, useState } from "react";
+import { useProductActionLedger, } from "../../index.js";
+import { actionLedgerRiskVariant, actionLedgerStatusVariant, } from "../product-action-ledger-card.js";
+import { useProductDetailMessages, useProductLocale } from "./host.js";
+import { Section } from "./product-detail-sections.js";
+function formatActionLedgerName(actionName) {
+    const label = actionName.replace(/^product\./, "").replace(/[._-]/g, " ");
+    return label.charAt(0).toUpperCase() + label.slice(1);
+}
+export function ProductActivitySection({ productId }) {
+    const messages = useProductDetailMessages();
+    const productMessages = messages.products.core;
+    const resolvedLocale = useProductLocale();
+    const [cursor, setCursor] = useState(null);
+    const ledgerQuery = useProductActionLedger(productId, { cursor, limit: 20 });
+    const [pages, setPages] = useState([]);
+    useEffect(() => {
+        const page = ledgerQuery.data;
+        if (!page)
+            return;
+        setPages((current) => {
+            if (current.some((entry) => entry.data[0]?.id === page.data[0]?.id))
+                return current;
+            return cursor ? [...current, page] : [page];
+        });
+    }, [ledgerQuery.data, cursor]);
+    const entries = pages.flatMap((page) => page.data);
+    const nextCursor = pages.at(-1)?.pageInfo.nextCursor ?? null;
+    const formatTimestamp = (iso) => new Date(iso).toLocaleString(resolvedLocale, { dateStyle: "medium", timeStyle: "short" });
+    return (_jsx(Section, { title: productMessages.activityTitle, contentClassName: "p-0", children: ledgerQuery.isPending && entries.length === 0 ? (_jsx("div", { className: "flex justify-center py-8", children: _jsx(Loader2, { className: "size-5 animate-spin text-muted-foreground", "aria-hidden": "true" }) })) : ledgerQuery.isError && entries.length === 0 ? (_jsx("p", { className: "py-8 text-center text-sm text-muted-foreground", children: productMessages.activityLoadFailed })) : entries.length === 0 ? (_jsx("p", { className: "py-8 text-center text-sm text-muted-foreground", children: productMessages.activityEmpty })) : (_jsxs("div", { className: "max-h-[420px] overflow-y-auto", children: [_jsx("ul", { className: "divide-y", children: entries.map((entry) => (_jsx(ActivityRow, { entry: entry, timestamp: formatTimestamp(entry.occurredAt) }, entry.id))) }), nextCursor ? (_jsx("div", { className: "border-t p-2", children: _jsxs(Button, { type: "button", variant: "ghost", size: "sm", className: "w-full", disabled: ledgerQuery.isFetching, onClick: () => setCursor(nextCursor), children: [ledgerQuery.isFetching ? (_jsx(Loader2, { className: "size-4 animate-spin", "aria-hidden": "true" })) : null, productMessages.activityLoadMore] }) })) : null] })) }));
+}
+function ActivityRow({ entry, timestamp, }) {
+    return (_jsxs("li", { className: "flex items-start gap-2.5 px-4 py-2.5", children: [_jsx(Activity, { className: "mt-0.5 size-3.5 shrink-0 text-muted-foreground", "aria-hidden": "true" }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsxs("div", { className: "flex flex-wrap items-center gap-1.5", children: [_jsx("span", { className: "truncate text-xs font-medium", children: formatActionLedgerName(entry.actionName) }), _jsx(Badge, { variant: actionLedgerStatusVariant[entry.status] ?? "secondary", className: "px-1.5 py-0 text-[10px]", children: entry.status.replace(/_/g, " ") }), _jsx(Badge, { variant: actionLedgerRiskVariant[entry.evaluatedRisk] ?? "outline", className: "px-1.5 py-0 text-[10px]", children: entry.evaluatedRisk })] }), _jsxs("p", { className: "mt-0.5 truncate text-[11px] text-muted-foreground", children: [entry.principalType, ":", entry.principalId, " \u00B7 ", timestamp] }), entry.mutationSummary ? (_jsx("p", { className: "mt-0.5 truncate text-[11px] text-muted-foreground", children: entry.mutationSummary })) : null] })] }));
+}

package/dist/components/product-detail/product-day-sheet.d.ts

@@ -0,0 +1,14 @@
+import { type ProductDayRecord } from "../../index.js";
+import type { ProductMediaUploadHandler } from "../product-media-section.js";
+export interface ProductDaySheetProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    productId: string;
+    itineraryId?: string;
+    day?: ProductDayRecord;
+    nextDayNumber?: number;
+    uploadMedia?: ProductMediaUploadHandler;
+    onSuccess?: (day: ProductDayRecord) => void;
+}
+export declare function ProductDaySheet({ open, onOpenChange, productId, itineraryId, day, nextDayNumber, uploadMedia, onSuccess, }: ProductDaySheetProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=product-day-sheet.d.ts.map

package/dist/components/product-detail/product-day-sheet.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"product-day-sheet.d.ts","sourceRoot":"","sources":["../../../src/components/product-detail/product-day-sheet.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAE,KAAK,gBAAgB,EAAqC,MAAM,gBAAgB,CAAA;AAEzF,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAA;AAK5E,MAAM,WAAW,oBAAoB;IACnC,IAAI,EAAE,OAAO,CAAA;IACb,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACrC,SAAS,EAAE,MAAM,CAAA;IACjB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,GAAG,CAAC,EAAE,gBAAgB,CAAA;IACtB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,WAAW,CAAC,EAAE,yBAAyB,CAAA;IACvC,SAAS,CAAC,EAAE,CAAC,GAAG,EAAE,gBAAgB,KAAK,IAAI,CAAA;CAC5C;AAED,wBAAgB,eAAe,CAAC,EAC9B,IAAI,EACJ,YAAY,EACZ,SAAS,EACT,WAAW,EACX,GAAG,EACH,aAAa,EACb,WAAW,EACX,SAAS,GACV,EAAE,oBAAoB,2CAkLtB"}

package/dist/components/product-detail/product-day-sheet.js

@@ -0,0 +1,75 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button, Input, Label, Sheet, SheetBody, SheetContent, SheetHeader, SheetTitle, } from "@voyant-travel/ui/components";
+import { Loader2 } from "lucide-react";
+import { useEffect, useState } from "react";
+import { ProductsUiMessagesProvider } from "../../i18n/index.js";
+import { useProduct, useProductDayMutation } from "../../index.js";
+import { ProductDayMediaTray } from "../product-day-media-tray.js";
+import { useProductDetailMessages, useProductLocale } from "./host.js";
+import { DayTranslatableField, useProductDayTranslationDrafts } from "./product-day-translation.js";
+import { ContentLanguageSwitcher, richTextHasContent } from "./product-translation-popover.js";
+export function ProductDaySheet({ open, onOpenChange, productId, itineraryId, day, nextDayNumber, uploadMedia, onSuccess, }) {
+    const messages = useProductDetailMessages();
+    const productMessages = messages.products.core;
+    const resolvedLocale = useProductLocale();
+    const isEdit = !!day;
+    const productQuery = useProduct(productId);
+    const adminBaseLocale = resolvedLocale.split("-")[0]?.toLowerCase() || "en";
+    const defaultLanguageTag = productQuery.data?.defaultLanguageTag?.trim() || adminBaseLocale;
+    const [dayNumber, setDayNumber] = useState("1");
+    const [title, setTitle] = useState("");
+    const [description, setDescription] = useState("");
+    const [location, setLocation] = useState("");
+    const [error, setError] = useState(null);
+    const dayMutation = useProductDayMutation();
+    const translations = useProductDayTranslationDrafts(productId, day?.id ?? null);
+    const [activeLanguage, setActiveLanguage] = useState(defaultLanguageTag);
+    useEffect(() => {
+        setActiveLanguage(defaultLanguageTag);
+    }, [defaultLanguageTag]);
+    // Reset the base fields whenever the sheet opens for a different day.
+    useEffect(() => {
+        if (!open)
+            return;
+        setDayNumber(String(day?.dayNumber ?? nextDayNumber ?? 1));
+        setTitle(day?.title ?? "");
+        setDescription(day?.description ?? "");
+        setLocation(day?.location ?? "");
+        setError(null);
+    }, [open, day, nextDayNumber]);
+    const isSubmitting = dayMutation.create.isPending || dayMutation.update.isPending;
+    const handleSubmit = async (event) => {
+        event.preventDefault();
+        setError(null);
+        const parsedDayNumber = Number.parseInt(dayNumber || "0", 10);
+        if (!Number.isFinite(parsedDayNumber) || parsedDayNumber < 1) {
+            setError(productMessages.dayNumberMin);
+            return;
+        }
+        const payload = {
+            dayNumber: parsedDayNumber,
+            title: title.trim() ? title.trim() : null,
+            description: richTextHasContent(description) ? description : null,
+            location: location.trim() ? location.trim() : null,
+        };
+        try {
+            const savedDay = isEdit
+                ? await dayMutation.update.mutateAsync({ productId, dayId: day.id, input: payload })
+                : await dayMutation.create.mutateAsync({ productId, itineraryId, ...payload });
+            await translations.persist(productId, savedDay.id, defaultLanguageTag);
+            onSuccess?.(savedDay);
+            onOpenChange(false);
+        }
+        catch (submissionError) {
+            setError(submissionError instanceof Error ? submissionError.message : productMessages.daySaveFailed);
+        }
+    };
+    return (_jsx(Sheet, { open: open, onOpenChange: onOpenChange, children: _jsxs(SheetContent, { side: "right", size: "lg", children: [_jsx(SheetHeader, { children: _jsx(SheetTitle, { children: isEdit ? productMessages.daySheetEditTitle : productMessages.daySheetNewTitle }) }), _jsx(SheetBody, { children: _jsxs("form", { onSubmit: handleSubmit, className: "flex flex-col gap-4", children: [_jsx(ContentLanguageSwitcher, { activeLanguage: activeLanguage, defaultLanguageTag: defaultLanguageTag, languageTags: translations.drafts.map((draft) => draft.languageTag), messages: productMessages, onSelect: setActiveLanguage, onAddLanguage: (code) => {
+                                    translations.addLanguage(code);
+                                    setActiveLanguage(code);
+                                }, onRemoveLanguage: (code) => {
+                                    translations.removeLanguage(code);
+                                    if (activeLanguage === code)
+                                        setActiveLanguage(defaultLanguageTag);
+                                } }), _jsxs("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-2", children: [_jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Label, { htmlFor: "product-day-number", children: productMessages.dayNumberLabel }), _jsx(Input, { id: "product-day-number", type: "number", min: "1", required: true, value: dayNumber, onChange: (event) => setDayNumber(event.target.value) })] }), _jsx(DayTranslatableField, { field: "location", type: "text", label: productMessages.dayLocationLabel, activeLanguage: activeLanguage, defaultLanguageTag: defaultLanguageTag, base: { value: location, onChange: setLocation }, drafts: translations, messages: productMessages, placeholder: productMessages.dayLocationPlaceholder })] }), _jsx(DayTranslatableField, { field: "title", type: "text", label: productMessages.dayTitleLabel, activeLanguage: activeLanguage, defaultLanguageTag: defaultLanguageTag, base: { value: title, onChange: setTitle }, drafts: translations, messages: productMessages, placeholder: productMessages.dayTitlePlaceholder, autoFocus: true }), _jsx(DayTranslatableField, { field: "description", type: "richtext", label: productMessages.dayDescriptionLabel, activeLanguage: activeLanguage, defaultLanguageTag: defaultLanguageTag, base: { value: description, onChange: setDescription }, drafts: translations, messages: productMessages, placeholder: productMessages.dayDescriptionPlaceholder }), error ? _jsx("p", { className: "text-sm text-destructive", children: error }) : null, isEdit ? (_jsx("div", { className: "border-t pt-4", children: _jsx(ProductsUiMessagesProvider, { locale: resolvedLocale, children: _jsx(ProductDayMediaTray, { productId: productId, dayId: day.id, uploadMedia: uploadMedia }) }) })) : null, _jsxs("div", { className: "flex items-center justify-end gap-2", children: [_jsx(Button, { type: "button", variant: "ghost", onClick: () => onOpenChange(false), disabled: isSubmitting, children: productMessages.cancel }), _jsxs(Button, { type: "submit", disabled: isSubmitting, children: [isSubmitting ? (_jsx(Loader2, { className: "mr-2 size-4 animate-spin", "aria-hidden": "true" })) : null, isEdit ? productMessages.saveDay : productMessages.addDay] })] })] }) })] }) }));
+}

package/dist/components/product-detail/product-day-translation.d.ts

@@ -0,0 +1,41 @@
+import type { useProductDetailMessages } from "./host.js";
+type ProductCoreMessages = ReturnType<typeof useProductDetailMessages>["products"]["core"];
+export type DayTranslatableField = "title" | "description" | "location";
+export type DayTranslationDraft = {
+    id: string | null;
+    languageTag: string;
+    title: string;
+    description: string;
+    location: string;
+};
+export interface ProductDayTranslationDrafts {
+    drafts: DayTranslationDraft[];
+    setFieldValue: (languageTag: string, field: DayTranslatableField, value: string) => void;
+    addLanguage: (languageTag: string) => void;
+    removeLanguage: (languageTag: string) => void;
+    persist: (productId: string, dayId: string, defaultLanguageTag: string) => Promise<void>;
+}
+/**
+ * In-memory drafts for a day's translations. The default language's content
+ * lives in the base day columns (title/description/location all have base
+ * columns), so this only manages non-default-language translation rows.
+ */
+export declare function useProductDayTranslationDrafts(productId: string | null, dayId: string | null): ProductDayTranslationDrafts;
+export interface DayTranslatableFieldProps {
+    label: string;
+    type: "text" | "richtext";
+    field: DayTranslatableField;
+    activeLanguage: string;
+    defaultLanguageTag: string;
+    base: {
+        value: string;
+        onChange: (value: string) => void;
+    };
+    drafts: ProductDayTranslationDrafts;
+    messages: ProductCoreMessages;
+    placeholder?: string;
+    autoFocus?: boolean;
+}
+export declare function DayTranslatableField({ label, type, field, activeLanguage, defaultLanguageTag, base, drafts, messages, placeholder, autoFocus, }: DayTranslatableFieldProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=product-day-translation.d.ts.map

package/dist/components/product-detail/product-day-translation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"product-day-translation.d.ts","sourceRoot":"","sources":["../../../src/components/product-detail/product-day-translation.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,WAAW,CAAA;AAGzD,KAAK,mBAAmB,GAAG,UAAU,CAAC,OAAO,wBAAwB,CAAC,CAAC,UAAU,CAAC,CAAC,MAAM,CAAC,CAAA;AAE1F,MAAM,MAAM,oBAAoB,GAAG,OAAO,GAAG,aAAa,GAAG,UAAU,CAAA;AAEvE,MAAM,MAAM,mBAAmB,GAAG;IAChC,EAAE,EAAE,MAAM,GAAG,IAAI,CAAA;IACjB,WAAW,EAAE,MAAM,CAAA;IACnB,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,EAAE,MAAM,CAAA;IACnB,QAAQ,EAAE,MAAM,CAAA;CACjB,CAAA;AAqBD,MAAM,WAAW,2BAA2B;IAC1C,MAAM,EAAE,mBAAmB,EAAE,CAAA;IAC7B,aAAa,EAAE,CAAC,WAAW,EAAE,MAAM,EAAE,KAAK,EAAE,oBAAoB,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACxF,WAAW,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAA;IAC1C,cAAc,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAA;IAC7C,OAAO,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,kBAAkB,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;CACzF;AAED;;;;GAIG;AACH,wBAAgB,8BAA8B,CAC5C,SAAS,EAAE,MAAM,GAAG,IAAI,EACxB,KAAK,EAAE,MAAM,GAAG,IAAI,GACnB,2BAA2B,CA2F7B;AAED,MAAM,WAAW,yBAAyB;IACxC,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,GAAG,UAAU,CAAA;IACzB,KAAK,EAAE,oBAAoB,CAAA;IAC3B,cAAc,EAAE,MAAM,CAAA;IACtB,kBAAkB,EAAE,MAAM,CAAA;IAC1B,IAAI,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;KAAE,CAAA;IAC1D,MAAM,EAAE,2BAA2B,CAAA;IACnC,QAAQ,EAAE,mBAAmB,CAAA;IAC7B,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB;AAED,wBAAgB,oBAAoB,CAAC,EACnC,KAAK,EACL,IAAI,EACJ,KAAK,EACL,cAAc,EACd,kBAAkB,EAClB,IAAI,EACJ,MAAM,EACN,QAAQ,EACR,WAAW,EACX,SAAS,GACV,EAAE,yBAAyB,2CAmC3B"}