@voyant-travel/quotes-react 0.122.0 → 0.123.0

package/dist/admin/index.d.ts

@@ -0,0 +1,51 @@
+import { type AdminExtension, type NavItem } from "@voyant-travel/admin";
+/**
+ * Semantic destinations the quotes admin surfaces navigate to (packaged-admin
+ * RFC §4.7). The board opens a quote's detail; the detail page links back to
+ * the board — instead of importing a host route tree they resolve these keys
+ * through `useAdminNavigate` from `@voyant-travel/admin`. Both are route-backed
+ * (pure path interpolation), so the host's resolvers are generated.
+ */
+declare module "@voyant-travel/admin" {
+    interface AdminDestinations {
+        /** The quotes board (landing) page. */
+        "quote.list": Record<string, never>;
+        /** A quote's detail page, where its versions live. */
+        "quote.detail": {
+            quoteId: string;
+        };
+    }
+}
+export { quotesQueryKeys } from "../query-keys.js";
+export interface CreateQuotesAdminExtensionOptions {
+    /** Mount path of the quotes pages inside the admin workspace. Default `/quotes`. */
+    basePath?: string;
+    /** Localized nav/page labels. Defaults are the English operator nav labels. */
+    labels?: {
+        quotes?: string;
+    };
+    /** Nav icon — icon choice stays with the host (e.g. lucide `FileText`). */
+    icon?: NavItem["icon"];
+}
+/**
+ * The quotes admin contribution (packaged-admin RFC Phase 3,
+ * `@voyant-travel/<domain>-react/admin` convention).
+ *
+ * NAVIGATION: package-delivered. The Quotes item is NOT part of the BASE
+ * operator navigation (`createOperatorAdminNavigation` in
+ * `@voyant-travel/admin`), so the extension contributes it — spliced directly
+ * after Bookings via `insertAfter` because both belong to the
+ * quote → accept → book lifecycle. The icon stays a host choice.
+ *
+ * ROUTES: two contributions carry the FULL route implementation — the board
+ * (landing) at `basePath`, where operators manage pipelines/stages and create
+ * quotes, and a quote detail at `basePath/$id`, where that quote's VERSIONS
+ * live (listed inline, created in context). Versions are never a top-level
+ * surface: they are revisions of a quote. Both pages keep their filter/state
+ * local (no URL search contract); cross-route links resolve through the
+ * semantic destinations declared above.
+ *
+ * WIDGETS: none contributed and no slots exposed yet.
+ */
+export declare function createQuotesAdminExtension(options?: CreateQuotesAdminExtensionOptions): AdminExtension;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/admin/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,cAAc,EAKnB,KAAK,OAAO,EACb,MAAM,sBAAsB,CAAA;AAM7B;;;;;;GAMG;AACH,OAAO,QAAQ,sBAAsB,CAAC;IACpC,UAAU,iBAAiB;QACzB,uCAAuC;QACvC,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,CAAA;QACnC,sDAAsD;QACtD,cAAc,EAAE;YAAE,OAAO,EAAE,MAAM,CAAA;SAAE,CAAA;KACpC;CACF;AAOD,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAA;AAElD,MAAM,WAAW,iCAAiC;IAChD,oFAAoF;IACpF,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,+EAA+E;IAC/E,MAAM,CAAC,EAAE;QACP,MAAM,CAAC,EAAE,MAAM,CAAA;KAChB,CAAA;IACD,2EAA2E;IAC3E,IAAI,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,CAAA;CACvB;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,0BAA0B,CACxC,OAAO,GAAE,iCAAsC,GAC9C,cAAc,CAkDhB"}

package/dist/admin/index.js

@@ -0,0 +1,85 @@
+import { adminRoutePageModule, defineAdminExtension, } from "@voyant-travel/admin";
+// Lean static only: the shared fetcher fallback. The page-data helpers
+// resolve via dynamic import inside the loaders so the REST query options stay
+// out of the workspace-chrome chunk that evaluates this factory.
+import { defaultFetcher } from "@voyant-travel/react";
+// Endgame rule (packaged-admin RFC §4.8): this barrel re-exports NO page or
+// host component values — it is evaluated with the workspace chrome, so a
+// static host re-export would pin the Quotes page modules (board, dialogs,
+// detail table) into the entry chunk. Hosts import from their specific
+// modules; only the lightweight query keys re-export here.
+export { quotesQueryKeys } from "../query-keys.js";
+/**
+ * The quotes admin contribution (packaged-admin RFC Phase 3,
+ * `@voyant-travel/<domain>-react/admin` convention).
+ *
+ * NAVIGATION: package-delivered. The Quotes item is NOT part of the BASE
+ * operator navigation (`createOperatorAdminNavigation` in
+ * `@voyant-travel/admin`), so the extension contributes it — spliced directly
+ * after Bookings via `insertAfter` because both belong to the
+ * quote → accept → book lifecycle. The icon stays a host choice.
+ *
+ * ROUTES: two contributions carry the FULL route implementation — the board
+ * (landing) at `basePath`, where operators manage pipelines/stages and create
+ * quotes, and a quote detail at `basePath/$id`, where that quote's VERSIONS
+ * live (listed inline, created in context). Versions are never a top-level
+ * surface: they are revisions of a quote. Both pages keep their filter/state
+ * local (no URL search contract); cross-route links resolve through the
+ * semantic destinations declared above.
+ *
+ * WIDGETS: none contributed and no slots exposed yet.
+ */
+export function createQuotesAdminExtension(options = {}) {
+    const { basePath = "/quotes", labels = {}, icon } = options;
+    const { quotes = "Quotes" } = labels;
+    return defineAdminExtension({
+        id: "quotes",
+        navigation: [
+            {
+                insertAfter: "bookings",
+                items: [{ id: "quotes", title: quotes, url: basePath, icon }],
+            },
+        ],
+        routes: [
+            {
+                id: "quotes-index",
+                path: basePath,
+                title: quotes,
+                destination: "quote.list",
+                ssr: "data-only",
+                page: () => import("./quotes-board-host.js").then((module) => adminRoutePageModule(module.QuotesBoardHost)),
+                // Dynamic import on purpose: the helper pulls the REST query options,
+                // and a static import here would pin them into the workspace-chrome
+                // chunk that evaluates this factory.
+                loader: async ({ queryClient, runtime }) => {
+                    const { getPipelinesQueryOptions } = await import("../query-options.js");
+                    return queryClient.ensureQueryData(getPipelinesQueryOptions(loaderClient(runtime), { entityType: "quote", limit: 50 }));
+                },
+            },
+            {
+                id: "quotes-detail",
+                path: `${basePath}/$id`,
+                title: quotes,
+                destination: "quote.detail",
+                destinationParams: { id: "quoteId" },
+                ssr: "data-only",
+                page: () => import("./pages/quote-detail-page.js"),
+                loader: async ({ queryClient, runtime, params }) => {
+                    const id = params.id;
+                    if (!id)
+                        return;
+                    const { getQuoteQueryOptions } = await import("../query-options.js");
+                    return queryClient.ensureQueryData(getQuoteQueryOptions(loaderClient(runtime), id));
+                },
+            },
+        ],
+    });
+}
+/**
+ * Bridge the host-supplied {@link AdminRouteRuntime} (optional fetcher) to
+ * the required-fetcher client contract the query options take — SSR loaders
+ * run with the host runtime's cookie-forwarding fetcher.
+ */
+function loaderClient(runtime) {
+    return { baseUrl: runtime.baseUrl, fetcher: runtime.fetcher ?? defaultFetcher };
+}

package/dist/admin/pages/quote-detail-page.d.ts

@@ -0,0 +1,13 @@
+import type { AdminRoutePageProps } from "@voyant-travel/admin";
+/**
+ * Packaged admin page for a single Quote (packaged-admin RFC Phase 3). The
+ * detail is a STAGED editor: every card edits a local draft and nothing
+ * persists until "Save", which commits the quote fields, line-item and
+ * traveler diffs, then snapshots a new proposal version that supersedes the
+ * prior one. "Discard" reverts to the loaded state. The quote value is derived
+ * from the draft's line items. Client/owner data flows through
+ * relationships-react / auth-react; links resolve via the shared
+ * `person.detail` / `organization.detail` semantic destinations.
+ */
+export default function QuoteDetailPage({ params }: AdminRoutePageProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=quote-detail-page.d.ts.map

package/dist/admin/pages/quote-detail-page.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"quote-detail-page.d.ts","sourceRoot":"","sources":["../../../src/admin/pages/quote-detail-page.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAA;AAkK/D;;;;;;;;;GASG;AACH,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EAAE,MAAM,EAAE,EAAE,mBAAmB,2CAmmBtE"}

package/dist/admin/pages/quote-detail-page.js

@@ -0,0 +1,397 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useAdminNavigate } from "@voyant-travel/admin";
+import { formatMessage } from "@voyant-travel/i18n";
+import { useActivities, useOrganization, usePerson } from "@voyant-travel/relationships-react";
+import { Button, Card, CardContent, CardHeader, CardTitle, ConfirmActionButton, Dialog, DialogContent, DialogFooter, DialogHeader, DialogTitle, Textarea, toast, } from "@voyant-travel/ui/components";
+import { DatePicker } from "@voyant-travel/ui/components/date-picker";
+import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow, } from "@voyant-travel/ui/components/table";
+import { ArrowLeft, Ban, CheckCircle2, Loader2, Save, Share2 } from "lucide-react";
+import { useEffect, useMemo, useRef, useState } from "react";
+import { formatCrmDate, formatCrmMoney, formatCrmRelative } from "../../components/crm-format.js";
+import { useCrmUiI18nOrDefault } from "../../i18n/index.js";
+import { useQuote, useQuoteMedia, useQuoteMediaMutation, useQuoteMutation, useQuoteParticipantMutation, useQuoteParticipants, useQuoteProductMutation, useQuoteProducts, useQuoteVersionMutation, useQuoteVersions, useStages, } from "../../index.js";
+import { QuoteClientCard, QuoteLineItemsCard, QuoteMediaCard, QuoteOwnershipCard, QuoteTravelersCard, } from "../quote-content-sections.js";
+import { QuoteActivitiesCard, QuoteDetailsCard, QuoteTagsCard } from "../quote-detail-sections.js";
+function buildDraft(quote, products, travelers) {
+    return {
+        title: quote.title,
+        stageId: quote.stageId,
+        status: quote.status,
+        valueCurrency: quote.valueCurrency,
+        expectedCloseDate: quote.expectedCloseDate,
+        source: quote.source,
+        description: quote.description,
+        lostReason: quote.lostReason,
+        personId: quote.personId,
+        organizationId: quote.organizationId,
+        ownerId: quote.ownerId,
+        paxCount: quote.paxCount,
+        tags: quote.tags,
+        lineItems: products.map((product) => ({
+            id: product.id,
+            isNew: false,
+            nameSnapshot: product.nameSnapshot,
+            description: product.description,
+            quantity: product.quantity,
+            unitPriceAmountCents: product.unitPriceAmountCents,
+            currency: product.currency,
+        })),
+        travelers: travelers.map((traveler) => ({
+            id: traveler.id,
+            isNew: false,
+            personId: traveler.personId,
+            isPrimary: traveler.isPrimary,
+        })),
+    };
+}
+/** Order-stable signature for the dirty check (ignores temp ids of new rows). */
+function serializeDraft(draft) {
+    return JSON.stringify({
+        title: draft.title,
+        stageId: draft.stageId,
+        status: draft.status,
+        valueCurrency: draft.valueCurrency,
+        expectedCloseDate: draft.expectedCloseDate,
+        source: draft.source,
+        description: draft.description,
+        lostReason: draft.lostReason,
+        personId: draft.personId,
+        organizationId: draft.organizationId,
+        ownerId: draft.ownerId,
+        paxCount: draft.paxCount,
+        tags: [...draft.tags].sort(),
+        lineItems: draft.lineItems.map((line) => ({
+            id: line.isNew ? null : line.id,
+            n: line.nameSnapshot,
+            d: line.description,
+            q: line.quantity,
+            u: line.unitPriceAmountCents,
+            c: line.currency,
+        })),
+        travelers: [...draft.travelers.map((traveler) => traveler.personId)].sort(),
+    });
+}
+/**
+ * Packaged admin page for a single Quote (packaged-admin RFC Phase 3). The
+ * detail is a STAGED editor: every card edits a local draft and nothing
+ * persists until "Save", which commits the quote fields, line-item and
+ * traveler diffs, then snapshots a new proposal version that supersedes the
+ * prior one. "Discard" reverts to the loaded state. The quote value is derived
+ * from the draft's line items. Client/owner data flows through
+ * relationships-react / auth-react; links resolve via the shared
+ * `person.detail` / `organization.detail` semantic destinations.
+ */
+export default function QuoteDetailPage({ params }) {
+    const id = params.id ?? "";
+    const i18n = useCrmUiI18nOrDefault();
+    const { messages } = i18n;
+    const t = messages.quoteDetailPage;
+    const navigate = useAdminNavigate();
+    const [showLostDialog, setShowLostDialog] = useState(false);
+    const [lostReasonDraft, setLostReasonDraft] = useState("");
+    const [draft, setDraft] = useState(null);
+    const [isSaving, setIsSaving] = useState(false);
+    const quoteQuery = useQuote(id);
+    const quote = quoteQuery.data;
+    const { update, remove } = useQuoteMutation();
+    const versionMutation = useQuoteVersionMutation();
+    const productMutation = useQuoteProductMutation();
+    const participantMutation = useQuoteParticipantMutation();
+    const mediaMutation = useQuoteMediaMutation();
+    const stagesQuery = useStages({
+        pipelineId: quote?.pipelineId,
+        limit: 100,
+        enabled: Boolean(quote?.pipelineId),
+    });
+    const versionsQuery = useQuoteVersions({ quoteId: id, limit: 50, enabled: Boolean(quote) });
+    const activitiesQuery = useActivities({
+        entityType: "quote",
+        entityId: id,
+        limit: 50,
+        enabled: Boolean(quote),
+    });
+    const productsQuery = useQuoteProducts(id, { enabled: Boolean(quote) });
+    const participantsQuery = useQuoteParticipants(id, { enabled: Boolean(quote) });
+    const mediaQuery = useQuoteMedia(id, { enabled: Boolean(quote) });
+    const products = useMemo(() => productsQuery.data?.data ?? [], [productsQuery.data]);
+    const travelers = useMemo(() => participantsQuery.data?.data ?? [], [participantsQuery.data]);
+    // The draft built from the server's current state. Draft edits diverge from
+    // this until Save; the server signature resyncs the draft after a save lands.
+    const serverDraft = useMemo(() => (quote ? buildDraft(quote, products, travelers) : null), [quote, products, travelers]);
+    const serverSignature = serverDraft ? serializeDraft(serverDraft) : null;
+    const syncedRef = useRef(null);
+    // Resync the draft to the server whenever the server state changes (initial
+    // load, and after a save commits) — but never mid-save, which would clobber
+    // pending edits as each mutation invalidates queries.
+    useEffect(() => {
+        if (isSaving || !serverDraft || serverSignature === null)
+            return;
+        if (serverSignature !== syncedRef.current) {
+            syncedRef.current = serverSignature;
+            setDraft(serverDraft);
+        }
+    }, [isSaving, serverDraft, serverSignature]);
+    // Person/org records resolve from the DRAFT ids so the client card reflects
+    // a freshly-picked (unsaved) selection immediately.
+    const personQuery = usePerson(draft?.personId ?? undefined, {
+        enabled: Boolean(draft?.personId),
+    });
+    const organizationQuery = useOrganization(draft?.organizationId ?? undefined, {
+        enabled: Boolean(draft?.organizationId),
+    });
+    const versions = versionsQuery.data?.data ?? [];
+    const versionNumberById = new Map();
+    [...versions]
+        .sort((a, b) => Date.parse(a.createdAt) - Date.parse(b.createdAt))
+        .forEach((version, index) => {
+        versionNumberById.set(version.id, index + 1);
+    });
+    const orderedVersions = [...versions].sort((a, b) => Date.parse(b.createdAt) - Date.parse(a.createdAt));
+    const currentVersion = orderedVersions.find((version) => version.status === "draft" || version.status === "sent") ??
+        null;
+    const currentVersionId = currentVersion?.id ?? null;
+    const stages = useMemo(() => [...(stagesQuery.data?.data ?? [])].sort((a, b) => a.sortOrder - b.sortOrder), [stagesQuery.data]);
+    const goToList = () => navigate("quote.list", {});
+    if (quoteQuery.isPending) {
+        return (_jsx("div", { className: "flex items-center justify-center py-12", children: _jsx(Loader2, { className: "h-6 w-6 animate-spin text-muted-foreground" }) }));
+    }
+    if (!quote) {
+        return (_jsxs("div", { className: "flex flex-col items-center justify-center gap-4 py-12", children: [_jsx("p", { className: "text-muted-foreground", children: t.notFound }), _jsx(Button, { variant: "outline", onClick: goToList, children: t.back })] }));
+    }
+    // Quote loaded but the draft is still being initialized from it (one tick).
+    if (!draft) {
+        return (_jsx("div", { className: "flex items-center justify-center py-12", children: _jsx(Loader2, { className: "h-6 w-6 animate-spin text-muted-foreground" }) }));
+    }
+    const currentDraft = draft;
+    const patchDraft = (patch) => setDraft((previous) => (previous ? { ...previous, ...patch } : previous));
+    const itemsTotalCents = currentDraft.lineItems.reduce((sum, line) => sum + line.quantity * (line.unitPriceAmountCents ?? 0), 0);
+    const isDirty = serverDraft ? serializeDraft(currentDraft) !== serializeDraft(serverDraft) : false;
+    // Synthetic records so the (presentational) cards can render the draft.
+    const draftLineItems = currentDraft.lineItems.map((line) => ({
+        id: line.id,
+        quoteId: id,
+        productId: null,
+        supplierServiceId: null,
+        nameSnapshot: line.nameSnapshot,
+        description: line.description,
+        quantity: line.quantity,
+        unitPriceAmountCents: line.unitPriceAmountCents,
+        costAmountCents: null,
+        currency: line.currency,
+        discountAmountCents: null,
+        createdAt: "",
+        updatedAt: "",
+    }));
+    const draftTravelers = currentDraft.travelers.map((traveler) => ({
+        id: traveler.id,
+        quoteId: id,
+        personId: traveler.personId,
+        role: "traveler",
+        isPrimary: traveler.isPrimary,
+        createdAt: "",
+    }));
+    function markWon() {
+        const wonStage = stages.find((stage) => stage.isWon);
+        patchDraft({ status: "won", ...(wonStage ? { stageId: wonStage.id } : {}) });
+    }
+    function submitLost() {
+        const lostStage = stages.find((stage) => stage.isLost);
+        patchDraft({
+            status: "lost",
+            lostReason: lostReasonDraft.trim() || null,
+            ...(lostStage ? { stageId: lostStage.id } : {}),
+        });
+        setShowLostDialog(false);
+        setLostReasonDraft("");
+    }
+    function reopen() {
+        patchDraft({ status: "open", lostReason: null });
+    }
+    function discard() {
+        if (serverDraft)
+            setDraft(serverDraft);
+    }
+    async function shareProposal() {
+        if (!currentVersion)
+            return;
+        try {
+            // Always copy the deployment-resolved public proposal URL (the public
+            // origin can differ from the admin origin). Draft → send returns it;
+            // an already-sent version resolves it via the side-effect-free link route.
+            const result = currentVersion.status === "draft"
+                ? await versionMutation.sendProposal.mutateAsync({ id: currentVersion.id })
+                : await versionMutation.fetchProposalLink.mutateAsync({ id: currentVersion.id });
+            const url = result.proposalUrl?.startsWith("http")
+                ? result.proposalUrl
+                : `${window.location.origin}/proposal/${currentVersion.id}`;
+            await navigator.clipboard?.writeText(url).catch(() => { });
+            toast.success(t.proposalLinkCopied);
+        }
+        catch {
+            toast.error(t.proposalSendFailed);
+        }
+    }
+    async function save() {
+        if (isSaving)
+            return;
+        setIsSaving(true);
+        try {
+            // 1. Quote fields — full payload so the partial-update schema doesn't
+            // inject insert defaults (status/tags) and clobber them.
+            await update.mutateAsync({
+                id,
+                input: {
+                    title: currentDraft.title,
+                    pipelineId: quote?.pipelineId,
+                    stageId: currentDraft.stageId,
+                    status: currentDraft.status,
+                    personId: currentDraft.personId,
+                    organizationId: currentDraft.organizationId,
+                    ownerId: currentDraft.ownerId,
+                    valueCurrency: currentDraft.valueCurrency,
+                    expectedCloseDate: currentDraft.expectedCloseDate,
+                    source: currentDraft.source,
+                    description: currentDraft.description,
+                    lostReason: currentDraft.lostReason,
+                    tags: currentDraft.tags,
+                    paxCount: currentDraft.paxCount,
+                },
+            });
+            // 2. Line-item diff
+            for (const serverItem of products) {
+                if (!currentDraft.lineItems.some((line) => !line.isNew && line.id === serverItem.id)) {
+                    await productMutation.remove.mutateAsync({ id: serverItem.id, quoteId: id });
+                }
+            }
+            for (const line of currentDraft.lineItems) {
+                if (line.isNew) {
+                    await productMutation.create.mutateAsync({
+                        quoteId: id,
+                        input: {
+                            nameSnapshot: line.nameSnapshot,
+                            description: line.description,
+                            quantity: line.quantity,
+                            unitPriceAmountCents: line.unitPriceAmountCents,
+                            currency: line.currency,
+                        },
+                    });
+                    continue;
+                }
+                const serverItem = products.find((product) => product.id === line.id);
+                const changed = serverItem &&
+                    (serverItem.nameSnapshot !== line.nameSnapshot ||
+                        (serverItem.description ?? null) !== (line.description ?? null) ||
+                        serverItem.quantity !== line.quantity ||
+                        (serverItem.unitPriceAmountCents ?? null) !== (line.unitPriceAmountCents ?? null) ||
+                        (serverItem.currency ?? null) !== (line.currency ?? null));
+                if (changed) {
+                    await productMutation.update.mutateAsync({
+                        id: line.id,
+                        quoteId: id,
+                        input: {
+                            nameSnapshot: line.nameSnapshot,
+                            description: line.description,
+                            quantity: line.quantity,
+                            unitPriceAmountCents: line.unitPriceAmountCents,
+                            currency: line.currency,
+                        },
+                    });
+                }
+            }
+            // 3. Traveler diff
+            for (const serverTraveler of travelers) {
+                if (!currentDraft.travelers.some((tv) => !tv.isNew && tv.id === serverTraveler.id)) {
+                    await participantMutation.remove.mutateAsync({ id: serverTraveler.id, quoteId: id });
+                }
+            }
+            for (const traveler of currentDraft.travelers) {
+                if (traveler.isNew) {
+                    await participantMutation.create.mutateAsync({
+                        quoteId: id,
+                        input: { personId: traveler.personId, role: "traveler" },
+                    });
+                }
+            }
+            // 4. Snapshot the saved state into a new proposal version.
+            await versionMutation.snapshot.mutateAsync({ quoteId: id });
+            toast.success(t.saveSuccess);
+        }
+        catch {
+            toast.error(t.saveError);
+        }
+        finally {
+            setIsSaving(false);
+        }
+    }
+    return (_jsxs("div", { className: "flex min-h-screen flex-col", children: [_jsxs("div", { className: "sticky top-0 z-10 flex items-center gap-3 border-b bg-background px-6 py-3", children: [_jsx(Button, { variant: "ghost", size: "icon", onClick: goToList, className: "h-8 w-8", children: _jsx(ArrowLeft, { className: "h-4 w-4" }) }), _jsxs("div", { className: "flex items-center gap-2 text-muted-foreground text-sm", children: [_jsx("button", { type: "button", onClick: goToList, className: "hover:text-foreground", children: t.breadcrumbRoot }), _jsx("span", { children: "/" }), _jsx("span", { className: "truncate text-foreground", children: currentDraft.title })] }), _jsxs("div", { className: "ml-auto flex items-center gap-2", children: [currentDraft.status === "open" ? (_jsxs(_Fragment, { children: [_jsxs(Button, { size: "sm", variant: "outline", onClick: markWon, disabled: isSaving, children: [_jsx(CheckCircle2, { className: "mr-1.5 h-4 w-4" }), t.markWon] }), _jsxs(Button, { size: "sm", variant: "outline", onClick: () => setShowLostDialog(true), disabled: isSaving, children: [_jsx(Ban, { className: "mr-1.5 h-4 w-4" }), t.markLost] })] })) : (_jsx(Button, { size: "sm", variant: "outline", onClick: reopen, disabled: isSaving, children: t.reopen })), isDirty ? (_jsx(Button, { size: "sm", variant: "ghost", onClick: discard, disabled: isSaving, children: t.discard })) : null, _jsxs(Button, { size: "sm", onClick: () => void save(), disabled: !isDirty || isSaving, children: [isSaving ? (_jsx(Loader2, { className: "mr-1.5 h-4 w-4 animate-spin" })) : (_jsx(Save, { className: "mr-1.5 h-4 w-4" })), t.save] }), _jsx(ConfirmActionButton, { buttonLabel: t.delete, confirmLabel: t.deleteConfirm.confirm, cancelLabel: messages.common.cancel, title: t.deleteConfirm.title, description: t.deleteConfirm.description, variant: "destructive", confirmVariant: "destructive", disabled: remove.isPending || isSaving, onConfirm: async () => {
+                                    await remove.mutateAsync(id);
+                                    goToList();
+                                } })] })] }), _jsxs("div", { className: "grid flex-1 grid-cols-12 gap-4 p-4 lg:p-6", children: [_jsxs("aside", { className: "col-span-12 flex flex-col gap-4 lg:col-span-4", children: [_jsx(QuoteDetailsCard, { quote: {
+                                    ...quote,
+                                    title: currentDraft.title,
+                                    stageId: currentDraft.stageId,
+                                    status: currentDraft.status,
+                                    valueAmountCents: itemsTotalCents,
+                                    valueCurrency: currentDraft.valueCurrency,
+                                    expectedCloseDate: currentDraft.expectedCloseDate,
+                                    source: currentDraft.source,
+                                    lostReason: currentDraft.lostReason,
+                                }, stages: stages, onUpdateField: async (patch) => patchDraft(patch) }), _jsx(QuoteClientCard, { person: personQuery.data, organization: organizationQuery.data, busy: isSaving, onSetPerson: async (personId) => patchDraft({ personId }), onSetOrganization: async (organizationId) => patchDraft({ organizationId }), onOpenPerson: () => {
+                                    if (currentDraft.personId)
+                                        navigate("person.detail", { personId: currentDraft.personId });
+                                }, onOpenOrganization: () => {
+                                    if (currentDraft.organizationId) {
+                                        navigate("organization.detail", { organizationId: currentDraft.organizationId });
+                                    }
+                                } }), _jsx(QuoteTravelersCard, { travelers: draftTravelers, paxCount: currentDraft.paxCount, isPending: participantsQuery.isPending, busy: isSaving, onPaxCountChange: async (paxCount) => patchDraft({ paxCount }), onAdd: async (personId) => patchDraft({
+                                    travelers: [
+                                        ...currentDraft.travelers,
+                                        { id: `tmp_${crypto.randomUUID()}`, isNew: true, personId, isPrimary: false },
+                                    ],
+                                }), onRemove: async (travelerId) => patchDraft({
+                                    travelers: currentDraft.travelers.filter((traveler) => traveler.id !== travelerId),
+                                }) }), _jsx(QuoteOwnershipCard, { ownerId: currentDraft.ownerId, createdBy: quote.createdBy, updatedBy: quote.updatedBy, createdAt: quote.createdAt, updatedAt: quote.updatedAt, busy: isSaving, onSetOwner: async (ownerId) => patchDraft({ ownerId }) }), _jsx(QuoteTagsCard, { tags: currentDraft.tags, onChange: async (tags) => patchDraft({ tags }) })] }), _jsxs("main", { className: "col-span-12 flex flex-col gap-4 lg:col-span-8", children: [_jsxs(Card, { children: [_jsx(CardHeader, { className: "pb-3", children: _jsx(CardTitle, { children: t.descriptionTitle }) }), _jsx(CardContent, { children: _jsx(Textarea, { value: currentDraft.description ?? "", onChange: (event) => patchDraft({ description: event.target.value === "" ? null : event.target.value }), placeholder: t.descriptionPlaceholder, rows: 4, disabled: isSaving }) })] }), _jsx(QuoteMediaCard, { media: mediaQuery.data?.data ?? [], isPending: mediaQuery.isPending, busy: mediaMutation.upload.isPending || mediaMutation.remove.isPending, onUploadFiles: async (files) => {
+                                    for (const file of Array.from(files)) {
+                                        await mediaMutation.upload.mutateAsync({ quoteId: id, file });
+                                    }
+                                }, onRemove: async (mediaId) => {
+                                    await mediaMutation.remove.mutateAsync({ id: mediaId, quoteId: id });
+                                } }), _jsx(QuoteLineItemsCard, { products: draftLineItems, isPending: productsQuery.isPending, currency: currentDraft.valueCurrency ?? "USD", busy: isSaving, onAdd: async (input) => patchDraft({
+                                    lineItems: [
+                                        ...currentDraft.lineItems,
+                                        {
+                                            id: `tmp_${crypto.randomUUID()}`,
+                                            isNew: true,
+                                            nameSnapshot: input.nameSnapshot,
+                                            description: input.description ?? null,
+                                            quantity: input.quantity ?? 1,
+                                            unitPriceAmountCents: input.unitPriceAmountCents ?? null,
+                                            currency: input.currency ?? null,
+                                        },
+                                    ],
+                                }), onUpdate: async (lineId, input) => patchDraft({
+                                    lineItems: currentDraft.lineItems.map((line) => line.id === lineId
+                                        ? {
+                                            ...line,
+                                            ...(input.nameSnapshot !== undefined
+                                                ? { nameSnapshot: input.nameSnapshot }
+                                                : {}),
+                                            ...(input.quantity !== undefined ? { quantity: input.quantity } : {}),
+                                            ...(input.unitPriceAmountCents !== undefined
+                                                ? { unitPriceAmountCents: input.unitPriceAmountCents }
+                                                : {}),
+                                        }
+                                        : line),
+                                }), onRemove: async (lineId) => patchDraft({
+                                    lineItems: currentDraft.lineItems.filter((line) => line.id !== lineId),
+                                }) }), _jsxs(Card, { children: [_jsxs(CardHeader, { className: "flex flex-row items-center justify-between gap-2", children: [_jsx(CardTitle, { children: t.versionsTitle }), currentVersion ? (_jsxs(Button, { size: "sm", variant: "outline", onClick: () => void shareProposal(), disabled: versionMutation.sendProposal.isPending, children: [_jsx(Share2, { className: "mr-1.5 h-4 w-4" }), currentVersion.status === "draft" ? t.sendToClient : t.copyReviewLink] })) : null] }), _jsx(CardContent, { children: versionsQuery.isError ? (_jsx("p", { className: "py-6 text-center text-destructive text-sm", children: t.versionsLoadFailed })) : versionsQuery.isPending ? (_jsx("div", { className: "flex justify-center py-6", children: _jsx(Loader2, { className: "h-5 w-5 animate-spin text-muted-foreground" }) })) : versions.length === 0 ? (_jsx("p", { className: "py-6 text-center text-muted-foreground text-sm", children: t.versionsEmpty })) : (_jsxs(Table, { children: [_jsx(TableHeader, { children: _jsxs(TableRow, { children: [_jsx(TableHead, { children: messages.quoteVersionsPage.columns.quoteVersion }), _jsx(TableHead, { children: messages.quoteVersionsPage.columns.status }), _jsx(TableHead, { children: messages.quoteVersionsPage.columns.total }), _jsx(TableHead, { children: messages.quoteVersionsPage.columns.validUntil }), _jsx(TableHead, { children: messages.quoteVersionsPage.columns.updated })] }) }), _jsx(TableBody, { children: orderedVersions.map((version) => (_jsxs(TableRow, { children: [_jsx(TableCell, { className: "font-medium", children: version.label ??
+                                                                    formatMessage(t.versionLabel, {
+                                                                        number: versionNumberById.get(version.id) ?? 0,
+                                                                    }) }), _jsx(TableCell, { children: version.id === currentVersionId
+                                                                    ? t.versionActive
+                                                                    : (messages.common.quoteVersionStatusLabels[version.status] ?? version.status) }), _jsx(TableCell, { children: formatCrmMoney(i18n, version.totalAmountCents, version.currency) }), _jsx(TableCell, { className: "text-muted-foreground", children: version.id === currentVersionId ? (_jsx(DatePicker, { value: version.validUntil, onChange: (next) => void versionMutation.setValidUntil.mutateAsync({
+                                                                        id: version.id,
+                                                                        validUntil: next,
+                                                                    }), placeholder: messages.createQuoteVersionDialog.placeholders.pickDate, clearable: true })) : version.validUntil ? (formatCrmDate(i18n, version.validUntil)) : (messages.common.none) }), _jsx(TableCell, { className: "text-muted-foreground", children: formatCrmRelative(i18n, version.updatedAt) })] }, version.id))) })] })) })] }), _jsx(QuoteActivitiesCard, { isPending: activitiesQuery.isPending, activities: activitiesQuery.data?.data ?? [] })] })] }), _jsx(Dialog, { open: showLostDialog, onOpenChange: setShowLostDialog, children: _jsxs(DialogContent, { children: [_jsx(DialogHeader, { children: _jsx(DialogTitle, { children: t.lostDialog.title }) }), _jsx("p", { className: "text-muted-foreground text-sm", children: t.lostDialog.description }), _jsx(Textarea, { value: lostReasonDraft, onChange: (event) => setLostReasonDraft(event.target.value), placeholder: t.lostDialog.placeholder, rows: 3 }), _jsxs(DialogFooter, { children: [_jsx(Button, { variant: "outline", size: "sm", onClick: () => setShowLostDialog(false), children: messages.common.cancel }), _jsx(Button, { size: "sm", onClick: submitLost, children: t.lostDialog.confirm })] })] }) })] }));
+}

package/dist/admin/pipeline-dialogs.d.ts

@@ -0,0 +1,16 @@
+import { type StageRecord } from "../index.js";
+export interface CreatePipelineDialogProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    existingCount: number;
+    onCreated: (pipelineId: string) => void;
+}
+export declare function CreatePipelineDialog({ open, onOpenChange, existingCount, onCreated, }: CreatePipelineDialogProps): import("react/jsx-runtime").JSX.Element;
+export interface ManageStagesDialogProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    pipelineId: string;
+    stages: StageRecord[];
+}
+export declare function ManageStagesDialog({ open, onOpenChange, pipelineId, stages, }: ManageStagesDialogProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=pipeline-dialogs.d.ts.map

package/dist/admin/pipeline-dialogs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pipeline-dialogs.d.ts","sourceRoot":"","sources":["../../src/admin/pipeline-dialogs.tsx"],"names":[],"mappings":"AAgBA,OAAO,EAAE,KAAK,WAAW,EAAuB,MAAM,aAAa,CAAA;AAEnE,MAAM,WAAW,yBAAyB;IACxC,IAAI,EAAE,OAAO,CAAA;IACb,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACrC,aAAa,EAAE,MAAM,CAAA;IACrB,SAAS,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAA;CACxC;AAED,wBAAgB,oBAAoB,CAAC,EACnC,IAAI,EACJ,YAAY,EACZ,aAAa,EACb,SAAS,GACV,EAAE,yBAAyB,2CA4E3B;AAED,MAAM,WAAW,uBAAuB;IACtC,IAAI,EAAE,OAAO,CAAA;IACb,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACrC,UAAU,EAAE,MAAM,CAAA;IAClB,MAAM,EAAE,WAAW,EAAE,CAAA;CACtB;AAED,wBAAgB,kBAAkB,CAAC,EACjC,IAAI,EACJ,YAAY,EACZ,UAAU,EACV,MAAM,GACP,EAAE,uBAAuB,2CAsIzB"}