@voyant-travel/inventory-react 0.1.0

package/dist/components/product-version-dialog.js

@@ -0,0 +1,39 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from "@voyant-travel/ui/components/button";
+import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle, } from "@voyant-travel/ui/components/dialog";
+import { Label } from "@voyant-travel/ui/components/label";
+import { Textarea } from "@voyant-travel/ui/components/textarea";
+import { Loader2 } from "lucide-react";
+import * as React from "react";
+import { useProductsUiMessagesOrDefault } from "../i18n/provider.js";
+import { useProductVersionMutation } from "../index.js";
+export function ProductVersionDialog({ open, onOpenChange, productId, onSuccess, }) {
+    const [notes, setNotes] = React.useState("");
+    const [error, setError] = React.useState(null);
+    const { create } = useProductVersionMutation();
+    const messages = useProductsUiMessagesOrDefault();
+    React.useEffect(() => {
+        if (open) {
+            setNotes("");
+            setError(null);
+        }
+    }, [open]);
+    return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(DialogContent, { "data-slot": "product-version-dialog", className: "sm:max-w-[560px]", children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { children: messages.productVersionDialog.title }), _jsx(DialogDescription, { children: messages.productVersionDialog.description })] }), _jsxs("form", { className: "flex flex-col gap-4", onSubmit: async (event) => {
+                        event.preventDefault();
+                        setError(null);
+                        try {
+                            await create.mutateAsync({
+                                productId,
+                                notes: notes.trim() ? notes.trim() : null,
+                            });
+                            onSuccess?.();
+                            onOpenChange(false);
+                        }
+                        catch (submissionError) {
+                            setError(submissionError instanceof Error
+                                ? submissionError.message
+                                : messages.productVersionDialog.validation.saveFailed);
+                        }
+                    }, children: [_jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Label, { htmlFor: "product-version-notes", children: messages.productVersionDialog.fields.notes }), _jsx(Textarea, { id: "product-version-notes", value: notes, onChange: (event) => setNotes(event.target.value), placeholder: messages.productVersionDialog.placeholders.notes })] }), error ? _jsx("p", { className: "text-sm text-destructive", children: error }) : null, _jsxs("div", { className: "flex items-center justify-end gap-2", children: [_jsx(Button, { type: "button", variant: "ghost", onClick: () => onOpenChange(false), children: messages.common.cancel }), _jsxs(Button, { type: "submit", disabled: create.isPending, children: [create.isPending ? (_jsx(Loader2, { className: "mr-2 size-4 animate-spin", "aria-hidden": "true" })) : null, messages.productVersionDialog.actions.createVersion] })] })] })] }) }));
+}

package/dist/components/product-versions-section.d.ts

@@ -0,0 +1,7 @@
+export interface ProductVersionsSectionProps {
+    productId: string;
+    title?: string;
+    description?: string;
+}
+export declare function ProductVersionsSection({ productId, title, description, }: ProductVersionsSectionProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=product-versions-section.d.ts.map

package/dist/components/product-versions-section.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"product-versions-section.d.ts","sourceRoot":"","sources":["../../src/components/product-versions-section.tsx"],"names":[],"mappings":"AAgBA,MAAM,WAAW,2BAA2B;IAC1C,SAAS,EAAE,MAAM,CAAA;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB;AAED,wBAAgB,sBAAsB,CAAC,EACrC,SAAS,EACT,KAAK,EACL,WAAW,GACZ,EAAE,2BAA2B,2CA0D7B"}

package/dist/components/product-versions-section.js

@@ -0,0 +1,19 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from "@voyant-travel/ui/components/button";
+import { Card, CardContent, CardDescription, CardHeader, CardTitle, } from "@voyant-travel/ui/components/card";
+import { FileText, Loader2, Plus } from "lucide-react";
+import * as React from "react";
+import { useProductsUiI18nOrDefault, useProductsUiMessagesOrDefault } from "../i18n/provider.js";
+import { useProductVersions } from "../index.js";
+import { ProductVersionDialog } from "./product-version-dialog.js";
+export function ProductVersionsSection({ productId, title, description, }) {
+    const [dialogOpen, setDialogOpen] = React.useState(false);
+    const { data, isPending, isError } = useProductVersions(productId);
+    const versions = data?.data ?? [];
+    const messages = useProductsUiMessagesOrDefault();
+    const { formatDateTime } = useProductsUiI18nOrDefault();
+    const resolvedTitle = title ?? messages.productVersionsSection.titles.default;
+    const resolvedDescription = description ?? messages.productVersionsSection.descriptions.default;
+    return (_jsxs(Card, { "data-slot": "product-versions-section", children: [_jsxs(CardHeader, { className: "flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between", children: [_jsxs("div", { className: "space-y-1", children: [_jsx(CardTitle, { children: resolvedTitle }), _jsx(CardDescription, { children: resolvedDescription })] }), _jsxs(Button, { variant: "outline", onClick: () => setDialogOpen(true), children: [_jsx(Plus, { className: "mr-2 size-4", "aria-hidden": "true" }), messages.productVersionsSection.actions.createVersion] })] }), _jsxs(CardContent, { className: "flex flex-col gap-3", children: [isPending ? (_jsx("div", { className: "flex min-h-24 items-center justify-center", children: _jsx(Loader2, { className: "size-4 animate-spin text-muted-foreground" }) })) : isError ? (_jsx("p", { className: "text-sm text-destructive", children: messages.productVersionsSection.loadingError })) : versions.length === 0 ? (_jsx("p", { className: "text-sm text-muted-foreground", children: messages.productVersionsSection.empty })) : (versions.map((version) => (_jsxs("div", { className: "flex items-center gap-4 rounded-md border p-3", children: [_jsx(FileText, { className: "size-4 text-muted-foreground", "aria-hidden": "true" }), _jsxs("div", { className: "flex-1", children: [_jsxs("p", { className: "text-sm font-medium", children: [messages.productVersionsSection.versionLabel, " ", version.versionNumber] }), version.notes ? (_jsx("p", { className: "mt-1 text-sm text-muted-foreground", children: version.notes })) : null] }), _jsxs("div", { className: "text-right text-xs text-muted-foreground", children: [_jsx("div", { children: formatDateTime(version.createdAt) }), _jsx("div", { children: version.authorId })] })] }, version.id)))), _jsx(ProductVersionDialog, { open: dialogOpen, onOpenChange: setDialogOpen, productId: productId })] })] }));
+}

package/dist/components/products-page.d.ts

@@ -0,0 +1,8 @@
+import type { ProductRecord } from "../index.js";
+export interface ProductsPageProps {
+    pageSize?: number;
+    onProductOpen?: (product: ProductRecord) => void;
+    className?: string;
+}
+export declare function ProductsPage({ pageSize, onProductOpen, className }?: ProductsPageProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=products-page.d.ts.map

package/dist/components/products-page.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"products-page.d.ts","sourceRoot":"","sources":["../../src/components/products-page.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAGhD,MAAM,WAAW,iBAAiB;IAChC,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE,aAAa,KAAK,IAAI,CAAA;IAChD,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,wBAAgB,YAAY,CAAC,EAAE,QAAQ,EAAE,aAAa,EAAE,SAAS,EAAE,GAAE,iBAAsB,2CAa1F"}

package/dist/components/products-page.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from "@voyant-travel/ui/lib/utils";
+import { useProductsUiMessagesOrDefault } from "../i18n/index.js";
+import { ProductList } from "./product-list.js";
+export function ProductsPage({ pageSize, onProductOpen, className } = {}) {
+    const productMessages = useProductsUiMessagesOrDefault().productsPage;
+    return (_jsxs("div", { "data-slot": "products-page", className: cn("flex flex-col gap-6 p-6", className), children: [_jsxs("div", { children: [_jsx("h1", { className: "text-2xl font-bold tracking-tight", children: productMessages.title }), _jsx("p", { className: "text-sm text-muted-foreground", children: productMessages.description })] }), _jsx(ProductList, { pageSize: pageSize, onSelectProduct: onProductOpen })] }));
+}

package/dist/extras/client.d.ts

@@ -0,0 +1,14 @@
+import type { z } from "zod";
+export type VoyantFetcher = (url: string, init?: RequestInit) => Promise<Response>;
+export declare const defaultFetcher: VoyantFetcher;
+export declare class VoyantApiError extends Error {
+    readonly status: number;
+    readonly body: unknown;
+    constructor(message: string, status: number, body: unknown);
+}
+export interface FetchWithValidationOptions {
+    baseUrl: string;
+    fetcher: VoyantFetcher;
+}
+export declare function fetchWithValidation<TOut>(path: string, schema: z.ZodType<TOut>, options: FetchWithValidationOptions, init?: RequestInit): Promise<TOut>;
+//# sourceMappingURL=client.d.ts.map

package/dist/extras/client.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"client.d.ts","sourceRoot":"","sources":["../../src/extras/client.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,CAAC,EAAE,MAAM,KAAK,CAAA;AAE5B,MAAM,MAAM,aAAa,GAAG,CAAC,GAAG,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,WAAW,KAAK,OAAO,CAAC,QAAQ,CAAC,CAAA;AAElF,eAAO,MAAM,cAAc,EAAE,aACoB,CAAA;AAEjD,qBAAa,cAAe,SAAQ,KAAK;IACvC,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAA;IACvB,QAAQ,CAAC,IAAI,EAAE,OAAO,CAAA;gBAEV,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO;CAM3D;AAaD,MAAM,WAAW,0BAA0B;IACzC,OAAO,EAAE,MAAM,CAAA;IACf,OAAO,EAAE,aAAa,CAAA;CACvB;AAED,wBAAsB,mBAAmB,CAAC,IAAI,EAC5C,IAAI,EAAE,MAAM,EACZ,MAAM,EAAE,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,EACvB,OAAO,EAAE,0BAA0B,EACnC,IAAI,CAAC,EAAE,WAAW,GACjB,OAAO,CAAC,IAAI,CAAC,CA8Bf"}

package/dist/extras/client.js

@@ -0,0 +1,58 @@
+export const defaultFetcher = (url, init) => fetch(url, { credentials: "include", ...init });
+export class VoyantApiError extends Error {
+    status;
+    body;
+    constructor(message, status, body) {
+        super(message);
+        this.name = "VoyantApiError";
+        this.status = status;
+        this.body = body;
+    }
+}
+function extractErrorMessage(status, statusText, body) {
+    if (typeof body === "object" && body !== null && "error" in body) {
+        const err = body.error;
+        if (typeof err === "string")
+            return err;
+        if (typeof err === "object" && err !== null && "message" in err) {
+            return String(err.message);
+        }
+    }
+    return `Voyant API error: ${status} ${statusText}`;
+}
+export async function fetchWithValidation(path, schema, options, init) {
+    const url = joinUrl(options.baseUrl, path);
+    const headers = new Headers(init?.headers);
+    if (init?.body !== undefined && !headers.has("Content-Type")) {
+        headers.set("Content-Type", "application/json");
+    }
+    const response = await options.fetcher(url, { ...init, headers });
+    if (!response.ok) {
+        const body = await safeJson(response);
+        throw new VoyantApiError(extractErrorMessage(response.status, response.statusText, body), response.status, body);
+    }
+    if (response.status === 204)
+        return schema.parse(undefined);
+    const body = await safeJson(response);
+    const parsed = schema.safeParse(body);
+    if (!parsed.success) {
+        throw new VoyantApiError(`Voyant API response failed validation: ${parsed.error.message}`, response.status, body);
+    }
+    return parsed.data;
+}
+async function safeJson(response) {
+    const text = await response.text();
+    if (!text)
+        return undefined;
+    try {
+        return JSON.parse(text);
+    }
+    catch {
+        return text;
+    }
+}
+function joinUrl(baseUrl, path) {
+    const trimmedBase = baseUrl.endsWith("/") ? baseUrl.slice(0, -1) : baseUrl;
+    const trimmedPath = path.startsWith("/") ? path : `/${path}`;
+    return `${trimmedBase}${trimmedPath}`;
+}

package/dist/extras/components/extra-catalog-card.d.ts

@@ -0,0 +1,13 @@
+import type { CatalogSearchHit } from "@voyant-travel/catalog-react";
+export interface ExtraCatalogCardProps {
+    hit: CatalogSearchHit;
+    onClick?: (hit: CatalogSearchHit) => void;
+    className?: string;
+}
+/**
+ * Search-result card for an extras hit (sub-line-item add-ons attached
+ * to bookings). Reads: `name`, `category`, `priceCents`, `currency`,
+ * `unit` (per_person | per_booking | per_night), `tags`.
+ */
+export declare function ExtraCatalogCard({ hit, onClick, className }: ExtraCatalogCardProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=extra-catalog-card.d.ts.map

package/dist/extras/components/extra-catalog-card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"extra-catalog-card.d.ts","sourceRoot":"","sources":["../../../src/extras/components/extra-catalog-card.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAA;AAMpE,MAAM,WAAW,qBAAqB;IACpC,GAAG,EAAE,gBAAgB,CAAA;IACrB,OAAO,CAAC,EAAE,CAAC,GAAG,EAAE,gBAAgB,KAAK,IAAI,CAAA;IACzC,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED;;;;GAIG;AACH,wBAAgB,gBAAgB,CAAC,EAAE,GAAG,EAAE,OAAO,EAAE,SAAS,EAAE,EAAE,qBAAqB,2CA8DlF"}

package/dist/extras/components/extra-catalog-card.js

@@ -0,0 +1,52 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Badge } from "@voyant-travel/ui/components/badge";
+import { Card, CardContent } from "@voyant-travel/ui/components/card";
+import { cn } from "@voyant-travel/ui/lib/utils";
+import { useExtrasUiI18nOrDefault } from "../i18n/index.js";
+/**
+ * Search-result card for an extras hit (sub-line-item add-ons attached
+ * to bookings). Reads: `name`, `category`, `priceCents`, `currency`,
+ * `unit` (per_person | per_booking | per_night), `tags`.
+ */
+export function ExtraCatalogCard({ hit, onClick, className }) {
+    const i18n = useExtrasUiI18nOrDefault();
+    const messages = i18n.messages.catalogCard;
+    const f = hit.document.fields;
+    const name = stringOr(f.name, messages.untitled);
+    const category = stringOr(f.category, null);
+    const unit = stringOr(f.unit, null);
+    const status = stringOr(f.status, null);
+    const tags = stringArray(f.tags);
+    const price = numberOr(f.priceCents, null);
+    const currency = stringOr(f.currency ?? f.sellCurrency, null);
+    const priceLabel = price != null && currency
+        ? i18n.formatCurrency(price / 100, currency, {
+            maximumFractionDigits: 2,
+        })
+        : null;
+    return (_jsx(Card, { className: cn("h-full cursor-pointer transition-colors hover:border-primary/40", onClick == null && "cursor-default", className), onClick: onClick ? () => onClick(hit) : undefined, children: _jsxs(CardContent, { className: "flex h-full flex-col gap-2 p-4", children: [_jsxs("div", { className: "flex items-start justify-between gap-2", children: [_jsx("h3", { className: "line-clamp-2 font-medium text-sm", children: name }), status && (_jsx(Badge, { variant: status === "active" ? "default" : "secondary", className: "shrink-0", children: status }))] }), _jsxs("div", { className: "flex flex-wrap items-center gap-2 text-muted-foreground text-xs", children: [category && _jsx("span", { children: category }), priceLabel && (_jsxs("span", { className: "ml-auto font-medium text-foreground", children: [priceLabel, unit && (_jsx("span", { className: "ml-1 text-muted-foreground", children: formatTemplate(messages.unitPrefix, { unit: unit.replace(/_/g, " ") }) }))] }))] }), tags.length > 0 && (_jsx("div", { className: "mt-auto flex flex-wrap gap-1", children: tags.slice(0, 4).map((tag) => (_jsx(Badge, { variant: "outline", className: "text-[10px]", children: tag }, tag))) }))] }) }));
+}
+function formatTemplate(template, values) {
+    return template.replace(/\{(\w+)\}/g, (_, key) => {
+        const value = values[key];
+        return value === undefined ? "" : String(value);
+    });
+}
+function stringOr(value, fallback) {
+    return typeof value === "string" && value.length > 0 ? value : fallback;
+}
+function numberOr(value, fallback) {
+    if (typeof value === "number")
+        return value;
+    if (typeof value === "string") {
+        const n = Number(value);
+        return Number.isFinite(n) ? n : fallback;
+    }
+    return fallback;
+}
+function stringArray(value) {
+    if (!Array.isArray(value))
+        return [];
+    return value.filter((v) => typeof v === "string" && v.length > 0);
+}

package/dist/extras/components/product-combobox.d.ts

@@ -0,0 +1,9 @@
+type Props = {
+    value: string | null | undefined;
+    onChange: (value: string | null) => void;
+    placeholder?: string;
+    disabled?: boolean;
+};
+export declare function ProductCombobox({ value, onChange, placeholder, disabled }: Props): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=product-combobox.d.ts.map

package/dist/extras/components/product-combobox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"product-combobox.d.ts","sourceRoot":"","sources":["../../../src/extras/components/product-combobox.tsx"],"names":[],"mappings":"AAgBA,KAAK,KAAK,GAAG;IACX,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAA;IAChC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAA;IACxC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AAID,wBAAgB,eAAe,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,WAAW,EAAE,QAAQ,EAAE,EAAE,KAAK,2CAyEhF"}

package/dist/extras/components/product-combobox.js

@@ -0,0 +1,46 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useProduct, useProducts } from "@voyant-travel/inventory-react";
+import { Combobox, ComboboxCollection, ComboboxContent, ComboboxEmpty, ComboboxInput, ComboboxItem, ComboboxList, } from "@voyant-travel/ui/components/combobox";
+import * as React from "react";
+import { useExtrasUiMessagesOrDefault } from "../i18n/index.js";
+const PAGE_SIZE = 25;
+export function ProductCombobox({ value, onChange, placeholder, disabled }) {
+    const messages = useExtrasUiMessagesOrDefault();
+    const [search, setSearch] = React.useState("");
+    const listQuery = useProducts({ search: search || undefined, limit: PAGE_SIZE });
+    const selectedQuery = useProduct(value ?? undefined, { enabled: !!value });
+    const items = React.useMemo(() => {
+        const map = new Map();
+        for (const item of listQuery.data?.data ?? [])
+            map.set(item.id, item);
+        if (selectedQuery.data)
+            map.set(selectedQuery.data.id, selectedQuery.data);
+        return Array.from(map.values());
+    }, [listQuery.data?.data, selectedQuery.data]);
+    const itemMap = React.useMemo(() => new Map(items.map((item) => [item.id, item])), [items]);
+    const selected = value ? itemMap.get(value) : undefined;
+    const selectedLabel = selected ? selected.name : "";
+    const [inputValue, setInputValue] = React.useState(selectedLabel);
+    React.useEffect(() => {
+        if (selectedLabel)
+            setInputValue(selectedLabel);
+    }, [selectedLabel]);
+    return (_jsxs(Combobox, { items: items.map((item) => item.id), value: value ?? null, inputValue: inputValue, autoHighlight: true, disabled: disabled, itemToStringValue: (id) => itemMap.get(id)?.name ?? "", onInputValueChange: (next) => {
+            setInputValue(next);
+            setSearch(next);
+            if (!next)
+                onChange(null);
+        }, onValueChange: (next) => {
+            const id = next ?? null;
+            onChange(id);
+            setInputValue(id ? (itemMap.get(id)?.name ?? "") : "");
+        }, children: [_jsx(ComboboxInput, { placeholder: placeholder ?? messages.productCombobox.placeholder, showClear: !!value }), _jsxs(ComboboxContent, { children: [_jsx(ComboboxEmpty, { children: listQuery.isPending || selectedQuery.isPending
+                            ? messages.productCombobox.loading
+                            : messages.productCombobox.empty }), _jsx(ComboboxList, { children: _jsx(ComboboxCollection, { children: (id) => {
+                                const item = itemMap.get(id);
+                                if (!item)
+                                    return null;
+                                return (_jsx(ComboboxItem, { value: item.id, children: _jsxs("div", { className: "flex min-w-0 flex-col", children: [_jsx("span", { className: "truncate font-medium", children: item.name }), _jsxs("span", { className: "truncate text-xs text-muted-foreground", children: [messages.productCombobox.statusLabels[item.status], " \u00B7", " ", messages.productCombobox.bookingModeLabels[item.bookingMode]] })] }) }, item.id));
+                            } }) })] })] }));
+}

package/dist/extras/hooks/index.d.ts

@@ -0,0 +1,4 @@
+export * from "./use-product-extra.js";
+export * from "./use-product-extra-mutation.js";
+export * from "./use-product-extras.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/extras/hooks/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/extras/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAA;AACtC,cAAc,iCAAiC,CAAA;AAC/C,cAAc,yBAAyB,CAAA"}

package/dist/extras/hooks/index.js

@@ -0,0 +1,3 @@
+export * from "./use-product-extra.js";
+export * from "./use-product-extra-mutation.js";
+export * from "./use-product-extras.js";

package/dist/extras/hooks/use-product-extra-mutation.d.ts

@@ -0,0 +1,70 @@
+import type { insertProductExtraSchema, updateProductExtraSchema } from "@voyant-travel/inventory/extras";
+import type { z } from "zod";
+export type CreateProductExtraInput = z.input<typeof insertProductExtraSchema>;
+export type UpdateProductExtraInput = z.input<typeof updateProductExtraSchema>;
+export declare function useProductExtraMutation(): {
+    create: import("@tanstack/react-query").UseMutationResult<{
+        id: string;
+        productId: string;
+        code: string | null;
+        name: string;
+        description: string | null;
+        selectionType: "optional" | "required" | "default_selected" | "unavailable";
+        pricingMode: "included" | "per_person" | "per_booking" | "quantity_based" | "on_request" | "free";
+        pricedPerPerson: boolean;
+        collectionMode: "included" | "booking_total" | "cash_on_trip" | "external" | "none";
+        showOnSlotManifest: boolean;
+        minQuantity: number | null;
+        maxQuantity: number | null;
+        defaultQuantity: number | null;
+        active: boolean;
+        sortOrder: number;
+        createdAt: string;
+        updatedAt: string;
+        metadata?: Record<string, unknown> | null | undefined;
+    }, Error, {
+        productId: string;
+        name: string;
+        supplierId?: string | null | undefined;
+        code?: string | null | undefined;
+        description?: string | null | undefined;
+        selectionType?: "optional" | "required" | "default_selected" | "unavailable" | undefined;
+        pricingMode?: "included" | "per_person" | "per_booking" | "quantity_based" | "on_request" | "free" | undefined;
+        pricedPerPerson?: boolean | undefined;
+        collectionMode?: "included" | "booking_total" | "cash_on_trip" | "external" | "none" | undefined;
+        showOnSlotManifest?: boolean | undefined;
+        minQuantity?: number | null | undefined;
+        maxQuantity?: number | null | undefined;
+        defaultQuantity?: number | null | undefined;
+        active?: boolean | undefined;
+        sortOrder?: number | undefined;
+        metadata?: Record<string, unknown> | null | undefined;
+    }, unknown>;
+    update: import("@tanstack/react-query").UseMutationResult<{
+        id: string;
+        productId: string;
+        code: string | null;
+        name: string;
+        description: string | null;
+        selectionType: "optional" | "required" | "default_selected" | "unavailable";
+        pricingMode: "included" | "per_person" | "per_booking" | "quantity_based" | "on_request" | "free";
+        pricedPerPerson: boolean;
+        collectionMode: "included" | "booking_total" | "cash_on_trip" | "external" | "none";
+        showOnSlotManifest: boolean;
+        minQuantity: number | null;
+        maxQuantity: number | null;
+        defaultQuantity: number | null;
+        active: boolean;
+        sortOrder: number;
+        createdAt: string;
+        updatedAt: string;
+        metadata?: Record<string, unknown> | null | undefined;
+    }, Error, {
+        id: string;
+        input: UpdateProductExtraInput;
+    }, unknown>;
+    remove: import("@tanstack/react-query").UseMutationResult<{
+        success: boolean;
+    }, Error, string, unknown>;
+};
+//# sourceMappingURL=use-product-extra-mutation.d.ts.map

package/dist/extras/hooks/use-product-extra-mutation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-product-extra-mutation.d.ts","sourceRoot":"","sources":["../../../src/extras/hooks/use-product-extra-mutation.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EACV,wBAAwB,EACxB,wBAAwB,EACzB,MAAM,iCAAiC,CAAA;AACxC,OAAO,KAAK,EAAE,CAAC,EAAE,MAAM,KAAK,CAAA;AAO5B,MAAM,MAAM,uBAAuB,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,wBAAwB,CAAC,CAAA;AAC9E,MAAM,MAAM,uBAAuB,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,wBAAwB,CAAC,CAAA;AAE9E,wBAAgB,uBAAuB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;YAqBK,MAAM;eAAS,uBAAuB;;;;;EA8BjF"}

package/dist/extras/hooks/use-product-extra-mutation.js

@@ -0,0 +1,38 @@
+"use client";
+import { useMutation, useQueryClient } from "@tanstack/react-query";
+import { fetchWithValidation } from "../client.js";
+import { useVoyantExtrasContext } from "../provider.js";
+import { extrasQueryKeys } from "../query-keys.js";
+import { productExtraSingleResponse, successEnvelope } from "../schemas.js";
+export function useProductExtraMutation() {
+    const { baseUrl, fetcher } = useVoyantExtrasContext();
+    const queryClient = useQueryClient();
+    const create = useMutation({
+        mutationFn: async (input) => {
+            const { data } = await fetchWithValidation("/v1/extras/product-extras", productExtraSingleResponse, { baseUrl, fetcher }, { method: "POST", body: JSON.stringify(input) });
+            return data;
+        },
+        onSuccess: (data) => {
+            void queryClient.invalidateQueries({ queryKey: extrasQueryKeys.productExtras() });
+            queryClient.setQueryData(extrasQueryKeys.productExtra(data.id), data);
+        },
+    });
+    const update = useMutation({
+        mutationFn: async ({ id, input }) => {
+            const { data } = await fetchWithValidation(`/v1/extras/product-extras/${id}`, productExtraSingleResponse, { baseUrl, fetcher }, { method: "PATCH", body: JSON.stringify(input) });
+            return data;
+        },
+        onSuccess: (data) => {
+            void queryClient.invalidateQueries({ queryKey: extrasQueryKeys.productExtras() });
+            queryClient.setQueryData(extrasQueryKeys.productExtra(data.id), data);
+        },
+    });
+    const remove = useMutation({
+        mutationFn: async (id) => fetchWithValidation(`/v1/extras/product-extras/${id}`, successEnvelope, { baseUrl, fetcher }, { method: "DELETE" }),
+        onSuccess: (_data, id) => {
+            void queryClient.invalidateQueries({ queryKey: extrasQueryKeys.productExtras() });
+            queryClient.removeQueries({ queryKey: extrasQueryKeys.productExtra(id) });
+        },
+    });
+    return { create, update, remove };
+}

package/dist/extras/hooks/use-product-extra.d.ts

@@ -0,0 +1,24 @@
+export interface UseProductExtraOptions {
+    enabled?: boolean;
+}
+export declare function useProductExtra(id: string | null | undefined, options?: UseProductExtraOptions): import("@tanstack/react-query").UseQueryResult<{
+    id: string;
+    productId: string;
+    code: string | null;
+    name: string;
+    description: string | null;
+    selectionType: "optional" | "required" | "unavailable" | "default_selected";
+    pricingMode: "on_request" | "per_booking" | "included" | "per_person" | "quantity_based" | "free";
+    pricedPerPerson: boolean;
+    collectionMode: "none" | "external" | "cash_on_trip" | "included" | "booking_total";
+    showOnSlotManifest: boolean;
+    minQuantity: number | null;
+    maxQuantity: number | null;
+    defaultQuantity: number | null;
+    active: boolean;
+    sortOrder: number;
+    createdAt: string;
+    updatedAt: string;
+    metadata?: Record<string, unknown> | null | undefined;
+}, Error>;
+//# sourceMappingURL=use-product-extra.d.ts.map

package/dist/extras/hooks/use-product-extra.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-product-extra.d.ts","sourceRoot":"","sources":["../../../src/extras/hooks/use-product-extra.ts"],"names":[],"mappings":"AAOA,MAAM,WAAW,sBAAsB;IACrC,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED,wBAAgB,eAAe,CAC7B,EAAE,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,EAC7B,OAAO,GAAE,sBAA2B;;;;;;;;;;;;;;;;;;;UASrC"}

package/dist/extras/hooks/use-product-extra.js

@@ -0,0 +1,12 @@
+"use client";
+import { useQuery } from "@tanstack/react-query";
+import { useVoyantExtrasContext } from "../provider.js";
+import { getProductExtraQueryOptions } from "../query-options.js";
+export function useProductExtra(id, options = {}) {
+    const { baseUrl, fetcher } = useVoyantExtrasContext();
+    const { enabled = true } = options;
+    return useQuery({
+        ...getProductExtraQueryOptions({ baseUrl, fetcher }, id ?? "__missing__"),
+        enabled: enabled && Boolean(id),
+    });
+}

package/dist/extras/hooks/use-product-extras.d.ts

@@ -0,0 +1,30 @@
+import type { ProductExtrasListFilters } from "../query-keys.js";
+export interface UseProductExtrasOptions extends ProductExtrasListFilters {
+    enabled?: boolean;
+}
+export declare function useProductExtras(options?: UseProductExtrasOptions): import("@tanstack/react-query").UseQueryResult<{
+    data: {
+        id: string;
+        productId: string;
+        code: string | null;
+        name: string;
+        description: string | null;
+        selectionType: "optional" | "required" | "unavailable" | "default_selected";
+        pricingMode: "on_request" | "per_booking" | "included" | "per_person" | "quantity_based" | "free";
+        pricedPerPerson: boolean;
+        collectionMode: "none" | "external" | "cash_on_trip" | "included" | "booking_total";
+        showOnSlotManifest: boolean;
+        minQuantity: number | null;
+        maxQuantity: number | null;
+        defaultQuantity: number | null;
+        active: boolean;
+        sortOrder: number;
+        createdAt: string;
+        updatedAt: string;
+        metadata?: Record<string, unknown> | null | undefined;
+    }[];
+    total: number;
+    limit: number;
+    offset: number;
+}, Error>;
+//# sourceMappingURL=use-product-extras.d.ts.map

package/dist/extras/hooks/use-product-extras.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-product-extras.d.ts","sourceRoot":"","sources":["../../../src/extras/hooks/use-product-extras.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,kBAAkB,CAAA;AAGhE,MAAM,WAAW,uBAAwB,SAAQ,wBAAwB;IACvE,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED,wBAAgB,gBAAgB,CAAC,OAAO,GAAE,uBAA4B;;;;;;;;;;;;;;;;;;;;;;;;UAQrE"}

package/dist/extras/hooks/use-product-extras.js

@@ -0,0 +1,12 @@
+"use client";
+import { useQuery } from "@tanstack/react-query";
+import { useVoyantExtrasContext } from "../provider.js";
+import { getProductExtrasQueryOptions } from "../query-options.js";
+export function useProductExtras(options = {}) {
+    const { baseUrl, fetcher } = useVoyantExtrasContext();
+    const { enabled = true, ...filters } = options;
+    return useQuery({
+        ...getProductExtrasQueryOptions({ baseUrl, fetcher }, filters),
+        enabled,
+    });
+}

package/dist/extras/i18n/en.d.ts

@@ -0,0 +1,52 @@
+export declare const extrasUiEn: {
+    catalogCard: {
+        untitled: string;
+        unitPrefix: string;
+    };
+    productCombobox: {
+        placeholder: string;
+        loading: string;
+        empty: string;
+        statusLabels: {
+            draft: string;
+            active: string;
+            archived: string;
+        };
+        bookingModeLabels: {
+            date: string;
+            date_time: string;
+            open: string;
+            stay: string;
+            transfer: string;
+            itinerary: string;
+            other: string;
+        };
+    };
+    slotManifest: {
+        title: string;
+        emptyExtras: string;
+        emptyTravelers: string;
+        travelerColumn: string;
+        bookingColumn: string;
+        selectedLabel: string;
+        selectLabel: string;
+        cancelLabel: string;
+        collectedLabel: string;
+        pendingLabel: string;
+        waivedLabel: string;
+        notRequiredLabel: string;
+        collectionModeLabels: {
+            cash_on_trip: string;
+            external: string;
+            included: string;
+            none: string;
+            booking_total: string;
+        };
+        markCollected: string;
+        markWaived: string;
+        selectAll: string;
+        clearAll: string;
+        loading: string;
+    };
+};
+//# sourceMappingURL=en.d.ts.map

package/dist/extras/i18n/en.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"en.d.ts","sourceRoot":"","sources":["../../../src/extras/i18n/en.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkDK,CAAA"}