@contractspec/example.crm-pipeline 1.57.0 → 1.59.0

package/dist/browser/ui/renderers/pipeline.renderer.js

@@ -0,0 +1,264 @@
+// src/ui/hooks/useDealList.ts
+import { useCallback, useEffect, useMemo, useState } from "react";
+import { useTemplateRuntime } from "@contractspec/lib.example-shared-ui";
+"use client";
+function useDealList(options = {}) {
+  const { handlers, projectId } = useTemplateRuntime();
+  const { crm } = handlers;
+  const [data, setData] = useState(null);
+  const [dealsByStage, setDealsByStage] = useState({});
+  const [stages, setStages] = useState([]);
+  const [loading, setLoading] = useState(true);
+  const [error, setError] = useState(null);
+  const [page, setPage] = useState(1);
+  const pipelineId = options.pipelineId ?? "pipeline-1";
+  const fetchData = useCallback(async () => {
+    setLoading(true);
+    setError(null);
+    try {
+      const [dealsResult, stageDealsResult, stagesResult] = await Promise.all([
+        crm.listDeals({
+          projectId,
+          pipelineId,
+          stageId: options.stageId,
+          status: options.status === "all" ? undefined : options.status,
+          search: options.search,
+          limit: options.limit ?? 50,
+          offset: (page - 1) * (options.limit ?? 50)
+        }),
+        crm.getDealsByStage({ projectId, pipelineId }),
+        crm.getPipelineStages({ pipelineId })
+      ]);
+      setData(dealsResult);
+      setDealsByStage(stageDealsResult);
+      setStages(stagesResult);
+    } catch (err) {
+      setError(err instanceof Error ? err : new Error("Unknown error"));
+    } finally {
+      setLoading(false);
+    }
+  }, [
+    crm,
+    projectId,
+    pipelineId,
+    options.stageId,
+    options.status,
+    options.search,
+    options.limit,
+    page
+  ]);
+  useEffect(() => {
+    fetchData();
+  }, [fetchData]);
+  const stats = useMemo(() => {
+    if (!data)
+      return null;
+    const open = data.deals.filter((d) => d.status === "OPEN");
+    const won = data.deals.filter((d) => d.status === "WON");
+    const lost = data.deals.filter((d) => d.status === "LOST");
+    return {
+      total: data.total,
+      totalValue: data.totalValue,
+      openCount: open.length,
+      openValue: open.reduce((sum, d) => sum + d.value, 0),
+      wonCount: won.length,
+      wonValue: won.reduce((sum, d) => sum + d.value, 0),
+      lostCount: lost.length
+    };
+  }, [data]);
+  return {
+    data,
+    dealsByStage,
+    stages,
+    loading,
+    error,
+    stats,
+    page,
+    refetch: fetchData,
+    nextPage: () => setPage((p) => p + 1),
+    prevPage: () => page > 1 && setPage((p) => p - 1)
+  };
+}
+
+// src/ui/CrmDealCard.tsx
+import { jsxDEV } from "react/jsx-dev-runtime";
+"use client";
+function formatCurrency(value, currency) {
+  return new Intl.NumberFormat("en-US", {
+    style: "currency",
+    currency,
+    minimumFractionDigits: 0,
+    maximumFractionDigits: 0
+  }).format(value);
+}
+function CrmDealCard({ deal, onClick }) {
+  const daysUntilClose = deal.expectedCloseDate ? Math.ceil((deal.expectedCloseDate.getTime() - Date.now()) / (1000 * 60 * 60 * 24)) : null;
+  return /* @__PURE__ */ jsxDEV("div", {
+    onClick,
+    className: "border-border bg-card cursor-pointer rounded-lg border p-3 shadow-sm transition-shadow hover:shadow-md",
+    role: "button",
+    tabIndex: 0,
+    onKeyDown: (e) => {
+      if (e.key === "Enter" || e.key === " ")
+        onClick?.();
+    },
+    children: [
+      /* @__PURE__ */ jsxDEV("h4", {
+        className: "leading-snug font-medium",
+        children: deal.name
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV("div", {
+        className: "text-primary mt-2 text-lg font-semibold",
+        children: formatCurrency(deal.value, deal.currency)
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV("div", {
+        className: "text-muted-foreground mt-3 flex items-center justify-between text-xs",
+        children: [
+          daysUntilClose !== null && /* @__PURE__ */ jsxDEV("span", {
+            className: daysUntilClose < 0 ? "text-red-500" : daysUntilClose <= 7 ? "text-yellow-600 dark:text-yellow-500" : "",
+            children: daysUntilClose < 0 ? `${Math.abs(daysUntilClose)}d overdue` : daysUntilClose === 0 ? "Due today" : `${daysUntilClose}d left`
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV("span", {
+            className: `rounded px-1.5 py-0.5 text-xs font-medium ${deal.status === "WON" ? "bg-green-100 text-green-700 dark:bg-green-900/30 dark:text-green-400" : deal.status === "LOST" ? "bg-red-100 text-red-700 dark:bg-red-900/30 dark:text-red-400" : "bg-blue-100 text-blue-700 dark:bg-blue-900/30 dark:text-blue-400"}`,
+            children: deal.status
+          }, undefined, false, undefined, this)
+        ]
+      }, undefined, true, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+}
+
+// src/ui/CrmPipelineBoard.tsx
+import { useState as useState2 } from "react";
+import { jsxDEV as jsxDEV2 } from "react/jsx-dev-runtime";
+"use client";
+function formatCurrency2(value) {
+  if (value >= 1e6)
+    return `$${(value / 1e6).toFixed(1)}M`;
+  if (value >= 1000)
+    return `$${(value / 1000).toFixed(0)}K`;
+  return `$${value}`;
+}
+function CrmPipelineBoard({
+  dealsByStage,
+  stages,
+  onDealClick,
+  onDealMove
+}) {
+  const [quickMoveOpen, setQuickMoveOpen] = useState2(null);
+  const sortedStages = [...stages].sort((a, b) => a.position - b.position);
+  const handleQuickMove = (dealId, toStageId) => {
+    onDealMove?.(dealId, toStageId);
+    setQuickMoveOpen(null);
+  };
+  return /* @__PURE__ */ jsxDEV2("div", {
+    className: "flex gap-4 overflow-x-auto pb-4",
+    children: sortedStages.map((stage) => {
+      const deals = dealsByStage[stage.id] ?? [];
+      const stageValue = deals.reduce((sum, d) => sum + d.value, 0);
+      return /* @__PURE__ */ jsxDEV2("div", {
+        className: "bg-muted/30 flex w-72 flex-shrink-0 flex-col rounded-lg",
+        children: [
+          /* @__PURE__ */ jsxDEV2("div", {
+            className: "border-border flex items-center justify-between border-b px-3 py-2",
+            children: [
+              /* @__PURE__ */ jsxDEV2("div", {
+                children: [
+                  /* @__PURE__ */ jsxDEV2("h3", {
+                    className: "font-medium",
+                    children: stage.name
+                  }, undefined, false, undefined, this),
+                  /* @__PURE__ */ jsxDEV2("p", {
+                    className: "text-muted-foreground text-xs",
+                    children: [
+                      deals.length,
+                      " deals · ",
+                      formatCurrency2(stageValue)
+                    ]
+                  }, undefined, true, undefined, this)
+                ]
+              }, undefined, true, undefined, this),
+              /* @__PURE__ */ jsxDEV2("span", {
+                className: "bg-muted flex h-6 w-6 items-center justify-center rounded-full text-xs font-medium",
+                children: deals.length
+              }, undefined, false, undefined, this)
+            ]
+          }, undefined, true, undefined, this),
+          /* @__PURE__ */ jsxDEV2("div", {
+            className: "flex flex-1 flex-col gap-2 p-2",
+            children: deals.length === 0 ? /* @__PURE__ */ jsxDEV2("div", {
+              className: "border-muted-foreground/20 text-muted-foreground flex h-24 items-center justify-center rounded-md border-2 border-dashed text-xs",
+              children: "No deals"
+            }, undefined, false, undefined, this) : deals.map((deal) => /* @__PURE__ */ jsxDEV2("div", {
+              className: "group relative",
+              children: [
+                /* @__PURE__ */ jsxDEV2(CrmDealCard, {
+                  deal,
+                  onClick: () => onDealClick?.(deal.id)
+                }, undefined, false, undefined, this),
+                deal.status === "OPEN" && onDealMove && /* @__PURE__ */ jsxDEV2("div", {
+                  className: "absolute top-1 right-1 opacity-0 transition-opacity group-hover:opacity-100",
+                  children: [
+                    /* @__PURE__ */ jsxDEV2("button", {
+                      type: "button",
+                      onClick: (e) => {
+                        e.stopPropagation();
+                        setQuickMoveOpen(quickMoveOpen === deal.id ? null : deal.id);
+                      },
+                      className: "bg-background border-border hover:bg-muted flex h-6 w-6 items-center justify-center rounded border text-xs shadow-sm",
+                      title: "Quick move",
+                      children: "➡️"
+                    }, undefined, false, undefined, this),
+                    quickMoveOpen === deal.id && /* @__PURE__ */ jsxDEV2("div", {
+                      className: "bg-card border-border absolute top-7 right-0 z-20 min-w-[140px] rounded-lg border py-1 shadow-lg",
+                      children: [
+                        /* @__PURE__ */ jsxDEV2("p", {
+                          className: "text-muted-foreground px-3 py-1 text-xs font-medium",
+                          children: "Move to:"
+                        }, undefined, false, undefined, this),
+                        sortedStages.filter((s) => s.id !== deal.stageId).map((s) => /* @__PURE__ */ jsxDEV2("button", {
+                          type: "button",
+                          onClick: (e) => {
+                            e.stopPropagation();
+                            handleQuickMove(deal.id, s.id);
+                          },
+                          className: "hover:bg-muted w-full px-3 py-1.5 text-left text-sm",
+                          children: s.name
+                        }, s.id, false, undefined, this))
+                      ]
+                    }, undefined, true, undefined, this)
+                  ]
+                }, undefined, true, undefined, this)
+              ]
+            }, deal.id, true, undefined, this))
+          }, undefined, false, undefined, this)
+        ]
+      }, stage.id, true, undefined, this);
+    })
+  }, undefined, false, undefined, this);
+}
+
+// src/ui/renderers/pipeline.renderer.tsx
+import { jsxDEV as jsxDEV3 } from "react/jsx-dev-runtime";
+function CrmPipelineBoardWrapper() {
+  const { dealsByStage, stages } = useDealList();
+  return /* @__PURE__ */ jsxDEV3(CrmPipelineBoard, {
+    dealsByStage,
+    stages
+  }, undefined, false, undefined, this);
+}
+var crmPipelineReactRenderer = {
+  target: "react",
+  render: async (desc, _ctx) => {
+    if (desc.source.type !== "component") {
+      throw new Error("Invalid source type");
+    }
+    if (desc.source.componentKey !== "CrmPipelineView") {
+      throw new Error(`Unknown component: ${desc.source.componentKey}`);
+    }
+    return /* @__PURE__ */ jsxDEV3(CrmPipelineBoardWrapper, {}, undefined, false, undefined, this);
+  }
+};
+export {
+  crmPipelineReactRenderer
+};

package/dist/crm-pipeline.feature.d.ts

@@ -1,11 +1,6 @@
-import * as _contractspec_lib_contracts0 from "@contractspec/lib.contracts";
-
-//#region src/crm-pipeline.feature.d.ts
 /**
  * CRM Pipeline feature module that bundles deal management,
  * pipeline operations, and contact management into an installable feature.
  */
-declare const CrmPipelineFeature: _contractspec_lib_contracts0.FeatureModuleSpec;
-//#endregion
-export { CrmPipelineFeature };
+export declare const CrmPipelineFeature: import("@contractspec/lib.contracts").FeatureModuleSpec;
 //# sourceMappingURL=crm-pipeline.feature.d.ts.map

package/dist/crm-pipeline.feature.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"crm-pipeline.feature.d.ts","names":[],"sources":["../src/crm-pipeline.feature.ts"],"mappings":";;;;;;AAWA;cAAa,kBAAA,EAwFX,4BAAA,CAxF6B,iBAAA"}
+{"version":3,"file":"crm-pipeline.feature.d.ts","sourceRoot":"","sources":["../src/crm-pipeline.feature.ts"],"names":[],"mappings":"AAOA;;;GAGG;AACH,eAAO,MAAM,kBAAkB,yDAwF7B,CAAC"}

package/dist/crm-pipeline.feature.js

@@ -1,166 +1,76 @@
+// @bun
+// src/crm-pipeline.feature.ts
 import { defineFeature } from "@contractspec/lib.contracts";
-
-//#region src/crm-pipeline.feature.ts
-/**
-* CRM Pipeline Feature Module Specification
-*
-* Defines the feature module for CRM and sales pipeline capabilities.
-*/
-/**
-* CRM Pipeline feature module that bundles deal management,
-* pipeline operations, and contact management into an installable feature.
-*/
-const CrmPipelineFeature = defineFeature({
-	meta: {
-		key: "crm-pipeline",
-		title: "CRM Pipeline",
-		description: "CRM and sales pipeline management with deals, contacts, and companies",
-		domain: "crm",
-		owners: ["@crm-team"],
-		tags: [
-			"crm",
-			"sales",
-			"pipeline",
-			"deals"
-		],
-		stability: "experimental",
-		version: "1.0.0"
-	},
-	operations: [
-		{
-			key: "crm.deal.create",
-			version: "1.0.0"
-		},
-		{
-			key: "crm.deal.move",
-			version: "1.0.0"
-		},
-		{
-			key: "crm.deal.win",
-			version: "1.0.0"
-		},
-		{
-			key: "crm.deal.lose",
-			version: "1.0.0"
-		},
-		{
-			key: "crm.deal.list",
-			version: "1.0.0"
-		}
-	],
-	events: [
-		{
-			key: "deal.created",
-			version: "1.0.0"
-		},
-		{
-			key: "deal.moved",
-			version: "1.0.0"
-		},
-		{
-			key: "deal.won",
-			version: "1.0.0"
-		},
-		{
-			key: "deal.lost",
-			version: "1.0.0"
-		},
-		{
-			key: "contact.created",
-			version: "1.0.0"
-		},
-		{
-			key: "task.completed",
-			version: "1.0.0"
-		}
-	],
-	presentations: [
-		{
-			key: "crm.dashboard",
-			version: "1.0.0"
-		},
-		{
-			key: "crm.pipeline.kanban",
-			version: "1.0.0"
-		},
-		{
-			key: "crm.deal.viewList",
-			version: "1.0.0"
-		},
-		{
-			key: "crm.deal.detail",
-			version: "1.0.0"
-		},
-		{
-			key: "crm.deal.card",
-			version: "1.0.0"
-		},
-		{
-			key: "crm.pipeline.metrics",
-			version: "1.0.0"
-		}
-	],
-	opToPresentation: [{
-		op: {
-			key: "crm.deal.list",
-			version: "1.0.0"
-		},
-		pres: {
-			key: "crm.pipeline.kanban",
-			version: "1.0.0"
-		}
-	}, {
-		op: {
-			key: "crm.deal.move",
-			version: "1.0.0"
-		},
-		pres: {
-			key: "crm.pipeline.kanban",
-			version: "1.0.0"
-		}
-	}],
-	presentationsTargets: [
-		{
-			key: "crm.dashboard",
-			version: "1.0.0",
-			targets: ["react", "markdown"]
-		},
-		{
-			key: "crm.pipeline.kanban",
-			version: "1.0.0",
-			targets: ["react", "markdown"]
-		},
-		{
-			key: "crm.deal.viewList",
-			version: "1.0.0",
-			targets: [
-				"react",
-				"markdown",
-				"application/json"
-			]
-		},
-		{
-			key: "crm.pipeline.metrics",
-			version: "1.0.0",
-			targets: ["react", "markdown"]
-		}
-	],
-	capabilities: { requires: [
-		{
-			key: "identity",
-			version: "1.0.0"
-		},
-		{
-			key: "audit-trail",
-			version: "1.0.0"
-		},
-		{
-			key: "notifications",
-			version: "1.0.0"
-		}
-	] }
+var CrmPipelineFeature = defineFeature({
+  meta: {
+    key: "crm-pipeline",
+    title: "CRM Pipeline",
+    description: "CRM and sales pipeline management with deals, contacts, and companies",
+    domain: "crm",
+    owners: ["@crm-team"],
+    tags: ["crm", "sales", "pipeline", "deals"],
+    stability: "experimental",
+    version: "1.0.0"
+  },
+  operations: [
+    { key: "crm.deal.create", version: "1.0.0" },
+    { key: "crm.deal.move", version: "1.0.0" },
+    { key: "crm.deal.win", version: "1.0.0" },
+    { key: "crm.deal.lose", version: "1.0.0" },
+    { key: "crm.deal.list", version: "1.0.0" }
+  ],
+  events: [
+    { key: "deal.created", version: "1.0.0" },
+    { key: "deal.moved", version: "1.0.0" },
+    { key: "deal.won", version: "1.0.0" },
+    { key: "deal.lost", version: "1.0.0" },
+    { key: "contact.created", version: "1.0.0" },
+    { key: "task.completed", version: "1.0.0" }
+  ],
+  presentations: [
+    { key: "crm.dashboard", version: "1.0.0" },
+    { key: "crm.pipeline.kanban", version: "1.0.0" },
+    { key: "crm.deal.viewList", version: "1.0.0" },
+    { key: "crm.deal.detail", version: "1.0.0" },
+    { key: "crm.deal.card", version: "1.0.0" },
+    { key: "crm.pipeline.metrics", version: "1.0.0" }
+  ],
+  opToPresentation: [
+    {
+      op: { key: "crm.deal.list", version: "1.0.0" },
+      pres: { key: "crm.pipeline.kanban", version: "1.0.0" }
+    },
+    {
+      op: { key: "crm.deal.move", version: "1.0.0" },
+      pres: { key: "crm.pipeline.kanban", version: "1.0.0" }
+    }
+  ],
+  presentationsTargets: [
+    { key: "crm.dashboard", version: "1.0.0", targets: ["react", "markdown"] },
+    {
+      key: "crm.pipeline.kanban",
+      version: "1.0.0",
+      targets: ["react", "markdown"]
+    },
+    {
+      key: "crm.deal.viewList",
+      version: "1.0.0",
+      targets: ["react", "markdown", "application/json"]
+    },
+    {
+      key: "crm.pipeline.metrics",
+      version: "1.0.0",
+      targets: ["react", "markdown"]
+    }
+  ],
+  capabilities: {
+    requires: [
+      { key: "identity", version: "1.0.0" },
+      { key: "audit-trail", version: "1.0.0" },
+      { key: "notifications", version: "1.0.0" }
+    ]
+  }
 });
-
-//#endregion
-export { CrmPipelineFeature };
-//# sourceMappingURL=crm-pipeline.feature.js.map
+export {
+  CrmPipelineFeature
+};

package/dist/deal/deal.enum.d.ts

@@ -1,14 +1,9 @@
-import * as _contractspec_lib_schema0 from "@contractspec/lib.schema";
-
-//#region src/deal/deal.enum.d.ts
 /**
  * Deal status enum.
  */
-declare const DealStatusEnum: _contractspec_lib_schema0.EnumType<[string, string, string, string]>;
+export declare const DealStatusEnum: import("@contractspec/lib.schema").EnumType<[string, string, string, string]>;
 /**
  * Deal status filter enum.
  */
-declare const DealStatusFilterEnum: _contractspec_lib_schema0.EnumType<[string, string, string, string]>;
-//#endregion
-export { DealStatusEnum, DealStatusFilterEnum };
+export declare const DealStatusFilterEnum: import("@contractspec/lib.schema").EnumType<[string, string, string, string]>;
 //# sourceMappingURL=deal.enum.d.ts.map

package/dist/deal/deal.enum.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"deal.enum.d.ts","names":[],"sources":["../../src/deal/deal.enum.ts"],"mappings":";;;;;;cAKa,cAAA,EAKX,yBAAA,CALyB,QAAA;;;;cAUd,oBAAA,EAKX,yBAAA,CAL+B,QAAA"}
+{"version":3,"file":"deal.enum.d.ts","sourceRoot":"","sources":["../../src/deal/deal.enum.ts"],"names":[],"mappings":"AAEA;;GAEG;AACH,eAAO,MAAM,cAAc,+EAKzB,CAAC;AAEH;;GAEG;AACH,eAAO,MAAM,oBAAoB,+EAK/B,CAAC"}

package/dist/deal/deal.enum.js

@@ -1,25 +1,19 @@
+// @bun
+// src/deal/deal.enum.ts
 import { defineEnum } from "@contractspec/lib.schema";
-
-//#region src/deal/deal.enum.ts
-/**
-* Deal status enum.
-*/
-const DealStatusEnum = defineEnum("DealStatus", [
-	"OPEN",
-	"WON",
-	"LOST",
-	"STALE"
+var DealStatusEnum = defineEnum("DealStatus", [
+  "OPEN",
+  "WON",
+  "LOST",
+  "STALE"
 ]);
-/**
-* Deal status filter enum.
-*/
-const DealStatusFilterEnum = defineEnum("DealStatusFilter", [
-	"OPEN",
-	"WON",
-	"LOST",
-	"all"
+var DealStatusFilterEnum = defineEnum("DealStatusFilter", [
+  "OPEN",
+  "WON",
+  "LOST",
+  "all"
 ]);
-
-//#endregion
-export { DealStatusEnum, DealStatusFilterEnum };
-//# sourceMappingURL=deal.enum.js.map
+export {
+  DealStatusFilterEnum,
+  DealStatusEnum
+};