@voyant-travel/quotes-react 0.121.0 → 0.123.0

package/dist/admin/pipeline-dialogs.js

@@ -0,0 +1,105 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button, Checkbox, Dialog, DialogContent, DialogFooter, DialogHeader, DialogTitle, Input, Label, } from "@voyant-travel/ui/components";
+import { Loader2, Plus, Trash2 } from "lucide-react";
+import { useEffect, useState } from "react";
+import { useCrmUiMessagesOrDefault } from "../i18n/index.js";
+import { usePipelineMutation } from "../index.js";
+export function CreatePipelineDialog({ open, onOpenChange, existingCount, onCreated, }) {
+    const messages = useCrmUiMessagesOrDefault();
+    const t = messages.createPipelineDialog;
+    const { createPipeline } = usePipelineMutation();
+    const [name, setName] = useState("");
+    const [isDefault, setIsDefault] = useState(existingCount === 0);
+    const [error, setError] = useState(null);
+    useEffect(() => {
+        if (open) {
+            setName("");
+            setIsDefault(existingCount === 0);
+            setError(null);
+        }
+    }, [open, existingCount]);
+    async function handleSubmit() {
+        const trimmed = name.trim();
+        if (!trimmed) {
+            setError(t.validation.nameRequired);
+            return;
+        }
+        setError(null);
+        try {
+            const created = await createPipeline.mutateAsync({
+                name: trimmed,
+                entityType: "quote",
+                isDefault,
+            });
+            onCreated(created.id);
+        }
+        catch (err) {
+            setError(err instanceof Error ? err.message : t.validation.createFailed);
+        }
+    }
+    return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(DialogContent, { children: [_jsx(DialogHeader, { children: _jsx(DialogTitle, { children: t.title }) }), _jsxs("div", { className: "flex flex-col gap-3 py-2", children: [_jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Label, { htmlFor: "pipeline-name", children: t.nameLabel }), _jsx(Input, { id: "pipeline-name", value: name, onChange: (event) => setName(event.target.value), placeholder: t.namePlaceholder, autoFocus: true })] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Checkbox, { id: "pipeline-default", checked: isDefault, onCheckedChange: (checked) => setIsDefault(checked === true) }), _jsx(Label, { htmlFor: "pipeline-default", className: "font-normal text-sm", children: t.setDefault })] }), error ? _jsx("p", { className: "text-destructive text-sm", children: error }) : null] }), _jsxs(DialogFooter, { children: [_jsx(Button, { variant: "outline", onClick: () => onOpenChange(false), children: messages.common.cancel }), _jsxs(Button, { onClick: () => void handleSubmit(), disabled: createPipeline.isPending, children: [createPipeline.isPending ? _jsx(Loader2, { className: "mr-1.5 h-4 w-4 animate-spin" }) : null, messages.common.create] })] })] }) }));
+}
+export function ManageStagesDialog({ open, onOpenChange, pipelineId, stages, }) {
+    const messages = useCrmUiMessagesOrDefault();
+    const t = messages.manageStagesDialog;
+    const { createStage, updateStage, removeStage } = usePipelineMutation();
+    const [newName, setNewName] = useState("");
+    const [newProbability, setNewProbability] = useState("");
+    const [error, setError] = useState(null);
+    useEffect(() => {
+        if (open) {
+            setNewName("");
+            setNewProbability("");
+            setError(null);
+        }
+    }, [open]);
+    async function handleAdd() {
+        const trimmed = newName.trim();
+        if (!trimmed) {
+            setError(t.validation.nameRequired);
+            return;
+        }
+        const probability = newProbability.trim()
+            ? Math.max(0, Math.min(100, Number.parseInt(newProbability, 10) || 0))
+            : null;
+        setError(null);
+        try {
+            await createStage.mutateAsync({
+                pipelineId,
+                name: trimmed,
+                sortOrder: stages.length,
+                probability,
+            });
+            setNewName("");
+            setNewProbability("");
+        }
+        catch (err) {
+            setError(err instanceof Error ? err.message : t.validation.addFailed);
+        }
+    }
+    async function handleRename(stageId, name) {
+        const trimmed = name.trim();
+        if (!trimmed)
+            return;
+        try {
+            await updateStage.mutateAsync({ id: stageId, input: { name: trimmed } });
+        }
+        catch {
+            // invalidation restores server state
+        }
+    }
+    async function handleRemove(stageId) {
+        try {
+            await removeStage.mutateAsync(stageId);
+        }
+        catch (err) {
+            setError(err instanceof Error ? err.message : t.validation.removeFailed);
+        }
+    }
+    return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(DialogContent, { children: [_jsx(DialogHeader, { children: _jsx(DialogTitle, { children: t.title }) }), _jsxs("div", { className: "flex flex-col gap-3 py-2", children: [stages.length === 0 ? (_jsx("p", { className: "text-muted-foreground text-sm", children: t.empty })) : (_jsx("ul", { className: "divide-y rounded border", children: stages.map((stage) => (_jsxs("li", { className: "flex items-center gap-2 px-2 py-1.5", children: [_jsx(Input, { defaultValue: stage.name, className: "h-8 flex-1 text-sm", onBlur: (event) => {
+                                            const value = event.target.value.trim();
+                                            if (value && value !== stage.name)
+                                                void handleRename(stage.id, value);
+                                        } }), _jsx("span", { className: "w-10 text-right text-muted-foreground text-xs", children: stage.probability != null ? `${stage.probability}%` : messages.common.none }), _jsx(Button, { size: "sm", variant: "ghost", className: "h-8 w-8 p-0", onClick: () => void handleRemove(stage.id), disabled: removeStage.isPending, children: _jsx(Trash2, { className: "h-3.5 w-3.5" }) })] }, stage.id))) })), _jsxs("div", { className: "flex flex-col gap-2 rounded border p-2", children: [_jsx("p", { className: "font-medium text-muted-foreground text-xs", children: t.addStageTitle }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Input, { value: newName, onChange: (event) => setNewName(event.target.value), placeholder: t.stageNamePlaceholder, className: "h-8 flex-1 text-sm" }), _jsx(Input, { value: newProbability, onChange: (event) => setNewProbability(event.target.value), placeholder: t.probabilityPlaceholder, type: "number", min: 0, max: 100, className: "h-8 w-16 text-sm" }), _jsx(Button, { size: "sm", onClick: () => void handleAdd(), disabled: createStage.isPending, children: createStage.isPending ? (_jsx(Loader2, { className: "h-3.5 w-3.5 animate-spin" })) : (_jsx(Plus, { className: "h-3.5 w-3.5" })) })] })] }), error ? _jsx("p", { className: "text-destructive text-sm", children: error }) : null] }), _jsx(DialogFooter, { children: _jsx(Button, { variant: "outline", onClick: () => onOpenChange(false), children: messages.common.done }) })] }) }));
+}

package/dist/admin/quote-content-sections.d.ts

@@ -0,0 +1,57 @@
+import type { OrganizationRecord, PersonRecord } from "@voyant-travel/relationships-react";
+import type { CreateQuoteProductInput, QuoteMediaRecord, QuoteParticipantRecord, QuoteProductRecord } from "../index.js";
+export interface QuoteLineItemsCardProps {
+    products: QuoteProductRecord[];
+    isPending: boolean;
+    /** Quote currency, used as the default for new line items. */
+    currency: string;
+    busy?: boolean;
+    onAdd: (input: CreateQuoteProductInput) => Promise<void>;
+    onUpdate: (id: string, input: {
+        nameSnapshot?: string;
+        quantity?: number;
+        unitPriceAmountCents?: number | null;
+    }) => Promise<void>;
+    onRemove: (id: string) => Promise<void>;
+}
+export declare function QuoteLineItemsCard({ products, isPending, currency, busy, onAdd, onUpdate, onRemove, }: QuoteLineItemsCardProps): import("react/jsx-runtime").JSX.Element;
+export interface QuoteTravelersCardProps {
+    travelers: QuoteParticipantRecord[];
+    /** Explicit headcount — may exceed the number of named travelers. */
+    paxCount: number | null;
+    isPending: boolean;
+    busy?: boolean;
+    onPaxCountChange: (paxCount: number | null) => Promise<void>;
+    onAdd: (personId: string) => Promise<void>;
+    onRemove: (id: string) => Promise<void>;
+}
+export declare function QuoteTravelersCard({ travelers, paxCount, isPending, busy, onPaxCountChange, onAdd, onRemove, }: QuoteTravelersCardProps): import("react/jsx-runtime").JSX.Element;
+export interface QuoteClientCardProps {
+    person: PersonRecord | null | undefined;
+    organization: OrganizationRecord | null | undefined;
+    busy?: boolean;
+    onSetPerson: (personId: string | null) => Promise<void>;
+    onSetOrganization: (organizationId: string | null) => Promise<void>;
+    onOpenPerson: () => void;
+    onOpenOrganization: () => void;
+}
+export declare function QuoteClientCard({ person, organization, busy, onSetPerson, onSetOrganization, onOpenPerson, onOpenOrganization, }: QuoteClientCardProps): import("react/jsx-runtime").JSX.Element;
+export interface QuoteOwnershipCardProps {
+    ownerId: string | null;
+    createdBy: string | null;
+    updatedBy: string | null;
+    createdAt: string;
+    updatedAt: string;
+    busy?: boolean;
+    onSetOwner: (ownerId: string | null) => Promise<void>;
+}
+export declare function QuoteOwnershipCard({ ownerId, createdBy, updatedBy, createdAt, updatedAt, onSetOwner, }: QuoteOwnershipCardProps): import("react/jsx-runtime").JSX.Element;
+export interface QuoteMediaCardProps {
+    media: QuoteMediaRecord[];
+    isPending: boolean;
+    busy?: boolean;
+    onUploadFiles: (files: FileList) => Promise<void>;
+    onRemove: (id: string) => Promise<void>;
+}
+export declare function QuoteMediaCard({ media, isPending, busy, onUploadFiles, onRemove, }: QuoteMediaCardProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=quote-content-sections.d.ts.map

package/dist/admin/quote-content-sections.d.ts.map

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

package/dist/admin/quote-content-sections.js

@@ -0,0 +1,181 @@
+// agent-quality: file-size exception -- owner: quotes-react; the quote-workspace cards (line items, travelers, client, ownership) stay co-located until the staged-edit refactor restructures them.
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCurrentUser, useOrganizationMembers } from "@voyant-travel/auth-react";
+import { formatMessage } from "@voyant-travel/i18n";
+import { useOrganizations, usePeople, usePerson } from "@voyant-travel/relationships-react";
+import { Badge, Button, Card, CardContent, CardHeader, CardTitle, Input, } from "@voyant-travel/ui/components";
+import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow, } from "@voyant-travel/ui/components/table";
+import { Building2, Check, ImagePlus, Loader2, Pencil, Plus, Trash2, Upload, User, Users, X, } from "lucide-react";
+import { useEffect, useRef, useState } from "react";
+import { formatCrmDate, formatCrmMoney, formatCrmRelative } from "../components/crm-format.js";
+import { InlineSelectField } from "../components/inline-select-field.js";
+import { useCrmUiI18nOrDefault } from "../i18n/index.js";
+export function QuoteLineItemsCard({ products, isPending, currency, busy, onAdd, onUpdate, onRemove, }) {
+    const i18n = useCrmUiI18nOrDefault();
+    const t = i18n.messages.quoteLineItemsCard;
+    const [name, setName] = useState("");
+    const [qty, setQty] = useState("1");
+    const [price, setPrice] = useState("");
+    const submit = async () => {
+        const trimmed = name.trim();
+        if (!trimmed)
+            return;
+        const quantity = Math.max(1, Number.parseInt(qty, 10) || 1);
+        const parsedPrice = price.trim() === "" ? null : Math.round(Number.parseFloat(price) * 100);
+        await onAdd({
+            nameSnapshot: trimmed,
+            quantity,
+            unitPriceAmountCents: Number.isFinite(parsedPrice) ? parsedPrice : null,
+            currency,
+        });
+        setName("");
+        setQty("1");
+        setPrice("");
+    };
+    return (_jsxs(Card, { children: [_jsxs(CardHeader, { className: "pb-3", children: [_jsx(CardTitle, { children: t.title }), _jsx("p", { className: "text-muted-foreground text-sm", children: t.description })] }), _jsxs(CardContent, { className: "flex flex-col gap-3", children: [isPending ? (_jsx("div", { className: "flex justify-center py-6", children: _jsx(Loader2, { className: "h-5 w-5 animate-spin text-muted-foreground" }) })) : products.length === 0 ? (_jsx("p", { className: "py-4 text-center text-muted-foreground text-sm", children: t.empty })) : (_jsxs(Table, { children: [_jsx(TableHeader, { children: _jsxs(TableRow, { children: [_jsx(TableHead, { children: t.columns.item }), _jsx(TableHead, { className: "w-16 text-right", children: t.columns.qty }), _jsx(TableHead, { className: "text-right", children: t.columns.unitPrice }), _jsx(TableHead, { className: "text-right", children: t.columns.total }), _jsx(TableHead, { className: "w-10" })] }) }), _jsx(TableBody, { children: products.map((product) => (_jsx(LineItemRow, { product: product, currency: currency, busy: busy, onUpdate: onUpdate, onRemove: onRemove }, product.id))) })] })), _jsxs("div", { className: "flex items-end gap-2 rounded border p-2", children: [_jsx(Input, { value: name, onChange: (event) => setName(event.target.value), placeholder: t.namePlaceholder, className: "h-8 flex-1 text-sm" }), _jsx(Input, { value: qty, onChange: (event) => setQty(event.target.value), type: "number", min: 1, placeholder: t.qtyPlaceholder, className: "h-8 w-16 text-sm" }), _jsx(Input, { value: price, onChange: (event) => setPrice(event.target.value), type: "number", min: 0, step: "0.01", placeholder: t.pricePlaceholder, className: "h-8 w-28 text-sm" }), _jsxs(Button, { size: "sm", onClick: () => void submit(), disabled: busy || name.trim() === "", children: [_jsx(Plus, { className: "mr-1.5 h-4 w-4" }), t.addItem] })] })] })] }));
+}
+function LineItemRow({ product, currency, busy, onUpdate, onRemove, }) {
+    const i18n = useCrmUiI18nOrDefault();
+    const t = i18n.messages.quoteLineItemsCard;
+    const rowCurrency = product.currency ?? currency;
+    const [editing, setEditing] = useState(false);
+    const [name, setName] = useState(product.nameSnapshot);
+    const [qty, setQty] = useState(String(product.quantity));
+    const [price, setPrice] = useState(product.unitPriceAmountCents != null ? String(product.unitPriceAmountCents / 100) : "");
+    const startEditing = () => {
+        setName(product.nameSnapshot);
+        setQty(String(product.quantity));
+        setPrice(product.unitPriceAmountCents != null ? String(product.unitPriceAmountCents / 100) : "");
+        setEditing(true);
+    };
+    const save = async () => {
+        const trimmed = name.trim();
+        if (!trimmed)
+            return;
+        const quantity = Math.max(1, Number.parseInt(qty, 10) || 1);
+        const parsedPrice = price.trim() === "" ? null : Math.round(Number.parseFloat(price) * 100);
+        await onUpdate(product.id, {
+            nameSnapshot: trimmed,
+            quantity,
+            unitPriceAmountCents: Number.isFinite(parsedPrice) ? parsedPrice : null,
+        });
+        setEditing(false);
+    };
+    if (editing) {
+        return (_jsxs(TableRow, { children: [_jsx(TableCell, { children: _jsx(Input, { value: name, onChange: (event) => setName(event.target.value), className: "h-8 text-sm" }) }), _jsx(TableCell, { children: _jsx(Input, { value: qty, onChange: (event) => setQty(event.target.value), type: "number", min: 1, className: "h-8 w-16 text-right text-sm" }) }), _jsx(TableCell, { children: _jsx(Input, { value: price, onChange: (event) => setPrice(event.target.value), type: "number", min: 0, step: "0.01", className: "h-8 w-24 text-right text-sm" }) }), _jsx(TableCell, { colSpan: 2, children: _jsxs("div", { className: "flex items-center justify-end gap-1", children: [_jsx(Button, { size: "sm", variant: "ghost", className: "h-8 w-8 p-0", disabled: busy, onClick: () => void save(), children: _jsx(Check, { className: "h-3.5 w-3.5" }) }), _jsx(Button, { size: "sm", variant: "ghost", className: "h-8 w-8 p-0", disabled: busy, onClick: () => setEditing(false), children: _jsx(X, { className: "h-3.5 w-3.5" }) })] }) })] }));
+    }
+    const lineTotal = (product.unitPriceAmountCents ?? 0) * product.quantity - (product.discountAmountCents ?? 0);
+    return (_jsxs(TableRow, { className: "group", children: [_jsxs(TableCell, { children: [_jsx("div", { className: "font-medium", children: product.nameSnapshot }), product.description ? (_jsx("div", { className: "text-muted-foreground text-xs", children: product.description })) : null] }), _jsx(TableCell, { className: "text-right", children: product.quantity }), _jsx(TableCell, { className: "text-right", children: formatCrmMoney(i18n, product.unitPriceAmountCents, rowCurrency) }), _jsx(TableCell, { className: "text-right font-medium", children: formatCrmMoney(i18n, lineTotal, rowCurrency) }), _jsx(TableCell, { children: _jsxs("div", { className: "flex items-center justify-end gap-1 opacity-0 group-hover:opacity-100", children: [_jsx(Button, { size: "sm", variant: "ghost", className: "h-8 w-8 p-0", disabled: busy, onClick: startEditing, "aria-label": t.editItem, children: _jsx(Pencil, { className: "h-3.5 w-3.5" }) }), _jsx(Button, { size: "sm", variant: "ghost", className: "h-8 w-8 p-0", disabled: busy, onClick: () => void onRemove(product.id), children: _jsx(Trash2, { className: "h-3.5 w-3.5" }) })] }) })] }));
+}
+export function QuoteTravelersCard({ travelers, paxCount, isPending, busy, onPaxCountChange, onAdd, onRemove, }) {
+    const i18n = useCrmUiI18nOrDefault();
+    const t = i18n.messages.quoteTravelersCard;
+    const [search, setSearch] = useState("");
+    const [paxDraft, setPaxDraft] = useState(paxCount != null ? String(paxCount) : "");
+    useEffect(() => {
+        setPaxDraft(paxCount != null ? String(paxCount) : "");
+    }, [paxCount]);
+    const commitPax = () => {
+        const trimmed = paxDraft.trim();
+        const next = trimmed === "" ? null : Math.max(0, Number.parseInt(trimmed, 10) || 0);
+        if (next !== paxCount)
+            void onPaxCountChange(next);
+    };
+    const peopleQuery = usePeople({ search, limit: 6, enabled: search.trim().length >= 2 });
+    const existingPersonIds = new Set(travelers.map((traveler) => traveler.personId));
+    const results = (peopleQuery.data?.data ?? []).filter((person) => !existingPersonIds.has(person.id));
+    const add = async (personId) => {
+        await onAdd(personId);
+        setSearch("");
+    };
+    return (_jsxs(Card, { children: [_jsxs(CardHeader, { className: "flex flex-row items-center justify-between gap-2 pb-3", children: [_jsxs(CardTitle, { className: "flex items-center gap-2", children: [_jsx(Users, { className: "h-4 w-4 text-muted-foreground" }), t.title] }), _jsxs("div", { className: "flex items-center gap-1.5", children: [_jsx(Input, { type: "number", min: 0, value: paxDraft, disabled: busy, onChange: (event) => setPaxDraft(event.target.value), onBlur: commitPax, onKeyDown: (event) => {
+                                    if (event.key === "Enter") {
+                                        event.preventDefault();
+                                        commitPax();
+                                    }
+                                }, placeholder: String(travelers.length), "aria-label": t.paxLabel, className: "h-7 w-14 text-right text-sm" }), _jsx("span", { className: "text-muted-foreground text-xs", children: t.paxLabel })] })] }), _jsxs(CardContent, { className: "flex flex-col gap-3", children: [isPending ? (_jsx("div", { className: "flex justify-center py-4", children: _jsx(Loader2, { className: "h-5 w-5 animate-spin text-muted-foreground" }) })) : travelers.length === 0 ? (_jsx("p", { className: "py-2 text-center text-muted-foreground text-sm", children: t.empty })) : (_jsx("ul", { className: "divide-y", children: travelers.map((traveler) => (_jsx(TravelerRow, { traveler: traveler, busy: busy, onRemove: () => void onRemove(traveler.id) }, traveler.id))) })), _jsxs("div", { className: "flex flex-col gap-1", children: [_jsx(Input, { value: search, onChange: (event) => setSearch(event.target.value), placeholder: t.addPlaceholder, className: "h-8 text-sm" }), search.trim().length >= 2 ? (_jsx("div", { className: "rounded border", children: peopleQuery.isPending ? (_jsx("div", { className: "flex justify-center py-2", children: _jsx(Loader2, { className: "h-4 w-4 animate-spin text-muted-foreground" }) })) : results.length === 0 ? (_jsx("p", { className: "py-2 text-center text-muted-foreground text-xs", children: t.noResults })) : (_jsx("ul", { className: "max-h-40 overflow-auto", children: results.map((person) => (_jsx("li", { children: _jsxs("button", { type: "button", disabled: busy, onClick: () => void add(person.id), className: "flex w-full items-center justify-between px-2 py-1.5 text-left text-sm hover:bg-muted/40", children: [_jsx("span", { className: "truncate", children: [person.firstName, person.lastName].filter(Boolean).join(" ") ||
+                                                        person.id }), _jsx(Plus, { className: "h-3.5 w-3.5 text-muted-foreground" })] }) }, person.id))) })) })) : null] })] })] }));
+}
+function TravelerRow({ traveler, busy, onRemove, }) {
+    const personQuery = usePerson(traveler.personId, { enabled: Boolean(traveler.personId) });
+    const person = personQuery.data;
+    const name = person
+        ? [person.firstName, person.lastName].filter(Boolean).join(" ").trim() || traveler.personId
+        : traveler.personId;
+    return (_jsxs("li", { className: "flex items-center justify-between gap-2 py-2 text-sm", children: [_jsxs("div", { className: "flex min-w-0 items-center gap-2", children: [_jsx("span", { className: "truncate font-medium", children: name }), traveler.isPrimary ? (_jsx(Badge, { variant: "outline", className: "text-[10px]", children: "\u2605" })) : null] }), _jsx(Button, { size: "sm", variant: "ghost", className: "h-7 w-7 shrink-0 p-0", disabled: busy, onClick: onRemove, children: _jsx(X, { className: "h-3.5 w-3.5" }) })] }));
+}
+export function QuoteClientCard({ person, organization, busy, onSetPerson, onSetOrganization, onOpenPerson, onOpenOrganization, }) {
+    const i18n = useCrmUiI18nOrDefault();
+    const t = i18n.messages.quoteClientCard;
+    const personName = person
+        ? [person.firstName, person.lastName].filter(Boolean).join(" ").trim() || person.id
+        : null;
+    return (_jsxs(Card, { children: [_jsx(CardHeader, { className: "pb-3", children: _jsx(CardTitle, { className: "font-semibold text-sm", children: t.title }) }), _jsxs(CardContent, { className: "flex flex-col gap-4 text-sm", children: [_jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx("div", { className: "font-medium text-muted-foreground text-xs", children: t.contactLabel }), person ? (_jsx(SelectedEntity, { icon: User, name: personName ?? person.id, subtitle: person.jobTitle, busy: busy, onOpen: onOpenPerson, onClear: () => void onSetPerson(null) })) : (_jsx(PersonPicker, { placeholder: t.searchContact, noResults: t.noResults, busy: busy, onSelect: (id) => void onSetPerson(id) }))] }), _jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx("div", { className: "font-medium text-muted-foreground text-xs", children: t.companyLabel }), organization ? (_jsx(SelectedEntity, { icon: Building2, name: organization.name, subtitle: organization.industry, busy: busy, onOpen: onOpenOrganization, onClear: () => void onSetOrganization(null) })) : (_jsx(OrgPicker, { placeholder: t.searchCompany, noResults: t.noResults, busy: busy, onSelect: (id) => void onSetOrganization(id) }))] })] })] }));
+}
+function SelectedEntity({ icon: Icon, name, subtitle, busy, onOpen, onClear, }) {
+    return (_jsxs("div", { className: "flex items-center gap-2 rounded border p-2", children: [_jsx(Icon, { className: "h-4 w-4 shrink-0 text-muted-foreground" }), _jsxs("button", { type: "button", onClick: onOpen, className: "min-w-0 flex-1 text-left hover:underline", children: [_jsx("span", { className: "truncate font-medium", children: name }), subtitle ? (_jsx("span", { className: "block truncate text-muted-foreground text-xs", children: subtitle })) : null] }), _jsx(Button, { size: "sm", variant: "ghost", className: "h-7 w-7 shrink-0 p-0", disabled: busy, onClick: onClear, children: _jsx(X, { className: "h-3.5 w-3.5" }) })] }));
+}
+function PersonPicker({ placeholder, noResults, busy, onSelect, }) {
+    const [search, setSearch] = useState("");
+    const query = usePeople({ search, limit: 6, enabled: search.trim().length >= 2 });
+    const results = query.data?.data ?? [];
+    return (_jsx(EntitySearch, { search: search, onSearch: setSearch, isPending: query.isPending, placeholder: placeholder, noResults: noResults, busy: busy, results: results.map((person) => ({
+            id: person.id,
+            label: [person.firstName, person.lastName].filter(Boolean).join(" ") || person.id,
+        })), onSelect: (id) => {
+            onSelect(id);
+            setSearch("");
+        } }));
+}
+function OrgPicker({ placeholder, noResults, busy, onSelect, }) {
+    const [search, setSearch] = useState("");
+    const query = useOrganizations({ search, limit: 6, enabled: search.trim().length >= 2 });
+    const results = query.data?.data ?? [];
+    return (_jsx(EntitySearch, { search: search, onSearch: setSearch, isPending: query.isPending, placeholder: placeholder, noResults: noResults, busy: busy, results: results.map((organization) => ({ id: organization.id, label: organization.name })), onSelect: (id) => {
+            onSelect(id);
+            setSearch("");
+        } }));
+}
+function EntitySearch({ search, onSearch, isPending, placeholder, noResults, busy, results, onSelect, }) {
+    return (_jsxs("div", { className: "flex flex-col gap-1", children: [_jsx(Input, { value: search, onChange: (event) => onSearch(event.target.value), placeholder: placeholder, className: "h-8 text-sm" }), search.trim().length >= 2 ? (_jsx("div", { className: "rounded border", children: isPending ? (_jsx("div", { className: "flex justify-center py-2", children: _jsx(Loader2, { className: "h-4 w-4 animate-spin text-muted-foreground" }) })) : results.length === 0 ? (_jsx("p", { className: "py-2 text-center text-muted-foreground text-xs", children: noResults })) : (_jsx("ul", { className: "max-h-40 overflow-auto", children: results.map((result) => (_jsx("li", { children: _jsxs("button", { type: "button", disabled: busy, onClick: () => onSelect(result.id), className: "flex w-full items-center justify-between px-2 py-1.5 text-left text-sm hover:bg-muted/40", children: [_jsx("span", { className: "truncate", children: result.label }), _jsx(Plus, { className: "h-3.5 w-3.5 text-muted-foreground" })] }) }, result.id))) })) })) : null] }));
+}
+export function QuoteOwnershipCard({ ownerId, createdBy, updatedBy, createdAt, updatedAt, onSetOwner, }) {
+    const i18n = useCrmUiI18nOrDefault();
+    const t = i18n.messages.quoteOwnershipCard;
+    const membersQuery = useOrganizationMembers();
+    const currentUserQuery = useCurrentUser();
+    const currentUser = currentUserQuery.data;
+    // Candidate owners: the org's team members when that endpoint is available,
+    // plus the current user (always — so an owner is assignable even in cloud
+    // deployments that don't expose a members list). Keyed by userId.
+    const candidates = new Map();
+    for (const member of membersQuery.data?.members ?? []) {
+        candidates.set(member.userId, member.user.name ?? member.user.email ?? member.userId);
+    }
+    if (currentUser) {
+        const currentName = [currentUser.firstName, currentUser.lastName].filter(Boolean).join(" ").trim() ||
+            currentUser.email ||
+            currentUser.id;
+        if (!candidates.has(currentUser.id))
+            candidates.set(currentUser.id, currentName);
+    }
+    const nameOf = (userId) => {
+        if (!userId)
+            return t.unassigned;
+        return candidates.get(userId) ?? userId;
+    };
+    const options = [...candidates.entries()].map(([value, label]) => ({ value, label }));
+    return (_jsxs(Card, { children: [_jsx(CardHeader, { className: "pb-3", children: _jsx(CardTitle, { className: "font-semibold text-sm", children: t.title }) }), _jsxs(CardContent, { className: "flex flex-col gap-2 text-sm", children: [_jsx(InlineSelectField, { icon: User, label: t.ownerLabel, value: ownerId, options: options, onSave: (next) => onSetOwner(next) }), _jsxs("div", { className: "flex flex-col gap-0.5 border-t pt-2 text-muted-foreground text-xs", children: [_jsxs("span", { children: [formatMessage(t.createdBy, { name: nameOf(createdBy) }), " \u00B7", " ", formatCrmDate(i18n, createdAt)] }), _jsxs("span", { children: [formatMessage(t.updatedBy, { name: nameOf(updatedBy) }), " \u00B7", " ", formatCrmRelative(i18n, updatedAt)] })] })] })] }));
+}
+export function QuoteMediaCard({ media, isPending, busy, onUploadFiles, onRemove, }) {
+    const i18n = useCrmUiI18nOrDefault();
+    const t = i18n.messages.quoteMediaCard;
+    const inputRef = useRef(null);
+    return (_jsxs(Card, { children: [_jsxs(CardHeader, { className: "flex flex-row items-center justify-between gap-2 pb-3", children: [_jsxs("div", { children: [_jsx(CardTitle, { children: t.title }), _jsx("p", { className: "text-muted-foreground text-sm", children: t.description })] }), _jsxs(Button, { size: "sm", variant: "outline", disabled: busy, onClick: () => inputRef.current?.click(), children: [busy ? (_jsx(Loader2, { className: "mr-1.5 h-4 w-4 animate-spin" })) : (_jsx(Upload, { className: "mr-1.5 h-4 w-4" })), t.add] }), _jsx("input", { ref: inputRef, type: "file", accept: "image/*", multiple: true, className: "hidden", onChange: (event) => {
+                            const files = event.target.files;
+                            if (files && files.length > 0)
+                                void onUploadFiles(files);
+                            event.target.value = "";
+                        } })] }), _jsx(CardContent, { children: isPending ? (_jsx("div", { className: "flex justify-center py-6", children: _jsx(Loader2, { className: "h-5 w-5 animate-spin text-muted-foreground" }) })) : media.length === 0 ? (_jsxs("div", { className: "flex flex-col items-center gap-2 py-8 text-center text-muted-foreground", children: [_jsx(ImagePlus, { className: "h-6 w-6" }), _jsx("p", { className: "text-sm", children: t.empty })] })) : (_jsx("div", { className: "grid grid-cols-2 gap-3 sm:grid-cols-3", children: media.map((item) => (_jsxs("div", { className: "group relative overflow-hidden rounded border", children: [item.mediaType === "image" ? (_jsx("img", { src: item.url, alt: item.altText ?? item.name, className: "aspect-video w-full object-cover" })) : (_jsx("div", { className: "flex aspect-video w-full items-center justify-center bg-muted text-muted-foreground text-xs", children: item.name })), _jsx("button", { type: "button", disabled: busy, onClick: () => void onRemove(item.id), className: "absolute top-1 right-1 rounded-full bg-background/80 p-1 opacity-0 transition group-hover:opacity-100", children: _jsx(X, { className: "h-3.5 w-3.5" }) })] }, item.id))) })) })] }));
+}

package/dist/admin/quote-detail-sections.d.ts

@@ -0,0 +1,34 @@
+import type { ActivityRecord } from "@voyant-travel/relationships-react";
+interface QuoteDetailsFields {
+    title: string;
+    stageId: string;
+    status: string;
+    valueAmountCents: number | null;
+    valueCurrency: string | null;
+    expectedCloseDate: string | null;
+    source: string | null;
+    sourceRef: string | null;
+    lostReason: string | null;
+}
+export interface QuoteDetailsCardProps {
+    quote: QuoteDetailsFields;
+    stages: ReadonlyArray<{
+        id: string;
+        name: string;
+    }>;
+    onUpdateField: (patch: Record<string, unknown>) => Promise<void>;
+}
+/** Editable deal fields — every value flows back through the quote update mutation. */
+export declare function QuoteDetailsCard({ quote, stages, onUpdateField }: QuoteDetailsCardProps): import("react/jsx-runtime").JSX.Element;
+export interface QuoteTagsCardProps {
+    tags: string[] | null | undefined;
+    onChange: (tags: string[]) => Promise<void>;
+}
+export declare function QuoteTagsCard({ tags, onChange }: QuoteTagsCardProps): import("react/jsx-runtime").JSX.Element;
+export interface QuoteActivitiesCardProps {
+    isPending: boolean;
+    activities: ActivityRecord[];
+}
+export declare function QuoteActivitiesCard({ isPending, activities }: QuoteActivitiesCardProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=quote-detail-sections.d.ts.map

package/dist/admin/quote-detail-sections.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"quote-detail-sections.d.ts","sourceRoot":"","sources":["../../src/admin/quote-detail-sections.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,oCAAoC,CAAA;AAkBxE,UAAU,kBAAkB;IAC1B,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,MAAM,CAAA;IACf,MAAM,EAAE,MAAM,CAAA;IACd,gBAAgB,EAAE,MAAM,GAAG,IAAI,CAAA;IAC/B,aAAa,EAAE,MAAM,GAAG,IAAI,CAAA;IAC5B,iBAAiB,EAAE,MAAM,GAAG,IAAI,CAAA;IAChC,MAAM,EAAE,MAAM,GAAG,IAAI,CAAA;IACrB,SAAS,EAAE,MAAM,GAAG,IAAI,CAAA;IACxB,UAAU,EAAE,MAAM,GAAG,IAAI,CAAA;CAC1B;AAED,MAAM,WAAW,qBAAqB;IACpC,KAAK,EAAE,kBAAkB,CAAA;IACzB,MAAM,EAAE,aAAa,CAAC;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC,CAAA;IACnD,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;CACjE;AAED,uFAAuF;AACvF,wBAAgB,gBAAgB,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,aAAa,EAAE,EAAE,qBAAqB,2CA4EvF;AAED,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,MAAM,EAAE,GAAG,IAAI,GAAG,SAAS,CAAA;IACjC,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;CAC5C;AAED,wBAAgB,aAAa,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,kBAAkB,2CA4DnE;AAED,MAAM,WAAW,wBAAwB;IACvC,SAAS,EAAE,OAAO,CAAA;IAClB,UAAU,EAAE,cAAc,EAAE,CAAA;CAC7B;AAED,wBAAgB,mBAAmB,CAAC,EAAE,SAAS,EAAE,UAAU,EAAE,EAAE,wBAAwB,2CAyCtF"}

package/dist/admin/quote-detail-sections.js

@@ -0,0 +1,52 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Badge, Card, CardContent, CardHeader, CardTitle, Input, } from "@voyant-travel/ui/components";
+import { Calendar, CircleDot, DollarSign, Tag, Target, X } from "lucide-react";
+import { useState } from "react";
+import { formatCrmMoney, formatCrmRelative } from "../components/crm-format.js";
+import { InlineCurrencyField } from "../components/inline-currency-field.js";
+import { InlineField } from "../components/inline-field.js";
+import { InlineSelectField } from "../components/inline-select-field.js";
+import { useCrmUiI18nOrDefault, useCrmUiMessagesOrDefault } from "../i18n/index.js";
+import { crmQuoteStatuses } from "../i18n/messages.js";
+/** Editable deal fields — every value flows back through the quote update mutation. */
+export function QuoteDetailsCard({ quote, stages, onUpdateField }) {
+    const i18n = useCrmUiI18nOrDefault();
+    const { messages } = i18n;
+    const t = messages.quoteDetailPage;
+    const statusOptions = crmQuoteStatuses.map((status) => ({
+        value: status,
+        label: messages.common.quoteStatusLabels[status] ?? status,
+    }));
+    return (_jsxs(Card, { children: [_jsx(CardHeader, { className: "pb-3", children: _jsx(CardTitle, { className: "font-semibold text-sm", children: t.detailsTitle }) }), _jsxs(CardContent, { className: "divide-y text-sm", children: [_jsx(InlineField, { icon: Target, label: t.fields.title, value: quote.title, onSave: (next) => onUpdateField({ title: next ?? "" }) }), _jsx(InlineSelectField, { icon: CircleDot, label: t.fields.stage, value: quote.stageId, options: stages.map((stage) => ({ value: stage.id, label: stage.name })), allowClear: false, onSave: (next) => onUpdateField({ stageId: next ?? quote.stageId }) }), _jsx(InlineSelectField, { icon: CircleDot, label: t.fields.status, value: quote.status, options: statusOptions, allowClear: false, onSave: (next) => onUpdateField({ status: next ?? quote.status }) }), _jsxs("div", { className: "flex items-start gap-3 py-1.5", children: [_jsx(DollarSign, { className: "mt-0.5 h-4 w-4 shrink-0 text-muted-foreground" }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("div", { className: "font-medium text-muted-foreground text-xs", children: t.fields.value }), _jsx("div", { className: "text-sm", children: formatCrmMoney(i18n, quote.valueAmountCents, quote.valueCurrency) }), _jsx("div", { className: "text-[10px] text-muted-foreground", children: t.fields.valueHint })] })] }), _jsx(InlineCurrencyField, { label: t.fields.currency, value: quote.valueCurrency, onSave: (next) => onUpdateField({ valueCurrency: next }) }), _jsx(InlineField, { icon: Calendar, label: t.fields.expectedClose, placeholder: "YYYY-MM-DD", value: quote.expectedCloseDate, onSave: (next) => onUpdateField({ expectedCloseDate: next }) }), _jsx(InlineField, { icon: Tag, label: t.fields.source, value: quote.source, onSave: (next) => onUpdateField({ source: next }) }), quote.status === "lost" ? (_jsx(InlineField, { label: t.fields.lostReason, kind: "textarea", value: quote.lostReason, onSave: (next) => onUpdateField({ lostReason: next }) })) : null] })] }));
+}
+export function QuoteTagsCard({ tags, onChange }) {
+    const messages = useCrmUiMessagesOrDefault();
+    const t = messages.quoteDetailPage;
+    const current = tags ?? [];
+    const [draft, setDraft] = useState("");
+    const addTag = async () => {
+        const value = draft.trim();
+        if (!value || current.includes(value)) {
+            setDraft("");
+            return;
+        }
+        setDraft("");
+        await onChange([...current, value]);
+    };
+    const removeTag = async (tag) => {
+        await onChange(current.filter((entry) => entry !== tag));
+    };
+    const onKeyDown = (event) => {
+        if (event.key === "Enter") {
+            event.preventDefault();
+            void addTag();
+        }
+    };
+    return (_jsxs(Card, { children: [_jsx(CardHeader, { className: "pb-3", children: _jsx(CardTitle, { className: "font-semibold text-sm", children: t.tagsTitle }) }), _jsxs(CardContent, { className: "flex flex-col gap-2", children: [current.length > 0 ? (_jsx("div", { className: "flex flex-wrap gap-1.5", children: current.map((tag) => (_jsxs(Badge, { variant: "secondary", className: "gap-1", children: [tag, _jsx("button", { type: "button", onClick: () => void removeTag(tag), className: "rounded-sm hover:text-destructive", children: _jsx(X, { className: "size-3" }) })] }, tag))) })) : null, _jsx(Input, { value: draft, onChange: (event) => setDraft(event.target.value), onKeyDown: onKeyDown, onBlur: () => void addTag(), placeholder: t.addTagPlaceholder, className: "h-8 text-sm" })] })] }));
+}
+export function QuoteActivitiesCard({ isPending, activities }) {
+    const i18n = useCrmUiI18nOrDefault();
+    const t = i18n.messages.quoteDetailPage;
+    return (_jsxs(Card, { children: [_jsx(CardHeader, { className: "pb-3", children: _jsx(CardTitle, { className: "font-semibold text-sm", children: t.activitiesTitle }) }), _jsx(CardContent, { children: isPending ? null : activities.length === 0 ? (_jsx("p", { className: "py-4 text-center text-muted-foreground text-sm", children: t.activitiesEmpty })) : (_jsx("ul", { className: "divide-y", children: activities.map((activity) => (_jsx("li", { className: "py-3", children: _jsxs("div", { className: "flex items-start justify-between gap-2", children: [_jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("p", { className: "truncate font-medium text-sm", children: activity.subject }), activity.description ? (_jsx("p", { className: "mt-1 whitespace-pre-wrap text-muted-foreground text-sm", children: activity.description })) : null] }), _jsxs("div", { className: "shrink-0 text-right text-muted-foreground text-xs", children: [_jsx("p", { children: i18n.messages.common.activityTypeLabels[activity.type] ?? activity.type }), _jsx("p", { children: formatCrmRelative(i18n, activity.createdAt) })] })] }) }, activity.id))) })) })] }));
+}

package/dist/admin/quotes-board-host.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Packaged admin host for the Quotes board (packaged-admin RFC Phase 3). The
+ * landing surface for the quotes domain: pick a pipeline, manage its stages,
+ * create quotes, and open a quote's detail (where its versions live). All
+ * data flows through the shared `@voyant-travel/react` provider context
+ * mounted by the workspace shell; cross-route links resolve through the
+ * `quote.detail` semantic destination.
+ */
+export declare function QuotesBoardHost(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=quotes-board-host.d.ts.map

package/dist/admin/quotes-board-host.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"quotes-board-host.d.ts","sourceRoot":"","sources":["../../src/admin/quotes-board-host.tsx"],"names":[],"mappings":"AAwBA;;;;;;;GAOG;AACH,wBAAgB,eAAe,4CAoK9B"}

package/dist/admin/quotes-board-host.js

@@ -0,0 +1,72 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useAdminNavigate } from "@voyant-travel/admin";
+import { Button, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from "@voyant-travel/ui/components";
+import { Loader2, Plus, Settings2 } from "lucide-react";
+import { useEffect, useMemo, useState } from "react";
+import { QuotesBoard } from "../components/quotes-board.js";
+import { useCrmUiMessagesOrDefault } from "../i18n/index.js";
+import { CreateQuoteDialog, usePipelines, useQuotes, useStages, } from "../index.js";
+import { CreatePipelineDialog, ManageStagesDialog } from "./pipeline-dialogs.js";
+/**
+ * Packaged admin host for the Quotes board (packaged-admin RFC Phase 3). The
+ * landing surface for the quotes domain: pick a pipeline, manage its stages,
+ * create quotes, and open a quote's detail (where its versions live). All
+ * data flows through the shared `@voyant-travel/react` provider context
+ * mounted by the workspace shell; cross-route links resolve through the
+ * `quote.detail` semantic destination.
+ */
+export function QuotesBoardHost() {
+    const messages = useCrmUiMessagesOrDefault();
+    const t = messages.quotesBoardPage;
+    const navigate = useAdminNavigate();
+    const pipelinesQuery = usePipelines({ entityType: "quote", limit: 50 });
+    const pipelines = pipelinesQuery.data?.data ?? [];
+    const defaultPipelineId = (pipelines.find((pipeline) => pipeline.isDefault) ?? pipelines[0])?.id ?? null;
+    const [selectedPipelineId, setSelectedPipelineId] = useState(defaultPipelineId);
+    const [showCreatePipeline, setShowCreatePipeline] = useState(false);
+    const [showManageStages, setShowManageStages] = useState(false);
+    const [showCreateQuote, setShowCreateQuote] = useState(false);
+    useEffect(() => {
+        if (!selectedPipelineId && defaultPipelineId) {
+            setSelectedPipelineId(defaultPipelineId);
+            return;
+        }
+        if (selectedPipelineId && !pipelines.some((pipeline) => pipeline.id === selectedPipelineId)) {
+            setSelectedPipelineId(defaultPipelineId);
+        }
+    }, [defaultPipelineId, pipelines, selectedPipelineId]);
+    const stagesQuery = useStages({
+        pipelineId: selectedPipelineId ?? undefined,
+        limit: 100,
+        enabled: Boolean(selectedPipelineId),
+    });
+    const quotesQuery = useQuotes({
+        pipelineId: selectedPipelineId ?? undefined,
+        status: "open",
+        limit: 100,
+        enabled: Boolean(selectedPipelineId),
+    });
+    const stages = useMemo(() => [...(stagesQuery.data?.data ?? [])].sort((left, right) => left.sortOrder - right.sortOrder), [stagesQuery.data]);
+    const quotes = quotesQuery.data?.data ?? [];
+    const quotesByStage = useMemo(() => {
+        const map = new Map();
+        for (const stage of stages)
+            map.set(stage.id, []);
+        for (const quote of quotes) {
+            map.get(quote.stageId)?.push(quote);
+        }
+        return map;
+    }, [stages, quotes]);
+    const openQuote = (quoteId) => navigate("quote.detail", { quoteId });
+    return (_jsxs("div", { className: "flex h-full min-w-0 flex-col gap-4 p-4 lg:p-6", children: [_jsxs("div", { className: "flex flex-wrap items-center justify-between gap-3", children: [_jsxs("div", { children: [_jsx("h1", { className: "font-bold text-2xl tracking-tight", children: t.title }), _jsx("p", { className: "text-muted-foreground text-sm", children: t.description })] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsxs(Select, { value: selectedPipelineId ?? undefined, onValueChange: (value) => setSelectedPipelineId(value), disabled: pipelinesQuery.isPending || pipelines.length === 0, children: [_jsx(SelectTrigger, { className: "w-[200px] text-sm", children: _jsx(SelectValue, { placeholder: t.selectPipelinePlaceholder }) }), _jsx(SelectContent, { children: pipelines.map((pipeline) => (_jsxs(SelectItem, { value: pipeline.id, children: [pipeline.name, pipeline.isDefault ? t.defaultSuffix : ""] }, pipeline.id))) })] }), _jsxs(Button, { variant: "outline", size: "sm", onClick: () => setShowCreatePipeline(true), disabled: pipelinesQuery.isPending, children: [_jsx(Plus, { className: "mr-1.5 h-4 w-4" }), t.newPipeline] }), selectedPipelineId ? (_jsxs(_Fragment, { children: [_jsxs(Button, { variant: "outline", size: "sm", onClick: () => setShowManageStages(true), disabled: stagesQuery.isPending, children: [_jsx(Settings2, { className: "mr-1.5 h-4 w-4" }), t.manageStages] }), _jsxs(Button, { size: "sm", onClick: () => setShowCreateQuote(true), disabled: stagesQuery.isPending || stages.length === 0, children: [_jsx(Plus, { className: "mr-1.5 h-4 w-4" }), t.newQuote] })] })) : null] })] }), pipelinesQuery.isPending ? (_jsx("div", { className: "flex flex-1 items-center justify-center", children: _jsx(Loader2, { className: "h-6 w-6 animate-spin text-muted-foreground" }) })) : pipelines.length === 0 ? (_jsx(EmptyState, { title: t.emptyNoPipelines.title, description: t.emptyNoPipelines.description })) : !selectedPipelineId ? null : stagesQuery.isPending ? (_jsx("div", { className: "flex flex-1 items-center justify-center", children: _jsx(Loader2, { className: "h-6 w-6 animate-spin text-muted-foreground" }) })) : stages.length === 0 ? (_jsx(EmptyState, { title: t.emptyNoStages.title, description: t.emptyNoStages.description })) : (_jsx(QuotesBoard, { stages: stages, quotesByStage: quotesByStage, onQuoteOpen: (quote) => openQuote(quote.id) })), _jsx(CreatePipelineDialog, { open: showCreatePipeline, onOpenChange: setShowCreatePipeline, existingCount: pipelines.length, onCreated: (pipelineId) => {
+                    setSelectedPipelineId(pipelineId);
+                    setShowCreatePipeline(false);
+                } }), selectedPipelineId ? (_jsxs(_Fragment, { children: [_jsx(ManageStagesDialog, { open: showManageStages, onOpenChange: setShowManageStages, pipelineId: selectedPipelineId, stages: stages }), _jsx(CreateQuoteDialog, { open: showCreateQuote, onOpenChange: setShowCreateQuote, pipelineId: selectedPipelineId, stages: stages, onCreated: (quoteId) => {
+                            setShowCreateQuote(false);
+                            openQuote(quoteId);
+                        } })] })) : null] }));
+}
+function EmptyState({ title, description }) {
+    return (_jsxs("div", { className: "flex flex-1 flex-col items-center justify-center gap-1 py-12 text-center", children: [_jsx("p", { className: "font-medium text-sm", children: title }), _jsx("p", { className: "text-muted-foreground text-sm", children: description })] }));
+}

package/dist/hooks/use-quote-media-mutation.d.ts

@@ -0,0 +1,51 @@
+export interface CreateQuoteMediaInput {
+    mediaType?: "image" | "video" | "document";
+    name: string;
+    url: string;
+    storageKey?: string | null;
+    mimeType?: string | null;
+    fileSize?: number | null;
+    altText?: string | null;
+}
+/** Attach / remove quote media (the upload itself goes through `/v1/uploads`). */
+export declare function useQuoteMediaMutation(): {
+    create: import("@tanstack/react-query").UseMutationResult<{
+        id: string;
+        quoteId: string;
+        mediaType: string;
+        name: string;
+        url: string;
+        storageKey: string | null;
+        mimeType: string | null;
+        fileSize: number | null;
+        altText: string | null;
+        sortOrder: number;
+        createdAt: string;
+        updatedAt: string;
+    }, Error, {
+        quoteId: string;
+        input: CreateQuoteMediaInput;
+    }, unknown>;
+    upload: import("@tanstack/react-query").UseMutationResult<{
+        id: string;
+        quoteId: string;
+        mediaType: string;
+        name: string;
+        url: string;
+        storageKey: string | null;
+        mimeType: string | null;
+        fileSize: number | null;
+        altText: string | null;
+        sortOrder: number;
+        createdAt: string;
+        updatedAt: string;
+    }, Error, {
+        quoteId: string;
+        file: File;
+    }, unknown>;
+    remove: import("@tanstack/react-query").UseMutationResult<void, Error, {
+        id: string;
+        quoteId: string;
+    }, unknown>;
+};
+//# sourceMappingURL=use-quote-media-mutation.d.ts.map

package/dist/hooks/use-quote-media-mutation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-quote-media-mutation.d.ts","sourceRoot":"","sources":["../../src/hooks/use-quote-media-mutation.ts"],"names":[],"mappings":"AASA,MAAM,WAAW,qBAAqB;IACpC,SAAS,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,UAAU,CAAA;IAC1C,IAAI,EAAE,MAAM,CAAA;IACZ,GAAG,EAAE,MAAM,CAAA;IACX,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC1B,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACxB,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACxB,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;CACxB;AAED,kFAAkF;AAClF,wBAAgB,qBAAqB;;;;;;;;;;;;;;;iBASiB,MAAM;eAAS,qBAAqB;;;;;;;;;;;;;;;;iBAgBrC,MAAM;cAAQ,IAAI;;;YA0ClC,MAAM;iBAAW,MAAM;;EAY3D"}