@open-mercato/core 0.5.1-develop.2663.2c29774b5b → 0.5.1-develop.2681.c559bb2bc3

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/modules/customers/components/detail/DealLinkedEntitiesTab.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport Link from 'next/link'\nimport { ArrowLeft, ArrowRight, Link2 } from 'lucide-react'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { Input } from '@open-mercato/ui/primitives/input'\nimport { LinkEntityDialog, type LinkEntityAdapter, type LinkEntityOption } from '../linking/LinkEntityDialog'\n\ntype LinkedEntityOption = {\n  id: string\n  label: string\n  subtitle?: string | null\n}\n\ntype DealLinkedEntitiesTabProps = {\n  entityLabel: string\n  entityLabelPlural: string\n  manageLabel: string\n  searchPlaceholder: string\n  linkedItems: LinkedEntityOption[]\n  linkedCount?: number\n  selectedIds: string[]\n  disabled?: boolean\n  savePending?: boolean\n  hrefBuilder: (id: string) => string\n  onSaveSelection: (nextIds: string[]) => Promise<void> | void\n  loadLinkedPage?: (\n    page: number,\n    query: string,\n  ) => Promise<{ items: LinkedEntityOption[]; totalPages: number; total: number }>\n  searchEntities: (\n    query: string,\n    page: number,\n  ) => Promise<{ items: LinkedEntityOption[]; totalPages: number }>\n  fetchEntitiesByIds: (ids: string[]) => Promise<LinkedEntityOption[]>\n  icon: React.ReactNode\n}\n\nconst PAGE_SIZE = 20\n\nfunction normalizeText(value: string): string {\n  return value.trim().toLowerCase()\n}\n\nfunction applyFilter(items: LinkedEntityOption[], query: string): LinkedEntityOption[] {\n  const normalizedQuery = normalizeText(query)\n  if (!normalizedQuery.length) return items\n  return items.filter((item) => {\n    const label = normalizeText(item.label)\n    const subtitle = normalizeText(item.subtitle ?? '')\n    return label.includes(normalizedQuery) || subtitle.includes(normalizedQuery)\n  })\n}\n\nfunction Pagination({\n  page,\n  totalPages,\n  onPageChange,\n}: {\n  page: number\n  totalPages: number\n  onPageChange: (page: number) => void\n}) {\n  if (totalPages <= 1) return null\n  return (\n    <div className=\"flex items-center justify-between border-t border-border/70 pt-3 text-sm text-muted-foreground\">\n      <span>\n        Page {page} of {totalPages}\n      </span>\n      <div className=\"flex items-center gap-2\">\n        <Button\n          type=\"button\"\n          variant=\"outline\"\n          size=\"sm\"\n          className=\"h-8 rounded-lg px-3 text-xs\"\n          onClick={() => onPageChange(Math.max(1, page - 1))}\n          disabled={page <= 1}\n        >\n          <ArrowLeft className=\"mr-1.5 size-3.5\" />\n          Previous\n        </Button>\n        <Button\n          type=\"button\"\n          variant=\"outline\"\n          size=\"sm\"\n          className=\"h-8 rounded-lg px-3 text-xs\"\n          onClick={() => onPageChange(Math.min(totalPages, page + 1))}\n          disabled={page >= totalPages}\n        >\n          Next\n          <ArrowRight className=\"ml-1.5 size-3.5\" />\n        </Button>\n      </div>\n    </div>\n  )\n}\n\nexport function DealLinkedEntitiesTab({\n  entityLabel,\n  entityLabelPlural,\n  manageLabel,\n  searchPlaceholder,\n  linkedItems,\n  linkedCount,\n  selectedIds,\n  disabled = false,\n  savePending = false,\n  hrefBuilder,\n  onSaveSelection,\n  loadLinkedPage,\n  searchEntities,\n  fetchEntitiesByIds,\n  icon,\n}: DealLinkedEntitiesTabProps) {\n  const t = useT()\n  const useRemoteLinkedList = typeof loadLinkedPage === 'function'\n  const [pageSearch, setPageSearch] = React.useState('')\n  const [page, setPage] = React.useState(1)\n  const [remoteLinkedItems, setRemoteLinkedItems] = React.useState<LinkedEntityOption[]>([])\n  const [remoteLinkedTotalPages, setRemoteLinkedTotalPages] = React.useState(1)\n  const [remoteLinkedLoading, setRemoteLinkedLoading] = React.useState(false)\n  const [dialogOpen, setDialogOpen] = React.useState(false)\n  const selectedIdsKey = React.useMemo(() => selectedIds.join('|'), [selectedIds])\n\n  const refreshRemoteLinkedList = React.useCallback(\n    async (options?: { showLoading?: boolean }) => {\n      if (!useRemoteLinkedList || !loadLinkedPage) return\n      const showLoading = options?.showLoading ?? true\n      if (showLoading) setRemoteLinkedLoading(true)\n      try {\n        const result = await loadLinkedPage(page, pageSearch)\n        setRemoteLinkedItems(result.items)\n        setRemoteLinkedTotalPages(result.totalPages)\n      } catch {\n        setRemoteLinkedItems([])\n        setRemoteLinkedTotalPages(1)\n      } finally {\n        if (showLoading) setRemoteLinkedLoading(false)\n      }\n    },\n    [loadLinkedPage, page, pageSearch, useRemoteLinkedList],\n  )\n\n  React.useEffect(() => {\n    if (!useRemoteLinkedList || !loadLinkedPage) return\n    void refreshRemoteLinkedList()\n  }, [loadLinkedPage, refreshRemoteLinkedList, useRemoteLinkedList])\n\n  React.useEffect(() => {\n    if (!useRemoteLinkedList || dialogOpen) return\n    void refreshRemoteLinkedList({ showLoading: false })\n  }, [dialogOpen, refreshRemoteLinkedList, selectedIdsKey, useRemoteLinkedList])\n\n  React.useEffect(() => {\n    setPage(1)\n  }, [pageSearch])\n\n  const filteredLinkedItems = React.useMemo(\n    () => applyFilter(linkedItems, pageSearch),\n    [linkedItems, pageSearch],\n  )\n  const totalPages = Math.max(1, Math.ceil(filteredLinkedItems.length / PAGE_SIZE))\n  const currentPage = Math.min(page, totalPages)\n  const pagedLinkedItems = React.useMemo(\n    () =>\n      filteredLinkedItems.slice((currentPage - 1) * PAGE_SIZE, currentPage * PAGE_SIZE),\n    [currentPage, filteredLinkedItems],\n  )\n  const visibleLinkedItems = useRemoteLinkedList ? remoteLinkedItems : pagedLinkedItems\n  const visiblePage = useRemoteLinkedList ? page : currentPage\n  const visibleTotalPages = useRemoteLinkedList ? remoteLinkedTotalPages : totalPages\n  const totalLinkedCount = linkedCount ?? linkedItems.length\n\n  const adapter = React.useMemo<LinkEntityAdapter>(\n    () => ({\n      kind: 'person',\n      dialogTitle: t(\n        'customers.deals.detail.linkedEntities.dialogTitleShort',\n        'Link {{entity}}',\n        { entity: entityLabel.toLowerCase() },\n      ),\n      dialogSubtitle: t(\n        'customers.deals.detail.linkedEntities.dialogSubtitle',\n        'Link an existing {{entity}} to this deal',\n        { entity: entityLabel.toLowerCase() },\n      ),\n      sectionLabel: t(\n        'customers.deals.detail.linkedEntities.sectionLabel',\n        'MATCHING {{entity}}',\n        { entity: entityLabelPlural.toUpperCase() },\n      ),\n      searchPlaceholder: t(\n        'customers.deals.detail.linkedEntities.searchAll',\n        'Search all {{entity}}\u2026',\n        { entity: entityLabelPlural.toLowerCase() },\n      ),\n      searchEmptyHint: t(\n        'customers.deals.detail.linkedEntities.noResults',\n        'No matching records found.',\n      ),\n      selectedEmptyHint: t(\n        'customers.deals.detail.linkedEntities.noneSelected',\n        'No linked records selected.',\n      ),\n      confirmButtonLabel: t(\n        'customers.deals.detail.linkedEntities.confirmButton',\n        'Link {{entity}}',\n        { entity: entityLabel.toLowerCase() },\n      ),\n      defaultAvatarIcon: icon,\n      searchPage: async (query, searchPageIndex) => {\n        const result = await searchEntities(query, searchPageIndex)\n        return {\n          items: result.items.map((item) => ({\n            id: item.id,\n            label: item.label,\n            subtitle: item.subtitle ?? null,\n          })),\n          totalPages: result.totalPages,\n        }\n      },\n      fetchByIds: async (ids) => {\n        const result = await fetchEntitiesByIds(ids)\n        return result.map((item) => ({\n          id: item.id,\n          label: item.label,\n          subtitle: item.subtitle ?? null,\n        }))\n      },\n    }),\n    [entityLabel, entityLabelPlural, fetchEntitiesByIds, icon, searchEntities, t],\n  )\n\n  const handleDialogConfirm = React.useCallback(\n    async ({\n      nextSelectedIds,\n    }: {\n      addedIds: string[]\n      removedIds: string[]\n      nextSelectedIds: string[]\n      optionsById: Record<string, LinkEntityOption>\n    }) => {\n      await onSaveSelection(nextSelectedIds)\n      if (useRemoteLinkedList) {\n        await refreshRemoteLinkedList({ showLoading: false })\n      }\n    },\n    [onSaveSelection, refreshRemoteLinkedList, useRemoteLinkedList],\n  )\n\n  return (\n    <>\n      <div className=\"space-y-5\">\n        <div className=\"flex flex-col gap-3 rounded-xl border border-border/70 bg-muted/10 p-4 sm:flex-row sm:items-center sm:justify-between\">\n          <div className=\"space-y-1\">\n            <div className=\"text-sm font-semibold text-foreground\">{manageLabel}</div>\n            <div className=\"text-sm text-muted-foreground\">\n              {t(\n                'customers.deals.detail.linkedEntities.summary',\n                '{{count}} linked {{entity}}',\n                {\n                  count: totalLinkedCount,\n                  entity:\n                    totalLinkedCount === 1\n                      ? entityLabel.toLowerCase()\n                      : entityLabelPlural.toLowerCase(),\n                },\n              )}\n            </div>\n          </div>\n          <div className=\"flex items-center gap-2\">\n            <div className=\"relative min-w-0 flex-1 sm:w-[260px]\">\n              <Input\n                value={pageSearch}\n                onChange={(event) => setPageSearch(event.target.value)}\n                placeholder={searchPlaceholder}\n              />\n            </div>\n            <Button\n              type=\"button\"\n              variant=\"outline\"\n              size=\"sm\"\n              className=\"h-9 rounded-lg px-3\"\n              onClick={() => setDialogOpen(true)}\n              disabled={disabled || savePending}\n            >\n              <Link2 className=\"mr-2 size-4\" />\n              {t('customers.deals.detail.linkedEntities.manage', 'Manage links')}\n            </Button>\n          </div>\n        </div>\n\n        {visibleLinkedItems.length ? (\n          <div className=\"space-y-3\">\n            {visibleLinkedItems.map((item) => (\n              <Link\n                key={item.id}\n                href={hrefBuilder(item.id)}\n                className=\"flex items-start gap-3 rounded-xl border border-border/70 bg-card px-4 py-4 transition-colors hover:bg-accent\"\n              >\n                <div className=\"mt-0.5 rounded-full bg-muted p-2 text-muted-foreground\">\n                  {icon}\n                </div>\n                <div className=\"min-w-0\">\n                  <div className=\"truncate text-sm font-semibold text-foreground\">\n                    {item.label}\n                  </div>\n                  <div className=\"mt-1 text-xs text-muted-foreground\">\n                    {item.subtitle || '\u2014'}\n                  </div>\n                </div>\n              </Link>\n            ))}\n            <Pagination\n              page={visiblePage}\n              totalPages={visibleTotalPages}\n              onPageChange={setPage}\n            />\n          </div>\n        ) : remoteLinkedLoading ? (\n          <div className=\"rounded-lg border border-border bg-muted/20 px-5 py-5 text-sm text-muted-foreground\">\n            {t('customers.deals.detail.linkedEntities.loading', 'Loading linked records\u2026')}\n          </div>\n        ) : (\n          <div className=\"rounded-lg border border-border bg-muted/20 px-5 py-5 text-sm text-muted-foreground\">\n            {pageSearch.trim().length\n              ? t(\n                  'customers.deals.detail.linkedEntities.noSearchMatches',\n                  'No linked records match the current search.',\n                )\n              : t('customers.deals.detail.linkedEntities.empty', 'No linked records yet.')}\n          </div>\n        )}\n      </div>\n\n      <LinkEntityDialog\n        open={dialogOpen}\n        onOpenChange={setDialogOpen}\n        adapter={adapter}\n        initialSelectedIds={selectedIds}\n        onConfirm={handleDialogConfirm}\n      />\n    </>\n  )\n}\n\nexport default DealLinkedEntitiesTab\n"],
+  "mappings": "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",
+  "names": []
+}

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

@@ -0,0 +1,107 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { VisuallyHidden } from "@radix-ui/react-visually-hidden";
+import { CircleOff, Clock3, FileWarning, Radar } from "lucide-react";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { Button } from "@open-mercato/ui/primitives/button";
+import { Dialog, DialogContent, DialogTitle } from "@open-mercato/ui/primitives/dialog";
+function formatCurrency(value, currency) {
+  if (value === null || !Number.isFinite(value)) return "\u2014";
+  if (!currency) return value.toLocaleString();
+  try {
+    return new Intl.NumberFormat(void 0, { style: "currency", currency }).format(value);
+  } catch {
+    return `${value.toLocaleString()} ${currency}`;
+  }
+}
+function StatCard({
+  icon,
+  label,
+  value
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: "rounded-2xl border bg-background px-4 py-4", children: [
+    /* @__PURE__ */ jsxs("div", { className: "mb-2 flex items-center gap-2 text-xs font-semibold uppercase tracking-[0.14em] text-muted-foreground", children: [
+      icon,
+      label
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "text-xl font-semibold text-foreground", children: value })
+  ] });
+}
+function DealLostSummaryDialog({
+  open,
+  onClose,
+  dealTitle,
+  lossNotes,
+  stats,
+  onBackToPipeline,
+  onScheduleFollowUp
+}) {
+  const t = useT();
+  return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange: (nextOpen) => {
+    if (!nextOpen) onClose();
+  }, children: /* @__PURE__ */ jsxs(DialogContent, { className: "overflow-hidden p-0 sm:max-w-[420px]", children: [
+    /* @__PURE__ */ jsx(VisuallyHidden, { children: /* @__PURE__ */ jsx(DialogTitle, { children: t("customers.deals.detail.lost.popupTitle", "Not this round") }) }),
+    /* @__PURE__ */ jsxs("div", { className: "overflow-hidden rounded-2xl bg-card", children: [
+      /* @__PURE__ */ jsx("div", { className: "px-6 pb-5 pt-6", children: /* @__PURE__ */ jsx("div", { className: "flex h-[200px] items-center justify-center rounded-2xl bg-muted/30 text-foreground", children: /* @__PURE__ */ jsx(CircleOff, { className: "size-24", strokeWidth: 1.5 }) }) }),
+      /* @__PURE__ */ jsxs("div", { className: "space-y-5 px-7 pb-7 text-center", children: [
+        /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ jsx("h2", { className: "text-2xl font-bold leading-tight text-foreground", children: t("customers.deals.detail.lost.popupTitle", "Not this round") }),
+          /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-muted-foreground", children: t("customers.deals.detail.lost.popupSubtitle", "Even great teams miss a shot sometimes") })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "rounded-xl border bg-muted/20 px-4 py-4", children: [
+          /* @__PURE__ */ jsx("p", { className: "text-overline font-bold uppercase tracking-[0.16em] text-muted-foreground", children: dealTitle }),
+          /* @__PURE__ */ jsx("p", { className: "mt-2 text-2xl font-bold text-muted-foreground", children: stats ? formatCurrency(stats.dealValue, stats.dealCurrency) : "\u2014" }),
+          /* @__PURE__ */ jsx("p", { className: "mt-1 text-xs text-muted-foreground", children: t("customers.deals.detail.lost.popupSummary", "Lost \xB7 reason: {{reason}}", {
+            reason: stats?.lossReason ?? t("customers.deals.detail.lost.reasonFallback", "Unknown")
+          }) })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-3 gap-2", children: [
+          /* @__PURE__ */ jsx(
+            StatCard,
+            {
+              icon: /* @__PURE__ */ jsx(Radar, { className: "size-4" }),
+              label: t("customers.deals.detail.lost.dealsThisWeek", "Lost this week"),
+              value: stats ? String(stats.dealsClosedThisPeriod) : "\u2014"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            StatCard,
+            {
+              icon: /* @__PURE__ */ jsx(Clock3, { className: "size-4" }),
+              label: t("customers.deals.detail.lost.salesCycle", "Sales cycle"),
+              value: stats?.salesCycleDays !== null && stats?.salesCycleDays !== void 0 ? `${stats.salesCycleDays}d` : "\u2014"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            StatCard,
+            {
+              icon: /* @__PURE__ */ jsx(FileWarning, { className: "size-4" }),
+              label: t("customers.deals.detail.lost.reason", "Loss reason"),
+              value: stats?.lossReason ?? "\u2014"
+            }
+          )
+        ] }),
+        lossNotes ? /* @__PURE__ */ jsxs("div", { className: "rounded-xl bg-primary/15 px-4 py-4 text-left", children: [
+          /* @__PURE__ */ jsx("div", { className: "text-overline font-bold uppercase tracking-[0.16em] text-foreground", children: t("customers.deals.detail.lost.nextHeading", "What's next") }),
+          /* @__PURE__ */ jsx("div", { className: "mt-2 text-xs leading-5 text-muted-foreground", children: lossNotes })
+        ] }) : null,
+        /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              type: "button",
+              className: "w-full",
+              onClick: onBackToPipeline ?? onClose,
+              children: t("customers.deals.detail.lost.primaryAction", "Back to pipeline")
+            }
+          ),
+          onScheduleFollowUp ? /* @__PURE__ */ jsx(Button, { type: "button", variant: "outline", className: "w-full", onClick: onScheduleFollowUp, children: t("customers.deals.detail.lost.secondaryAction", "Set reminder for Q3") }) : null
+        ] })
+      ] })
+    ] })
+  ] }) });
+}
+export {
+  DealLostSummaryDialog
+};
+//# sourceMappingURL=DealLostSummaryDialog.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/modules/customers/components/detail/DealLostSummaryDialog.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { VisuallyHidden } from '@radix-ui/react-visually-hidden'\nimport { CircleOff, Clock3, FileWarning, Radar } from 'lucide-react'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { Dialog, DialogContent, DialogTitle } from '@open-mercato/ui/primitives/dialog'\n\ntype DealStatsPayload = {\n  dealValue: number | null\n  dealCurrency: string | null\n  closureOutcome: 'won' | 'lost'\n  closedAt: string\n  pipelineName: string | null\n  dealsClosedThisPeriod: number\n  salesCycleDays: number | null\n  dealRankInQuarter: number | null\n  lossReason: string | null\n}\n\ntype DealLostSummaryDialogProps = {\n  open: boolean\n  onClose: () => void\n  dealTitle: string\n  lossNotes?: string | null\n  stats: DealStatsPayload | null\n  onBackToPipeline?: () => void\n  onScheduleFollowUp?: () => void\n}\n\nfunction formatCurrency(value: number | null, currency: string | null): string {\n  if (value === null || !Number.isFinite(value)) return '\u2014'\n  if (!currency) return value.toLocaleString()\n  try {\n    return new Intl.NumberFormat(undefined, { style: 'currency', currency }).format(value)\n  } catch {\n    return `${value.toLocaleString()} ${currency}`\n  }\n}\n\nfunction StatCard({\n  icon,\n  label,\n  value,\n}: {\n  icon: React.ReactNode\n  label: string\n  value: string\n}) {\n  return (\n    <div className=\"rounded-2xl border bg-background px-4 py-4\">\n      <div className=\"mb-2 flex items-center gap-2 text-xs font-semibold uppercase tracking-[0.14em] text-muted-foreground\">\n        {icon}\n        {label}\n      </div>\n      <div className=\"text-xl font-semibold text-foreground\">{value}</div>\n    </div>\n  )\n}\n\nexport function DealLostSummaryDialog({\n  open,\n  onClose,\n  dealTitle,\n  lossNotes,\n  stats,\n  onBackToPipeline,\n  onScheduleFollowUp,\n}: DealLostSummaryDialogProps) {\n  const t = useT()\n\n  return (\n    <Dialog open={open} onOpenChange={(nextOpen) => { if (!nextOpen) onClose() }}>\n      <DialogContent className=\"overflow-hidden p-0 sm:max-w-[420px]\">\n        <VisuallyHidden>\n          <DialogTitle>{t('customers.deals.detail.lost.popupTitle', 'Not this round')}</DialogTitle>\n        </VisuallyHidden>\n        <div className=\"overflow-hidden rounded-2xl bg-card\">\n          <div className=\"px-6 pb-5 pt-6\">\n            <div className=\"flex h-[200px] items-center justify-center rounded-2xl bg-muted/30 text-foreground\">\n              <CircleOff className=\"size-24\" strokeWidth={1.5} />\n            </div>\n          </div>\n\n          <div className=\"space-y-5 px-7 pb-7 text-center\">\n            <div className=\"space-y-2\">\n              <h2 className=\"text-2xl font-bold leading-tight text-foreground\">\n                {t('customers.deals.detail.lost.popupTitle', 'Not this round')}\n              </h2>\n              <p className=\"text-sm font-medium text-muted-foreground\">\n                {t('customers.deals.detail.lost.popupSubtitle', 'Even great teams miss a shot sometimes')}\n              </p>\n            </div>\n\n            <div className=\"rounded-xl border bg-muted/20 px-4 py-4\">\n              <p className=\"text-overline font-bold uppercase tracking-[0.16em] text-muted-foreground\">\n                {dealTitle}\n              </p>\n              <p className=\"mt-2 text-2xl font-bold text-muted-foreground\">\n                {stats ? formatCurrency(stats.dealValue, stats.dealCurrency) : '\u2014'}\n              </p>\n              <p className=\"mt-1 text-xs text-muted-foreground\">\n                {t('customers.deals.detail.lost.popupSummary', 'Lost \u00B7 reason: {{reason}}', {\n                  reason: stats?.lossReason ?? t('customers.deals.detail.lost.reasonFallback', 'Unknown'),\n                })}\n              </p>\n            </div>\n\n            <div className=\"grid grid-cols-3 gap-2\">\n              <StatCard\n                icon={<Radar className=\"size-4\" />}\n                label={t('customers.deals.detail.lost.dealsThisWeek', 'Lost this week')}\n                value={stats ? String(stats.dealsClosedThisPeriod) : '\u2014'}\n              />\n              <StatCard\n                icon={<Clock3 className=\"size-4\" />}\n                label={t('customers.deals.detail.lost.salesCycle', 'Sales cycle')}\n                value={stats?.salesCycleDays !== null && stats?.salesCycleDays !== undefined ? `${stats.salesCycleDays}d` : '\u2014'}\n              />\n              <StatCard\n                icon={<FileWarning className=\"size-4\" />}\n                label={t('customers.deals.detail.lost.reason', 'Loss reason')}\n                value={stats?.lossReason ?? '\u2014'}\n              />\n            </div>\n\n            {lossNotes ? (\n              <div className=\"rounded-xl bg-primary/15 px-4 py-4 text-left\">\n                <div className=\"text-overline font-bold uppercase tracking-[0.16em] text-foreground\">\n                  {t('customers.deals.detail.lost.nextHeading', \"What's next\")}\n                </div>\n                <div className=\"mt-2 text-xs leading-5 text-muted-foreground\">{lossNotes}</div>\n              </div>\n            ) : null}\n\n            <div className=\"space-y-2\">\n              <Button\n                type=\"button\"\n                className=\"w-full\"\n                onClick={onBackToPipeline ?? onClose}\n              >\n                {t('customers.deals.detail.lost.primaryAction', 'Back to pipeline')}\n              </Button>\n              {onScheduleFollowUp ? (\n                <Button type=\"button\" variant=\"outline\" className=\"w-full\" onClick={onScheduleFollowUp}>\n                  {t('customers.deals.detail.lost.secondaryAction', 'Set reminder for Q3')}\n                </Button>\n              ) : null}\n            </div>\n          </div>\n        </div>\n      </DialogContent>\n    </Dialog>\n  )\n}\n"],
+  "mappings": ";AAoDM,SAIA,KAJA;AAjDN,SAAS,sBAAsB;AAC/B,SAAS,WAAW,QAAQ,aAAa,aAAa;AACtD,SAAS,YAAY;AACrB,SAAS,cAAc;AACvB,SAAS,QAAQ,eAAe,mBAAmB;AAwBnD,SAAS,eAAe,OAAsB,UAAiC;AAC7E,MAAI,UAAU,QAAQ,CAAC,OAAO,SAAS,KAAK,EAAG,QAAO;AACtD,MAAI,CAAC,SAAU,QAAO,MAAM,eAAe;AAC3C,MAAI;AACF,WAAO,IAAI,KAAK,aAAa,QAAW,EAAE,OAAO,YAAY,SAAS,CAAC,EAAE,OAAO,KAAK;AAAA,EACvF,QAAQ;AACN,WAAO,GAAG,MAAM,eAAe,CAAC,IAAI,QAAQ;AAAA,EAC9C;AACF;AAEA,SAAS,SAAS;AAAA,EAChB;AAAA,EACA;AAAA,EACA;AACF,GAIG;AACD,SACE,qBAAC,SAAI,WAAU,8CACb;AAAA,yBAAC,SAAI,WAAU,wGACZ;AAAA;AAAA,MACA;AAAA,OACH;AAAA,IACA,oBAAC,SAAI,WAAU,yCAAyC,iBAAM;AAAA,KAChE;AAEJ;AAEO,SAAS,sBAAsB;AAAA,EACpC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA+B;AAC7B,QAAM,IAAI,KAAK;AAEf,SACE,oBAAC,UAAO,MAAY,cAAc,CAAC,aAAa;AAAE,QAAI,CAAC,SAAU,SAAQ;AAAA,EAAE,GACzE,+BAAC,iBAAc,WAAU,wCACvB;AAAA,wBAAC,kBACC,8BAAC,eAAa,YAAE,0CAA0C,gBAAgB,GAAE,GAC9E;AAAA,IACA,qBAAC,SAAI,WAAU,uCACb;AAAA,0BAAC,SAAI,WAAU,kBACb,8BAAC,SAAI,WAAU,sFACb,8BAAC,aAAU,WAAU,WAAU,aAAa,KAAK,GACnD,GACF;AAAA,MAEA,qBAAC,SAAI,WAAU,mCACb;AAAA,6BAAC,SAAI,WAAU,aACb;AAAA,8BAAC,QAAG,WAAU,oDACX,YAAE,0CAA0C,gBAAgB,GAC/D;AAAA,UACA,oBAAC,OAAE,WAAU,6CACV,YAAE,6CAA6C,wCAAwC,GAC1F;AAAA,WACF;AAAA,QAEA,qBAAC,SAAI,WAAU,2CACb;AAAA,8BAAC,OAAE,WAAU,6EACV,qBACH;AAAA,UACA,oBAAC,OAAE,WAAU,iDACV,kBAAQ,eAAe,MAAM,WAAW,MAAM,YAAY,IAAI,UACjE;AAAA,UACA,oBAAC,OAAE,WAAU,sCACV,YAAE,4CAA4C,gCAA6B;AAAA,YAC1E,QAAQ,OAAO,cAAc,EAAE,8CAA8C,SAAS;AAAA,UACxF,CAAC,GACH;AAAA,WACF;AAAA,QAEA,qBAAC,SAAI,WAAU,0BACb;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,MAAM,oBAAC,SAAM,WAAU,UAAS;AAAA,cAChC,OAAO,EAAE,6CAA6C,gBAAgB;AAAA,cACtE,OAAO,QAAQ,OAAO,MAAM,qBAAqB,IAAI;AAAA;AAAA,UACvD;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,MAAM,oBAAC,UAAO,WAAU,UAAS;AAAA,cACjC,OAAO,EAAE,0CAA0C,aAAa;AAAA,cAChE,OAAO,OAAO,mBAAmB,QAAQ,OAAO,mBAAmB,SAAY,GAAG,MAAM,cAAc,MAAM;AAAA;AAAA,UAC9G;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,MAAM,oBAAC,eAAY,WAAU,UAAS;AAAA,cACtC,OAAO,EAAE,sCAAsC,aAAa;AAAA,cAC5D,OAAO,OAAO,cAAc;AAAA;AAAA,UAC9B;AAAA,WACF;AAAA,QAEC,YACC,qBAAC,SAAI,WAAU,gDACb;AAAA,8BAAC,SAAI,WAAU,uEACZ,YAAE,2CAA2C,aAAa,GAC7D;AAAA,UACA,oBAAC,SAAI,WAAU,gDAAgD,qBAAU;AAAA,WAC3E,IACE;AAAA,QAEJ,qBAAC,SAAI,WAAU,aACb;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,MAAK;AAAA,cACL,WAAU;AAAA,cACV,SAAS,oBAAoB;AAAA,cAE5B,YAAE,6CAA6C,kBAAkB;AAAA;AAAA,UACpE;AAAA,UACC,qBACC,oBAAC,UAAO,MAAK,UAAS,SAAQ,WAAU,WAAU,UAAS,SAAS,oBACjE,YAAE,+CAA+C,qBAAqB,GACzE,IACE;AAAA,WACN;AAAA,SACF;AAAA,OACF;AAAA,KACF,GACF;AAEJ;",
+  "names": []
+}

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

@@ -0,0 +1,113 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { VisuallyHidden } from "@radix-ui/react-visually-hidden";
+import { ChartColumnIncreasing, Clock3, Medal, Trophy } from "lucide-react";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { Button } from "@open-mercato/ui/primitives/button";
+import { Dialog, DialogContent, DialogTitle } from "@open-mercato/ui/primitives/dialog";
+function formatCurrency(value, currency) {
+  if (value === null || !Number.isFinite(value)) return "\u2014";
+  if (!currency) return value.toLocaleString();
+  try {
+    return new Intl.NumberFormat(void 0, { style: "currency", currency }).format(value);
+  } catch {
+    return `${value.toLocaleString()} ${currency}`;
+  }
+}
+function formatClosedDate(value, t) {
+  const date = new Date(value);
+  if (Number.isNaN(date.getTime())) return t("customers.deals.detail.won.closed", "Closed");
+  return date.toLocaleDateString(void 0, { month: "short", day: "numeric", year: "numeric" });
+}
+function formatSalesCycle(value) {
+  if (value === null || !Number.isFinite(value)) return "\u2014";
+  if (value >= 30) {
+    const months = Math.max(1, Math.round(value / 30));
+    return `${months} mo`;
+  }
+  return `${value}d`;
+}
+function StatCard({
+  icon,
+  label,
+  value
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: "rounded-2xl border bg-background px-4 py-4", children: [
+    /* @__PURE__ */ jsxs("div", { className: "mb-2 flex items-center gap-2 text-xs font-semibold uppercase tracking-[0.14em] text-muted-foreground", children: [
+      icon,
+      label
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "text-xl font-semibold text-foreground", children: value })
+  ] });
+}
+function DealWonPopup({
+  open,
+  onClose,
+  dealTitle,
+  stats,
+  onViewDashboard,
+  onBackToPipeline
+}) {
+  const t = useT();
+  return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange: (nextOpen) => {
+    if (!nextOpen) onClose();
+  }, children: /* @__PURE__ */ jsxs(DialogContent, { className: "overflow-hidden p-0 sm:max-w-[420px]", children: [
+    /* @__PURE__ */ jsx(VisuallyHidden, { children: /* @__PURE__ */ jsx(DialogTitle, { children: t("customers.deals.detail.won.title", "Closed successfully") }) }),
+    /* @__PURE__ */ jsxs("div", { className: "overflow-hidden rounded-2xl bg-card", children: [
+      /* @__PURE__ */ jsx("div", { className: "px-6 pb-5 pt-6", children: /* @__PURE__ */ jsx("div", { className: "flex h-[200px] items-center justify-center rounded-2xl bg-[linear-gradient(135deg,rgba(141,150,244,0.5),rgba(198,203,254,0.95))] text-foreground", children: /* @__PURE__ */ jsx(Trophy, { className: "size-24", strokeWidth: 1.5 }) }) }),
+      /* @__PURE__ */ jsxs("div", { className: "space-y-5 px-7 pb-7 text-center", children: [
+        /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ jsx("h2", { className: "text-2xl font-bold leading-tight text-foreground", children: t("customers.deals.detail.won.title", "Closed successfully") }),
+          /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-muted-foreground", children: t("customers.deals.detail.won.subtitle", "You are a sales machine!") })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "rounded-xl border bg-muted/20 px-4 py-4", children: [
+          /* @__PURE__ */ jsx("p", { className: "text-overline font-bold uppercase tracking-[0.16em] text-muted-foreground", children: dealTitle }),
+          /* @__PURE__ */ jsx("p", { className: "mt-2 text-2xl font-bold text-primary", children: stats ? formatCurrency(stats.dealValue, stats.dealCurrency) : "\u2014" }),
+          /* @__PURE__ */ jsxs("p", { className: "mt-1 text-xs text-muted-foreground", children: [
+            t("customers.deals.detail.won.closed", "Won"),
+            " \xB7 ",
+            stats ? formatClosedDate(stats.closedAt, t) : "\u2014"
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-3 gap-2", children: [
+          /* @__PURE__ */ jsx(
+            StatCard,
+            {
+              icon: /* @__PURE__ */ jsx(ChartColumnIncreasing, { className: "size-4" }),
+              label: t("customers.deals.detail.won.dealsThisWeek", "Deals this week"),
+              value: stats ? String(stats.dealsClosedThisPeriod) : "\u2014"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            StatCard,
+            {
+              icon: /* @__PURE__ */ jsx(Clock3, { className: "size-4" }),
+              label: t("customers.deals.detail.won.salesCycle", "Sales cycle"),
+              value: formatSalesCycle(stats?.salesCycleDays ?? null)
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            StatCard,
+            {
+              icon: /* @__PURE__ */ jsx(Medal, { className: "size-4" }),
+              label: t("customers.deals.detail.won.rank", "Quarter rank"),
+              value: stats?.dealRankInQuarter !== null && stats?.dealRankInQuarter !== void 0 ? `#${stats.dealRankInQuarter}` : "\u2014"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "rounded-2xl border bg-muted/30 px-4 py-4", children: [
+          /* @__PURE__ */ jsx("div", { className: "text-xs font-semibold uppercase tracking-[0.14em] text-muted-foreground", children: t("customers.deals.detail.won.pipeline", "Pipeline") }),
+          /* @__PURE__ */ jsx("div", { className: "mt-2 text-sm text-foreground", children: stats?.pipelineName ?? t("customers.deals.detail.won.pipelineFallback", "Current pipeline") })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+          onViewDashboard ? /* @__PURE__ */ jsx(Button, { type: "button", className: "w-full", onClick: onViewDashboard, children: t("customers.deals.detail.won.primaryAction", "View sales report") }) : null,
+          /* @__PURE__ */ jsx(Button, { type: "button", variant: onViewDashboard ? "outline" : "default", className: "w-full", onClick: onBackToPipeline ?? onClose, children: t("customers.deals.detail.won.secondaryAction", "Back to pipeline") })
+        ] })
+      ] })
+    ] })
+  ] }) });
+}
+export {
+  DealWonPopup
+};
+//# sourceMappingURL=DealWonPopup.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/modules/customers/components/detail/DealWonPopup.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { VisuallyHidden } from '@radix-ui/react-visually-hidden'\nimport { ChartColumnIncreasing, Clock3, Medal, Trophy } from 'lucide-react'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { Dialog, DialogContent, DialogTitle } from '@open-mercato/ui/primitives/dialog'\n\ntype DealStatsPayload = {\n  dealValue: number | null\n  dealCurrency: string | null\n  closureOutcome: 'won' | 'lost'\n  closedAt: string\n  pipelineName: string | null\n  dealsClosedThisPeriod: number\n  salesCycleDays: number | null\n  dealRankInQuarter: number | null\n  lossReason: string | null\n}\n\ntype DealWonPopupProps = {\n  open: boolean\n  onClose: () => void\n  dealTitle: string\n  stats: DealStatsPayload | null\n  onViewDashboard?: () => void\n  onBackToPipeline?: () => void\n}\n\nfunction formatCurrency(value: number | null, currency: string | null): string {\n  if (value === null || !Number.isFinite(value)) return '\u2014'\n  if (!currency) return value.toLocaleString()\n  try {\n    return new Intl.NumberFormat(undefined, { style: 'currency', currency }).format(value)\n  } catch {\n    return `${value.toLocaleString()} ${currency}`\n  }\n}\n\nfunction formatClosedDate(value: string, t: ReturnType<typeof useT>): string {\n  const date = new Date(value)\n  if (Number.isNaN(date.getTime())) return t('customers.deals.detail.won.closed', 'Closed')\n  return date.toLocaleDateString(undefined, { month: 'short', day: 'numeric', year: 'numeric' })\n}\n\nfunction formatSalesCycle(value: number | null): string {\n  if (value === null || !Number.isFinite(value)) return '\u2014'\n  if (value >= 30) {\n    const months = Math.max(1, Math.round(value / 30))\n    return `${months} mo`\n  }\n  return `${value}d`\n}\n\nfunction StatCard({\n  icon,\n  label,\n  value,\n}: {\n  icon: React.ReactNode\n  label: string\n  value: string\n}) {\n  return (\n    <div className=\"rounded-2xl border bg-background px-4 py-4\">\n      <div className=\"mb-2 flex items-center gap-2 text-xs font-semibold uppercase tracking-[0.14em] text-muted-foreground\">\n        {icon}\n        {label}\n      </div>\n      <div className=\"text-xl font-semibold text-foreground\">{value}</div>\n    </div>\n  )\n}\n\nexport function DealWonPopup({\n  open,\n  onClose,\n  dealTitle,\n  stats,\n  onViewDashboard,\n  onBackToPipeline,\n}: DealWonPopupProps) {\n  const t = useT()\n\n  return (\n    <Dialog open={open} onOpenChange={(nextOpen) => { if (!nextOpen) onClose() }}>\n      <DialogContent className=\"overflow-hidden p-0 sm:max-w-[420px]\">\n        <VisuallyHidden>\n          <DialogTitle>{t('customers.deals.detail.won.title', 'Closed successfully')}</DialogTitle>\n        </VisuallyHidden>\n        <div className=\"overflow-hidden rounded-2xl bg-card\">\n          <div className=\"px-6 pb-5 pt-6\">\n            {/* TODO(ds-review): decorative gradient \u2014 consider defining a named gradient token if reused */}\n            <div className=\"flex h-[200px] items-center justify-center rounded-2xl bg-[linear-gradient(135deg,rgba(141,150,244,0.5),rgba(198,203,254,0.95))] text-foreground\">\n              <Trophy className=\"size-24\" strokeWidth={1.5} />\n            </div>\n          </div>\n\n          <div className=\"space-y-5 px-7 pb-7 text-center\">\n            <div className=\"space-y-2\">\n              <h2 className=\"text-2xl font-bold leading-tight text-foreground\">\n                {t('customers.deals.detail.won.title', 'Closed successfully')}\n              </h2>\n              <p className=\"text-sm font-medium text-muted-foreground\">\n                {t('customers.deals.detail.won.subtitle', 'You are a sales machine!')}\n              </p>\n            </div>\n\n            <div className=\"rounded-xl border bg-muted/20 px-4 py-4\">\n              <p className=\"text-overline font-bold uppercase tracking-[0.16em] text-muted-foreground\">\n                {dealTitle}\n              </p>\n              <p className=\"mt-2 text-2xl font-bold text-primary\">\n                {stats ? formatCurrency(stats.dealValue, stats.dealCurrency) : '\u2014'}\n              </p>\n              <p className=\"mt-1 text-xs text-muted-foreground\">\n                {t('customers.deals.detail.won.closed', 'Won')} \u00B7 {stats ? formatClosedDate(stats.closedAt, t) : '\u2014'}\n              </p>\n            </div>\n\n            <div className=\"grid grid-cols-3 gap-2\">\n              <StatCard\n                icon={<ChartColumnIncreasing className=\"size-4\" />}\n                label={t('customers.deals.detail.won.dealsThisWeek', 'Deals this week')}\n                value={stats ? String(stats.dealsClosedThisPeriod) : '\u2014'}\n              />\n              <StatCard\n                icon={<Clock3 className=\"size-4\" />}\n                label={t('customers.deals.detail.won.salesCycle', 'Sales cycle')}\n                value={formatSalesCycle(stats?.salesCycleDays ?? null)}\n              />\n              <StatCard\n                icon={<Medal className=\"size-4\" />}\n                label={t('customers.deals.detail.won.rank', 'Quarter rank')}\n                value={stats?.dealRankInQuarter !== null && stats?.dealRankInQuarter !== undefined ? `#${stats.dealRankInQuarter}` : '\u2014'}\n              />\n            </div>\n\n            <div className=\"rounded-2xl border bg-muted/30 px-4 py-4\">\n              <div className=\"text-xs font-semibold uppercase tracking-[0.14em] text-muted-foreground\">\n                {t('customers.deals.detail.won.pipeline', 'Pipeline')}\n              </div>\n              <div className=\"mt-2 text-sm text-foreground\">\n                {stats?.pipelineName ?? t('customers.deals.detail.won.pipelineFallback', 'Current pipeline')}\n              </div>\n            </div>\n\n            <div className=\"space-y-2\">\n              {onViewDashboard ? (\n                <Button type=\"button\" className=\"w-full\" onClick={onViewDashboard}>\n                  {t('customers.deals.detail.won.primaryAction', 'View sales report')}\n                </Button>\n              ) : null}\n              <Button type=\"button\" variant={onViewDashboard ? 'outline' : 'default'} className=\"w-full\" onClick={onBackToPipeline ?? onClose}>\n                {t('customers.deals.detail.won.secondaryAction', 'Back to pipeline')}\n              </Button>\n            </div>\n          </div>\n        </div>\n      </DialogContent>\n    </Dialog>\n  )\n}\n"],
+  "mappings": "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",
+  "names": []
+}