@voyant-travel/quotes-react 0.119.2

package/dist/components/inline-currency-field.js

@@ -0,0 +1,46 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { formatMessage } from "@voyant-travel/i18n";
+import { cn } from "@voyant-travel/ui/components";
+import { Combobox, ComboboxCollection, ComboboxContent, ComboboxEmpty, ComboboxInput, ComboboxItem, ComboboxList, } from "@voyant-travel/ui/components/combobox";
+import { currencies } from "@voyant-travel/utils/currencies";
+import { Pencil } from "lucide-react";
+import { useState } from "react";
+import { useCrmUiMessagesOrDefault } from "../i18n/index.js";
+const CURRENCY_CODES = Object.keys(currencies).sort();
+export function InlineCurrencyField({ icon: Icon, label, value, disabled, onSave, }) {
+    const messages = useCrmUiMessagesOrDefault().inlineEditor;
+    const [editing, setEditing] = useState(false);
+    const [saving, setSaving] = useState(false);
+    const [error, setError] = useState(null);
+    async function commitSelection(next) {
+        setSaving(true);
+        setError(null);
+        try {
+            await onSave(next);
+            setEditing(false);
+        }
+        catch (err) {
+            setError(err instanceof Error ? err.message : messages.failedToSave);
+        }
+        finally {
+            setSaving(false);
+        }
+    }
+    const currencyInfo = value ? currencies[value] : null;
+    return (_jsxs("div", { className: "group flex items-start gap-3 py-1.5", children: [Icon ? _jsx(Icon, { className: "mt-0.5 h-4 w-4 shrink-0 text-muted-foreground" }) : null, _jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("div", { className: "text-xs font-medium text-muted-foreground", children: label }), editing ? (_jsxs(Combobox, { items: CURRENCY_CODES, defaultOpen: true, autoHighlight: true, filter: (code, query) => {
+                            const currency = currencies[code];
+                            if (!currency)
+                                return false;
+                            const normalized = query.toLowerCase();
+                            return (currency.code.toLowerCase().includes(normalized) ||
+                                currency.name.toLowerCase().includes(normalized) ||
+                                currency.symbol.toLowerCase().includes(normalized));
+                        }, onValueChange: (next) => void commitSelection(next ?? null), onOpenChange: (open) => {
+                            if (!open)
+                                setEditing(false);
+                        }, children: [_jsx(ComboboxInput, { autoFocus: true, placeholder: messages.searchCurrencyPlaceholder, className: "mt-0.5 h-8 text-sm", disabled: saving }), _jsxs(ComboboxContent, { children: [_jsx(ComboboxEmpty, { children: messages.noCurrenciesFound }), _jsx(ComboboxList, { children: _jsx(ComboboxCollection, { children: (code) => {
+                                                const currency = currencies[code];
+                                                return (_jsxs(ComboboxItem, { value: code, children: [_jsx("span", { className: "min-w-10 font-mono text-xs text-muted-foreground", children: code }), _jsx("span", { className: "truncate", children: currency?.name ?? code })] }, code));
+                                            } }) })] })] })) : (_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("button", { type: "button", onClick: () => !disabled && setEditing(true), disabled: disabled, className: cn("-mx-1 flex-1 truncate rounded px-1 py-0.5 text-left text-sm transition-colors", !disabled && "cursor-text hover:bg-muted/60", !value && "text-muted-foreground italic"), children: value ? (_jsxs("span", { children: [_jsx("span", { className: "font-mono", children: value }), currencyInfo ? (_jsx("span", { className: "ml-2 text-muted-foreground", children: currencyInfo.name })) : null] })) : (formatMessage(messages.addTemplate, { label: label.toLowerCase() })) }), !disabled ? (_jsx(Pencil, { className: "h-3 w-3 text-muted-foreground opacity-0 group-hover:opacity-100" })) : null] })), error ? _jsx("p", { className: "mt-1 text-xs text-destructive", children: error }) : null] })] }));
+}

package/dist/components/inline-field.d.ts

@@ -0,0 +1,16 @@
+import { type ComponentType } from "react";
+export type InlineFieldKind = "text" | "email" | "url" | "textarea";
+export interface InlineFieldProps {
+    icon?: ComponentType<{
+        className?: string;
+    }>;
+    label: string;
+    value: string | null;
+    kind?: InlineFieldKind;
+    href?: string;
+    placeholder?: string;
+    disabled?: boolean;
+    onSave: (next: string | null) => Promise<void>;
+}
+export declare function InlineField({ icon: Icon, label, value, kind, href, placeholder, disabled, onSave, }: InlineFieldProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=inline-field.d.ts.map

package/dist/components/inline-field.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"inline-field.d.ts","sourceRoot":"","sources":["../../src/components/inline-field.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,aAAa,EAAgC,MAAM,OAAO,CAAA;AAIxE,MAAM,MAAM,eAAe,GAAG,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,UAAU,CAAA;AAEnE,MAAM,WAAW,gBAAgB;IAC/B,IAAI,CAAC,EAAE,aAAa,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAA;IAC5C,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;IACpB,IAAI,CAAC,EAAE,eAAe,CAAA;IACtB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,MAAM,EAAE,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;CAC/C;AAED,wBAAgB,WAAW,CAAC,EAC1B,IAAI,EAAE,IAAI,EACV,KAAK,EACL,KAAK,EACL,IAAa,EACb,IAAI,EACJ,WAAW,EACX,QAAQ,EACR,MAAM,GACP,EAAE,gBAAgB,2CA+HlB"}

package/dist/components/inline-field.js

@@ -0,0 +1,45 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button, cn, Input, Textarea } from "@voyant-travel/ui/components";
+import { Check, Loader2, Pencil, X } from "lucide-react";
+import { useState } from "react";
+import { useCrmUiMessagesOrDefault } from "../i18n/index.js";
+export function InlineField({ icon: Icon, label, value, kind = "text", href, placeholder, disabled, onSave, }) {
+    const messages = useCrmUiMessagesOrDefault().inlineEditor;
+    const [editing, setEditing] = useState(false);
+    const [draft, setDraft] = useState(value ?? "");
+    const [saving, setSaving] = useState(false);
+    const [error, setError] = useState(null);
+    function handleCancel() {
+        setDraft(value ?? "");
+        setEditing(false);
+        setError(null);
+    }
+    async function handleSave() {
+        setSaving(true);
+        setError(null);
+        try {
+            const trimmed = draft.trim();
+            await onSave(trimmed === "" ? null : trimmed);
+            setEditing(false);
+        }
+        catch (err) {
+            setError(err instanceof Error ? err.message : messages.failedToSave);
+        }
+        finally {
+            setSaving(false);
+        }
+    }
+    function handleKeyDown(event) {
+        if (kind !== "textarea" && event.key === "Enter") {
+            event.preventDefault();
+            void handleSave();
+        }
+        else if (event.key === "Escape") {
+            event.preventDefault();
+            handleCancel();
+        }
+    }
+    const display = value || (_jsx("span", { className: "text-muted-foreground italic", children: placeholder || messages.notSet }));
+    return (_jsxs("div", { className: "group flex items-start gap-3 py-1.5", children: [Icon ? _jsx(Icon, { className: "mt-0.5 h-4 w-4 shrink-0 text-muted-foreground" }) : null, _jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("div", { className: "text-xs font-medium text-muted-foreground", children: label }), editing ? (_jsxs("div", { className: "mt-1 flex items-start gap-2", children: [kind === "textarea" ? (_jsx(Textarea, { autoFocus: true, value: draft, onChange: (event) => setDraft(event.target.value), onKeyDown: handleKeyDown, disabled: saving, className: "min-h-[80px] text-sm", placeholder: placeholder })) : (_jsx(Input, { autoFocus: true, type: kind === "email" ? "email" : kind === "url" ? "url" : "text", value: draft, onChange: (event) => setDraft(event.target.value), onKeyDown: handleKeyDown, disabled: saving, className: "h-8 text-sm", placeholder: placeholder })), _jsxs("div", { className: "flex items-center gap-1", children: [_jsx(Button, { size: "sm", variant: "ghost", onClick: () => void handleSave(), disabled: saving, className: "h-8 w-8 p-0", children: saving ? (_jsx(Loader2, { className: "h-3.5 w-3.5 animate-spin", "aria-hidden": "true" })) : (_jsx(Check, { className: "h-3.5 w-3.5", "aria-hidden": "true" })) }), _jsx(Button, { size: "sm", variant: "ghost", onClick: handleCancel, disabled: saving, className: "h-8 w-8 p-0", children: _jsx(X, { className: "h-3.5 w-3.5", "aria-hidden": "true" }) })] })] })) : (_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("div", { className: cn("flex-1 text-sm", kind !== "textarea" && "truncate"), children: href && value ? (_jsx("a", { href: href, className: "text-primary hover:underline", target: href.startsWith("http") ? "_blank" : undefined, rel: href.startsWith("http") ? "noreferrer" : undefined, children: value })) : (display) }), !disabled ? (_jsx(Button, { size: "sm", variant: "ghost", onClick: () => setEditing(true), className: "h-6 w-6 p-0 opacity-0 group-hover:opacity-100", children: _jsx(Pencil, { className: "h-3 w-3", "aria-hidden": "true" }) })) : null] })), error ? _jsx("p", { className: "mt-1 text-xs text-destructive", children: error }) : null] })] }));
+}

package/dist/components/inline-language-field.d.ts

@@ -0,0 +1,12 @@
+import { type ComponentType } from "react";
+export interface InlineLanguageFieldProps {
+    icon?: ComponentType<{
+        className?: string;
+    }>;
+    label: string;
+    value: string | null;
+    disabled?: boolean;
+    onSave: (next: string | null) => Promise<void>;
+}
+export declare function InlineLanguageField({ icon: Icon, label, value, disabled, onSave, }: InlineLanguageFieldProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=inline-language-field.d.ts.map

package/dist/components/inline-language-field.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"inline-language-field.d.ts","sourceRoot":"","sources":["../../src/components/inline-language-field.tsx"],"names":[],"mappings":"AAeA,OAAO,EAAE,KAAK,aAAa,EAAY,MAAM,OAAO,CAAA;AAMpD,MAAM,WAAW,wBAAwB;IACvC,IAAI,CAAC,EAAE,aAAa,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAA;IAC5C,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,MAAM,EAAE,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;CAC/C;AAED,wBAAgB,mBAAmB,CAAC,EAClC,IAAI,EAAE,IAAI,EACV,KAAK,EACL,KAAK,EACL,QAAQ,EACR,MAAM,GACP,EAAE,wBAAwB,2CAuG1B"}

package/dist/components/inline-language-field.js

@@ -0,0 +1,46 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { formatMessage } from "@voyant-travel/i18n";
+import { cn } from "@voyant-travel/ui/components";
+import { Combobox, ComboboxCollection, ComboboxContent, ComboboxEmpty, ComboboxInput, ComboboxItem, ComboboxList, } from "@voyant-travel/ui/components/combobox";
+import { languages } from "@voyant-travel/utils/languages";
+import { Pencil } from "lucide-react";
+import { useState } from "react";
+import { useCrmUiMessagesOrDefault } from "../i18n/index.js";
+const LANGUAGE_CODES = Object.keys(languages).sort();
+export function InlineLanguageField({ icon: Icon, label, value, disabled, onSave, }) {
+    const messages = useCrmUiMessagesOrDefault().inlineEditor;
+    const [editing, setEditing] = useState(false);
+    const [saving, setSaving] = useState(false);
+    const [error, setError] = useState(null);
+    async function commitSelection(next) {
+        setSaving(true);
+        setError(null);
+        try {
+            await onSave(next);
+            setEditing(false);
+        }
+        catch (err) {
+            setError(err instanceof Error ? err.message : messages.failedToSave);
+        }
+        finally {
+            setSaving(false);
+        }
+    }
+    const languageName = value ? languages[value] : null;
+    return (_jsxs("div", { className: "group flex items-start gap-3 py-1.5", children: [Icon ? _jsx(Icon, { className: "mt-0.5 h-4 w-4 shrink-0 text-muted-foreground" }) : null, _jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("div", { className: "text-xs font-medium text-muted-foreground", children: label }), editing ? (_jsxs(Combobox, { items: LANGUAGE_CODES, defaultOpen: true, autoHighlight: true, filter: (code, query) => {
+                            const languageCode = String(code);
+                            const languageName = languages[languageCode];
+                            if (!languageName)
+                                return false;
+                            const normalized = query.toLowerCase();
+                            return (languageCode.toLowerCase().includes(normalized) ||
+                                languageName.toLowerCase().includes(normalized));
+                        }, onValueChange: (next) => void commitSelection(next ?? null), onOpenChange: (open) => {
+                            if (!open)
+                                setEditing(false);
+                        }, children: [_jsx(ComboboxInput, { autoFocus: true, placeholder: messages.searchLanguagePlaceholder, className: "mt-0.5 h-8 text-sm", disabled: saving }), _jsxs(ComboboxContent, { children: [_jsx(ComboboxEmpty, { children: messages.noLanguagesFound }), _jsx(ComboboxList, { children: _jsx(ComboboxCollection, { children: (code) => {
+                                                const languageName = languages[code];
+                                                return (_jsxs(ComboboxItem, { value: code, children: [_jsx("span", { className: "min-w-10 font-mono text-xs text-muted-foreground", children: code }), _jsx("span", { className: "truncate", children: languageName })] }, code));
+                                            } }) })] })] })) : (_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("button", { type: "button", onClick: () => !disabled && setEditing(true), disabled: disabled, className: cn("-mx-1 flex-1 truncate rounded px-1 py-0.5 text-left text-sm transition-colors", !disabled && "cursor-text hover:bg-muted/60", !value && "text-muted-foreground italic"), children: value ? (_jsxs("span", { children: [_jsx("span", { className: "font-mono", children: value }), languageName ? (_jsx("span", { className: "ml-2 text-muted-foreground", children: languageName })) : null] })) : (formatMessage(messages.addTemplate, { label: label.toLowerCase() })) }), !disabled ? (_jsx(Pencil, { className: "h-3 w-3 text-muted-foreground opacity-0 group-hover:opacity-100" })) : null] })), error ? _jsx("p", { className: "mt-1 text-xs text-destructive", children: error }) : null] })] }));
+}

package/dist/components/inline-number-field.d.ts

@@ -0,0 +1,15 @@
+import { type ComponentType } from "react";
+export interface InlineNumberFieldProps {
+    icon?: ComponentType<{
+        className?: string;
+    }>;
+    label: string;
+    value: number | null;
+    placeholder?: string;
+    disabled?: boolean;
+    min?: number;
+    max?: number;
+    onSave: (next: number | null) => Promise<void>;
+}
+export declare function InlineNumberField({ icon: Icon, label, value, placeholder, disabled, min, max, onSave, }: InlineNumberFieldProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=inline-number-field.d.ts.map

package/dist/components/inline-number-field.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"inline-number-field.d.ts","sourceRoot":"","sources":["../../src/components/inline-number-field.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,KAAK,aAAa,EAAgC,MAAM,OAAO,CAAA;AAIxE,MAAM,WAAW,sBAAsB;IACrC,IAAI,CAAC,EAAE,aAAa,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAA;IAC5C,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;IACpB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,MAAM,EAAE,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;CAC/C;AAED,wBAAgB,iBAAiB,CAAC,EAChC,IAAI,EAAE,IAAI,EACV,KAAK,EACL,KAAK,EACL,WAAW,EACX,QAAQ,EACR,GAAG,EACH,GAAG,EACH,MAAM,GACP,EAAE,sBAAsB,2CAqHxB"}

package/dist/components/inline-number-field.js

@@ -0,0 +1,58 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { formatMessage } from "@voyant-travel/i18n";
+import { Button, Input } from "@voyant-travel/ui/components";
+import { Check, Loader2, Pencil, X } from "lucide-react";
+import { useState } from "react";
+import { useCrmUiMessagesOrDefault } from "../i18n/index.js";
+export function InlineNumberField({ icon: Icon, label, value, placeholder, disabled, min, max, onSave, }) {
+    const messages = useCrmUiMessagesOrDefault().inlineEditor;
+    const [editing, setEditing] = useState(false);
+    const [draft, setDraft] = useState(value != null ? String(value) : "");
+    const [saving, setSaving] = useState(false);
+    const [error, setError] = useState(null);
+    function handleCancel() {
+        setDraft(value != null ? String(value) : "");
+        setEditing(false);
+        setError(null);
+    }
+    async function handleSave() {
+        setSaving(true);
+        setError(null);
+        try {
+            if (draft.trim() === "") {
+                await onSave(null);
+            }
+            else {
+                const parsed = Number.parseInt(draft, 10);
+                if (!Number.isFinite(parsed))
+                    throw new Error(messages.invalidNumber);
+                if (min != null && parsed < min) {
+                    throw new Error(formatMessage(messages.minNumber, { min: String(min) }));
+                }
+                if (max != null && parsed > max) {
+                    throw new Error(formatMessage(messages.maxNumber, { max: String(max) }));
+                }
+                await onSave(parsed);
+            }
+            setEditing(false);
+        }
+        catch (err) {
+            setError(err instanceof Error ? err.message : messages.failedToSave);
+        }
+        finally {
+            setSaving(false);
+        }
+    }
+    function handleKeyDown(event) {
+        if (event.key === "Enter") {
+            event.preventDefault();
+            void handleSave();
+        }
+        else if (event.key === "Escape") {
+            event.preventDefault();
+            handleCancel();
+        }
+    }
+    return (_jsxs("div", { className: "group flex items-start gap-3 py-1.5", children: [Icon ? _jsx(Icon, { className: "mt-0.5 h-4 w-4 shrink-0 text-muted-foreground" }) : null, _jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("div", { className: "text-xs font-medium text-muted-foreground", children: label }), editing ? (_jsxs("div", { className: "mt-1 flex items-center gap-2", children: [_jsx(Input, { autoFocus: true, type: "number", value: draft, onChange: (event) => setDraft(event.target.value), onKeyDown: handleKeyDown, disabled: saving, className: "h-8 text-sm", placeholder: placeholder, min: min, max: max }), _jsx(Button, { size: "sm", variant: "ghost", onClick: () => void handleSave(), disabled: saving, className: "h-8 w-8 p-0", children: saving ? (_jsx(Loader2, { className: "h-3.5 w-3.5 animate-spin", "aria-hidden": "true" })) : (_jsx(Check, { className: "h-3.5 w-3.5", "aria-hidden": "true" })) }), _jsx(Button, { size: "sm", variant: "ghost", onClick: handleCancel, disabled: saving, className: "h-8 w-8 p-0", children: _jsx(X, { className: "h-3.5 w-3.5", "aria-hidden": "true" }) })] })) : (_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("div", { className: "flex-1 truncate text-sm", children: value != null ? (value.toLocaleString()) : (_jsx("span", { className: "text-muted-foreground italic", children: placeholder || messages.notSet })) }), !disabled ? (_jsx(Button, { size: "sm", variant: "ghost", onClick: () => setEditing(true), className: "h-6 w-6 p-0 opacity-0 group-hover:opacity-100", children: _jsx(Pencil, { className: "h-3 w-3", "aria-hidden": "true" }) })) : null] })), error ? _jsx("p", { className: "mt-1 text-xs text-destructive", children: error }) : null] })] }));
+}

package/dist/components/inline-select-field.d.ts

@@ -0,0 +1,19 @@
+import { type ComponentType } from "react";
+export interface InlineSelectFieldOption {
+    value: string;
+    label: string;
+}
+export interface InlineSelectFieldProps {
+    icon?: ComponentType<{
+        className?: string;
+    }>;
+    label: string;
+    value: string | null;
+    options: readonly InlineSelectFieldOption[];
+    placeholder?: string;
+    disabled?: boolean;
+    allowClear?: boolean;
+    onSave: (next: string | null) => Promise<void>;
+}
+export declare function InlineSelectField({ icon: Icon, label, value, options, placeholder, disabled, allowClear, onSave, }: InlineSelectFieldProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=inline-select-field.d.ts.map

package/dist/components/inline-select-field.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"inline-select-field.d.ts","sourceRoot":"","sources":["../../src/components/inline-select-field.tsx"],"names":[],"mappings":"AAWA,OAAO,EAAE,KAAK,aAAa,EAAY,MAAM,OAAO,CAAA;AAIpD,MAAM,WAAW,uBAAuB;IACtC,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;CACd;AAED,MAAM,WAAW,sBAAsB;IACrC,IAAI,CAAC,EAAE,aAAa,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAA;IAC5C,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;IACpB,OAAO,EAAE,SAAS,uBAAuB,EAAE,CAAA;IAC3C,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,MAAM,EAAE,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;CAC/C;AAED,wBAAgB,iBAAiB,CAAC,EAChC,IAAI,EAAE,IAAI,EACV,KAAK,EACL,KAAK,EACL,OAAO,EACP,WAAW,EACX,QAAQ,EACR,UAAiB,EACjB,MAAM,GACP,EAAE,sBAAsB,2CAsGxB"}

package/dist/components/inline-select-field.js

@@ -0,0 +1,34 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from "@voyant-travel/ui/components";
+import { Check, Loader2, Pencil, X } from "lucide-react";
+import { useState } from "react";
+import { useCrmUiMessagesOrDefault } from "../i18n/index.js";
+export function InlineSelectField({ icon: Icon, label, value, options, placeholder, disabled, allowClear = true, onSave, }) {
+    const messages = useCrmUiMessagesOrDefault().inlineEditor;
+    const [editing, setEditing] = useState(false);
+    const [draft, setDraft] = useState(value ?? "");
+    const [saving, setSaving] = useState(false);
+    const [error, setError] = useState(null);
+    function handleCancel() {
+        setDraft(value ?? "");
+        setEditing(false);
+        setError(null);
+    }
+    async function handleSave() {
+        setSaving(true);
+        setError(null);
+        try {
+            await onSave(draft === "__none__" || draft === "" ? null : draft);
+            setEditing(false);
+        }
+        catch (err) {
+            setError(err instanceof Error ? err.message : messages.failedToSave);
+        }
+        finally {
+            setSaving(false);
+        }
+    }
+    const matched = options.find((option) => option.value === value);
+    return (_jsxs("div", { className: "group flex items-start gap-3 py-1.5", children: [Icon ? _jsx(Icon, { className: "mt-0.5 h-4 w-4 shrink-0 text-muted-foreground" }) : null, _jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("div", { className: "text-xs font-medium text-muted-foreground", children: label }), editing ? (_jsxs("div", { className: "mt-1 flex items-center gap-2", children: [_jsxs(Select, { value: draft, onValueChange: (next) => setDraft(next ?? ""), disabled: saving, children: [_jsx(SelectTrigger, { className: "h-8 flex-1 text-sm", children: _jsx(SelectValue, { placeholder: placeholder || messages.selectPlaceholder }) }), _jsxs(SelectContent, { children: [allowClear ? (_jsx(SelectItem, { value: "__none__", children: _jsx("span", { className: "text-muted-foreground italic", children: messages.noneOption }) })) : null, options.map((option) => (_jsx(SelectItem, { value: option.value, children: option.label }, option.value)))] })] }), _jsx(Button, { size: "sm", variant: "ghost", onClick: () => void handleSave(), disabled: saving, className: "h-8 w-8 p-0", children: saving ? (_jsx(Loader2, { className: "h-3.5 w-3.5 animate-spin", "aria-hidden": "true" })) : (_jsx(Check, { className: "h-3.5 w-3.5", "aria-hidden": "true" })) }), _jsx(Button, { size: "sm", variant: "ghost", onClick: handleCancel, disabled: saving, className: "h-8 w-8 p-0", children: _jsx(X, { className: "h-3.5 w-3.5", "aria-hidden": "true" }) })] })) : (_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("div", { className: "flex-1 truncate text-sm", children: matched ? (matched.label) : (_jsx("span", { className: "text-muted-foreground italic", children: placeholder || messages.notSet })) }), !disabled ? (_jsx(Button, { size: "sm", variant: "ghost", onClick: () => setEditing(true), className: "h-6 w-6 p-0 opacity-0 group-hover:opacity-100", children: _jsx(Pencil, { className: "h-3 w-3", "aria-hidden": "true" }) })) : null] })), error ? _jsx("p", { className: "mt-1 text-xs text-destructive", children: error }) : null] })] }));
+}

package/dist/components/quote-summary-card.d.ts

@@ -0,0 +1,11 @@
+export interface QuoteSummaryCardProps {
+    title: string;
+    pipelineName?: string | null;
+    stageName?: string | null;
+    status: string;
+    valueAmountCents?: number | null;
+    valueCurrency?: string | null;
+    expectedCloseDate?: string | null;
+}
+export declare function QuoteSummaryCard({ title, pipelineName, stageName, status, valueAmountCents, valueCurrency, expectedCloseDate, }: QuoteSummaryCardProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=quote-summary-card.d.ts.map

package/dist/components/quote-summary-card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"quote-summary-card.d.ts","sourceRoot":"","sources":["../../src/components/quote-summary-card.tsx"],"names":[],"mappings":"AAOA,MAAM,WAAW,qBAAqB;IACpC,KAAK,EAAE,MAAM,CAAA;IACb,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC5B,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACzB,MAAM,EAAE,MAAM,CAAA;IACd,gBAAgB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAChC,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC7B,iBAAiB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;CAClC;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,KAAK,EACL,YAAY,EACZ,SAAS,EACT,MAAM,EACN,gBAAgB,EAChB,aAAa,EACb,iBAAiB,GAClB,EAAE,qBAAqB,2CAgCvB"}

package/dist/components/quote-summary-card.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Badge, Card, CardContent } from "@voyant-travel/ui/components";
+import { TrendingUp } from "lucide-react";
+import { useCrmUiI18nOrDefault } from "../i18n/index.js";
+import { formatCrmDate, formatCrmMoney } from "./crm-format.js";
+export function QuoteSummaryCard({ title, pipelineName, stageName, status, valueAmountCents, valueCurrency, expectedCloseDate, }) {
+    const i18n = useCrmUiI18nOrDefault();
+    const { messages } = i18n;
+    const statusLabel = messages.common.quoteStatusLabels[status] ?? status;
+    return (_jsx(Card, { children: _jsxs(CardContent, { className: "pt-6", children: [_jsxs("div", { className: "flex flex-wrap items-start justify-between gap-2", children: [_jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("h2", { className: "text-lg font-semibold leading-tight", children: title }), _jsxs("p", { className: "mt-1 text-sm text-muted-foreground", children: [pipelineName ?? messages.quoteSummaryCard.unknown, " -", " ", stageName ?? messages.quoteSummaryCard.unknown] })] }), _jsx(Badge, { variant: "outline", children: statusLabel })] }), _jsxs("div", { className: "mt-3 flex items-center gap-2", children: [_jsx(TrendingUp, { className: "size-4 text-muted-foreground", "aria-hidden": "true" }), _jsx("span", { className: "text-lg font-semibold", children: formatCrmMoney(i18n, valueAmountCents, valueCurrency) })] }), expectedCloseDate ? (_jsxs("p", { className: "mt-1 text-xs text-muted-foreground", children: [messages.quoteSummaryCard.expectedClose, ": ", formatCrmDate(i18n, expectedCloseDate)] })) : null] }) }));
+}

package/dist/components/quote-version-detail-sections.d.ts

@@ -0,0 +1,22 @@
+import type { QuoteVersionLineRecord } from "../index.js";
+export interface QuoteVersionLinesCardProps {
+    currency: string;
+    lines: QuoteVersionLineRecord[];
+    isLoading: boolean;
+    onCreate: (input: {
+        description: string;
+        currency: string;
+        quantity: number;
+        unitPriceAmountCents: number;
+        totalAmountCents: number;
+    }) => Promise<void>;
+    onUpdate: (lineId: string, input: Partial<{
+        description: string;
+        quantity: number;
+        unitPriceAmountCents: number;
+        totalAmountCents: number;
+    }>) => Promise<void>;
+    onRemove: (lineId: string) => Promise<void>;
+}
+export declare function QuoteVersionLinesCard({ currency, lines, isLoading, onCreate, onUpdate, onRemove, }: QuoteVersionLinesCardProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=quote-version-detail-sections.d.ts.map

package/dist/components/quote-version-detail-sections.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"quote-version-detail-sections.d.ts","sourceRoot":"","sources":["../../src/components/quote-version-detail-sections.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,aAAa,CAAA;AAGzD,MAAM,WAAW,0BAA0B;IACzC,QAAQ,EAAE,MAAM,CAAA;IAChB,KAAK,EAAE,sBAAsB,EAAE,CAAA;IAC/B,SAAS,EAAE,OAAO,CAAA;IAClB,QAAQ,EAAE,CAAC,KAAK,EAAE;QAChB,WAAW,EAAE,MAAM,CAAA;QACnB,QAAQ,EAAE,MAAM,CAAA;QAChB,QAAQ,EAAE,MAAM,CAAA;QAChB,oBAAoB,EAAE,MAAM,CAAA;QAC5B,gBAAgB,EAAE,MAAM,CAAA;KACzB,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;IACnB,QAAQ,EAAE,CACR,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,OAAO,CAAC;QACb,WAAW,EAAE,MAAM,CAAA;QACnB,QAAQ,EAAE,MAAM,CAAA;QAChB,oBAAoB,EAAE,MAAM,CAAA;QAC5B,gBAAgB,EAAE,MAAM,CAAA;KACzB,CAAC,KACC,OAAO,CAAC,IAAI,CAAC,CAAA;IAClB,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;CAC5C;AAED,wBAAgB,qBAAqB,CAAC,EACpC,QAAQ,EACR,KAAK,EACL,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,QAAQ,GACT,EAAE,0BAA0B,2CAuH5B"}

package/dist/components/quote-version-detail-sections.js

@@ -0,0 +1,87 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button, Card, CardContent, CardHeader, CardTitle, Input, } from "@voyant-travel/ui/components";
+import { CurrencyInput } from "@voyant-travel/ui/components/currency-input";
+import { Loader2, Plus, Trash2 } from "lucide-react";
+import { useEffect, useState } from "react";
+import { useCrmUiI18nOrDefault } from "../i18n/index.js";
+import { formatCrmMoney } from "./crm-format.js";
+export function QuoteVersionLinesCard({ currency, lines, isLoading, onCreate, onUpdate, onRemove, }) {
+    const i18n = useCrmUiI18nOrDefault();
+    const { messages } = i18n;
+    const [newDescription, setNewDescription] = useState("");
+    const [newQuantity, setNewQuantity] = useState("1");
+    const [newPriceCents, setNewPriceCents] = useState(0);
+    const [adding, setAdding] = useState(false);
+    const [error, setError] = useState(null);
+    async function handleAdd() {
+        const description = newDescription.trim();
+        if (!description) {
+            setError(messages.quoteVersionLinesCard.validation.descriptionRequired);
+            return;
+        }
+        const quantity = Number.parseInt(newQuantity, 10) || 1;
+        const price = newPriceCents ?? 0;
+        setAdding(true);
+        setError(null);
+        try {
+            await onCreate({
+                description,
+                currency,
+                quantity,
+                unitPriceAmountCents: price,
+                totalAmountCents: quantity * price,
+            });
+            setNewDescription("");
+            setNewQuantity("1");
+            setNewPriceCents(0);
+        }
+        catch (err) {
+            setError(err instanceof Error ? err.message : messages.quoteVersionLinesCard.validation.addFailed);
+        }
+        finally {
+            setAdding(false);
+        }
+    }
+    const subtotal = lines.reduce((sum, line) => sum + line.totalAmountCents, 0);
+    return (_jsxs(Card, { children: [_jsx(CardHeader, { className: "pb-3", children: _jsx(CardTitle, { className: "text-sm font-semibold", children: messages.quoteVersionLinesCard.title }) }), _jsxs(CardContent, { children: [isLoading ? (_jsx("div", { className: "flex justify-center py-6", children: _jsx(Loader2, { className: "size-5 animate-spin text-muted-foreground" }) })) : lines.length === 0 ? (_jsx("p", { className: "py-4 text-center text-sm text-muted-foreground", children: messages.quoteVersionLinesCard.empty })) : (_jsx("ul", { className: "divide-y", children: lines.map((line) => (_jsx(QuoteVersionLineRow, { currency: currency, line: line, onUpdate: (input) => onUpdate(line.id, input), onRemove: () => onRemove(line.id) }, line.id))) })), _jsxs("div", { className: "mt-3 flex flex-col gap-2 border-t pt-3", children: [_jsxs("div", { className: "grid grid-cols-12 gap-2", children: [_jsx(Input, { className: "col-span-6 h-8 text-sm", value: newDescription, onChange: (event) => setNewDescription(event.target.value), placeholder: messages.quoteVersionLinesCard.fields.description }), _jsx(Input, { className: "col-span-2 h-8 text-sm", type: "number", min: 1, value: newQuantity, onChange: (event) => setNewQuantity(event.target.value), placeholder: messages.quoteVersionLinesCard.fields.quantity }), _jsx(CurrencyInput, { className: "col-span-3 h-8 text-sm", inputClassName: "h-8 text-sm", value: newPriceCents, onChange: setNewPriceCents, currency: currency, placeholder: messages.quoteVersionLinesCard.fields.priceCents }), _jsx(Button, { size: "sm", className: "col-span-1 h-8", onClick: () => void handleAdd(), disabled: adding, "aria-label": messages.common.create, children: adding ? (_jsx(Loader2, { className: "size-3.5 animate-spin", "aria-hidden": "true" })) : (_jsx(Plus, { className: "size-3.5", "aria-hidden": "true" })) })] }), error ? _jsx("p", { className: "text-xs text-destructive", children: error }) : null] }), _jsxs("div", { className: "mt-3 flex items-center justify-between border-t pt-3 text-sm", children: [_jsx("span", { className: "text-muted-foreground", children: messages.quoteVersionLinesCard.subtotal }), _jsx("span", { className: "font-semibold", children: formatCrmMoney(i18n, subtotal, currency) })] })] })] }));
+}
+function QuoteVersionLineRow({ currency, line, onUpdate, onRemove, }) {
+    const i18n = useCrmUiI18nOrDefault();
+    const [removing, setRemoving] = useState(false);
+    const [draftPriceCents, setDraftPriceCents] = useState(line.unitPriceAmountCents);
+    useEffect(() => {
+        setDraftPriceCents(line.unitPriceAmountCents);
+    }, [line.unitPriceAmountCents]);
+    async function handleRemove() {
+        setRemoving(true);
+        try {
+            await onRemove();
+        }
+        finally {
+            setRemoving(false);
+        }
+    }
+    async function handleQuantity(value) {
+        const quantity = Number.parseInt(value, 10);
+        if (!Number.isFinite(quantity) || quantity < 1)
+            return;
+        await onUpdate({
+            quantity,
+            totalAmountCents: quantity * line.unitPriceAmountCents,
+        });
+    }
+    async function handlePrice(value) {
+        if (value == null || value < 0 || value === line.unitPriceAmountCents)
+            return;
+        await onUpdate({
+            unitPriceAmountCents: value,
+            totalAmountCents: line.quantity * value,
+        });
+    }
+    return (_jsx("li", { className: "py-2", children: _jsxs("div", { className: "grid grid-cols-12 items-center gap-2", children: [_jsx(Input, { className: "col-span-6 h-8 text-sm", defaultValue: line.description, onBlur: (event) => {
+                        const value = event.target.value.trim();
+                        if (value && value !== line.description) {
+                            void onUpdate({ description: value });
+                        }
+                    } }), _jsx(Input, { className: "col-span-2 h-8 text-sm", type: "number", min: 1, defaultValue: line.quantity, onBlur: (event) => void handleQuantity(event.target.value) }), _jsx(CurrencyInput, { className: "col-span-2 h-8 text-sm", inputClassName: "h-8 text-sm", value: draftPriceCents, onChange: setDraftPriceCents, onBlur: () => void handlePrice(draftPriceCents), currency: currency }), _jsx("span", { className: "col-span-1 text-right text-sm font-medium", children: formatCrmMoney(i18n, line.totalAmountCents, currency) }), _jsx(Button, { size: "sm", variant: "ghost", className: "col-span-1 size-8 p-0", onClick: () => void handleRemove(), disabled: removing, children: removing ? (_jsx(Loader2, { className: "size-3.5 animate-spin", "aria-hidden": "true" })) : (_jsx(Trash2, { className: "size-3.5", "aria-hidden": "true" })) })] }) }));
+}

package/dist/components/quote-versions-page.d.ts

@@ -0,0 +1,8 @@
+import { type QuoteVersionRecord } from "../index.js";
+export interface QuoteVersionsPageProps {
+    onQuoteVersionOpen?: (quoteVersion: QuoteVersionRecord) => void;
+    onQuoteVersionCreated?: (quoteVersion: QuoteVersionRecord) => void;
+    className?: string;
+}
+export declare function QuoteVersionsPage({ onQuoteVersionOpen, onQuoteVersionCreated, className, }?: QuoteVersionsPageProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=quote-versions-page.d.ts.map

package/dist/components/quote-versions-page.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"quote-versions-page.d.ts","sourceRoot":"","sources":["../../src/components/quote-versions-page.tsx"],"names":[],"mappings":"AAsBA,OAAO,EAAE,KAAK,kBAAkB,EAAoB,MAAM,aAAa,CAAA;AAIvE,MAAM,WAAW,sBAAsB;IACrC,kBAAkB,CAAC,EAAE,CAAC,YAAY,EAAE,kBAAkB,KAAK,IAAI,CAAA;IAC/D,qBAAqB,CAAC,EAAE,CAAC,YAAY,EAAE,kBAAkB,KAAK,IAAI,CAAA;IAClE,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,wBAAgB,iBAAiB,CAAC,EAChC,kBAAkB,EAClB,qBAAqB,EACrB,SAAS,GACV,GAAE,sBAA2B,2CAwH7B"}

package/dist/components/quote-versions-page.js

@@ -0,0 +1,30 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Badge, Button, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from "@voyant-travel/ui/components";
+import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow, } from "@voyant-travel/ui/components/table";
+import { cn } from "@voyant-travel/ui/lib/utils";
+import { Loader2, Plus } from "lucide-react";
+import { useState } from "react";
+import { useCrmUiI18nOrDefault } from "../i18n/index.js";
+import { useQuoteVersions } from "../index.js";
+import { CreateQuoteVersionDialog } from "./create-quote-version-dialog.js";
+import { formatCrmDate, formatCrmMoney, formatCrmRelative } from "./crm-format.js";
+export function QuoteVersionsPage({ onQuoteVersionOpen, onQuoteVersionCreated, className, } = {}) {
+    const i18n = useCrmUiI18nOrDefault();
+    const { messages } = i18n;
+    const [statusFilter, setStatusFilter] = useState("all");
+    const [dialogOpen, setDialogOpen] = useState(false);
+    const { data, isPending, isError } = useQuoteVersions({
+        status: statusFilter === "all" ? undefined : statusFilter,
+        limit: 100,
+    });
+    const quoteVersions = data?.data ?? [];
+    const quoteVersionStatusOptions = Object.entries(messages.common.quoteVersionStatusLabels).map(([value, label]) => ({ value, label }));
+    const handleCreated = (quoteVersion) => {
+        onQuoteVersionCreated?.(quoteVersion);
+        onQuoteVersionOpen?.(quoteVersion);
+    };
+    return (_jsxs("div", { "data-slot": "quote-versions-page", className: cn("flex flex-col gap-6 p-6", className), children: [_jsxs("div", { className: "flex items-start justify-between gap-3", children: [_jsxs("div", { children: [_jsx("h1", { className: "text-2xl font-bold tracking-tight", children: messages.quoteVersionsPage.title }), _jsx("p", { className: "text-sm text-muted-foreground", children: messages.quoteVersionsPage.description })] }), _jsxs(Button, { onClick: () => setDialogOpen(true), children: [_jsx(Plus, { className: "mr-2 size-4", "aria-hidden": "true" }), messages.quoteVersionsPage.create] })] }), _jsx("div", { className: "flex flex-wrap items-center gap-3", children: _jsxs(Select, { value: statusFilter, onValueChange: (value) => setStatusFilter(value ?? "all"), children: [_jsx(SelectTrigger, { className: "w-[180px] text-sm", children: _jsx(SelectValue, { placeholder: messages.quoteVersionsPage.filters.status }) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "all", children: messages.quoteVersionsPage.filters.allStatuses }), quoteVersionStatusOptions.map((option) => (_jsx(SelectItem, { value: option.value, children: option.label }, option.value)))] })] }) }), _jsx("div", { className: "overflow-hidden rounded-md border", children: _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: isPending ? (_jsx(TableRow, { children: _jsx(TableCell, { colSpan: 5, className: "h-24 text-center", children: _jsx(Loader2, { className: "mx-auto size-4 animate-spin text-muted-foreground" }) }) })) : isError ? (_jsx(TableRow, { children: _jsx(TableCell, { colSpan: 5, className: "h-24 text-center text-sm text-destructive", children: messages.quoteVersionsPage.loadFailed }) })) : quoteVersions.length === 0 ? (_jsx(TableRow, { children: _jsx(TableCell, { colSpan: 5, className: "h-24 text-center text-sm text-muted-foreground", children: messages.quoteVersionsPage.empty }) })) : (quoteVersions.map((quoteVersion) => {
+                                const statusLabel = messages.common.quoteVersionStatusLabels[quoteVersion.status] ?? quoteVersion.status;
+                                return (_jsxs(TableRow, { onClick: () => onQuoteVersionOpen?.(quoteVersion), className: cn(onQuoteVersionOpen && "cursor-pointer"), children: [_jsx(TableCell, { className: "font-mono text-xs", children: quoteVersion.label ?? quoteVersion.id.slice(-8) }), _jsx(TableCell, { children: _jsx(Badge, { variant: "secondary", children: statusLabel }) }), _jsx(TableCell, { className: "font-medium", children: formatCrmMoney(i18n, quoteVersion.totalAmountCents, quoteVersion.currency) }), _jsx(TableCell, { children: formatCrmDate(i18n, quoteVersion.validUntil) }), _jsx(TableCell, { className: "text-muted-foreground", children: formatCrmRelative(i18n, quoteVersion.updatedAt) })] }, quoteVersion.id));
+                            })) })] }) }), _jsx(CreateQuoteVersionDialog, { open: dialogOpen, onOpenChange: setDialogOpen, onCreated: handleCreated })] }));
+}

package/dist/components/quotes-board.d.ts

@@ -0,0 +1,8 @@
+import type { QuoteRecord as QuoteData, StageRecord as StageData } from "../index.js";
+export interface QuotesBoardProps {
+    stages: StageData[];
+    quotesByStage: Map<string, QuoteData[]>;
+    onQuoteOpen?: (quote: QuoteData) => void;
+}
+export declare function QuotesBoard({ stages, quotesByStage, onQuoteOpen }: QuotesBoardProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=quotes-board.d.ts.map

package/dist/components/quotes-board.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"quotes-board.d.ts","sourceRoot":"","sources":["../../src/components/quotes-board.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,WAAW,IAAI,SAAS,EAAE,WAAW,IAAI,SAAS,EAAE,MAAM,aAAa,CAAA;AAGrF,MAAM,WAAW,gBAAgB;IAC/B,MAAM,EAAE,SAAS,EAAE,CAAA;IACnB,aAAa,EAAE,GAAG,CAAC,MAAM,EAAE,SAAS,EAAE,CAAC,CAAA;IACvC,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAA;CACzC;AAED,wBAAgB,WAAW,CAAC,EAAE,MAAM,EAAE,aAAa,EAAE,WAAW,EAAE,EAAE,gBAAgB,2CA6CnF"}

package/dist/components/quotes-board.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Card } from "@voyant-travel/ui/components";
+import { ScrollArea, ScrollBar } from "@voyant-travel/ui/components/scroll-area";
+import { TrendingUp } from "lucide-react";
+import { useCrmUiI18nOrDefault } from "../i18n/index.js";
+import { formatCrmDate, formatCrmMoney } from "./crm-format.js";
+export function QuotesBoard({ stages, quotesByStage, onQuoteOpen }) {
+    const i18n = useCrmUiI18nOrDefault();
+    const { messages } = i18n;
+    return (_jsxs(ScrollArea, { className: "flex-1", children: [_jsx("div", { className: "flex gap-3 pb-2", children: stages.map((stage) => {
+                    const quotes = quotesByStage.get(stage.id) ?? [];
+                    const total = quotes.reduce((sum, quote) => sum + (quote.valueAmountCents ?? 0), 0);
+                    const primaryCurrency = quotes[0]?.valueCurrency ?? null;
+                    return (_jsxs("div", { className: "flex w-[280px] min-w-[280px] flex-col gap-2 rounded-md border bg-muted/30 p-2", children: [_jsxs("div", { className: "flex items-center justify-between gap-2 px-2 py-1", children: [_jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("p", { className: "truncate text-sm font-medium", children: stage.name || messages.quotesBoard.fallbackName }), _jsxs("p", { className: "text-xs text-muted-foreground", children: [i18n.formatNumber(quotes.length), " -", " ", formatCrmMoney(i18n, total, primaryCurrency)] })] }), stage.probability != null ? (_jsxs("span", { className: "rounded border px-1.5 py-0.5 text-[10px]", children: [i18n.formatNumber(stage.probability), "%"] })) : null] }), _jsx("div", { className: "flex flex-col gap-2", children: quotes.map((quote) => (_jsx(QuoteBoardCard, { quote: quote, onOpen: onQuoteOpen }, quote.id))) })] }, stage.id));
+                }) }), _jsx(ScrollBar, { orientation: "horizontal" })] }));
+}
+function QuoteBoardCard({ quote, onOpen, }) {
+    const i18n = useCrmUiI18nOrDefault();
+    const content = (_jsxs(_Fragment, { children: [_jsx("p", { className: "line-clamp-2 font-medium", children: quote.title }), _jsxs("div", { className: "mt-2 flex items-center justify-between gap-2", children: [_jsxs("span", { className: "flex items-center gap-1 text-xs text-muted-foreground", children: [_jsx(TrendingUp, { className: "size-3", "aria-hidden": "true" }), formatCrmMoney(i18n, quote.valueAmountCents, quote.valueCurrency)] }), quote.expectedCloseDate ? (_jsx("span", { className: "text-xs text-muted-foreground", children: formatCrmDate(i18n, quote.expectedCloseDate) })) : null] })] }));
+    if (onOpen) {
+        return (_jsx(Card, { className: "p-3 text-sm", children: _jsx("button", { type: "button", className: "block w-full text-left", onClick: () => onOpen(quote), children: content }) }));
+    }
+    return _jsx(Card, { className: "p-3 text-sm", children: content });
+}

package/dist/hooks/index.d.ts

@@ -0,0 +1,10 @@
+export { type CreatePipelineInput, type CreateStageInput, type UpdatePipelineInput, type UpdateStageInput, usePipelineMutation, } from "./use-pipeline-mutation.js";
+export { type UsePipelineOptions, type UsePipelinesOptions, usePipeline, usePipelines, } from "./use-pipelines.js";
+export { type UseQuoteOptions, useQuote } from "./use-quote.js";
+export { type CreateQuoteInput, type UpdateQuoteInput, useQuoteMutation, } from "./use-quote-mutation.js";
+export { type UseQuoteVersionOptions, useQuoteVersion, useQuoteVersionLines, } from "./use-quote-version.js";
+export { type CreateQuoteVersionInput, type CreateQuoteVersionLineInput, type ExpireQuoteVersionsInput, type SendQuoteVersionInput, type UpdateQuoteVersionInput, type UpdateQuoteVersionLineInput, useQuoteVersionMutation, } from "./use-quote-version-mutation.js";
+export { type UseQuoteVersionsOptions, useQuoteVersions, } from "./use-quote-versions.js";
+export { type UseQuotesOptions, useQuotes } from "./use-quotes.js";
+export { type UseStageOptions, type UseStagesOptions, useStage, useStages, } from "./use-stages.js";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,mBAAmB,EACxB,KAAK,gBAAgB,EACrB,KAAK,mBAAmB,EACxB,KAAK,gBAAgB,EACrB,mBAAmB,GACpB,MAAM,4BAA4B,CAAA;AACnC,OAAO,EACL,KAAK,kBAAkB,EACvB,KAAK,mBAAmB,EACxB,WAAW,EACX,YAAY,GACb,MAAM,oBAAoB,CAAA;AAC3B,OAAO,EAAE,KAAK,eAAe,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AAC/D,OAAO,EACL,KAAK,gBAAgB,EACrB,KAAK,gBAAgB,EACrB,gBAAgB,GACjB,MAAM,yBAAyB,CAAA;AAChC,OAAO,EACL,KAAK,sBAAsB,EAC3B,eAAe,EACf,oBAAoB,GACrB,MAAM,wBAAwB,CAAA;AAC/B,OAAO,EACL,KAAK,uBAAuB,EAC5B,KAAK,2BAA2B,EAChC,KAAK,wBAAwB,EAC7B,KAAK,qBAAqB,EAC1B,KAAK,uBAAuB,EAC5B,KAAK,2BAA2B,EAChC,uBAAuB,GACxB,MAAM,iCAAiC,CAAA;AACxC,OAAO,EACL,KAAK,uBAAuB,EAC5B,gBAAgB,GACjB,MAAM,yBAAyB,CAAA;AAChC,OAAO,EAAE,KAAK,gBAAgB,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAA;AAClE,OAAO,EACL,KAAK,eAAe,EACpB,KAAK,gBAAgB,EACrB,QAAQ,EACR,SAAS,GACV,MAAM,iBAAiB,CAAA"}

package/dist/hooks/index.js

@@ -0,0 +1,9 @@
+export { usePipelineMutation, } from "./use-pipeline-mutation.js";
+export { usePipeline, usePipelines, } from "./use-pipelines.js";
+export { useQuote } from "./use-quote.js";
+export { useQuoteMutation, } from "./use-quote-mutation.js";
+export { useQuoteVersion, useQuoteVersionLines, } from "./use-quote-version.js";
+export { useQuoteVersionMutation, } from "./use-quote-version-mutation.js";
+export { useQuoteVersions, } from "./use-quote-versions.js";
+export { useQuotes } from "./use-quotes.js";
+export { useStage, useStages, } from "./use-stages.js";