@open-mercato/core 0.6.5-develop.5382.1.f542de69af → 0.6.6-develop.5412.1.e2a52b14f0

package/dist/modules/customers/components/DealsKpiStrip.js

@@ -0,0 +1,282 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { CheckCircle } from "lucide-react";
+import { cn } from "@open-mercato/shared/lib/utils";
+import { useT, useLocale } from "@open-mercato/shared/lib/i18n/context";
+import { apiCall } from "@open-mercato/ui/backend/utils/apiCall";
+import { KpiCard, DeltaBadge, Sparkline } from "@open-mercato/ui/backend/charts";
+import { Avatar, AvatarStack } from "@open-mercato/ui/primitives/avatar";
+import { Button } from "@open-mercato/ui/primitives/button";
+import { Spinner } from "@open-mercato/ui/primitives/spinner";
+import { PipelineStageBar } from "./kpi/PipelineStageBar.js";
+const compactNumberFormatter = new Intl.NumberFormat(void 0, {
+  notation: "compact",
+  maximumFractionDigits: 1
+});
+function formatCompact(value) {
+  return compactNumberFormatter.format(value);
+}
+function buildCurrencySuffix(code, convertedAll) {
+  if (!code) return convertedAll ? "" : "\u2248";
+  return convertedAll ? code : `\u2248 ${code}`;
+}
+const KPI_TITLE_CLASS = "text-xs font-semibold uppercase tracking-wide text-muted-foreground";
+function DealKpiCard(props) {
+  return /* @__PURE__ */ jsx(KpiCard, { titleClassName: KPI_TITLE_CLASS, ...props });
+}
+function KpiDeltaBadge({
+  direction,
+  value,
+  unit,
+  title
+}) {
+  if (direction === "unchanged" && value === 0) {
+    return /* @__PURE__ */ jsx(
+      "span",
+      {
+        className: "inline-flex items-center rounded-md bg-status-neutral-bg px-2 py-0.5 text-xs font-medium text-status-neutral-text",
+        title,
+        children: "--"
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(DeltaBadge, { direction, value, unit, title });
+}
+function isObject(value) {
+  return typeof value === "object" && value !== null;
+}
+function isDealsSummaryResponse(value) {
+  if (!isObject(value)) return false;
+  const { pipelineValue, activeDeals, wonThisQuarter, winRate } = value;
+  return isObject(pipelineValue) && Array.isArray(pipelineValue.stages) && isObject(activeDeals) && Array.isArray(activeDeals.owners) && isObject(wonThisQuarter) && isObject(winRate) && Array.isArray(winRate.series);
+}
+function DealsKpiStrip({
+  ownerNames,
+  stageDictionary,
+  pipelineCount,
+  className,
+  scopeVersion,
+  reloadToken,
+  onNeedsAttentionClick
+}) {
+  const t = useT();
+  const locale = useLocale();
+  const pluralCat = React.useCallback((count) => {
+    try {
+      return new Intl.PluralRules(locale).select(count);
+    } catch {
+      return count === 1 ? "one" : "other";
+    }
+  }, [locale]);
+  const pf = React.useCallback((base, count) => {
+    const cat = pluralCat(count);
+    const key = `${base}.${cat}`;
+    const out = t(key, { count });
+    return out === key ? t(`${base}.other`, { count }) : out;
+  }, [t, pluralCat]);
+  const [data, setData] = React.useState(null);
+  const [loading, setLoading] = React.useState(true);
+  const [error, setError] = React.useState(null);
+  const [retryToken, setRetryToken] = React.useState(0);
+  const previousScopeVersionRef = React.useRef(scopeVersion);
+  const retry = React.useCallback(() => {
+    setRetryToken((token) => token + 1);
+  }, []);
+  React.useEffect(() => {
+    let cancelled = false;
+    const scopeChanged = previousScopeVersionRef.current !== scopeVersion;
+    previousScopeVersionRef.current = scopeVersion;
+    if (scopeChanged) setData(null);
+    setLoading(true);
+    setError(null);
+    apiCall("/api/customers/deals/summary").then((call) => {
+      if (cancelled) return;
+      if (!call.ok || !isDealsSummaryResponse(call.result)) {
+        setError(t("customers.deals.list.kpi.error"));
+        return;
+      }
+      setData(call.result);
+    }).catch(() => {
+      if (cancelled) return;
+      setError(t("customers.deals.list.kpi.error"));
+    }).finally(() => {
+      if (!cancelled) setLoading(false);
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [t, scopeVersion, reloadToken, retryToken]);
+  const wrapperClassName = cn("space-y-2", className);
+  const gridClassName = "grid grid-cols-1 gap-3 sm:grid-cols-2 xl:grid-cols-4";
+  if (loading && !data) {
+    return /* @__PURE__ */ jsx("div", { className: wrapperClassName, children: /* @__PURE__ */ jsxs("div", { className: gridClassName, children: [
+      /* @__PURE__ */ jsx(DealKpiCard, { loading: true, title: t("customers.deals.list.kpi.pipelineValue"), value: null }),
+      /* @__PURE__ */ jsx(DealKpiCard, { loading: true, title: t("customers.deals.list.kpi.activeDeals"), value: null }),
+      /* @__PURE__ */ jsx(DealKpiCard, { loading: true, title: t("customers.deals.list.kpi.wonThisQuarter"), value: null }),
+      /* @__PURE__ */ jsx(DealKpiCard, { loading: true, title: t("customers.deals.list.kpi.winRate"), value: null })
+    ] }) });
+  }
+  if (!data) {
+    const errorMessage = error ?? t("customers.deals.list.kpi.error");
+    return /* @__PURE__ */ jsx("div", { className: wrapperClassName, children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-3 rounded-lg border border-destructive/30 bg-destructive/5 p-4", children: [
+      /* @__PURE__ */ jsx("p", { className: "text-sm text-destructive", children: errorMessage }),
+      /* @__PURE__ */ jsx(Button, { type: "button", variant: "destructive-outline", size: "sm", onClick: retry, children: t("customers.deals.list.kpi.retry") })
+    ] }) });
+  }
+  const currencySuffix = buildCurrencySuffix(data.baseCurrencyCode, data.convertedAll);
+  const unassignedLabel = t("customers.deals.list.kpi.unassignedStage");
+  const deltaTooltip = t("customers.deals.list.kpi.deltaTooltip");
+  const deltaUnavailableTooltip = t("customers.deals.list.kpi.deltaUnavailable");
+  const scopeLabel = t("customers.deals.list.kpi.scopeAllPipelinesThisQuarter");
+  const unknownOwner = t("customers.deals.list.unknownOwner");
+  const currencyHint = !data.convertedAll ? data.baseCurrencyCode ? t("customers.deals.list.kpi.currencyApproxMissing", {
+    currencies: data.missingRateCurrencies.length ? data.missingRateCurrencies.join(", ") : currencySuffix
+  }) : t("customers.deals.list.kpi.currencyApproxNoBase") : null;
+  const attentionLabel = pf("customers.deals.list.kpi.frag.needAttention", data.activeDeals.needAttention);
+  return /* @__PURE__ */ jsxs("div", { className: wrapperClassName, children: [
+    error ? /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-3 rounded-lg border border-destructive/30 bg-destructive/5 px-3 py-2", children: [
+      /* @__PURE__ */ jsx("p", { className: "text-xs text-destructive", children: error }),
+      /* @__PURE__ */ jsx(Button, { type: "button", variant: "destructive-outline", size: "2xs", onClick: retry, children: t("customers.deals.list.kpi.retry") })
+    ] }) : null,
+    loading ? /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-end gap-2 text-xs text-muted-foreground", children: [
+      /* @__PURE__ */ jsx(Spinner, { className: "h-3 w-3" }),
+      /* @__PURE__ */ jsx("span", { children: t("customers.deals.list.kpi.updating") })
+    ] }) : null,
+    /* @__PURE__ */ jsxs("div", { className: gridClassName, children: [
+      /* @__PURE__ */ jsx(
+        DealKpiCard,
+        {
+          title: t("customers.deals.list.kpi.pipelineValue"),
+          value: data.pipelineValue.value,
+          formatValue: formatCompact,
+          suffix: currencySuffix,
+          headerAction: /* @__PURE__ */ jsx(
+            KpiDeltaBadge,
+            {
+              direction: data.pipelineValue.delta.direction,
+              value: data.pipelineValue.delta.value,
+              title: data.pipelineValue.delta.direction === "unchanged" && data.pipelineValue.delta.value === 0 ? deltaUnavailableTooltip : deltaTooltip
+            }
+          ),
+          footer: /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+            /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: scopeLabel }),
+            /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: t("customers.deals.list.kpi.activeAcrossPipelines", {
+              deals: pf("customers.deals.list.kpi.frag.activeDeals", data.activeDeals.value),
+              pipelines: pf("customers.deals.list.kpi.frag.pipelines", pipelineCount)
+            }) }),
+            currencyHint ? /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: currencyHint }) : null,
+            /* @__PURE__ */ jsx(
+              PipelineStageBar,
+              {
+                stages: data.pipelineValue.stages,
+                stageDictionary,
+                unassignedLabel
+              }
+            )
+          ] })
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        DealKpiCard,
+        {
+          title: t("customers.deals.list.kpi.activeDeals"),
+          value: data.activeDeals.value,
+          formatValue: formatCompact,
+          headerAction: /* @__PURE__ */ jsx(
+            KpiDeltaBadge,
+            {
+              direction: data.activeDeals.delta.direction,
+              value: data.activeDeals.delta.value,
+              title: data.activeDeals.delta.direction === "unchanged" && data.activeDeals.delta.value === 0 ? deltaUnavailableTooltip : deltaTooltip
+            }
+          ),
+          footer: /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+            /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: scopeLabel }),
+            /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-x-1.5 gap-y-1 text-xs text-muted-foreground", children: [
+              /* @__PURE__ */ jsx("span", { children: pf("customers.deals.list.kpi.frag.owners", data.activeDeals.ownersCount) }),
+              /* @__PURE__ */ jsx("span", { "aria-hidden": "true", children: "\xB7" }),
+              onNeedsAttentionClick && data.activeDeals.needAttention > 0 ? /* @__PURE__ */ jsx(
+                Button,
+                {
+                  type: "button",
+                  variant: "link",
+                  size: "2xs",
+                  className: "h-auto p-0 text-xs",
+                  onClick: onNeedsAttentionClick,
+                  children: attentionLabel
+                }
+              ) : /* @__PURE__ */ jsx("span", { children: attentionLabel })
+            ] }),
+            data.activeDeals.owners.length > 0 ? /* @__PURE__ */ jsx(AvatarStack, { max: 4, size: "sm", overflowCount: data.activeDeals.ownersOverflow, children: data.activeDeals.owners.map((owner) => {
+              const ownerLabel = ownerNames[owner.id]?.trim() || unknownOwner;
+              return /* @__PURE__ */ jsx(Avatar, { label: ownerLabel, size: "sm" }, owner.id);
+            }) }) : null
+          ] })
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        DealKpiCard,
+        {
+          title: t("customers.deals.list.kpi.wonThisQuarter"),
+          value: data.wonThisQuarter.value,
+          formatValue: formatCompact,
+          suffix: currencySuffix,
+          headerAction: /* @__PURE__ */ jsx(
+            KpiDeltaBadge,
+            {
+              direction: data.wonThisQuarter.delta.direction,
+              value: data.wonThisQuarter.delta.value,
+              title: data.wonThisQuarter.delta.direction === "unchanged" && data.wonThisQuarter.delta.value === 0 ? deltaUnavailableTooltip : deltaTooltip
+            }
+          ),
+          footer: /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+            /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: scopeLabel }),
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5 text-xs text-muted-foreground", children: [
+              /* @__PURE__ */ jsx(CheckCircle, { className: "h-4 w-4 text-status-success-text", "aria-hidden": true }),
+              /* @__PURE__ */ jsx("span", { children: pf("customers.deals.list.kpi.frag.dealsClosed", data.wonThisQuarter.dealsClosed) })
+            ] }),
+            /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: t("customers.deals.list.kpi.avgDeal", {
+              value: `${formatCompact(data.wonThisQuarter.avgDeal)}${currencySuffix ? ` ${currencySuffix}` : ""}`
+            }) }),
+            currencyHint ? /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: currencyHint }) : null
+          ] })
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        DealKpiCard,
+        {
+          title: t("customers.deals.list.kpi.winRate"),
+          value: data.winRate.value,
+          suffix: "%",
+          headerAction: /* @__PURE__ */ jsx(
+            KpiDeltaBadge,
+            {
+              direction: data.winRate.direction,
+              value: Math.abs(data.winRate.deltaPp),
+              unit: "pp",
+              title: data.winRate.previousValue === 0 ? deltaUnavailableTooltip : deltaTooltip
+            }
+          ),
+          footer: /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+            /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: scopeLabel }),
+            /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: t("customers.deals.list.kpi.fromLastQuarter", { value: data.winRate.previousValue }) }),
+            /* @__PURE__ */ jsx("div", { className: "text-primary", children: /* @__PURE__ */ jsx(
+              Sparkline,
+              {
+                values: data.winRate.series.map((point) => point.rate),
+                ariaLabel: t("customers.deals.list.kpi.winRate")
+              }
+            ) })
+          ] })
+        }
+      )
+    ] })
+  ] });
+}
+var DealsKpiStrip_default = DealsKpiStrip;
+export {
+  DealsKpiStrip,
+  DealsKpiStrip_default as default
+};
+//# sourceMappingURL=DealsKpiStrip.js.map

package/dist/modules/customers/components/DealsKpiStrip.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/modules/customers/components/DealsKpiStrip.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { CheckCircle } from 'lucide-react'\nimport { cn } from '@open-mercato/shared/lib/utils'\nimport { useT, useLocale } from '@open-mercato/shared/lib/i18n/context'\nimport { apiCall } from '@open-mercato/ui/backend/utils/apiCall'\nimport { KpiCard, DeltaBadge, Sparkline } from '@open-mercato/ui/backend/charts'\nimport { Avatar, AvatarStack } from '@open-mercato/ui/primitives/avatar'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { Spinner } from '@open-mercato/ui/primitives/spinner'\nimport type { DictionaryMap } from '@open-mercato/core/modules/dictionaries/components/dictionaryAppearance'\nimport { PipelineStageBar } from './kpi/PipelineStageBar'\n\ntype DeltaDirection = 'up' | 'down' | 'unchanged'\n\ntype SummaryDelta = {\n  value: number\n  direction: DeltaDirection\n}\n\ntype DealsSummaryResponse = {\n  baseCurrencyCode: string | null\n  convertedAll: boolean\n  missingRateCurrencies: string[]\n  pipelineValue: {\n    value: number\n    delta: SummaryDelta\n    stages: { stage: string | null; count: number; value: number }[]\n  }\n  activeDeals: {\n    value: number\n    delta: SummaryDelta\n    ownersCount: number\n    needAttention: number\n    owners: { id: string; count: number }[]\n    ownersOverflow: number\n  }\n  wonThisQuarter: {\n    value: number\n    delta: SummaryDelta\n    dealsClosed: number\n    avgDeal: number\n  }\n  winRate: {\n    value: number\n    deltaPp: number\n    direction: DeltaDirection\n    previousValue: number\n    series: { period: string; rate: number }[]\n  }\n}\n\nexport type DealsKpiStripProps = {\n  ownerNames: Record<string, string>\n  stageDictionary: DictionaryMap\n  pipelineCount: number\n  className?: string\n  /** Bumped by the host when the active org scope changes \u2014 forces a KPI refetch so the cards never show another org's data. */\n  scopeVersion?: number\n  /** Bumped by the host on manual refresh / after mutations \u2014 forces a KPI refetch so totals stay in sync with the table. */\n  reloadToken?: number\n  onNeedsAttentionClick?: () => void\n}\n\nconst compactNumberFormatter = new Intl.NumberFormat(undefined, {\n  notation: 'compact',\n  maximumFractionDigits: 1,\n})\n\nfunction formatCompact(value: number): string {\n  return compactNumberFormatter.format(value)\n}\n\nfunction buildCurrencySuffix(code: string | null, convertedAll: boolean): string {\n  if (!code) return convertedAll ? '' : '\u2248'\n  return convertedAll ? code : `\u2248 ${code}`\n}\n\nconst KPI_TITLE_CLASS = 'text-xs font-semibold uppercase tracking-wide text-muted-foreground'\n\nfunction DealKpiCard(props: React.ComponentProps<typeof KpiCard>) {\n  return <KpiCard titleClassName={KPI_TITLE_CLASS} {...props} />\n}\n\nfunction KpiDeltaBadge({\n  direction,\n  value,\n  unit,\n  title,\n}: {\n  direction: DeltaDirection\n  value: number\n  unit?: string\n  title: string\n}) {\n  if (direction === 'unchanged' && value === 0) {\n    return (\n      <span\n        className=\"inline-flex items-center rounded-md bg-status-neutral-bg px-2 py-0.5 text-xs font-medium text-status-neutral-text\"\n        title={title}\n      >\n        --\n      </span>\n    )\n  }\n  return <DeltaBadge direction={direction} value={value} unit={unit} title={title} />\n}\n\nfunction isObject(value: unknown): value is Record<string, unknown> {\n  return typeof value === 'object' && value !== null\n}\n\n// Guard the summary payload before rendering: a non-conforming response (an unrelated\n// endpoint mock, an error body, or a future contract drift) must surface the error card,\n// never crash the whole deals page by dereferencing missing sections/arrays.\nfunction isDealsSummaryResponse(value: unknown): value is DealsSummaryResponse {\n  if (!isObject(value)) return false\n  const { pipelineValue, activeDeals, wonThisQuarter, winRate } = value\n  return (\n    isObject(pipelineValue) && Array.isArray(pipelineValue.stages) &&\n    isObject(activeDeals) && Array.isArray(activeDeals.owners) &&\n    isObject(wonThisQuarter) &&\n    isObject(winRate) && Array.isArray(winRate.series)\n  )\n}\n\nexport function DealsKpiStrip({\n  ownerNames,\n  stageDictionary,\n  pipelineCount,\n  className,\n  scopeVersion,\n  reloadToken,\n  onNeedsAttentionClick,\n}: DealsKpiStripProps) {\n  const t = useT()\n  const locale = useLocale()\n  const pluralCat = React.useCallback((count: number): string => {\n    try {\n      return new Intl.PluralRules(locale).select(count)\n    } catch {\n      return count === 1 ? 'one' : 'other'\n    }\n  }, [locale])\n  const pf = React.useCallback((base: string, count: number): string => {\n    const cat = pluralCat(count)\n    const key = `${base}.${cat}`\n    const out = t(key, { count })\n    return out === key ? t(`${base}.other`, { count }) : out\n  }, [t, pluralCat])\n  const [data, setData] = React.useState<DealsSummaryResponse | null>(null)\n  const [loading, setLoading] = React.useState(true)\n  const [error, setError] = React.useState<string | null>(null)\n  const [retryToken, setRetryToken] = React.useState(0)\n  const previousScopeVersionRef = React.useRef(scopeVersion)\n\n  const retry = React.useCallback(() => {\n    setRetryToken((token) => token + 1)\n  }, [])\n\n  React.useEffect(() => {\n    let cancelled = false\n    const scopeChanged = previousScopeVersionRef.current !== scopeVersion\n    previousScopeVersionRef.current = scopeVersion\n    if (scopeChanged) setData(null)\n    setLoading(true)\n    setError(null)\n    apiCall<DealsSummaryResponse>('/api/customers/deals/summary')\n      .then((call) => {\n        if (cancelled) return\n        if (!call.ok || !isDealsSummaryResponse(call.result)) {\n          setError(t('customers.deals.list.kpi.error'))\n          return\n        }\n        setData(call.result)\n      })\n      .catch(() => {\n        if (cancelled) return\n        setError(t('customers.deals.list.kpi.error'))\n      })\n      .finally(() => {\n        if (!cancelled) setLoading(false)\n      })\n    return () => {\n      cancelled = true\n    }\n  }, [t, scopeVersion, reloadToken, retryToken])\n\n  const wrapperClassName = cn('space-y-2', className)\n  const gridClassName = 'grid grid-cols-1 gap-3 sm:grid-cols-2 xl:grid-cols-4'\n\n  if (loading && !data) {\n    return (\n      <div className={wrapperClassName}>\n        <div className={gridClassName}>\n          <DealKpiCard loading title={t('customers.deals.list.kpi.pipelineValue')} value={null} />\n          <DealKpiCard loading title={t('customers.deals.list.kpi.activeDeals')} value={null} />\n          <DealKpiCard loading title={t('customers.deals.list.kpi.wonThisQuarter')} value={null} />\n          <DealKpiCard loading title={t('customers.deals.list.kpi.winRate')} value={null} />\n        </div>\n      </div>\n    )\n  }\n\n  if (!data) {\n    const errorMessage = error ?? t('customers.deals.list.kpi.error')\n    return (\n      <div className={wrapperClassName}>\n        <div className=\"flex items-center justify-between gap-3 rounded-lg border border-destructive/30 bg-destructive/5 p-4\">\n          <p className=\"text-sm text-destructive\">{errorMessage}</p>\n          <Button type=\"button\" variant=\"destructive-outline\" size=\"sm\" onClick={retry}>\n            {t('customers.deals.list.kpi.retry')}\n          </Button>\n        </div>\n      </div>\n    )\n  }\n\n  const currencySuffix = buildCurrencySuffix(data.baseCurrencyCode, data.convertedAll)\n  const unassignedLabel = t('customers.deals.list.kpi.unassignedStage')\n  const deltaTooltip = t('customers.deals.list.kpi.deltaTooltip')\n  const deltaUnavailableTooltip = t('customers.deals.list.kpi.deltaUnavailable')\n  const scopeLabel = t('customers.deals.list.kpi.scopeAllPipelinesThisQuarter')\n  const unknownOwner = t('customers.deals.list.unknownOwner')\n  const currencyHint = !data.convertedAll\n    ? data.baseCurrencyCode\n      ? t('customers.deals.list.kpi.currencyApproxMissing', {\n          currencies: data.missingRateCurrencies.length ? data.missingRateCurrencies.join(', ') : currencySuffix,\n        })\n      : t('customers.deals.list.kpi.currencyApproxNoBase')\n    : null\n  const attentionLabel = pf('customers.deals.list.kpi.frag.needAttention', data.activeDeals.needAttention)\n\n  return (\n    <div className={wrapperClassName}>\n      {error ? (\n        <div className=\"flex items-center justify-between gap-3 rounded-lg border border-destructive/30 bg-destructive/5 px-3 py-2\">\n          <p className=\"text-xs text-destructive\">{error}</p>\n          <Button type=\"button\" variant=\"destructive-outline\" size=\"2xs\" onClick={retry}>\n            {t('customers.deals.list.kpi.retry')}\n          </Button>\n        </div>\n      ) : null}\n      {loading ? (\n        <div className=\"flex items-center justify-end gap-2 text-xs text-muted-foreground\">\n          <Spinner className=\"h-3 w-3\" />\n          <span>{t('customers.deals.list.kpi.updating')}</span>\n        </div>\n      ) : null}\n      <div className={gridClassName}>\n        <DealKpiCard\n          title={t('customers.deals.list.kpi.pipelineValue')}\n          value={data.pipelineValue.value}\n          formatValue={formatCompact}\n          suffix={currencySuffix}\n          headerAction={\n            <KpiDeltaBadge\n              direction={data.pipelineValue.delta.direction}\n              value={data.pipelineValue.delta.value}\n              title={data.pipelineValue.delta.direction === 'unchanged' && data.pipelineValue.delta.value === 0 ? deltaUnavailableTooltip : deltaTooltip}\n            />\n          }\n          footer={\n            <div className=\"space-y-2\">\n              <p className=\"text-xs text-muted-foreground\">{scopeLabel}</p>\n              <p className=\"text-xs text-muted-foreground\">\n                {t('customers.deals.list.kpi.activeAcrossPipelines', {\n                  deals: pf('customers.deals.list.kpi.frag.activeDeals', data.activeDeals.value),\n                  pipelines: pf('customers.deals.list.kpi.frag.pipelines', pipelineCount),\n                })}\n              </p>\n              {currencyHint ? <p className=\"text-xs text-muted-foreground\">{currencyHint}</p> : null}\n              <PipelineStageBar\n                stages={data.pipelineValue.stages}\n                stageDictionary={stageDictionary}\n                unassignedLabel={unassignedLabel}\n              />\n            </div>\n          }\n        />\n\n        <DealKpiCard\n          title={t('customers.deals.list.kpi.activeDeals')}\n          value={data.activeDeals.value}\n          formatValue={formatCompact}\n          headerAction={\n            <KpiDeltaBadge\n              direction={data.activeDeals.delta.direction}\n              value={data.activeDeals.delta.value}\n              title={data.activeDeals.delta.direction === 'unchanged' && data.activeDeals.delta.value === 0 ? deltaUnavailableTooltip : deltaTooltip}\n            />\n          }\n          footer={\n            <div className=\"space-y-2\">\n              <p className=\"text-xs text-muted-foreground\">{scopeLabel}</p>\n              <div className=\"flex flex-wrap items-center gap-x-1.5 gap-y-1 text-xs text-muted-foreground\">\n                <span>{pf('customers.deals.list.kpi.frag.owners', data.activeDeals.ownersCount)}</span>\n                <span aria-hidden=\"true\">\u00B7</span>\n                {onNeedsAttentionClick && data.activeDeals.needAttention > 0 ? (\n                  <Button\n                    type=\"button\"\n                    variant=\"link\"\n                    size=\"2xs\"\n                    className=\"h-auto p-0 text-xs\"\n                    onClick={onNeedsAttentionClick}\n                  >\n                    {attentionLabel}\n                  </Button>\n                ) : (\n                  <span>{attentionLabel}</span>\n                )}\n              </div>\n              {data.activeDeals.owners.length > 0 ? (\n                <AvatarStack max={4} size=\"sm\" overflowCount={data.activeDeals.ownersOverflow}>\n                  {data.activeDeals.owners.map((owner) => {\n                    const ownerLabel = ownerNames[owner.id]?.trim() || unknownOwner\n                    return <Avatar key={owner.id} label={ownerLabel} size=\"sm\" />\n                  })}\n                </AvatarStack>\n              ) : null}\n            </div>\n          }\n        />\n\n        <DealKpiCard\n          title={t('customers.deals.list.kpi.wonThisQuarter')}\n          value={data.wonThisQuarter.value}\n          formatValue={formatCompact}\n          suffix={currencySuffix}\n          headerAction={\n            <KpiDeltaBadge\n              direction={data.wonThisQuarter.delta.direction}\n              value={data.wonThisQuarter.delta.value}\n              title={data.wonThisQuarter.delta.direction === 'unchanged' && data.wonThisQuarter.delta.value === 0 ? deltaUnavailableTooltip : deltaTooltip}\n            />\n          }\n          footer={\n            <div className=\"space-y-1\">\n              <p className=\"text-xs text-muted-foreground\">{scopeLabel}</p>\n              <div className=\"flex items-center gap-1.5 text-xs text-muted-foreground\">\n                <CheckCircle className=\"h-4 w-4 text-status-success-text\" aria-hidden />\n                <span>\n                  {pf('customers.deals.list.kpi.frag.dealsClosed', data.wonThisQuarter.dealsClosed)}\n                </span>\n              </div>\n              <p className=\"text-xs text-muted-foreground\">\n                {t('customers.deals.list.kpi.avgDeal', {\n                  value: `${formatCompact(data.wonThisQuarter.avgDeal)}${currencySuffix ? ` ${currencySuffix}` : ''}`,\n                })}\n              </p>\n              {currencyHint ? <p className=\"text-xs text-muted-foreground\">{currencyHint}</p> : null}\n            </div>\n          }\n        />\n\n        <DealKpiCard\n          title={t('customers.deals.list.kpi.winRate')}\n          value={data.winRate.value}\n          suffix=\"%\"\n          headerAction={\n            <KpiDeltaBadge\n              direction={data.winRate.direction}\n              value={Math.abs(data.winRate.deltaPp)}\n              unit=\"pp\"\n              title={data.winRate.previousValue === 0 ? deltaUnavailableTooltip : deltaTooltip}\n            />\n          }\n          footer={\n            <div className=\"space-y-2\">\n              <p className=\"text-xs text-muted-foreground\">{scopeLabel}</p>\n              <p className=\"text-xs text-muted-foreground\">\n                {t('customers.deals.list.kpi.fromLastQuarter', { value: data.winRate.previousValue })}\n              </p>\n              <div className=\"text-primary\">\n                <Sparkline\n                  values={data.winRate.series.map((point) => point.rate)}\n                  ariaLabel={t('customers.deals.list.kpi.winRate')}\n                />\n              </div>\n            </div>\n          }\n        />\n      </div>\n    </div>\n  )\n}\n\nexport default DealsKpiStrip\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/modules/customers/components/detail/ConfirmDealLostDialog.js

@@ -83,7 +83,6 @@ function ConfirmDealLostDialog({
     ] }) }),
     /* @__PURE__ */ jsxs("div", { className: "space-y-6 px-7 py-6", children: [
       /* @__PURE__ */ jsxs(Alert, { variant: "warning", className: "rounded-md", children: [
-        /* @__PURE__ */ jsx(AlertTriangle, { className: "size-4" }),
         /* @__PURE__ */ jsx(AlertTitle, { children: t("customers.deals.detail.lost.warningTitle", "This action closes the deal") }),
         /* @__PURE__ */ jsx(AlertDescription, { children: t("customers.deals.detail.lost.warning", "This action sets the stage to 'Lost' and cannot be undone without 'sales.reopen' permission") })
       ] }),

package/dist/modules/customers/components/detail/ConfirmDealLostDialog.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/modules/customers/components/detail/ConfirmDealLostDialog.tsx"],
-  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { AlertTriangle, Check, ChevronDown } from 'lucide-react'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { loadDictionaryEntriesByKey } from '@open-mercato/core/modules/dictionaries/lib/clientEntries'\nimport { Alert, AlertDescription, AlertTitle } from '@open-mercato/ui/primitives/alert'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { Dialog, DialogContent, DialogFooter, DialogHeader, DialogTitle } from '@open-mercato/ui/primitives/dialog'\nimport { Textarea } from '@open-mercato/ui/primitives/textarea'\nimport { useDialogKeyHandler } from '@open-mercato/ui/hooks/useDialogKeyHandler'\n\ntype LossReasonOption = {\n  id: string\n  value: string\n  label: string\n  description?: string | null\n}\n\ntype ConfirmDealLostDialogProps = {\n  open: boolean\n  dealTitle: string\n  dealValue?: string | null\n  companyName?: string | null\n  onClose: () => void\n  onConfirm: (input: { lossReasonId: string; lossNotes?: string }) => void | Promise<void>\n}\n\nexport function ConfirmDealLostDialog({\n  open,\n  dealTitle,\n  dealValue,\n  companyName,\n  onClose,\n  onConfirm,\n}: ConfirmDealLostDialogProps) {\n  const t = useT()\n  const [lossReasonId, setLossReasonId] = React.useState('')\n  const [lossNotes, setLossNotes] = React.useState('')\n  const [lossReasons, setLossReasons] = React.useState<LossReasonOption[]>([])\n  const [reasonListOpen, setReasonListOpen] = React.useState(false)\n  const [error, setError] = React.useState('')\n  const [isConfirming, setIsConfirming] = React.useState(false)\n\n  React.useEffect(() => {\n    if (!open) return\n    let cancelled = false\n    loadDictionaryEntriesByKey('sales.deal_loss_reason')\n      .then((items) => {\n        if (!cancelled) setLossReasons(items)\n      })\n      .catch((loadError) => {\n        console.error('customers.deals.detail.lossReasons failed', loadError)\n        if (!cancelled) setLossReasons([])\n      })\n    return () => {\n      cancelled = true\n    }\n  }, [open])\n\n  React.useEffect(() => {\n    if (!open) return\n    setLossReasonId('')\n    setLossNotes('')\n    setReasonListOpen(false)\n    setError('')\n  }, [open])\n\n  const selectedLossReason = React.useMemo(\n    () => lossReasons.find((reason) => reason.id === lossReasonId) ?? null,\n    [lossReasonId, lossReasons],\n  )\n\n  const handleConfirm = React.useCallback(async () => {\n    if (!lossReasonId) {\n      setError(t('customers.deals.detail.lost.reasonRequired', 'Please select a loss reason'))\n      return\n    }\n    setIsConfirming(true)\n    try {\n      await onConfirm({\n        lossReasonId,\n        lossNotes: lossNotes.trim() || undefined,\n      })\n    } finally {\n      setIsConfirming(false)\n    }\n  }, [lossNotes, lossReasonId, onConfirm, t])\n\n  const handleKeyDown = useDialogKeyHandler({\n    onConfirm: () => void handleConfirm(),\n    disabled: isConfirming,\n  })\n\n  return (\n    <Dialog open={open} onOpenChange={(nextOpen) => { if (!nextOpen) onClose() }}>\n      <DialogContent className=\"overflow-hidden p-0 sm:max-w-[560px]\" onKeyDown={handleKeyDown}>\n        <div className=\"overflow-hidden rounded-lg bg-card\">\n          <DialogHeader className=\"border-b border-border/70 px-7 py-5\">\n            <div className=\"flex items-start gap-4\">\n              <div className=\"flex size-10 shrink-0 items-center justify-center rounded-md bg-destructive/10 text-destructive\">\n                <AlertTriangle className=\"size-5\" />\n              </div>\n              <div className=\"min-w-0\">\n                <DialogTitle className=\"text-lg font-bold leading-none tracking-tight text-foreground\">\n                  {t('customers.deals.detail.lost.title', 'Mark deal as Lost?')}\n                </DialogTitle>\n                <p className=\"mt-1 text-xs text-muted-foreground\">\n                  {dealTitle}\n                  {dealValue ? ` \u00B7 ${dealValue}` : ''}\n                  {companyName ? ` \u00B7 ${companyName}` : ''}\n                </p>\n              </div>\n            </div>\n          </DialogHeader>\n\n          <div className=\"space-y-6 px-7 py-6\">\n            <Alert variant=\"warning\" className=\"rounded-md\">\n              <AlertTriangle className=\"size-4\" />\n              <AlertTitle>\n                {t('customers.deals.detail.lost.warningTitle', 'This action closes the deal')}\n              </AlertTitle>\n              <AlertDescription>\n                {t('customers.deals.detail.lost.warning', \"This action sets the stage to 'Lost' and cannot be undone without 'sales.reopen' permission\")}\n              </AlertDescription>\n            </Alert>\n\n            <div className=\"space-y-2\">\n              <label className=\"text-sm font-semibold text-foreground\">\n                {t('customers.deals.detail.lost.reasonLabel', 'Loss reason')}\n                <span className=\"ml-1 text-destructive\">*</span>\n              </label>\n              <div className=\"space-y-3\">\n                <Button\n                  type=\"button\"\n                  variant=\"outline\"\n                  onClick={() => setReasonListOpen((current) => !current)}\n                  className=\"h-auto flex w-full items-center justify-between rounded-md border-2 border-foreground bg-background px-4 py-3 text-left\"\n                >\n                  <div className=\"min-w-0\">\n                    <div className=\"truncate text-base font-semibold text-foreground\">\n                      {selectedLossReason?.label ?? t('customers.deals.detail.lost.reasonPlaceholder', 'Select loss reason')}\n                    </div>\n                    <div className=\"truncate text-sm text-muted-foreground\">\n                      {selectedLossReason?.description ?? t('customers.deals.detail.lost.reasonHelp', 'Choose the closest reason from the dictionary.')}\n                    </div>\n                  </div>\n                  <ChevronDown className=\"ml-3 size-4 shrink-0 text-muted-foreground\" />\n                </Button>\n\n                {reasonListOpen ? (\n                  <div className=\"overflow-hidden rounded-md border border-border/80 bg-background\">\n                    {lossReasons.map((reason, index) => {\n                      const isSelected = reason.id === lossReasonId\n                      return (\n                        <Button\n                          key={reason.id}\n                          type=\"button\"\n                          variant=\"ghost\"\n                          onClick={() => {\n                            setLossReasonId(reason.id)\n                            setReasonListOpen(false)\n                            setError('')\n                          }}\n                          className={`h-auto flex w-full items-center justify-between rounded-none px-4 py-3 text-left ${\n                            index < lossReasons.length - 1 ? 'border-b border-border/60' : ''\n                          } ${isSelected ? 'bg-muted/60' : 'hover:bg-accent/50'}`}\n                        >\n                          <div className=\"min-w-0\">\n                            <div className=\"text-base font-semibold text-foreground\">{reason.label}</div>\n                            <div className=\"text-sm text-muted-foreground\">\n                              {reason.description ?? t('customers.deals.detail.lost.reasonFallbackDescription', 'No description available.')}\n                            </div>\n                          </div>\n                          {isSelected ? (\n                            <span className=\"ml-3 flex size-6 shrink-0 items-center justify-center rounded-full bg-foreground text-background\">\n                              <Check className=\"size-3.5\" />\n                            </span>\n                          ) : null}\n                        </Button>\n                      )\n                    })}\n                  </div>\n                ) : null}\n              </div>\n              {error ? <p className=\"text-xs text-destructive\">{error}</p> : null}\n            </div>\n\n            <div className=\"space-y-2\">\n              <label className=\"text-sm font-semibold text-foreground\">\n                {t('customers.deals.detail.lost.notesLabel', 'Loss notes (optional)')}\n              </label>\n              <Textarea\n                value={lossNotes}\n                onChange={(event) => setLossNotes(event.target.value)}\n                placeholder={t('customers.deals.detail.lost.notesPlaceholder', 'Additional context about the loss...')}\n                rows={4}\n                className=\"min-h-[88px] rounded-md border-border/80 px-4 py-3 shadow-none\"\n              />\n            </div>\n          </div>\n\n          <DialogFooter className=\"border-t border-border/70 px-7 py-4 sm:justify-end\">\n            <Button type=\"button\" variant=\"outline\" onClick={onClose}>\n              {t('customers.deals.detail.lost.cancel', 'Cancel')}\n            </Button>\n            <Button type=\"button\" variant=\"destructive\" onClick={() => { void handleConfirm() }}>\n              {t('customers.deals.detail.lost.confirm', 'Mark as Lost')}\n            </Button>\n          </DialogFooter>\n        </div>\n      </DialogContent>\n    </Dialog>\n  )\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { AlertTriangle, Check, ChevronDown } from 'lucide-react'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { loadDictionaryEntriesByKey } from '@open-mercato/core/modules/dictionaries/lib/clientEntries'\nimport { Alert, AlertDescription, AlertTitle } from '@open-mercato/ui/primitives/alert'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { Dialog, DialogContent, DialogFooter, DialogHeader, DialogTitle } from '@open-mercato/ui/primitives/dialog'\nimport { Textarea } from '@open-mercato/ui/primitives/textarea'\nimport { useDialogKeyHandler } from '@open-mercato/ui/hooks/useDialogKeyHandler'\n\ntype LossReasonOption = {\n  id: string\n  value: string\n  label: string\n  description?: string | null\n}\n\ntype ConfirmDealLostDialogProps = {\n  open: boolean\n  dealTitle: string\n  dealValue?: string | null\n  companyName?: string | null\n  onClose: () => void\n  onConfirm: (input: { lossReasonId: string; lossNotes?: string }) => void | Promise<void>\n}\n\nexport function ConfirmDealLostDialog({\n  open,\n  dealTitle,\n  dealValue,\n  companyName,\n  onClose,\n  onConfirm,\n}: ConfirmDealLostDialogProps) {\n  const t = useT()\n  const [lossReasonId, setLossReasonId] = React.useState('')\n  const [lossNotes, setLossNotes] = React.useState('')\n  const [lossReasons, setLossReasons] = React.useState<LossReasonOption[]>([])\n  const [reasonListOpen, setReasonListOpen] = React.useState(false)\n  const [error, setError] = React.useState('')\n  const [isConfirming, setIsConfirming] = React.useState(false)\n\n  React.useEffect(() => {\n    if (!open) return\n    let cancelled = false\n    loadDictionaryEntriesByKey('sales.deal_loss_reason')\n      .then((items) => {\n        if (!cancelled) setLossReasons(items)\n      })\n      .catch((loadError) => {\n        console.error('customers.deals.detail.lossReasons failed', loadError)\n        if (!cancelled) setLossReasons([])\n      })\n    return () => {\n      cancelled = true\n    }\n  }, [open])\n\n  React.useEffect(() => {\n    if (!open) return\n    setLossReasonId('')\n    setLossNotes('')\n    setReasonListOpen(false)\n    setError('')\n  }, [open])\n\n  const selectedLossReason = React.useMemo(\n    () => lossReasons.find((reason) => reason.id === lossReasonId) ?? null,\n    [lossReasonId, lossReasons],\n  )\n\n  const handleConfirm = React.useCallback(async () => {\n    if (!lossReasonId) {\n      setError(t('customers.deals.detail.lost.reasonRequired', 'Please select a loss reason'))\n      return\n    }\n    setIsConfirming(true)\n    try {\n      await onConfirm({\n        lossReasonId,\n        lossNotes: lossNotes.trim() || undefined,\n      })\n    } finally {\n      setIsConfirming(false)\n    }\n  }, [lossNotes, lossReasonId, onConfirm, t])\n\n  const handleKeyDown = useDialogKeyHandler({\n    onConfirm: () => void handleConfirm(),\n    disabled: isConfirming,\n  })\n\n  return (\n    <Dialog open={open} onOpenChange={(nextOpen) => { if (!nextOpen) onClose() }}>\n      <DialogContent className=\"overflow-hidden p-0 sm:max-w-[560px]\" onKeyDown={handleKeyDown}>\n        <div className=\"overflow-hidden rounded-lg bg-card\">\n          <DialogHeader className=\"border-b border-border/70 px-7 py-5\">\n            <div className=\"flex items-start gap-4\">\n              <div className=\"flex size-10 shrink-0 items-center justify-center rounded-md bg-destructive/10 text-destructive\">\n                <AlertTriangle className=\"size-5\" />\n              </div>\n              <div className=\"min-w-0\">\n                <DialogTitle className=\"text-lg font-bold leading-none tracking-tight text-foreground\">\n                  {t('customers.deals.detail.lost.title', 'Mark deal as Lost?')}\n                </DialogTitle>\n                <p className=\"mt-1 text-xs text-muted-foreground\">\n                  {dealTitle}\n                  {dealValue ? ` \u00B7 ${dealValue}` : ''}\n                  {companyName ? ` \u00B7 ${companyName}` : ''}\n                </p>\n              </div>\n            </div>\n          </DialogHeader>\n\n          <div className=\"space-y-6 px-7 py-6\">\n            <Alert variant=\"warning\" className=\"rounded-md\">\n              <AlertTitle>\n                {t('customers.deals.detail.lost.warningTitle', 'This action closes the deal')}\n              </AlertTitle>\n              <AlertDescription>\n                {t('customers.deals.detail.lost.warning', \"This action sets the stage to 'Lost' and cannot be undone without 'sales.reopen' permission\")}\n              </AlertDescription>\n            </Alert>\n\n            <div className=\"space-y-2\">\n              <label className=\"text-sm font-semibold text-foreground\">\n                {t('customers.deals.detail.lost.reasonLabel', 'Loss reason')}\n                <span className=\"ml-1 text-destructive\">*</span>\n              </label>\n              <div className=\"space-y-3\">\n                <Button\n                  type=\"button\"\n                  variant=\"outline\"\n                  onClick={() => setReasonListOpen((current) => !current)}\n                  className=\"h-auto flex w-full items-center justify-between rounded-md border-2 border-foreground bg-background px-4 py-3 text-left\"\n                >\n                  <div className=\"min-w-0\">\n                    <div className=\"truncate text-base font-semibold text-foreground\">\n                      {selectedLossReason?.label ?? t('customers.deals.detail.lost.reasonPlaceholder', 'Select loss reason')}\n                    </div>\n                    <div className=\"truncate text-sm text-muted-foreground\">\n                      {selectedLossReason?.description ?? t('customers.deals.detail.lost.reasonHelp', 'Choose the closest reason from the dictionary.')}\n                    </div>\n                  </div>\n                  <ChevronDown className=\"ml-3 size-4 shrink-0 text-muted-foreground\" />\n                </Button>\n\n                {reasonListOpen ? (\n                  <div className=\"overflow-hidden rounded-md border border-border/80 bg-background\">\n                    {lossReasons.map((reason, index) => {\n                      const isSelected = reason.id === lossReasonId\n                      return (\n                        <Button\n                          key={reason.id}\n                          type=\"button\"\n                          variant=\"ghost\"\n                          onClick={() => {\n                            setLossReasonId(reason.id)\n                            setReasonListOpen(false)\n                            setError('')\n                          }}\n                          className={`h-auto flex w-full items-center justify-between rounded-none px-4 py-3 text-left ${\n                            index < lossReasons.length - 1 ? 'border-b border-border/60' : ''\n                          } ${isSelected ? 'bg-muted/60' : 'hover:bg-accent/50'}`}\n                        >\n                          <div className=\"min-w-0\">\n                            <div className=\"text-base font-semibold text-foreground\">{reason.label}</div>\n                            <div className=\"text-sm text-muted-foreground\">\n                              {reason.description ?? t('customers.deals.detail.lost.reasonFallbackDescription', 'No description available.')}\n                            </div>\n                          </div>\n                          {isSelected ? (\n                            <span className=\"ml-3 flex size-6 shrink-0 items-center justify-center rounded-full bg-foreground text-background\">\n                              <Check className=\"size-3.5\" />\n                            </span>\n                          ) : null}\n                        </Button>\n                      )\n                    })}\n                  </div>\n                ) : null}\n              </div>\n              {error ? <p className=\"text-xs text-destructive\">{error}</p> : null}\n            </div>\n\n            <div className=\"space-y-2\">\n              <label className=\"text-sm font-semibold text-foreground\">\n                {t('customers.deals.detail.lost.notesLabel', 'Loss notes (optional)')}\n              </label>\n              <Textarea\n                value={lossNotes}\n                onChange={(event) => setLossNotes(event.target.value)}\n                placeholder={t('customers.deals.detail.lost.notesPlaceholder', 'Additional context about the loss...')}\n                rows={4}\n                className=\"min-h-[88px] rounded-md border-border/80 px-4 py-3 shadow-none\"\n              />\n            </div>\n          </div>\n\n          <DialogFooter className=\"border-t border-border/70 px-7 py-4 sm:justify-end\">\n            <Button type=\"button\" variant=\"outline\" onClick={onClose}>\n              {t('customers.deals.detail.lost.cancel', 'Cancel')}\n            </Button>\n            <Button type=\"button\" variant=\"destructive\" onClick={() => { void handleConfirm() }}>\n              {t('customers.deals.detail.lost.confirm', 'Mark as Lost')}\n            </Button>\n          </DialogFooter>\n        </div>\n      </DialogContent>\n    </Dialog>\n  )\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/modules/customers/components/detail/DealForm.js

@@ -24,6 +24,67 @@ import { DictionaryEntrySelect } from "@open-mercato/core/modules/dictionaries/c
 import { normalizeCustomFieldSubmitValue } from "./customFieldUtils.js";
 const DEAL_ENTITY_IDS = [E.customers.customer_deal];
 const CURRENCY_PRIORITY = ["EUR", "USD", "GBP", "PLN"];
+const PIPELINE_OPTIONS_TTL_MS = 6e4;
+const PIPELINE_STAGE_OPTIONS_TTL_MS = 3e4;
+let pipelineOptionsCache = null;
+const pipelineStageOptionsCache = /* @__PURE__ */ new Map();
+function isFreshCacheEntry(entry) {
+  return Boolean(entry && entry.expiresAt > Date.now());
+}
+function normalizePipelineOptions(options) {
+  const byId = /* @__PURE__ */ new Map();
+  for (const option of options ?? []) {
+    if (!option.id) continue;
+    byId.set(option.id, {
+      id: option.id,
+      name: option.name,
+      isDefault: option.isDefault === true
+    });
+  }
+  return Array.from(byId.values());
+}
+function mergePipelineOptions(seed, loaded) {
+  const byId = /* @__PURE__ */ new Map();
+  for (const option of seed) byId.set(option.id, option);
+  for (const option of loaded) byId.set(option.id, option);
+  return Array.from(byId.values());
+}
+function normalizePipelineStageOptions(options) {
+  return [...options ?? []].filter((option) => option.id).sort((left, right) => left.order - right.order);
+}
+async function fetchPipelineOptions() {
+  if (isFreshCacheEntry(pipelineOptionsCache)) return pipelineOptionsCache.promise;
+  const entry = {
+    expiresAt: Date.now() + PIPELINE_OPTIONS_TTL_MS,
+    promise: apiCall("/api/customers/pipelines").then((call) => call.ok && call.result?.items ? normalizePipelineOptions(call.result.items) : [])
+  };
+  pipelineOptionsCache = entry;
+  try {
+    return await entry.promise;
+  } catch (error) {
+    if (pipelineOptionsCache === entry) pipelineOptionsCache = null;
+    throw error;
+  }
+}
+async function fetchPipelineStageOptions(pipelineId) {
+  const cached = pipelineStageOptionsCache.get(pipelineId);
+  if (isFreshCacheEntry(cached)) return cached.promise;
+  const entry = {
+    expiresAt: Date.now() + PIPELINE_STAGE_OPTIONS_TTL_MS,
+    promise: apiCall(`/api/customers/pipeline-stages?pipelineId=${encodeURIComponent(pipelineId)}`).then((call) => call.ok && call.result?.items ? normalizePipelineStageOptions(call.result.items) : [])
+  };
+  pipelineStageOptionsCache.set(pipelineId, entry);
+  try {
+    return await entry.promise;
+  } catch (error) {
+    if (pipelineStageOptionsCache.get(pipelineId) === entry) pipelineStageOptionsCache.delete(pipelineId);
+    throw error;
+  }
+}
+function resetDealPipelineMetadataCacheForTests() {
+  pipelineOptionsCache = null;
+  pipelineStageOptionsCache.clear();
+}
 const schema = z.object({
   title: z.string().trim().min(1, "customers.people.detail.deals.titleRequired").max(200, "customers.people.detail.deals.titleTooLong"),
   status: z.string().trim().max(50, "customers.people.detail.deals.statusTooLong").optional(),
@@ -476,7 +537,9 @@ function DealForm({
   singleColumnGroups = false,
   showAssociationsGroup = true,
   showVersionHistory = true,
-  showCancelAction = true
+  showCancelAction = true,
+  initialPipelineOptions,
+  initialPipelineStageOptions
 }) {
   const t = useT();
   const [pending, setPending] = React.useState(false);
@@ -551,47 +614,66 @@ function DealForm({
   const { searchPeople, fetchPeopleByIds, searchCompanies, fetchCompaniesByIds } = useDealAssociationLookups();
   const disabled = pending || isSubmitting;
   const canDelete = mode === "edit" && typeof onDelete === "function";
-  const [pipelines, setPipelines] = React.useState([]);
-  const [pipelineStages, setPipelineStages] = React.useState([]);
+  const mountedRef = React.useRef(false);
+  const seedPipelineOptions = React.useMemo(
+    () => normalizePipelineOptions(initialPipelineOptions),
+    [initialPipelineOptions]
+  );
+  const seedPipelineStageOptions = React.useMemo(
+    () => Array.isArray(initialPipelineStageOptions) ? normalizePipelineStageOptions(initialPipelineStageOptions) : null,
+    [initialPipelineStageOptions]
+  );
+  const [pipelines, setPipelines] = React.useState(() => seedPipelineOptions);
+  const [pipelineStages, setPipelineStages] = React.useState(() => seedPipelineStageOptions ?? []);
+  React.useEffect(() => {
+    mountedRef.current = true;
+    return () => {
+      mountedRef.current = false;
+    };
+  }, []);
   const loadStagesForPipeline = React.useCallback(async (pipelineId) => {
     if (!pipelineId) {
-      setPipelineStages([]);
+      if (mountedRef.current) setPipelineStages([]);
       return;
     }
     try {
-      const call = await apiCall(`/api/customers/pipeline-stages?pipelineId=${encodeURIComponent(pipelineId)}`);
-      if (call.ok && call.result?.items) {
-        const sorted = [...call.result.items].sort((a, b) => a.order - b.order);
-        setPipelineStages(sorted);
-      }
+      const stages = await fetchPipelineStageOptions(pipelineId);
+      if (mountedRef.current) setPipelineStages(stages);
     } catch {
-      setPipelineStages([]);
+      if (mountedRef.current) setPipelineStages([]);
     }
   }, []);
   React.useEffect(() => {
     let cancelled = false;
     (async () => {
       try {
-        const call = await apiCall("/api/customers/pipelines");
-        if (cancelled) return;
-        if (call.ok && call.result?.items) {
-          setPipelines(call.result.items);
-        }
+        const loaded = await fetchPipelineOptions();
+        if (cancelled || !mountedRef.current) return;
+        setPipelines(mergePipelineOptions(seedPipelineOptions, loaded));
       } catch {
+        if (!cancelled && mountedRef.current && seedPipelineOptions.length > 0) {
+          setPipelines(seedPipelineOptions);
+        }
       }
     })().catch(() => {
     });
     return () => {
       cancelled = true;
     };
-  }, []);
+  }, [seedPipelineOptions]);
   React.useEffect(() => {
     const pid = initialValues?.pipelineId;
     if (typeof pid === "string" && pid.length) {
+      if (seedPipelineStageOptions) {
+        setPipelineStages(seedPipelineStageOptions);
+        return;
+      }
       loadStagesForPipeline(pid).catch(() => {
       });
+    } else {
+      setPipelineStages([]);
     }
-  }, [initialValues?.pipelineId, loadStagesForPipeline]);
+  }, [initialValues?.pipelineId, loadStagesForPipeline, seedPipelineStageOptions]);
   const baseFields = React.useMemo(() => [
     {
       id: "title",
@@ -899,6 +981,7 @@ export {
   buildDealValidationError,
   dealFormSchema,
   DealForm_default as default,
+  resetDealPipelineMetadataCacheForTests,
   useDealAssociationLookups
 };
 //# sourceMappingURL=DealForm.js.map