@open-mercato/core 0.6.3-develop.3651.1.d3a548a5f1 → 0.6.3-develop.3653.1.b8558737ae

package/dist/modules/customers/backend/customers/deals/pipeline/components/LaneResizeHandle.js

@@ -0,0 +1,83 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { translateWithFallback } from "@open-mercato/shared/lib/i18n/translate";
+function LaneResizeHandle({ onResize, onResizeEnd, onReset }) {
+  const t = useT();
+  const dragStateRef = React.useRef(null);
+  const [isActive, setIsActive] = React.useState(false);
+  const stopDrag = React.useCallback(
+    (handlers) => {
+      window.removeEventListener("pointermove", handlers.move);
+      window.removeEventListener("pointerup", handlers.up);
+      window.removeEventListener("pointercancel", handlers.up);
+      document.body.style.cursor = "";
+      document.body.style.userSelect = "";
+      setIsActive(false);
+      onResizeEnd?.();
+      dragStateRef.current = null;
+    },
+    [onResizeEnd]
+  );
+  const handlePointerDown = React.useCallback(
+    (event) => {
+      if (event.button !== 0 && event.pointerType === "mouse") return;
+      event.preventDefault();
+      event.stopPropagation();
+      setIsActive(true);
+      document.body.style.cursor = "col-resize";
+      document.body.style.userSelect = "none";
+      dragStateRef.current = { lastX: event.clientX };
+      const handlers = {
+        move: (e) => {
+          if (!dragStateRef.current) return;
+          const delta = e.clientX - dragStateRef.current.lastX;
+          if (delta !== 0) {
+            dragStateRef.current.lastX = e.clientX;
+            onResize(delta);
+          }
+        },
+        up: () => stopDrag(handlers)
+      };
+      window.addEventListener("pointermove", handlers.move);
+      window.addEventListener("pointerup", handlers.up);
+      window.addEventListener("pointercancel", handlers.up);
+    },
+    [onResize, stopDrag]
+  );
+  const handleDoubleClick = React.useCallback(
+    (event) => {
+      event.preventDefault();
+      event.stopPropagation();
+      onReset?.();
+    },
+    [onReset]
+  );
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      role: "separator",
+      "aria-orientation": "vertical",
+      "aria-label": translateWithFallback(
+        t,
+        "customers.deals.kanban.lane.resizeHandle",
+        "Drag to resize column. Double-click to reset width."
+      ),
+      onPointerDown: handlePointerDown,
+      onDoubleClick: handleDoubleClick,
+      title: translateWithFallback(
+        t,
+        "customers.deals.kanban.lane.resizeHandle",
+        "Drag to resize \xB7 double-click to reset"
+      ),
+      className: `absolute -right-0.5 top-0 z-20 h-full w-1.5 cursor-col-resize touch-none select-none ${isActive ? "bg-accent-indigo/40" : "bg-transparent hover:bg-accent-indigo/20"}`
+    }
+  );
+}
+var LaneResizeHandle_default = LaneResizeHandle;
+export {
+  LaneResizeHandle,
+  LaneResizeHandle_default as default
+};
+//# sourceMappingURL=LaneResizeHandle.js.map

package/dist/modules/customers/backend/customers/deals/pipeline/components/LaneResizeHandle.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../../src/modules/customers/backend/customers/deals/pipeline/components/LaneResizeHandle.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { translateWithFallback } from '@open-mercato/shared/lib/i18n/translate'\n\ntype LaneResizeHandleProps = {\n  /** Called with the cumulative delta (px) as the user drags. */\n  onResize: (deltaPx: number) => void\n  /** Called once when the drag ends. */\n  onResizeEnd?: () => void\n  /** Called on double-click \u2014 convention is \"reset this lane to default width\". */\n  onReset?: () => void\n}\n\n/**\n * Thin vertical drag handle that sits on the right edge of a kanban lane.\n *\n * UX (matches Monday / Asana / ClickUp):\n * - Hover: 4 px column highlights, cursor flips to `col-resize`\n * - Drag: lane width updates live via `onResize`\n * - Double-click: emits `onReset` (the lane resets to its default width)\n *\n * The pointer listeners attach to `window` during the drag so the handle keeps tracking\n * even when the cursor moves off the handle's narrow hit area.\n */\nexport function LaneResizeHandle({ onResize, onResizeEnd, onReset }: LaneResizeHandleProps): React.ReactElement {\n  const t = useT()\n  const dragStateRef = React.useRef<{ lastX: number } | null>(null)\n  const [isActive, setIsActive] = React.useState(false)\n\n  const stopDrag = React.useCallback(\n    (handlers: { move: (e: PointerEvent) => void; up: () => void }) => {\n      window.removeEventListener('pointermove', handlers.move)\n      window.removeEventListener('pointerup', handlers.up)\n      window.removeEventListener('pointercancel', handlers.up)\n      document.body.style.cursor = ''\n      document.body.style.userSelect = ''\n      setIsActive(false)\n      onResizeEnd?.()\n      dragStateRef.current = null\n    },\n    [onResizeEnd],\n  )\n\n  const handlePointerDown = React.useCallback(\n    (event: React.PointerEvent) => {\n      // Only respond to primary (left) mouse button / touch / pen\n      if (event.button !== 0 && event.pointerType === 'mouse') return\n      event.preventDefault()\n      event.stopPropagation()\n      setIsActive(true)\n      document.body.style.cursor = 'col-resize'\n      document.body.style.userSelect = 'none'\n      dragStateRef.current = { lastX: event.clientX }\n\n      const handlers = {\n        move: (e: PointerEvent) => {\n          if (!dragStateRef.current) return\n          const delta = e.clientX - dragStateRef.current.lastX\n          if (delta !== 0) {\n            dragStateRef.current.lastX = e.clientX\n            onResize(delta)\n          }\n        },\n        up: () => stopDrag(handlers),\n      }\n      window.addEventListener('pointermove', handlers.move)\n      window.addEventListener('pointerup', handlers.up)\n      window.addEventListener('pointercancel', handlers.up)\n    },\n    [onResize, stopDrag],\n  )\n\n  const handleDoubleClick = React.useCallback(\n    (event: React.MouseEvent) => {\n      event.preventDefault()\n      event.stopPropagation()\n      onReset?.()\n    },\n    [onReset],\n  )\n\n  return (\n    <div\n      role=\"separator\"\n      aria-orientation=\"vertical\"\n      aria-label={translateWithFallback(\n        t,\n        'customers.deals.kanban.lane.resizeHandle',\n        'Drag to resize column. Double-click to reset width.',\n      )}\n      onPointerDown={handlePointerDown}\n      onDoubleClick={handleDoubleClick}\n      title={translateWithFallback(\n        t,\n        'customers.deals.kanban.lane.resizeHandle',\n        'Drag to resize \u00B7 double-click to reset',\n      )}\n      className={`absolute -right-0.5 top-0 z-20 h-full w-1.5 cursor-col-resize touch-none select-none ${\n        isActive ? 'bg-accent-indigo/40' : 'bg-transparent hover:bg-accent-indigo/20'\n      }`}\n    />\n  )\n}\n\nexport default LaneResizeHandle\n"],
+  "mappings": ";AAoFI;AAlFJ,YAAY,WAAW;AACvB,SAAS,YAAY;AACrB,SAAS,6BAA6B;AAsB/B,SAAS,iBAAiB,EAAE,UAAU,aAAa,QAAQ,GAA8C;AAC9G,QAAM,IAAI,KAAK;AACf,QAAM,eAAe,MAAM,OAAiC,IAAI;AAChE,QAAM,CAAC,UAAU,WAAW,IAAI,MAAM,SAAS,KAAK;AAEpD,QAAM,WAAW,MAAM;AAAA,IACrB,CAAC,aAAkE;AACjE,aAAO,oBAAoB,eAAe,SAAS,IAAI;AACvD,aAAO,oBAAoB,aAAa,SAAS,EAAE;AACnD,aAAO,oBAAoB,iBAAiB,SAAS,EAAE;AACvD,eAAS,KAAK,MAAM,SAAS;AAC7B,eAAS,KAAK,MAAM,aAAa;AACjC,kBAAY,KAAK;AACjB,oBAAc;AACd,mBAAa,UAAU;AAAA,IACzB;AAAA,IACA,CAAC,WAAW;AAAA,EACd;AAEA,QAAM,oBAAoB,MAAM;AAAA,IAC9B,CAAC,UAA8B;AAE7B,UAAI,MAAM,WAAW,KAAK,MAAM,gBAAgB,QAAS;AACzD,YAAM,eAAe;AACrB,YAAM,gBAAgB;AACtB,kBAAY,IAAI;AAChB,eAAS,KAAK,MAAM,SAAS;AAC7B,eAAS,KAAK,MAAM,aAAa;AACjC,mBAAa,UAAU,EAAE,OAAO,MAAM,QAAQ;AAE9C,YAAM,WAAW;AAAA,QACf,MAAM,CAAC,MAAoB;AACzB,cAAI,CAAC,aAAa,QAAS;AAC3B,gBAAM,QAAQ,EAAE,UAAU,aAAa,QAAQ;AAC/C,cAAI,UAAU,GAAG;AACf,yBAAa,QAAQ,QAAQ,EAAE;AAC/B,qBAAS,KAAK;AAAA,UAChB;AAAA,QACF;AAAA,QACA,IAAI,MAAM,SAAS,QAAQ;AAAA,MAC7B;AACA,aAAO,iBAAiB,eAAe,SAAS,IAAI;AACpD,aAAO,iBAAiB,aAAa,SAAS,EAAE;AAChD,aAAO,iBAAiB,iBAAiB,SAAS,EAAE;AAAA,IACtD;AAAA,IACA,CAAC,UAAU,QAAQ;AAAA,EACrB;AAEA,QAAM,oBAAoB,MAAM;AAAA,IAC9B,CAAC,UAA4B;AAC3B,YAAM,eAAe;AACrB,YAAM,gBAAgB;AACtB,gBAAU;AAAA,IACZ;AAAA,IACA,CAAC,OAAO;AAAA,EACV;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,oBAAiB;AAAA,MACjB,cAAY;AAAA,QACV;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,MACA,eAAe;AAAA,MACf,eAAe;AAAA,MACf,OAAO;AAAA,QACL;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,MACA,WAAW,wFACT,WAAW,wBAAwB,0CACrC;AAAA;AAAA,EACF;AAEJ;AAEA,IAAO,2BAAQ;",
+  "names": []
+}

package/dist/modules/customers/backend/customers/deals/pipeline/components/PipelineFilterPopover.js

@@ -0,0 +1,155 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import {
+  Popover,
+  PopoverContent,
+  PopoverTrigger
+} from "@open-mercato/ui/primitives/popover";
+import { Button } from "@open-mercato/ui/primitives/button";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { translateWithFallback } from "@open-mercato/shared/lib/i18n/translate";
+import { ChipButton } from "./ChipButton.js";
+import { FilterPopoverShell } from "./FilterPopoverShell.js";
+function RadioDot({ selected }) {
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      className: `flex size-4 shrink-0 items-center justify-center rounded-full border ${selected ? "border-accent-indigo" : "border-input bg-card"}`,
+      "aria-hidden": "true",
+      children: selected ? /* @__PURE__ */ jsx("span", { className: "size-2 rounded-full bg-accent-indigo" }) : null
+    }
+  );
+}
+function PipelineFilterPopover({
+  pipelines,
+  selectedPipelineId,
+  onApply
+}) {
+  const t = useT();
+  const [open, setOpen] = React.useState(false);
+  const [draft, setDraft] = React.useState(selectedPipelineId);
+  React.useEffect(() => {
+    if (open) setDraft(selectedPipelineId);
+  }, [open, selectedPipelineId]);
+  const activePipeline = pipelines.find((pipeline) => pipeline.id === selectedPipelineId);
+  const totalCount = pipelines.reduce((sum, pipeline) => sum + (pipeline.dealCount ?? 0), 0);
+  const chipLabel = translateWithFallback(t, "customers.deals.kanban.filter.pipeline", "Pipeline");
+  const chipValue = activePipeline ? activePipeline.name : translateWithFallback(t, "customers.deals.kanban.filter.allCount", "All ({count})", {
+    count: pipelines.length
+  });
+  const handleApply = () => {
+    onApply(draft);
+    setOpen(false);
+  };
+  const handleKeyDown = (event) => {
+    if ((event.metaKey || event.ctrlKey) && event.key === "Enter") {
+      event.preventDefault();
+      handleApply();
+    }
+  };
+  const allSelected = draft === null;
+  const allRowClass = allSelected ? "bg-muted" : "bg-card";
+  const footerLeft = draft ? /* @__PURE__ */ jsx("span", { children: translateWithFallback(
+    t,
+    "customers.deals.kanban.filter.pipeline.selectedOne",
+    "1 selected \xB7 {name}",
+    { name: pipelines.find((pipeline) => pipeline.id === draft)?.name ?? "" }
+  ) }) : /* @__PURE__ */ jsx("span", { children: translateWithFallback(
+    t,
+    "customers.deals.kanban.filter.pipeline.selectedNone",
+    "No pipeline filter"
+  ) });
+  return /* @__PURE__ */ jsxs(Popover, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx(ChipButton, { label: chipLabel, value: chipValue, active: !!selectedPipelineId }) }),
+    /* @__PURE__ */ jsx(
+      PopoverContent,
+      {
+        className: "w-96 rounded-2xl border-border bg-transparent p-0 shadow-xl",
+        align: "start",
+        onKeyDown: handleKeyDown,
+        children: /* @__PURE__ */ jsxs(
+          FilterPopoverShell,
+          {
+            title: translateWithFallback(t, "customers.deals.kanban.filter.pipeline.title", "Filter \xB7 Pipeline"),
+            onClose: () => setOpen(false),
+            onCancel: () => setOpen(false),
+            onApply: handleApply,
+            footerLeft,
+            children: [
+              /* @__PURE__ */ jsxs(
+                Button,
+                {
+                  type: "button",
+                  variant: "ghost",
+                  role: "radio",
+                  "aria-checked": allSelected,
+                  onClick: () => setDraft(null),
+                  className: `h-auto w-full justify-start gap-3 px-4 py-2.5 text-left font-normal ${allRowClass}`,
+                  children: [
+                    /* @__PURE__ */ jsx(RadioDot, { selected: allSelected }),
+                    /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 flex-col gap-px", children: [
+                      /* @__PURE__ */ jsx(
+                        "span",
+                        {
+                          className: `text-sm leading-normal text-foreground ${allSelected ? "font-semibold" : "font-normal"}`,
+                          children: translateWithFallback(t, "customers.deals.kanban.filter.pipeline.all", "All pipelines")
+                        }
+                      ),
+                      /* @__PURE__ */ jsx("span", { className: "text-xs font-normal leading-normal text-muted-foreground", children: translateWithFallback(
+                        t,
+                        "customers.deals.kanban.filter.pipeline.allHelper",
+                        "{count} pipelines",
+                        { count: pipelines.length }
+                      ) })
+                    ] }),
+                    /* @__PURE__ */ jsx("span", { className: "text-xs font-semibold leading-normal text-accent-indigo", children: totalCount })
+                  ]
+                }
+              ),
+              pipelines.map((pipeline) => {
+                const isSelected = draft === pipeline.id;
+                const rowClass = isSelected ? "bg-muted" : "bg-card";
+                return /* @__PURE__ */ jsxs(
+                  Button,
+                  {
+                    type: "button",
+                    variant: "ghost",
+                    role: "radio",
+                    "aria-checked": isSelected,
+                    onClick: () => setDraft(pipeline.id),
+                    className: `h-auto w-full justify-start gap-3 px-4 py-2.5 text-left font-normal ${rowClass}`,
+                    children: [
+                      /* @__PURE__ */ jsx(RadioDot, { selected: isSelected }),
+                      /* @__PURE__ */ jsx(
+                        "span",
+                        {
+                          className: `flex-1 truncate text-sm leading-normal text-foreground ${isSelected ? "font-semibold" : "font-normal"}`,
+                          children: pipeline.name
+                        }
+                      ),
+                      typeof pipeline.dealCount === "number" ? /* @__PURE__ */ jsx(
+                        "span",
+                        {
+                          className: `text-xs leading-normal ${isSelected ? "font-semibold text-accent-indigo" : "font-normal text-muted-foreground"}`,
+                          children: pipeline.dealCount
+                        }
+                      ) : null
+                    ]
+                  },
+                  pipeline.id
+                );
+              })
+            ]
+          }
+        )
+      }
+    )
+  ] });
+}
+var PipelineFilterPopover_default = PipelineFilterPopover;
+export {
+  PipelineFilterPopover,
+  PipelineFilterPopover_default as default
+};
+//# sourceMappingURL=PipelineFilterPopover.js.map

package/dist/modules/customers/backend/customers/deals/pipeline/components/PipelineFilterPopover.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../../src/modules/customers/backend/customers/deals/pipeline/components/PipelineFilterPopover.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport {\n  Popover,\n  PopoverContent,\n  PopoverTrigger,\n} from '@open-mercato/ui/primitives/popover'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { translateWithFallback } from '@open-mercato/shared/lib/i18n/translate'\nimport { ChipButton } from './ChipButton'\nimport { FilterPopoverShell } from './FilterPopoverShell'\n\nexport type PipelineFilterOption = {\n  id: string\n  name: string\n  dealCount?: number\n}\n\ntype PipelineFilterPopoverProps = {\n  pipelines: PipelineFilterOption[]\n  selectedPipelineId: string | null\n  onApply: (pipelineId: string | null) => void\n}\n\n/**\n * Single radio button matching the Figma spec at 1045:11917 \u2014 an outlined 16px circle that\n * fills with the accent-indigo when selected. Reused for every row + the \"All pipelines\"\n * sentinel so the visual is consistent.\n */\nfunction RadioDot({ selected }: { selected: boolean }): React.ReactElement {\n  return (\n    <span\n      className={`flex size-4 shrink-0 items-center justify-center rounded-full border ${\n        selected ? 'border-accent-indigo' : 'border-input bg-card'\n      }`}\n      aria-hidden=\"true\"\n    >\n      {selected ? <span className=\"size-2 rounded-full bg-accent-indigo\" /> : null}\n    </span>\n  )\n}\n\nexport function PipelineFilterPopover({\n  pipelines,\n  selectedPipelineId,\n  onApply,\n}: PipelineFilterPopoverProps): React.ReactElement {\n  const t = useT()\n  const [open, setOpen] = React.useState(false)\n  const [draft, setDraft] = React.useState<string | null>(selectedPipelineId)\n\n  React.useEffect(() => {\n    if (open) setDraft(selectedPipelineId)\n  }, [open, selectedPipelineId])\n\n  const activePipeline = pipelines.find((pipeline) => pipeline.id === selectedPipelineId)\n  const totalCount = pipelines.reduce((sum, pipeline) => sum + (pipeline.dealCount ?? 0), 0)\n  const chipLabel = translateWithFallback(t, 'customers.deals.kanban.filter.pipeline', 'Pipeline')\n  const chipValue = activePipeline\n    ? activePipeline.name\n    : translateWithFallback(t, 'customers.deals.kanban.filter.allCount', 'All ({count})', {\n        count: pipelines.length,\n      })\n\n  const handleApply = () => {\n    onApply(draft)\n    setOpen(false)\n  }\n\n  // Cmd/Ctrl+Enter from anywhere inside the popover confirms \u2014 parity with the dialog\n  // primary-action shortcut (`AGENTS.md` UI Interaction rules).\n  const handleKeyDown = (event: React.KeyboardEvent) => {\n    if ((event.metaKey || event.ctrlKey) && event.key === 'Enter') {\n      event.preventDefault()\n      handleApply()\n    }\n  }\n\n  const allSelected = draft === null\n  const allRowClass = allSelected ? 'bg-muted' : 'bg-card'\n\n  const footerLeft = draft ? (\n    <span>\n      {translateWithFallback(\n        t,\n        'customers.deals.kanban.filter.pipeline.selectedOne',\n        '1 selected \u00B7 {name}',\n        { name: pipelines.find((pipeline) => pipeline.id === draft)?.name ?? '' },\n      )}\n    </span>\n  ) : (\n    <span>\n      {translateWithFallback(\n        t,\n        'customers.deals.kanban.filter.pipeline.selectedNone',\n        'No pipeline filter',\n      )}\n    </span>\n  )\n\n  return (\n    <Popover open={open} onOpenChange={setOpen}>\n      <PopoverTrigger asChild>\n        <ChipButton label={chipLabel} value={chipValue} active={!!selectedPipelineId} />\n      </PopoverTrigger>\n      <PopoverContent\n        className=\"w-96 rounded-2xl border-border bg-transparent p-0 shadow-xl\"\n        align=\"start\"\n        onKeyDown={handleKeyDown}\n      >\n        <FilterPopoverShell\n          title={translateWithFallback(t, 'customers.deals.kanban.filter.pipeline.title', 'Filter \u00B7 Pipeline')}\n          onClose={() => setOpen(false)}\n          onCancel={() => setOpen(false)}\n          onApply={handleApply}\n          footerLeft={footerLeft}\n        >\n          {/*\n            \"All pipelines\" sentinel row. Per Figma it shows the total deal count in\n            accent-indigo (active emphasis), regardless of whether it's selected.\n          */}\n          <Button\n            type=\"button\"\n            variant=\"ghost\"\n            role=\"radio\"\n            aria-checked={allSelected}\n            onClick={() => setDraft(null)}\n            className={`h-auto w-full justify-start gap-3 px-4 py-2.5 text-left font-normal ${allRowClass}`}\n          >\n            <RadioDot selected={allSelected} />\n            <div className=\"flex min-w-0 flex-1 flex-col gap-px\">\n              <span\n                className={`text-sm leading-normal text-foreground ${\n                  allSelected ? 'font-semibold' : 'font-normal'\n                }`}\n              >\n                {translateWithFallback(t, 'customers.deals.kanban.filter.pipeline.all', 'All pipelines')}\n              </span>\n              <span className=\"text-xs font-normal leading-normal text-muted-foreground\">\n                {translateWithFallback(\n                  t,\n                  'customers.deals.kanban.filter.pipeline.allHelper',\n                  '{count} pipelines',\n                  { count: pipelines.length },\n                )}\n              </span>\n            </div>\n            <span className=\"text-xs font-semibold leading-normal text-accent-indigo\">\n              {totalCount}\n            </span>\n          </Button>\n\n          {pipelines.map((pipeline) => {\n            const isSelected = draft === pipeline.id\n            const rowClass = isSelected ? 'bg-muted' : 'bg-card'\n            return (\n              <Button\n                key={pipeline.id}\n                type=\"button\"\n                variant=\"ghost\"\n                role=\"radio\"\n                aria-checked={isSelected}\n                onClick={() => setDraft(pipeline.id)}\n                className={`h-auto w-full justify-start gap-3 px-4 py-2.5 text-left font-normal ${rowClass}`}\n              >\n                <RadioDot selected={isSelected} />\n                <span\n                  className={`flex-1 truncate text-sm leading-normal text-foreground ${\n                    isSelected ? 'font-semibold' : 'font-normal'\n                  }`}\n                >\n                  {pipeline.name}\n                </span>\n                {typeof pipeline.dealCount === 'number' ? (\n                  <span\n                    className={`text-xs leading-normal ${\n                      isSelected\n                        ? 'font-semibold text-accent-indigo'\n                        : 'font-normal text-muted-foreground'\n                    }`}\n                  >\n                    {pipeline.dealCount}\n                  </span>\n                ) : null}\n              </Button>\n            )\n          })}\n        </FilterPopoverShell>\n      </PopoverContent>\n    </Popover>\n  )\n}\n\nexport default PipelineFilterPopover\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/modules/customers/backend/customers/deals/pipeline/components/QuickDealDialog.js

@@ -0,0 +1,318 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { z } from "zod";
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogHeader,
+  DialogTitle
+} from "@open-mercato/ui/primitives/dialog";
+import { Avatar } from "@open-mercato/ui/primitives/avatar";
+import { CrudForm } from "@open-mercato/ui/backend/CrudForm";
+import { ComboboxInput } from "@open-mercato/ui/backend/inputs/ComboboxInput";
+import { createCrud } from "@open-mercato/ui/backend/utils/crud";
+import { createCrudFormError } from "@open-mercato/ui/backend/utils/serverErrors";
+import { useGuardedMutation } from "@open-mercato/ui/backend/injection/useGuardedMutation";
+import { flash } from "@open-mercato/ui/backend/FlashMessages";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { translateWithFallback } from "@open-mercato/shared/lib/i18n/translate";
+const STATUS_OPTIONS = ["open", "in_progress", "win", "loose"];
+const FALLBACK_CURRENCIES = [
+  { code: "USD", isBase: true },
+  { code: "EUR" },
+  { code: "GBP" },
+  { code: "PLN" }
+];
+const QUICK_DEAL_CONTEXT_ID = "customers-deals-kanban:quick-deal";
+function QuickDealDialog({
+  open,
+  context,
+  onClose,
+  onCreated,
+  currentUserId,
+  currentUserLabel,
+  companies = [],
+  currencies
+}) {
+  const t = useT();
+  const [formInstanceKey, setFormInstanceKey] = React.useState(0);
+  React.useEffect(() => {
+    if (open) setFormInstanceKey((current) => current + 1);
+  }, [open]);
+  const { runMutation, retryLastMutation } = useGuardedMutation({
+    contextId: QUICK_DEAL_CONTEXT_ID,
+    blockedMessage: translateWithFallback(t, "ui.forms.flash.saveBlocked", "Save blocked by validation")
+  });
+  const titleRequiredMessage = translateWithFallback(
+    t,
+    "customers.deals.kanban.quickDeal.title.required",
+    "Title is required."
+  );
+  const resolvedCurrencies = React.useMemo(
+    () => currencies && currencies.length > 0 ? currencies : FALLBACK_CURRENCIES,
+    [currencies]
+  );
+  const defaultCurrencyCode = React.useMemo(() => {
+    const base = resolvedCurrencies.find((currency) => currency.isBase);
+    return base?.code ?? resolvedCurrencies[0]?.code ?? "USD";
+  }, [resolvedCurrencies]);
+  const formSchema = React.useMemo(
+    () => z.object({
+      title: z.string().trim().min(1, titleRequiredMessage),
+      valueAmount: z.number().min(0).nullable().optional(),
+      // The set of valid currencies is tenant-defined and resolved at runtime; we accept
+      // any non-empty string here and let the server (which knows the canonical list)
+      // reject anything bogus.
+      valueCurrency: z.string().min(1),
+      companyId: z.string().optional(),
+      status: z.enum(STATUS_OPTIONS),
+      probability: z.number().min(0).max(100).nullable().optional(),
+      expectedCloseAt: z.string().optional(),
+      description: z.string().optional()
+    }),
+    // Cast widens to QuickDealFormValues so CrudForm's TValues generic stays exact.
+    [titleRequiredMessage]
+  );
+  const initialValues = React.useMemo(
+    () => ({
+      title: "",
+      valueAmount: null,
+      valueCurrency: defaultCurrencyCode,
+      companyId: "",
+      status: "open",
+      probability: 25,
+      expectedCloseAt: "",
+      description: ""
+    }),
+    [defaultCurrencyCode]
+  );
+  const fields = React.useMemo(
+    () => {
+      const list = [
+        {
+          // CrudForm auto-focuses the first field of the first group on mount; we don't
+          // need (and CrudField doesn't accept) an explicit `autoFocus` prop here.
+          id: "title",
+          label: translateWithFallback(t, "customers.deals.kanban.quickDeal.title.label", "Deal title"),
+          type: "text",
+          required: true,
+          placeholder: translateWithFallback(
+            t,
+            "customers.deals.kanban.quickDeal.title.placeholder",
+            "e.g. Q3 Expansion \u2014 Lighting Package"
+          )
+        },
+        {
+          id: "valueAmount",
+          label: translateWithFallback(t, "customers.deals.kanban.quickDeal.value", "Value"),
+          type: "number",
+          layout: "half",
+          placeholder: "0"
+        },
+        {
+          id: "valueCurrency",
+          label: translateWithFallback(t, "customers.deals.kanban.quickDeal.currency", "Currency"),
+          type: "select",
+          layout: "half",
+          options: resolvedCurrencies.map((currency) => ({
+            value: currency.code,
+            label: currency.label && currency.label !== currency.code ? `${currency.code} \u2014 ${currency.label}` : currency.code
+          }))
+        },
+        {
+          // Company is a typeahead (ComboboxInput) rather than a plain <select>: tenants
+          // with hundreds of companies get an unusable dropdown otherwise. The `seedOptions`
+          // carry the most-recent companies the page already loaded; an async loader could
+          // be added later to hit the companies search endpoint for full coverage.
+          id: "companyId",
+          label: translateWithFallback(t, "customers.deals.kanban.quickDeal.company", "Company"),
+          type: "custom",
+          component: ({ value, setValue }) => /* @__PURE__ */ jsx(
+            ComboboxInput,
+            {
+              value: typeof value === "string" ? value : "",
+              onChange: (next) => setValue(next),
+              seedOptions: companies.map((company) => ({ value: company.id, label: company.label })),
+              placeholder: translateWithFallback(
+                t,
+                "customers.deals.kanban.quickDeal.companyPh",
+                "Pick a company or add new\u2026"
+              ),
+              allowCustomValues: false
+            }
+          )
+        }
+      ];
+      if (currentUserLabel) {
+        list.push({
+          id: "owner",
+          label: translateWithFallback(t, "customers.deals.kanban.quickDeal.owner", "Owner"),
+          type: "custom",
+          readOnly: true,
+          component: () => /* @__PURE__ */ jsxs("div", { className: "flex h-9 items-center gap-2 rounded-md border border-input bg-card px-3 text-sm", children: [
+            /* @__PURE__ */ jsx(Avatar, { label: currentUserLabel, size: "sm" }),
+            /* @__PURE__ */ jsx("span", { children: currentUserLabel })
+          ] })
+        });
+      }
+      list.push(
+        {
+          id: "status",
+          label: translateWithFallback(t, "customers.deals.kanban.quickDeal.status", "Status"),
+          type: "select",
+          // Storage value is preserved (`loose` etc.) — only the displayed label is
+          // translated, so we never write a localised string back to the DB.
+          options: STATUS_OPTIONS.map((statusValue) => ({
+            value: statusValue,
+            label: translateWithFallback(
+              t,
+              `customers.deals.kanban.quickDeal.status.${statusValue}`,
+              statusValue
+            )
+          }))
+        },
+        {
+          id: "probability",
+          label: translateWithFallback(t, "customers.deals.kanban.quickDeal.probability", "Probability"),
+          type: "number",
+          layout: "half",
+          placeholder: "25"
+        },
+        {
+          id: "expectedCloseAt",
+          label: translateWithFallback(t, "customers.deals.kanban.quickDeal.expectedClose", "Expected close"),
+          type: "date",
+          layout: "half"
+        },
+        {
+          id: "description",
+          label: translateWithFallback(t, "customers.deals.kanban.quickDeal.description", "Description"),
+          type: "textarea",
+          rows: 3,
+          placeholder: translateWithFallback(
+            t,
+            "customers.deals.kanban.quickDeal.description.placeholder",
+            "Short context, decision makers or next steps. Markdown supported."
+          )
+        }
+      );
+      return list;
+    },
+    [companies, currentUserLabel, resolvedCurrencies, t]
+  );
+  const groups = React.useMemo(
+    () => [
+      {
+        id: "basic",
+        // No title — keep the basic section flush with the dialog header.
+        fields: ["title", "valueAmount", "valueCurrency", "companyId", ...currentUserLabel ? ["owner"] : []]
+      },
+      {
+        id: "more",
+        title: translateWithFallback(
+          t,
+          "customers.deals.kanban.quickDeal.more",
+          "More details (probability, close date, description)"
+        ),
+        fields: ["status", "probability", "expectedCloseAt", "description"]
+      }
+    ],
+    [currentUserLabel, t]
+  );
+  const handleSubmit = React.useCallback(
+    async (values) => {
+      if (!context) return;
+      const trimmedTitle = values.title.trim();
+      if (!trimmedTitle.length) {
+        throw createCrudFormError(titleRequiredMessage, { title: titleRequiredMessage });
+      }
+      const payload = {
+        title: trimmedTitle,
+        pipelineId: context.pipelineId,
+        pipelineStageId: context.pipelineStageId,
+        valueCurrency: values.valueCurrency
+      };
+      if (typeof values.valueAmount === "number" && Number.isFinite(values.valueAmount)) {
+        payload.valueAmount = values.valueAmount;
+      }
+      if (currentUserId) payload.ownerUserId = currentUserId;
+      if (values.companyId) payload.companyIds = [values.companyId];
+      if (values.status) payload.status = values.status;
+      if (typeof values.probability === "number" && Number.isFinite(values.probability)) {
+        payload.probability = values.probability;
+      }
+      if (values.expectedCloseAt && values.expectedCloseAt.trim().length) {
+        payload.expectedCloseAt = values.expectedCloseAt;
+      }
+      if (values.description && values.description.trim().length) {
+        payload.description = values.description;
+      }
+      const operation = () => createCrud("customers/deals", payload, {
+        errorMessage: translateWithFallback(t, "customers.deals.create.error", "Failed to create deal.")
+      });
+      await runMutation({
+        operation,
+        context: {
+          formId: QUICK_DEAL_CONTEXT_ID,
+          resourceKind: "customers.deal",
+          retryLastMutation
+        }
+      });
+      flash(
+        translateWithFallback(
+          t,
+          "customers.deals.kanban.quickDeal.success",
+          "Deal added to {stage}.",
+          { stage: context.pipelineStageLabel }
+        ),
+        "success"
+      );
+      onCreated();
+      onClose();
+    },
+    [context, currentUserId, onClose, onCreated, retryLastMutation, runMutation, t, titleRequiredMessage]
+  );
+  if (!context) return null;
+  return /* @__PURE__ */ jsx(
+    Dialog,
+    {
+      open,
+      onOpenChange: (next) => {
+        if (!next) onClose();
+      },
+      children: /* @__PURE__ */ jsxs(DialogContent, { children: [
+        /* @__PURE__ */ jsxs(DialogHeader, { children: [
+          /* @__PURE__ */ jsx(DialogTitle, { children: translateWithFallback(t, "customers.deals.kanban.quickDeal.title", "Quick deal") }),
+          /* @__PURE__ */ jsx(DialogDescription, { children: translateWithFallback(
+            t,
+            "customers.deals.kanban.quickDeal.context",
+            "Pipeline: {pipeline} \xB7 Stage: {stage}",
+            { pipeline: context.pipelineName, stage: context.pipelineStageLabel }
+          ) })
+        ] }),
+        /* @__PURE__ */ jsx(
+          CrudForm,
+          {
+            embedded: true,
+            fields,
+            groups,
+            collapsibleGroups: { pageType: "customers.deals.kanban.quickDeal" },
+            initialValues,
+            schema: formSchema,
+            submitLabel: translateWithFallback(t, "customers.deals.kanban.quickDeal.submit", "Add deal"),
+            onSubmit: handleSubmit
+          },
+          `${context.pipelineStageId}:${formInstanceKey}`
+        )
+      ] })
+    }
+  );
+}
+var QuickDealDialog_default = QuickDealDialog;
+export {
+  QuickDealDialog,
+  QuickDealDialog_default as default
+};
+//# sourceMappingURL=QuickDealDialog.js.map

package/dist/modules/customers/backend/customers/deals/pipeline/components/QuickDealDialog.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../../src/modules/customers/backend/customers/deals/pipeline/components/QuickDealDialog.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { z } from 'zod'\nimport {\n  Dialog,\n  DialogContent,\n  DialogDescription,\n  DialogHeader,\n  DialogTitle,\n} from '@open-mercato/ui/primitives/dialog'\nimport { Avatar } from '@open-mercato/ui/primitives/avatar'\nimport { CrudForm, type CrudField, type CrudFormGroup } from '@open-mercato/ui/backend/CrudForm'\nimport { ComboboxInput } from '@open-mercato/ui/backend/inputs/ComboboxInput'\nimport { createCrud } from '@open-mercato/ui/backend/utils/crud'\nimport { createCrudFormError } from '@open-mercato/ui/backend/utils/serverErrors'\nimport { useGuardedMutation } from '@open-mercato/ui/backend/injection/useGuardedMutation'\nimport { flash } from '@open-mercato/ui/backend/FlashMessages'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { translateWithFallback } from '@open-mercato/shared/lib/i18n/translate'\n\n// Deal status values written by the kanban flow. These intentionally do NOT include 'closed'\n// because the rest of the app only persists 'loose' for lost deals (see StatusFilterPopover\n// notes). 'in_progress' is kept for backwards compatibility with quick-deals created from\n// the previous version of this dialog. The labels are looked up via i18n at render time so\n// the historic typo 'loose' doesn't leak to operators \u2014 the storage value stays unchanged.\nconst STATUS_OPTIONS = ['open', 'in_progress', 'win', 'loose'] as const\n\n/**\n * Tenant currency option. The page resolves these from the currencies module (see\n * `useCurrencyDictionary`) and passes them in; we no longer hardcode the 4-currency\n * list that previously locked tenants on CZK/SEK/HUF/etc. out of quick-add.\n */\nexport type QuickDealCurrencyOption = {\n  code: string\n  label?: string\n  isBase?: boolean\n}\n\nconst FALLBACK_CURRENCIES: QuickDealCurrencyOption[] = [\n  { code: 'USD', isBase: true },\n  { code: 'EUR' },\n  { code: 'GBP' },\n  { code: 'PLN' },\n]\n\nexport type QuickDealContext = {\n  pipelineId: string\n  pipelineName: string\n  pipelineStageId: string\n  pipelineStageLabel: string\n}\n\nexport type QuickDealCompanyOption = {\n  id: string\n  label: string\n}\n\ntype QuickDealDialogProps = {\n  open: boolean\n  context: QuickDealContext | null\n  onClose: () => void\n  onCreated: () => void\n  currentUserId?: string\n  currentUserLabel?: string\n  companies?: QuickDealCompanyOption[]\n  /**\n   * Tenant currency list. When omitted (e.g. dictionary not yet loaded), we render a\n   * conservative fallback so the dialog still works end-to-end. The default selection is\n   * always the entry with `isBase: true`, falling back to the first item.\n   */\n  currencies?: QuickDealCurrencyOption[]\n}\n\ntype QuickDealFormValues = {\n  title: string\n  valueAmount: number | null\n  valueCurrency: string\n  companyId: string\n  status: (typeof STATUS_OPTIONS)[number]\n  probability: number | null\n  expectedCloseAt: string\n  description: string\n}\n\nconst QUICK_DEAL_CONTEXT_ID = 'customers-deals-kanban:quick-deal'\n\nexport function QuickDealDialog({\n  open,\n  context,\n  onClose,\n  onCreated,\n  currentUserId,\n  currentUserLabel,\n  companies = [],\n  currencies,\n}: QuickDealDialogProps): React.ReactElement | null {\n  const t = useT()\n  // Re-mount CrudForm whenever the dialog opens so cleared state is consistently fresh.\n  // We also key on `context?.pipelineStageId` so reopening from a different stage doesn't\n  // reuse stale field values (the page passes a fresh stage in `context` each time).\n  const [formInstanceKey, setFormInstanceKey] = React.useState(0)\n  React.useEffect(() => {\n    if (open) setFormInstanceKey((current) => current + 1)\n  }, [open])\n\n  const { runMutation, retryLastMutation } = useGuardedMutation<{\n    formId: string\n    resourceKind: string\n    retryLastMutation: () => Promise<boolean>\n  }>({\n    contextId: QUICK_DEAL_CONTEXT_ID,\n    blockedMessage: translateWithFallback(t, 'ui.forms.flash.saveBlocked', 'Save blocked by validation'),\n  })\n\n  const titleRequiredMessage = translateWithFallback(\n    t,\n    'customers.deals.kanban.quickDeal.title.required',\n    'Title is required.',\n  )\n\n  // Default currency selection: tenant base currency, else first available, else 'USD' as\n  // a last-resort literal that satisfies the form validator (which now accepts any 3-char\n  // code rather than a hardcoded enum).\n  const resolvedCurrencies = React.useMemo(\n    () => (currencies && currencies.length > 0 ? currencies : FALLBACK_CURRENCIES),\n    [currencies],\n  )\n  const defaultCurrencyCode = React.useMemo(() => {\n    const base = resolvedCurrencies.find((currency) => currency.isBase)\n    return base?.code ?? resolvedCurrencies[0]?.code ?? 'USD'\n  }, [resolvedCurrencies])\n\n  const formSchema = React.useMemo(\n    () =>\n      z.object({\n        title: z.string().trim().min(1, titleRequiredMessage),\n        valueAmount: z.number().min(0).nullable().optional(),\n        // The set of valid currencies is tenant-defined and resolved at runtime; we accept\n        // any non-empty string here and let the server (which knows the canonical list)\n        // reject anything bogus.\n        valueCurrency: z.string().min(1),\n        companyId: z.string().optional(),\n        status: z.enum(STATUS_OPTIONS),\n        probability: z.number().min(0).max(100).nullable().optional(),\n        expectedCloseAt: z.string().optional(),\n        description: z.string().optional(),\n      }),\n      // Cast widens to QuickDealFormValues so CrudForm's TValues generic stays exact.\n    [titleRequiredMessage],\n  ) as unknown as z.ZodType<QuickDealFormValues>\n\n  const initialValues = React.useMemo<Partial<QuickDealFormValues>>(\n    () => ({\n      title: '',\n      valueAmount: null,\n      valueCurrency: defaultCurrencyCode,\n      companyId: '',\n      status: 'open',\n      probability: 25,\n      expectedCloseAt: '',\n      description: '',\n    }),\n    [defaultCurrencyCode],\n  )\n\n  const fields = React.useMemo<CrudField[]>(\n    () => {\n      const list: CrudField[] = [\n        {\n          // CrudForm auto-focuses the first field of the first group on mount; we don't\n          // need (and CrudField doesn't accept) an explicit `autoFocus` prop here.\n          id: 'title',\n          label: translateWithFallback(t, 'customers.deals.kanban.quickDeal.title.label', 'Deal title'),\n          type: 'text',\n          required: true,\n          placeholder: translateWithFallback(\n            t,\n            'customers.deals.kanban.quickDeal.title.placeholder',\n            'e.g. Q3 Expansion \u2014 Lighting Package',\n          ),\n        },\n        {\n          id: 'valueAmount',\n          label: translateWithFallback(t, 'customers.deals.kanban.quickDeal.value', 'Value'),\n          type: 'number',\n          layout: 'half',\n          placeholder: '0',\n        },\n        {\n          id: 'valueCurrency',\n          label: translateWithFallback(t, 'customers.deals.kanban.quickDeal.currency', 'Currency'),\n          type: 'select',\n          layout: 'half',\n          options: resolvedCurrencies.map((currency) => ({\n            value: currency.code,\n            label: currency.label && currency.label !== currency.code\n              ? `${currency.code} \u2014 ${currency.label}`\n              : currency.code,\n          })),\n        },\n        {\n          // Company is a typeahead (ComboboxInput) rather than a plain <select>: tenants\n          // with hundreds of companies get an unusable dropdown otherwise. The `seedOptions`\n          // carry the most-recent companies the page already loaded; an async loader could\n          // be added later to hit the companies search endpoint for full coverage.\n          id: 'companyId',\n          label: translateWithFallback(t, 'customers.deals.kanban.quickDeal.company', 'Company'),\n          type: 'custom',\n          component: ({ value, setValue }) => (\n            <ComboboxInput\n              value={typeof value === 'string' ? value : ''}\n              onChange={(next) => setValue(next)}\n              seedOptions={companies.map((company) => ({ value: company.id, label: company.label }))}\n              placeholder={translateWithFallback(\n                t,\n                'customers.deals.kanban.quickDeal.companyPh',\n                'Pick a company or add new\u2026',\n              )}\n              allowCustomValues={false}\n            />\n          ),\n        },\n      ]\n      // Owner is read-only display of the current user (mirrors original UX). Hidden when\n      // we don't know the user \u2014 avoids confusing empty avatar cell.\n      if (currentUserLabel) {\n        list.push({\n          id: 'owner',\n          label: translateWithFallback(t, 'customers.deals.kanban.quickDeal.owner', 'Owner'),\n          type: 'custom',\n          readOnly: true,\n          component: () => (\n            <div className=\"flex h-9 items-center gap-2 rounded-md border border-input bg-card px-3 text-sm\">\n              <Avatar label={currentUserLabel} size=\"sm\" />\n              <span>{currentUserLabel}</span>\n            </div>\n          ),\n        })\n      }\n      // Progressive disclosure: status + probability + close date + description live in\n      // a separate \"More details\" group with `defaultExpanded: false` (configured via\n      // collapsibleGroups on the host CrudForm).\n      list.push(\n        {\n          id: 'status',\n          label: translateWithFallback(t, 'customers.deals.kanban.quickDeal.status', 'Status'),\n          type: 'select',\n          // Storage value is preserved (`loose` etc.) \u2014 only the displayed label is\n          // translated, so we never write a localised string back to the DB.\n          options: STATUS_OPTIONS.map((statusValue) => ({\n            value: statusValue,\n            label: translateWithFallback(\n              t,\n              `customers.deals.kanban.quickDeal.status.${statusValue}`,\n              statusValue,\n            ),\n          })),\n        },\n        {\n          id: 'probability',\n          label: translateWithFallback(t, 'customers.deals.kanban.quickDeal.probability', 'Probability'),\n          type: 'number',\n          layout: 'half',\n          placeholder: '25',\n        },\n        {\n          id: 'expectedCloseAt',\n          label: translateWithFallback(t, 'customers.deals.kanban.quickDeal.expectedClose', 'Expected close'),\n          type: 'date',\n          layout: 'half',\n        },\n        {\n          id: 'description',\n          label: translateWithFallback(t, 'customers.deals.kanban.quickDeal.description', 'Description'),\n          type: 'textarea',\n          rows: 3,\n          placeholder: translateWithFallback(\n            t,\n            'customers.deals.kanban.quickDeal.description.placeholder',\n            'Short context, decision makers or next steps. Markdown supported.',\n          ),\n        },\n      )\n      return list\n    },\n    [companies, currentUserLabel, resolvedCurrencies, t],\n  )\n\n  const groups = React.useMemo<CrudFormGroup[]>(\n    () => [\n      {\n        id: 'basic',\n        // No title \u2014 keep the basic section flush with the dialog header.\n        fields: ['title', 'valueAmount', 'valueCurrency', 'companyId', ...(currentUserLabel ? ['owner'] : [])],\n      },\n      {\n        id: 'more',\n        title: translateWithFallback(\n          t,\n          'customers.deals.kanban.quickDeal.more',\n          'More details (probability, close date, description)',\n        ),\n        fields: ['status', 'probability', 'expectedCloseAt', 'description'],\n      },\n    ],\n    [currentUserLabel, t],\n  )\n\n  const handleSubmit = React.useCallback(\n    async (values: QuickDealFormValues) => {\n      if (!context) return\n      const trimmedTitle = values.title.trim()\n      if (!trimmedTitle.length) {\n        throw createCrudFormError(titleRequiredMessage, { title: titleRequiredMessage })\n      }\n      const payload: Record<string, unknown> = {\n        title: trimmedTitle,\n        pipelineId: context.pipelineId,\n        pipelineStageId: context.pipelineStageId,\n        valueCurrency: values.valueCurrency,\n      }\n      if (typeof values.valueAmount === 'number' && Number.isFinite(values.valueAmount)) {\n        payload.valueAmount = values.valueAmount\n      }\n      if (currentUserId) payload.ownerUserId = currentUserId\n      if (values.companyId) payload.companyIds = [values.companyId]\n      if (values.status) payload.status = values.status\n      if (typeof values.probability === 'number' && Number.isFinite(values.probability)) {\n        payload.probability = values.probability\n      }\n      if (values.expectedCloseAt && values.expectedCloseAt.trim().length) {\n        payload.expectedCloseAt = values.expectedCloseAt\n      }\n      if (values.description && values.description.trim().length) {\n        payload.description = values.description\n      }\n      const operation = () =>\n        createCrud('customers/deals', payload, {\n          errorMessage: translateWithFallback(t, 'customers.deals.create.error', 'Failed to create deal.'),\n        })\n      await runMutation({\n        operation,\n        context: {\n          formId: QUICK_DEAL_CONTEXT_ID,\n          resourceKind: 'customers.deal',\n          retryLastMutation,\n        },\n      })\n      flash(\n        translateWithFallback(\n          t,\n          'customers.deals.kanban.quickDeal.success',\n          'Deal added to {stage}.',\n          { stage: context.pipelineStageLabel },\n        ),\n        'success',\n      )\n      onCreated()\n      onClose()\n    },\n    [context, currentUserId, onClose, onCreated, retryLastMutation, runMutation, t, titleRequiredMessage],\n  )\n\n  if (!context) return null\n\n  return (\n    <Dialog\n      open={open}\n      onOpenChange={(next) => {\n        if (!next) onClose()\n      }}\n    >\n      <DialogContent>\n        <DialogHeader>\n          <DialogTitle>\n            {translateWithFallback(t, 'customers.deals.kanban.quickDeal.title', 'Quick deal')}\n          </DialogTitle>\n          <DialogDescription>\n            {translateWithFallback(\n              t,\n              'customers.deals.kanban.quickDeal.context',\n              'Pipeline: {pipeline} \u00B7 Stage: {stage}',\n              { pipeline: context.pipelineName, stage: context.pipelineStageLabel },\n            )}\n          </DialogDescription>\n        </DialogHeader>\n\n        <CrudForm<QuickDealFormValues>\n          key={`${context.pipelineStageId}:${formInstanceKey}`}\n          embedded\n          fields={fields}\n          groups={groups}\n          // The \"More details\" group starts collapsed; users can expand to set\n          // status / probability / close date / description. Mirrors the previous\n          // \"+ More details\" toggle.\n          collapsibleGroups={{ pageType: 'customers.deals.kanban.quickDeal' }}\n          initialValues={initialValues}\n          schema={formSchema}\n          submitLabel={translateWithFallback(t, 'customers.deals.kanban.quickDeal.submit', 'Add deal')}\n          onSubmit={handleSubmit}\n        />\n      </DialogContent>\n    </Dialog>\n  )\n}\n\nexport default QuickDealDialog\n"],
+  "mappings": "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",
+  "names": []
+}