@contractspec/example.crm-pipeline 3.7.16 → 3.7.18

package/dist/browser/ui/CrmDealCard.js

@@ -1,50 +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: "cursor-pointer rounded-lg border border-border bg-card 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: "font-medium leading-snug",
-        children: deal.name
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV("div", {
-        className: "mt-2 font-semibold text-lg text-primary",
-        children: formatCurrency(deal.value, deal.currency)
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV("div", {
-        className: "mt-3 flex items-center justify-between text-muted-foreground 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 font-medium text-xs ${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);
-}
-export {
-  CrmDealCard
-};
+import{jsx as z,jsxs as F}from"react/jsx-runtime";function G(h,w){return new Intl.NumberFormat("en-US",{style:"currency",currency:w,minimumFractionDigits:0,maximumFractionDigits:0}).format(h)}function H({deal:h,onClick:w}){let q=h.expectedCloseDate?Math.ceil((h.expectedCloseDate.getTime()-Date.now())/86400000):null;return F("div",{onClick:w,className:"cursor-pointer rounded-lg border border-border bg-card p-3 shadow-sm transition-shadow hover:shadow-md",role:"button",tabIndex:0,onKeyDown:(A)=>{if(A.key==="Enter"||A.key===" ")w?.()},children:[z("h4",{className:"font-medium leading-snug",children:h.name}),z("div",{className:"mt-2 font-semibold text-lg text-primary",children:G(h.value,h.currency)}),F("div",{className:"mt-3 flex items-center justify-between text-muted-foreground text-xs",children:[q!==null&&z("span",{className:q<0?"text-red-500":q<=7?"text-yellow-600 dark:text-yellow-500":"",children:q<0?`${Math.abs(q)}d overdue`:q===0?"Due today":`${q}d left`}),z("span",{className:`rounded px-1.5 py-0.5 font-medium text-xs ${h.status==="WON"?"bg-green-100 text-green-700 dark:bg-green-900/30 dark:text-green-400":h.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:h.status})]})]})}export{H as CrmDealCard};

package/dist/browser/ui/CrmPipelineBoard.js

@@ -1,160 +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: "cursor-pointer rounded-lg border border-border bg-card 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: "font-medium leading-snug",
-        children: deal.name
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV("div", {
-        className: "mt-2 font-semibold text-lg text-primary",
-        children: formatCurrency(deal.value, deal.currency)
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV("div", {
-        className: "mt-3 flex items-center justify-between text-muted-foreground 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 font-medium text-xs ${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 } 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] = useState(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: "flex w-72 flex-shrink-0 flex-col rounded-lg bg-muted/30",
-        children: [
-          /* @__PURE__ */ jsxDEV2("div", {
-            className: "flex items-center justify-between border-border 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: "flex h-6 w-6 items-center justify-center rounded-full bg-muted font-medium text-xs",
-                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: "flex h-24 items-center justify-center rounded-md border-2 border-muted-foreground/20 border-dashed text-muted-foreground 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: "flex h-6 w-6 items-center justify-center rounded border border-border bg-background text-xs shadow-sm hover:bg-muted",
-                      title: "Quick move",
-                      children: "➡️"
-                    }, undefined, false, undefined, this),
-                    quickMoveOpen === deal.id && /* @__PURE__ */ jsxDEV2("div", {
-                      className: "absolute top-7 right-0 z-20 min-w-[140px] rounded-lg border border-border bg-card py-1 shadow-lg",
-                      children: [
-                        /* @__PURE__ */ jsxDEV2("p", {
-                          className: "px-3 py-1 font-medium text-muted-foreground text-xs",
-                          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: "w-full px-3 py-1.5 text-left text-sm hover:bg-muted",
-                          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);
-}
-export {
-  CrmPipelineBoard
-};
+import{jsx as Y,jsxs as E}from"react/jsx-runtime";function V(z,W){return new Intl.NumberFormat("en-US",{style:"currency",currency:W,minimumFractionDigits:0,maximumFractionDigits:0}).format(z)}function H({deal:z,onClick:W}){let F=z.expectedCloseDate?Math.ceil((z.expectedCloseDate.getTime()-Date.now())/86400000):null;return E("div",{onClick:W,className:"cursor-pointer rounded-lg border border-border bg-card p-3 shadow-sm transition-shadow hover:shadow-md",role:"button",tabIndex:0,onKeyDown:(X)=>{if(X.key==="Enter"||X.key===" ")W?.()},children:[Y("h4",{className:"font-medium leading-snug",children:z.name}),Y("div",{className:"mt-2 font-semibold text-lg text-primary",children:V(z.value,z.currency)}),E("div",{className:"mt-3 flex items-center justify-between text-muted-foreground text-xs",children:[F!==null&&Y("span",{className:F<0?"text-red-500":F<=7?"text-yellow-600 dark:text-yellow-500":"",children:F<0?`${Math.abs(F)}d overdue`:F===0?"Due today":`${F}d left`}),Y("span",{className:`rounded px-1.5 py-0.5 font-medium text-xs ${z.status==="WON"?"bg-green-100 text-green-700 dark:bg-green-900/30 dark:text-green-400":z.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:z.status})]})]})}import{useState as q}from"react";import{jsx as K,jsxs as P}from"react/jsx-runtime";function w(z){if(z>=1e6)return`$${(z/1e6).toFixed(1)}M`;if(z>=1000)return`$${(z/1000).toFixed(0)}K`;return`$${z}`}function h({dealsByStage:z,stages:W,onDealClick:F,onDealMove:X}){let[Z,_]=q(null),$=[...W].sort((L,G)=>L.position-G.position),N=(L,G)=>{X?.(L,G),_(null)};return K("div",{className:"flex gap-4 overflow-x-auto pb-4",children:$.map((L)=>{let G=z[L.id]??[],R=G.reduce((A,J)=>A+J.value,0);return P("div",{className:"flex w-72 flex-shrink-0 flex-col rounded-lg bg-muted/30",children:[P("div",{className:"flex items-center justify-between border-border border-b px-3 py-2",children:[P("div",{children:[K("h3",{className:"font-medium",children:L.name}),P("p",{className:"text-muted-foreground text-xs",children:[G.length," deals · ",w(R)]})]}),K("span",{className:"flex h-6 w-6 items-center justify-center rounded-full bg-muted font-medium text-xs",children:G.length})]}),K("div",{className:"flex flex-1 flex-col gap-2 p-2",children:G.length===0?K("div",{className:"flex h-24 items-center justify-center rounded-md border-2 border-muted-foreground/20 border-dashed text-muted-foreground text-xs",children:"No deals"}):G.map((A)=>P("div",{className:"group relative",children:[K(H,{deal:A,onClick:()=>F?.(A.id)}),A.status==="OPEN"&&X&&P("div",{className:"absolute top-1 right-1 opacity-0 transition-opacity group-hover:opacity-100",children:[K("button",{type:"button",onClick:(J)=>{J.stopPropagation(),_(Z===A.id?null:A.id)},className:"flex h-6 w-6 items-center justify-center rounded border border-border bg-background text-xs shadow-sm hover:bg-muted",title:"Quick move",children:"➡️"}),Z===A.id&&P("div",{className:"absolute top-7 right-0 z-20 min-w-[140px] rounded-lg border border-border bg-card py-1 shadow-lg",children:[K("p",{className:"px-3 py-1 font-medium text-muted-foreground text-xs",children:"Move to:"}),$.filter((J)=>J.id!==A.stageId).map((J)=>K("button",{type:"button",onClick:(T)=>{T.stopPropagation(),N(A.id,J.id)},className:"w-full px-3 py-1.5 text-left text-sm hover:bg-muted",children:J.name},J.id))]})]})]},A.id))})]},L.id)})})}export{h as CrmPipelineBoard};

package/dist/browser/ui/hooks/index.js

@@ -1,197 +1 @@
-// src/ui/hooks/useDealList.ts
-import { useTemplateRuntime } from "@contractspec/lib.example-shared-ui";
-import { useCallback, useEffect, useMemo, useState } from "react";
-"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 [internalPage, setInternalPage] = useState(0);
-  const pipelineId = options.pipelineId ?? "pipeline-1";
-  const pageIndex = options.pageIndex ?? internalPage;
-  const pageSize = options.pageSize ?? options.limit ?? 50;
-  const [sort] = options.sorting ?? [];
-  const sortBy = sort?.id;
-  const sortDirection = sort ? sort.desc ? "desc" : "asc" : undefined;
-  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: pageSize,
-          offset: pageIndex * pageSize,
-          sortBy: sortBy === "name" || sortBy === "value" || sortBy === "status" || sortBy === "expectedCloseDate" || sortBy === "updatedAt" ? sortBy : undefined,
-          sortDirection
-        }),
-        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,
-    pageIndex,
-    pageSize,
-    sortBy,
-    sortDirection
-  ]);
-  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: pageIndex + 1,
-    pageIndex,
-    pageSize,
-    refetch: fetchData,
-    nextPage: options.pageIndex === undefined ? () => setInternalPage((page) => page + 1) : undefined,
-    prevPage: options.pageIndex === undefined ? () => pageIndex > 0 && setInternalPage((page) => page - 1) : undefined
-  };
-}
-
-// src/ui/hooks/useDealMutations.ts
-import { useTemplateRuntime as useTemplateRuntime2 } from "@contractspec/lib.example-shared-ui";
-import { useCallback as useCallback2, useState as useState2 } from "react";
-function useDealMutations(options = {}) {
-  const { handlers, projectId } = useTemplateRuntime2();
-  const { crm } = handlers;
-  const [createState, setCreateState] = useState2({
-    loading: false,
-    error: null,
-    data: null
-  });
-  const [moveState, setMoveState] = useState2({
-    loading: false,
-    error: null,
-    data: null
-  });
-  const [winState, setWinState] = useState2({
-    loading: false,
-    error: null,
-    data: null
-  });
-  const [loseState, setLoseState] = useState2({
-    loading: false,
-    error: null,
-    data: null
-  });
-  const createDeal = useCallback2(async (input) => {
-    setCreateState({ loading: true, error: null, data: null });
-    try {
-      const result = await crm.createDeal(input, {
-        projectId,
-        ownerId: "user-1"
-      });
-      setCreateState({ loading: false, error: null, data: result });
-      options.onSuccess?.();
-      return result;
-    } catch (err) {
-      const error = err instanceof Error ? err : new Error("Failed to create deal");
-      setCreateState({ loading: false, error, data: null });
-      options.onError?.(error);
-      return null;
-    }
-  }, [crm, projectId, options]);
-  const moveDeal = useCallback2(async (input) => {
-    setMoveState({ loading: true, error: null, data: null });
-    try {
-      const result = await crm.moveDeal(input);
-      setMoveState({ loading: false, error: null, data: result });
-      options.onSuccess?.();
-      return result;
-    } catch (err) {
-      const error = err instanceof Error ? err : new Error("Failed to move deal");
-      setMoveState({ loading: false, error, data: null });
-      options.onError?.(error);
-      return null;
-    }
-  }, [crm, options]);
-  const winDeal = useCallback2(async (input) => {
-    setWinState({ loading: true, error: null, data: null });
-    try {
-      const result = await crm.winDeal(input);
-      setWinState({ loading: false, error: null, data: result });
-      options.onSuccess?.();
-      return result;
-    } catch (err) {
-      const error = err instanceof Error ? err : new Error("Failed to mark deal as won");
-      setWinState({ loading: false, error, data: null });
-      options.onError?.(error);
-      return null;
-    }
-  }, [crm, options]);
-  const loseDeal = useCallback2(async (input) => {
-    setLoseState({ loading: true, error: null, data: null });
-    try {
-      const result = await crm.loseDeal(input);
-      setLoseState({ loading: false, error: null, data: result });
-      options.onSuccess?.();
-      return result;
-    } catch (err) {
-      const error = err instanceof Error ? err : new Error("Failed to mark deal as lost");
-      setLoseState({ loading: false, error, data: null });
-      options.onError?.(error);
-      return null;
-    }
-  }, [crm, options]);
-  return {
-    createDeal,
-    moveDeal,
-    winDeal,
-    loseDeal,
-    createState,
-    moveState,
-    winState,
-    loseState,
-    isLoading: createState.loading || moveState.loading || winState.loading || loseState.loading
-  };
-}
-
-// src/ui/hooks/index.ts
-"use client";
-export {
-  useDealMutations,
-  useDealList
-};
+import{useTemplateRuntime as x}from"@contractspec/lib.example-shared-ui";import{useCallback as B,useEffect as C,useMemo as y,useState as V}from"react";function D(A={}){let{handlers:k,projectId:Q}=x(),{crm:G}=k,[J,X]=V(null),[_,Y]=V({}),[$,Z]=V([]),[T,U]=V(!0),[w,E]=V(null),[M,P]=V(0),H=A.pipelineId??"pipeline-1",q=A.pageIndex??M,F=A.pageSize??A.limit??50,[R]=A.sorting??[],O=R?.id,b=R?R.desc?"desc":"asc":void 0,f=B(async()=>{U(!0),E(null);try{let[K,W,v]=await Promise.all([G.listDeals({projectId:Q,pipelineId:H,stageId:A.stageId,status:A.status==="all"?void 0:A.status,search:A.search,limit:F,offset:q*F,sortBy:O==="name"||O==="value"||O==="status"||O==="expectedCloseDate"||O==="updatedAt"?O:void 0,sortDirection:b}),G.getDealsByStage({projectId:Q,pipelineId:H}),G.getPipelineStages({pipelineId:H})]);X(K),Y(W),Z(v)}catch(K){E(K instanceof Error?K:Error("Unknown error"))}finally{U(!1)}},[G,Q,H,A.stageId,A.status,A.search,q,F,O,b]);C(()=>{f()},[f]);let h=y(()=>{if(!J)return null;let K=J.deals.filter((N)=>N.status==="OPEN"),W=J.deals.filter((N)=>N.status==="WON"),v=J.deals.filter((N)=>N.status==="LOST");return{total:J.total,totalValue:J.totalValue,openCount:K.length,openValue:K.reduce((N,L)=>N+L.value,0),wonCount:W.length,wonValue:W.reduce((N,L)=>N+L.value,0),lostCount:v.length}},[J]);return{data:J,dealsByStage:_,stages:$,loading:T,error:w,stats:h,page:q+1,pageIndex:q,pageSize:F,refetch:f,nextPage:A.pageIndex===void 0?()=>P((K)=>K+1):void 0,prevPage:A.pageIndex===void 0?()=>q>0&&P((K)=>K-1):void 0}}import{useTemplateRuntime as I}from"@contractspec/lib.example-shared-ui";import{useCallback as z,useState as j}from"react";function g(A={}){let{handlers:k,projectId:Q}=I(),{crm:G}=k,[J,X]=j({loading:!1,error:null,data:null}),[_,Y]=j({loading:!1,error:null,data:null}),[$,Z]=j({loading:!1,error:null,data:null}),[T,U]=j({loading:!1,error:null,data:null}),w=z(async(H)=>{X({loading:!0,error:null,data:null});try{let q=await G.createDeal(H,{projectId:Q,ownerId:"user-1"});return X({loading:!1,error:null,data:q}),A.onSuccess?.(),q}catch(q){let F=q instanceof Error?q:Error("Failed to create deal");return X({loading:!1,error:F,data:null}),A.onError?.(F),null}},[G,Q,A]),E=z(async(H)=>{Y({loading:!0,error:null,data:null});try{let q=await G.moveDeal(H);return Y({loading:!1,error:null,data:q}),A.onSuccess?.(),q}catch(q){let F=q instanceof Error?q:Error("Failed to move deal");return Y({loading:!1,error:F,data:null}),A.onError?.(F),null}},[G,A]),M=z(async(H)=>{Z({loading:!0,error:null,data:null});try{let q=await G.winDeal(H);return Z({loading:!1,error:null,data:q}),A.onSuccess?.(),q}catch(q){let F=q instanceof Error?q:Error("Failed to mark deal as won");return Z({loading:!1,error:F,data:null}),A.onError?.(F),null}},[G,A]),P=z(async(H)=>{U({loading:!0,error:null,data:null});try{let q=await G.loseDeal(H);return U({loading:!1,error:null,data:q}),A.onSuccess?.(),q}catch(q){let F=q instanceof Error?q:Error("Failed to mark deal as lost");return U({loading:!1,error:F,data:null}),A.onError?.(F),null}},[G,A]);return{createDeal:w,moveDeal:E,winDeal:M,loseDeal:P,createState:J,moveState:_,winState:$,loseState:T,isLoading:J.loading||_.loading||$.loading||T.loading}}export{g as useDealMutations,D as useDealList};

package/dist/browser/ui/hooks/useDealList.js

@@ -1,95 +1 @@
-// src/ui/hooks/useDealList.ts
-import { useTemplateRuntime } from "@contractspec/lib.example-shared-ui";
-import { useCallback, useEffect, useMemo, useState } from "react";
-"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 [internalPage, setInternalPage] = useState(0);
-  const pipelineId = options.pipelineId ?? "pipeline-1";
-  const pageIndex = options.pageIndex ?? internalPage;
-  const pageSize = options.pageSize ?? options.limit ?? 50;
-  const [sort] = options.sorting ?? [];
-  const sortBy = sort?.id;
-  const sortDirection = sort ? sort.desc ? "desc" : "asc" : undefined;
-  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: pageSize,
-          offset: pageIndex * pageSize,
-          sortBy: sortBy === "name" || sortBy === "value" || sortBy === "status" || sortBy === "expectedCloseDate" || sortBy === "updatedAt" ? sortBy : undefined,
-          sortDirection
-        }),
-        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,
-    pageIndex,
-    pageSize,
-    sortBy,
-    sortDirection
-  ]);
-  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: pageIndex + 1,
-    pageIndex,
-    pageSize,
-    refetch: fetchData,
-    nextPage: options.pageIndex === undefined ? () => setInternalPage((page) => page + 1) : undefined,
-    prevPage: options.pageIndex === undefined ? () => pageIndex > 0 && setInternalPage((page) => page - 1) : undefined
-  };
-}
-export {
-  useDealList
-};
+import{useTemplateRuntime as R}from"@contractspec/lib.example-shared-ui";import{useCallback as f,useEffect as h,useMemo as x,useState as H}from"react";function B(q={}){let{handlers:C,projectId:U}=R(),{crm:K}=C,[F,M]=H(null),[T,b]=H({}),[w,L]=H([]),[j,Z]=H(!0),[E,_]=H(null),[P,$]=H(0),N=q.pipelineId??"pipeline-1",J=q.pageIndex??P,O=q.pageSize??q.limit??50,[V]=q.sorting??[],G=V?.id,k=V?V.desc?"desc":"asc":void 0,W=f(async()=>{Z(!0),_(null);try{let[v,Q,X]=await Promise.all([K.listDeals({projectId:U,pipelineId:N,stageId:q.stageId,status:q.status==="all"?void 0:q.status,search:q.search,limit:O,offset:J*O,sortBy:G==="name"||G==="value"||G==="status"||G==="expectedCloseDate"||G==="updatedAt"?G:void 0,sortDirection:k}),K.getDealsByStage({projectId:U,pipelineId:N}),K.getPipelineStages({pipelineId:N})]);M(v),b(Q),L(X)}catch(v){_(v instanceof Error?v:Error("Unknown error"))}finally{Z(!1)}},[K,U,N,q.stageId,q.status,q.search,J,O,G,k]);h(()=>{W()},[W]);let z=x(()=>{if(!F)return null;let v=F.deals.filter((A)=>A.status==="OPEN"),Q=F.deals.filter((A)=>A.status==="WON"),X=F.deals.filter((A)=>A.status==="LOST");return{total:F.total,totalValue:F.totalValue,openCount:v.length,openValue:v.reduce((A,Y)=>A+Y.value,0),wonCount:Q.length,wonValue:Q.reduce((A,Y)=>A+Y.value,0),lostCount:X.length}},[F]);return{data:F,dealsByStage:T,stages:w,loading:j,error:E,stats:z,page:J+1,pageIndex:J,pageSize:O,refetch:W,nextPage:q.pageIndex===void 0?()=>$((v)=>v+1):void 0,prevPage:q.pageIndex===void 0?()=>J>0&&$((v)=>v-1):void 0}}export{B as useDealList};

package/dist/browser/ui/hooks/useDealMutations.js

@@ -1,100 +1 @@
-// src/ui/hooks/useDealMutations.ts
-import { useTemplateRuntime } from "@contractspec/lib.example-shared-ui";
-import { useCallback, useState } from "react";
-function useDealMutations(options = {}) {
-  const { handlers, projectId } = useTemplateRuntime();
-  const { crm } = handlers;
-  const [createState, setCreateState] = useState({
-    loading: false,
-    error: null,
-    data: null
-  });
-  const [moveState, setMoveState] = useState({
-    loading: false,
-    error: null,
-    data: null
-  });
-  const [winState, setWinState] = useState({
-    loading: false,
-    error: null,
-    data: null
-  });
-  const [loseState, setLoseState] = useState({
-    loading: false,
-    error: null,
-    data: null
-  });
-  const createDeal = useCallback(async (input) => {
-    setCreateState({ loading: true, error: null, data: null });
-    try {
-      const result = await crm.createDeal(input, {
-        projectId,
-        ownerId: "user-1"
-      });
-      setCreateState({ loading: false, error: null, data: result });
-      options.onSuccess?.();
-      return result;
-    } catch (err) {
-      const error = err instanceof Error ? err : new Error("Failed to create deal");
-      setCreateState({ loading: false, error, data: null });
-      options.onError?.(error);
-      return null;
-    }
-  }, [crm, projectId, options]);
-  const moveDeal = useCallback(async (input) => {
-    setMoveState({ loading: true, error: null, data: null });
-    try {
-      const result = await crm.moveDeal(input);
-      setMoveState({ loading: false, error: null, data: result });
-      options.onSuccess?.();
-      return result;
-    } catch (err) {
-      const error = err instanceof Error ? err : new Error("Failed to move deal");
-      setMoveState({ loading: false, error, data: null });
-      options.onError?.(error);
-      return null;
-    }
-  }, [crm, options]);
-  const winDeal = useCallback(async (input) => {
-    setWinState({ loading: true, error: null, data: null });
-    try {
-      const result = await crm.winDeal(input);
-      setWinState({ loading: false, error: null, data: result });
-      options.onSuccess?.();
-      return result;
-    } catch (err) {
-      const error = err instanceof Error ? err : new Error("Failed to mark deal as won");
-      setWinState({ loading: false, error, data: null });
-      options.onError?.(error);
-      return null;
-    }
-  }, [crm, options]);
-  const loseDeal = useCallback(async (input) => {
-    setLoseState({ loading: true, error: null, data: null });
-    try {
-      const result = await crm.loseDeal(input);
-      setLoseState({ loading: false, error: null, data: result });
-      options.onSuccess?.();
-      return result;
-    } catch (err) {
-      const error = err instanceof Error ? err : new Error("Failed to mark deal as lost");
-      setLoseState({ loading: false, error, data: null });
-      options.onError?.(error);
-      return null;
-    }
-  }, [crm, options]);
-  return {
-    createDeal,
-    moveDeal,
-    winDeal,
-    loseDeal,
-    createState,
-    moveState,
-    winState,
-    loseState,
-    isLoading: createState.loading || moveState.loading || winState.loading || loseState.loading
-  };
-}
-export {
-  useDealMutations
-};
+import{useTemplateRuntime as Z}from"@contractspec/lib.example-shared-ui";import{useCallback as A,useState as B}from"react";function x(g={}){let{handlers:Q,projectId:J}=Z(),{crm:y}=Q,[K,E]=B({loading:!1,error:null,data:null}),[N,F]=B({loading:!1,error:null,data:null}),[O,G]=B({loading:!1,error:null,data:null}),[P,H]=B({loading:!1,error:null,data:null}),U=A(async(z)=>{E({loading:!0,error:null,data:null});try{let f=await y.createDeal(z,{projectId:J,ownerId:"user-1"});return E({loading:!1,error:null,data:f}),g.onSuccess?.(),f}catch(f){let q=f instanceof Error?f:Error("Failed to create deal");return E({loading:!1,error:q,data:null}),g.onError?.(q),null}},[y,J,g]),V=A(async(z)=>{F({loading:!0,error:null,data:null});try{let f=await y.moveDeal(z);return F({loading:!1,error:null,data:f}),g.onSuccess?.(),f}catch(f){let q=f instanceof Error?f:Error("Failed to move deal");return F({loading:!1,error:q,data:null}),g.onError?.(q),null}},[y,g]),X=A(async(z)=>{G({loading:!0,error:null,data:null});try{let f=await y.winDeal(z);return G({loading:!1,error:null,data:f}),g.onSuccess?.(),f}catch(f){let q=f instanceof Error?f:Error("Failed to mark deal as won");return G({loading:!1,error:q,data:null}),g.onError?.(q),null}},[y,g]),Y=A(async(z)=>{H({loading:!0,error:null,data:null});try{let f=await y.loseDeal(z);return H({loading:!1,error:null,data:f}),g.onSuccess?.(),f}catch(f){let q=f instanceof Error?f:Error("Failed to mark deal as lost");return H({loading:!1,error:q,data:null}),g.onError?.(q),null}},[y,g]);return{createDeal:U,moveDeal:V,winDeal:X,loseDeal:Y,createState:K,moveState:N,winState:O,loseState:P,isLoading:K.loading||N.loading||O.loading||P.loading}}export{x as useDealMutations};