@withpotter/pages-admin 0.13.0-next.101

package/dist/admin/sales/pipeline/pipeline.module.css

@@ -0,0 +1,141 @@
+/* The pipeline board, its cards, and the lead drawer's body. */
+
+.board {
+  display: grid;
+  grid-template-columns: repeat(5, minmax(200px, 1fr));
+  gap: 12px;
+  margin-top: 16px;
+  overflow-x: auto;
+  padding-bottom: 8px;
+}
+
+.board[data-single] {
+  grid-template-columns: minmax(240px, 480px);
+}
+
+.column {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  min-height: 320px;
+  padding: 12px;
+  border-radius: var(--adm-card-radius);
+  background: var(--bg-subtle);
+}
+
+.columnHead {
+  display: flex;
+  align-items: baseline;
+  justify-content: space-between;
+  margin: 0 0 4px;
+  font-size: var(--text-sm);
+  font-weight: 600;
+  color: var(--text-primary);
+}
+
+.columnHead span {
+  font-weight: 400;
+  color: var(--text-tertiary);
+}
+
+.card {
+  display: grid;
+  gap: 4px;
+  width: 100%;
+  padding: 12px;
+  text-align: left;
+  border-radius: 8px;
+  background: var(--bg-base);
+  box-shadow: var(--adm-shadow-1);
+  cursor: pointer;
+}
+
+.card:hover {
+  box-shadow: 0 0 0 1px var(--border-strong);
+}
+
+.card:focus-visible {
+  outline: 2px solid var(--brand-500);
+  outline-offset: 2px;
+}
+
+.card[data-stalled] {
+  box-shadow: 0 0 0 1.5px var(--warning);
+}
+
+.card[data-selected] {
+  box-shadow: 0 0 0 2px var(--brand-500);
+}
+
+.cardName {
+  font-size: var(--text-sm);
+  font-weight: 600;
+  color: var(--text-primary);
+}
+
+.cardMeta {
+  font-size: var(--text-xs);
+  color: var(--text-tertiary);
+}
+
+.cardStalled {
+  font-size: var(--text-xs);
+  font-weight: 500;
+  color: var(--warning);
+}
+
+.empty {
+  margin: 0;
+  font-size: var(--text-sm);
+  color: var(--text-tertiary);
+}
+
+.drawerBody {
+  display: grid;
+  gap: 16px;
+}
+
+.setup {
+  display: grid;
+  gap: 4px;
+  font-size: var(--text-sm);
+  color: var(--text-secondary);
+}
+
+.link {
+  font-size: var(--text-sm);
+  color: var(--accent-ink, var(--accent-primary));
+}
+
+.timelineHead {
+  margin: 0 0 8px;
+  font-size: var(--text-sm);
+  font-weight: 600;
+  color: var(--text-primary);
+}
+
+.timeline {
+  display: grid;
+  gap: 12px;
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+
+.timeline li {
+  display: grid;
+  gap: 4px;
+  padding-left: 12px;
+  border-left: 2px solid var(--border-subtle);
+}
+
+.timelineLine {
+  font-size: var(--text-sm);
+  color: var(--text-primary);
+}
+
+.timelineBody {
+  font-size: var(--text-sm);
+  color: var(--text-secondary);
+  white-space: pre-wrap;
+}

package/dist/admin/sales/report-math.js

@@ -0,0 +1,17 @@
+import { BOARD_STAGES } from "./stage-meta";
+function funnel(reached) {
+  const at = (stage) => reached.find((r) => r.stage === stage)?.leads ?? 0;
+  const steps = BOARD_STAGES.map((stage, i) => ({
+    stage,
+    leads: BOARD_STAGES.slice(i).reduce((sum, s) => sum + at(s), 0)
+  }));
+  const total = steps.at(0)?.leads ?? 0;
+  return steps.map((s) => ({
+    ...s,
+    pct: total ? Math.round(s.leads / total * 100) : 0
+  }));
+}
+export {
+  funnel
+};
+//# sourceMappingURL=report-math.js.map

package/dist/admin/sales/report-math.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/sales/report-math.ts"],"sourcesContent":["import type { SalesReports, SalesStage } from '@withpotter/lib/admin-sales-api';\nimport { BOARD_STAGES } from './stage-meta';\n\n/**\n * The API counts each lead once, at the furthest stage it reached. A lead\n * that sold also passed every earlier stage, so each step adds up the\n * leads at or beyond it. `pct` is against all leads in the period.\n */\nexport function funnel(\n  reached: SalesReports['reached'],\n): Array<{ stage: SalesStage; leads: number; pct: number }> {\n  const at = (stage: SalesStage) =>\n    reached.find((r) => r.stage === stage)?.leads ?? 0;\n  const steps = BOARD_STAGES.map((stage, i) => ({\n    stage,\n    leads: BOARD_STAGES.slice(i).reduce((sum, s) => sum + at(s), 0),\n  }));\n  const total = steps.at(0)?.leads ?? 0;\n\n  return steps.map((s) => ({\n    ...s,\n    pct: total ? Math.round((s.leads / total) * 100) : 0,\n  }));\n}\n"],"mappings":"AACA,SAAS,oBAAoB;AAOtB,SAAS,OACd,SAC0D;AAC1D,QAAM,KAAK,CAAC,UACV,QAAQ,KAAK,CAAC,MAAM,EAAE,UAAU,KAAK,GAAG,SAAS;AACnD,QAAM,QAAQ,aAAa,IAAI,CAAC,OAAO,OAAO;AAAA,IAC5C;AAAA,IACA,OAAO,aAAa,MAAM,CAAC,EAAE,OAAO,CAAC,KAAK,MAAM,MAAM,GAAG,CAAC,GAAG,CAAC;AAAA,EAChE,EAAE;AACF,QAAM,QAAQ,MAAM,GAAG,CAAC,GAAG,SAAS;AAEpC,SAAO,MAAM,IAAI,CAAC,OAAO;AAAA,IACvB,GAAG;AAAA,IACH,KAAK,QAAQ,KAAK,MAAO,EAAE,QAAQ,QAAS,GAAG,IAAI;AAAA,EACrD,EAAE;AACJ;","names":[]}

package/dist/admin/sales/reports-tab.js

@@ -0,0 +1,147 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { TableRow, TableShell, Th } from "@withpotter/ui-kit";
+import {
+  AdmLoading,
+  Panel,
+  StatCard,
+  customRange,
+  periodPhrase,
+  rangeFromKey
+} from "../_ui";
+import { BarList } from "../audit/bar-list";
+import { LoadFailed } from "../audit/load-failed";
+import list from "../_ui/list-card.module.css";
+import { BOARD_STAGES, SOURCES, STAGE } from "./stage-meta";
+import { funnel } from "./report-math";
+import { useSalesReports } from "./use-sales";
+function ReportsTab({
+  period
+}) {
+  const range = useMemo(
+    () => period.rangeKey === "custom" ? customRange(period.customStart, period.customEnd) : rangeFromKey(period.rangeKey),
+    [period.rangeKey, period.customStart, period.customEnd]
+  );
+  const { data, isLoading, isError, refetch } = useSalesReports(
+    range.startDate ?? "2020-01-01T00:00:00.000Z",
+    range.endDate
+  );
+  const caption = periodPhrase(range);
+  if (isError)
+    return /* @__PURE__ */ jsx(
+      LoadFailed,
+      {
+        message: "Sales reports could not be loaded.",
+        onRetry: () => void refetch()
+      }
+    );
+  if (isLoading || !data) return /* @__PURE__ */ jsx(AdmLoading, { label: "Loading reports\u2026" });
+  const steps = funnel(data.reached);
+  const leads = steps.at(0)?.leads ?? 0;
+  const sales = steps.at(-1)?.leads ?? 0;
+  const contacted = data.byRep.reduce((sum, r) => sum + r.contacted, 0);
+  const owned = data.byRep.reduce((sum, r) => sum + r.leads, 0);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs("section", { "aria-label": "Sales report indicators", className: "adm-grid", children: [
+      /* @__PURE__ */ jsx("div", { className: "adm-span-3", children: /* @__PURE__ */ jsx(StatCard, { label: "Leads", value: leads, sub: `Created ${caption}` }) }),
+      /* @__PURE__ */ jsx("div", { className: "adm-span-3", children: /* @__PURE__ */ jsx(StatCard, { label: "First sales", value: sales, sub: "From those leads" }) }),
+      /* @__PURE__ */ jsx("div", { className: "adm-span-3", children: /* @__PURE__ */ jsx(
+        StatCard,
+        {
+          label: "Lead to sale",
+          value: `${leads ? Math.round(sales / leads * 100) : 0}%`,
+          sub: "Leads that reached a first sale"
+        }
+      ) }),
+      /* @__PURE__ */ jsx("div", { className: "adm-span-3", children: /* @__PURE__ */ jsx(
+        StatCard,
+        {
+          label: "Contacted in 24 h",
+          value: `${owned ? Math.round(contacted / owned * 100) : 0}%`,
+          sub: "Of leads with an owner"
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "adm-grid", children: [
+      /* @__PURE__ */ jsx("div", { className: "adm-span-6", children: /* @__PURE__ */ jsx(
+        Panel,
+        {
+          title: "Pipeline funnel",
+          caption: "Leads that reached each stage",
+          height: "auto",
+          children: /* @__PURE__ */ jsx(
+            BarList,
+            {
+              rows: steps.map((s) => ({
+                key: s.stage,
+                label: `${STAGE[s.stage].label} \xB7 ${s.pct}%`,
+                count: s.leads
+              })),
+              empty: "No leads in this period."
+            }
+          )
+        }
+      ) }),
+      /* @__PURE__ */ jsx("div", { className: "adm-span-6", children: /* @__PURE__ */ jsx(
+        Panel,
+        {
+          title: "Days in each stage",
+          caption: "Median, before moving on",
+          height: "auto",
+          children: /* @__PURE__ */ jsx(
+            BarList,
+            {
+              rows: BOARD_STAGES.flatMap((stage) => {
+                const row = data.timeInStage.find((t) => t.stage === stage);
+                return row ? [
+                  {
+                    key: stage,
+                    label: `${STAGE[stage].label} \xB7 ${row.medianDays} days`,
+                    count: Math.round(row.medianDays)
+                  }
+                ] : [];
+              }),
+              empty: "No stage changes in this period."
+            }
+          )
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "adm-grid", children: [
+      /* @__PURE__ */ jsx("div", { className: "adm-span-6", children: /* @__PURE__ */ jsx(Panel, { title: "Leads by source", caption, height: "auto", children: /* @__PURE__ */ jsx(
+        BarList,
+        {
+          rows: data.bySource.map((s) => ({
+            key: s.source,
+            label: `${SOURCES[s.source] ?? s.source} \xB7 ${s.sales} sold`,
+            count: s.leads
+          })),
+          empty: "No leads in this period."
+        }
+      ) }) }),
+      /* @__PURE__ */ jsx("div", { className: "adm-span-6", children: /* @__PURE__ */ jsx(Panel, { title: "By rep", caption, height: "auto", flush: true, children: /* @__PURE__ */ jsx(
+        TableShell,
+        {
+          minWidth: 420,
+          head: /* @__PURE__ */ jsxs("tr", { children: [
+            /* @__PURE__ */ jsx(Th, { children: "Rep" }),
+            /* @__PURE__ */ jsx(Th, { align: "right", children: "Leads" }),
+            /* @__PURE__ */ jsx(Th, { align: "right", children: "In 24 h" }),
+            /* @__PURE__ */ jsx(Th, { align: "right", children: "Sales" })
+          ] }),
+          children: data.byRep.map((r) => /* @__PURE__ */ jsxs(TableRow, { children: [
+            /* @__PURE__ */ jsx("td", { className: list.nowrap, children: r.name ?? "Admin" }),
+            /* @__PURE__ */ jsx("td", { className: list.num, children: r.leads }),
+            /* @__PURE__ */ jsx("td", { className: list.num, children: r.contacted }),
+            /* @__PURE__ */ jsx("td", { className: list.num, children: r.sales })
+          ] }, r.adminId))
+        }
+      ) }) })
+    ] })
+  ] });
+}
+export {
+  ReportsTab
+};
+//# sourceMappingURL=reports-tab.js.map

package/dist/admin/sales/reports-tab.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/sales/reports-tab.tsx"],"sourcesContent":["'use client';\n\nimport { useMemo } from 'react';\nimport { TableRow, TableShell, Th } from '@withpotter/ui-kit';\nimport {\n  AdmLoading,\n  Panel,\n  StatCard,\n  customRange,\n  periodPhrase,\n  rangeFromKey,\n  type usePersistedDateRange,\n} from '../_ui';\nimport { BarList } from '../audit/bar-list';\nimport { LoadFailed } from '../audit/load-failed';\nimport list from '../_ui/list-card.module.css';\nimport { BOARD_STAGES, SOURCES, STAGE } from './stage-meta';\nimport { funnel } from './report-math';\nimport { useSalesReports } from './use-sales';\n\n/** How the pipeline converts, how long leads wait, and how each rep does. */\nexport function ReportsTab({\n  period,\n}: {\n  period: ReturnType<typeof usePersistedDateRange>;\n}) {\n  const range = useMemo(\n    () =>\n      period.rangeKey === 'custom'\n        ? customRange(period.customStart, period.customEnd)\n        : rangeFromKey(period.rangeKey),\n    [period.rangeKey, period.customStart, period.customEnd],\n  );\n  const { data, isLoading, isError, refetch } = useSalesReports(\n    range.startDate ?? '2020-01-01T00:00:00.000Z',\n    range.endDate,\n  );\n  const caption = periodPhrase(range);\n\n  if (isError)\n    return (\n      <LoadFailed\n        message=\"Sales reports could not be loaded.\"\n        onRetry={() => void refetch()}\n      />\n    );\n\n  if (isLoading || !data) return <AdmLoading label=\"Loading reports…\" />;\n\n  const steps = funnel(data.reached);\n  const leads = steps.at(0)?.leads ?? 0;\n  const sales = steps.at(-1)?.leads ?? 0;\n  const contacted = data.byRep.reduce((sum, r) => sum + r.contacted, 0);\n  const owned = data.byRep.reduce((sum, r) => sum + r.leads, 0);\n\n  return (\n    <>\n      <section aria-label=\"Sales report indicators\" className=\"adm-grid\">\n        <div className=\"adm-span-3\">\n          <StatCard label=\"Leads\" value={leads} sub={`Created ${caption}`} />\n        </div>\n        <div className=\"adm-span-3\">\n          <StatCard label=\"First sales\" value={sales} sub=\"From those leads\" />\n        </div>\n        <div className=\"adm-span-3\">\n          <StatCard\n            label=\"Lead to sale\"\n            value={`${leads ? Math.round((sales / leads) * 100) : 0}%`}\n            sub=\"Leads that reached a first sale\"\n          />\n        </div>\n        <div className=\"adm-span-3\">\n          <StatCard\n            label=\"Contacted in 24 h\"\n            value={`${owned ? Math.round((contacted / owned) * 100) : 0}%`}\n            sub=\"Of leads with an owner\"\n          />\n        </div>\n      </section>\n\n      <div className=\"adm-grid\">\n        <div className=\"adm-span-6\">\n          <Panel\n            title=\"Pipeline funnel\"\n            caption=\"Leads that reached each stage\"\n            height=\"auto\"\n          >\n            <BarList\n              rows={steps.map((s) => ({\n                key: s.stage,\n                label: `${STAGE[s.stage].label} · ${s.pct}%`,\n                count: s.leads,\n              }))}\n              empty=\"No leads in this period.\"\n            />\n          </Panel>\n        </div>\n        <div className=\"adm-span-6\">\n          <Panel\n            title=\"Days in each stage\"\n            caption=\"Median, before moving on\"\n            height=\"auto\"\n          >\n            <BarList\n              rows={BOARD_STAGES.flatMap((stage) => {\n                const row = data.timeInStage.find((t) => t.stage === stage);\n\n                return row\n                  ? [\n                      {\n                        key: stage,\n                        label: `${STAGE[stage].label} · ${row.medianDays} days`,\n                        count: Math.round(row.medianDays),\n                      },\n                    ]\n                  : [];\n              })}\n              empty=\"No stage changes in this period.\"\n            />\n          </Panel>\n        </div>\n      </div>\n\n      <div className=\"adm-grid\">\n        <div className=\"adm-span-6\">\n          <Panel title=\"Leads by source\" caption={caption} height=\"auto\">\n            <BarList\n              rows={data.bySource.map((s) => ({\n                key: s.source,\n                label: `${SOURCES[s.source] ?? s.source} · ${s.sales} sold`,\n                count: s.leads,\n              }))}\n              empty=\"No leads in this period.\"\n            />\n          </Panel>\n        </div>\n        <div className=\"adm-span-6\">\n          <Panel title=\"By rep\" caption={caption} height=\"auto\" flush>\n            <TableShell\n              minWidth={420}\n              head={\n                <tr>\n                  <Th>Rep</Th>\n                  <Th align=\"right\">Leads</Th>\n                  <Th align=\"right\">In 24 h</Th>\n                  <Th align=\"right\">Sales</Th>\n                </tr>\n              }\n            >\n              {data.byRep.map((r) => (\n                <TableRow key={r.adminId}>\n                  <td className={list.nowrap}>{r.name ?? 'Admin'}</td>\n                  <td className={list.num}>{r.leads}</td>\n                  <td className={list.num}>{r.contacted}</td>\n                  <td className={list.num}>{r.sales}</td>\n                </TableRow>\n              ))}\n            </TableShell>\n          </Panel>\n        </div>\n      </div>\n    </>\n  );\n}\n"],"mappings":";AAyCM,SAeF,UAfE,KAgBA,YAhBA;AAvCN,SAAS,eAAe;AACxB,SAAS,UAAU,YAAY,UAAU;AACzC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OAEK;AACP,SAAS,eAAe;AACxB,SAAS,kBAAkB;AAC3B,OAAO,UAAU;AACjB,SAAS,cAAc,SAAS,aAAa;AAC7C,SAAS,cAAc;AACvB,SAAS,uBAAuB;AAGzB,SAAS,WAAW;AAAA,EACzB;AACF,GAEG;AACD,QAAM,QAAQ;AAAA,IACZ,MACE,OAAO,aAAa,WAChB,YAAY,OAAO,aAAa,OAAO,SAAS,IAChD,aAAa,OAAO,QAAQ;AAAA,IAClC,CAAC,OAAO,UAAU,OAAO,aAAa,OAAO,SAAS;AAAA,EACxD;AACA,QAAM,EAAE,MAAM,WAAW,SAAS,QAAQ,IAAI;AAAA,IAC5C,MAAM,aAAa;AAAA,IACnB,MAAM;AAAA,EACR;AACA,QAAM,UAAU,aAAa,KAAK;AAElC,MAAI;AACF,WACE;AAAA,MAAC;AAAA;AAAA,QACC,SAAQ;AAAA,QACR,SAAS,MAAM,KAAK,QAAQ;AAAA;AAAA,IAC9B;AAGJ,MAAI,aAAa,CAAC,KAAM,QAAO,oBAAC,cAAW,OAAM,yBAAmB;AAEpE,QAAM,QAAQ,OAAO,KAAK,OAAO;AACjC,QAAM,QAAQ,MAAM,GAAG,CAAC,GAAG,SAAS;AACpC,QAAM,QAAQ,MAAM,GAAG,EAAE,GAAG,SAAS;AACrC,QAAM,YAAY,KAAK,MAAM,OAAO,CAAC,KAAK,MAAM,MAAM,EAAE,WAAW,CAAC;AACpE,QAAM,QAAQ,KAAK,MAAM,OAAO,CAAC,KAAK,MAAM,MAAM,EAAE,OAAO,CAAC;AAE5D,SACE,iCACE;AAAA,yBAAC,aAAQ,cAAW,2BAA0B,WAAU,YACtD;AAAA,0BAAC,SAAI,WAAU,cACb,8BAAC,YAAS,OAAM,SAAQ,OAAO,OAAO,KAAK,WAAW,OAAO,IAAI,GACnE;AAAA,MACA,oBAAC,SAAI,WAAU,cACb,8BAAC,YAAS,OAAM,eAAc,OAAO,OAAO,KAAI,oBAAmB,GACrE;AAAA,MACA,oBAAC,SAAI,WAAU,cACb;AAAA,QAAC;AAAA;AAAA,UACC,OAAM;AAAA,UACN,OAAO,GAAG,QAAQ,KAAK,MAAO,QAAQ,QAAS,GAAG,IAAI,CAAC;AAAA,UACvD,KAAI;AAAA;AAAA,MACN,GACF;AAAA,MACA,oBAAC,SAAI,WAAU,cACb;AAAA,QAAC;AAAA;AAAA,UACC,OAAM;AAAA,UACN,OAAO,GAAG,QAAQ,KAAK,MAAO,YAAY,QAAS,GAAG,IAAI,CAAC;AAAA,UAC3D,KAAI;AAAA;AAAA,MACN,GACF;AAAA,OACF;AAAA,IAEA,qBAAC,SAAI,WAAU,YACb;AAAA,0BAAC,SAAI,WAAU,cACb;AAAA,QAAC;AAAA;AAAA,UACC,OAAM;AAAA,UACN,SAAQ;AAAA,UACR,QAAO;AAAA,UAEP;AAAA,YAAC;AAAA;AAAA,cACC,MAAM,MAAM,IAAI,CAAC,OAAO;AAAA,gBACtB,KAAK,EAAE;AAAA,gBACP,OAAO,GAAG,MAAM,EAAE,KAAK,EAAE,KAAK,SAAM,EAAE,GAAG;AAAA,gBACzC,OAAO,EAAE;AAAA,cACX,EAAE;AAAA,cACF,OAAM;AAAA;AAAA,UACR;AAAA;AAAA,MACF,GACF;AAAA,MACA,oBAAC,SAAI,WAAU,cACb;AAAA,QAAC;AAAA;AAAA,UACC,OAAM;AAAA,UACN,SAAQ;AAAA,UACR,QAAO;AAAA,UAEP;AAAA,YAAC;AAAA;AAAA,cACC,MAAM,aAAa,QAAQ,CAAC,UAAU;AACpC,sBAAM,MAAM,KAAK,YAAY,KAAK,CAAC,MAAM,EAAE,UAAU,KAAK;AAE1D,uBAAO,MACH;AAAA,kBACE;AAAA,oBACE,KAAK;AAAA,oBACL,OAAO,GAAG,MAAM,KAAK,EAAE,KAAK,SAAM,IAAI,UAAU;AAAA,oBAChD,OAAO,KAAK,MAAM,IAAI,UAAU;AAAA,kBAClC;AAAA,gBACF,IACA,CAAC;AAAA,cACP,CAAC;AAAA,cACD,OAAM;AAAA;AAAA,UACR;AAAA;AAAA,MACF,GACF;AAAA,OACF;AAAA,IAEA,qBAAC,SAAI,WAAU,YACb;AAAA,0BAAC,SAAI,WAAU,cACb,8BAAC,SAAM,OAAM,mBAAkB,SAAkB,QAAO,QACtD;AAAA,QAAC;AAAA;AAAA,UACC,MAAM,KAAK,SAAS,IAAI,CAAC,OAAO;AAAA,YAC9B,KAAK,EAAE;AAAA,YACP,OAAO,GAAG,QAAQ,EAAE,MAAM,KAAK,EAAE,MAAM,SAAM,EAAE,KAAK;AAAA,YACpD,OAAO,EAAE;AAAA,UACX,EAAE;AAAA,UACF,OAAM;AAAA;AAAA,MACR,GACF,GACF;AAAA,MACA,oBAAC,SAAI,WAAU,cACb,8BAAC,SAAM,OAAM,UAAS,SAAkB,QAAO,QAAO,OAAK,MACzD;AAAA,QAAC;AAAA;AAAA,UACC,UAAU;AAAA,UACV,MACE,qBAAC,QACC;AAAA,gCAAC,MAAG,iBAAG;AAAA,YACP,oBAAC,MAAG,OAAM,SAAQ,mBAAK;AAAA,YACvB,oBAAC,MAAG,OAAM,SAAQ,qBAAO;AAAA,YACzB,oBAAC,MAAG,OAAM,SAAQ,mBAAK;AAAA,aACzB;AAAA,UAGD,eAAK,MAAM,IAAI,CAAC,MACf,qBAAC,YACC;AAAA,gCAAC,QAAG,WAAW,KAAK,QAAS,YAAE,QAAQ,SAAQ;AAAA,YAC/C,oBAAC,QAAG,WAAW,KAAK,KAAM,YAAE,OAAM;AAAA,YAClC,oBAAC,QAAG,WAAW,KAAK,KAAM,YAAE,WAAU;AAAA,YACtC,oBAAC,QAAG,WAAW,KAAK,KAAM,YAAE,OAAM;AAAA,eAJrB,EAAE,OAKjB,CACD;AAAA;AAAA,MACH,GACF,GACF;AAAA,OACF;AAAA,KACF;AAEJ;","names":[]}

package/dist/admin/sales/sales-kpis.js

@@ -0,0 +1,69 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Reveal } from "../_fx";
+import { StatCard } from "../_ui";
+const fmt = (n) => new Intl.NumberFormat("en-US").format(n);
+const sum = (series) => (series ?? []).reduce((total, point) => total + point.count, 0);
+function change(current, previous) {
+  return previous > 0 ? Math.round((current - previous) / previous * 100) : null;
+}
+function SalesKpis({
+  leads,
+  activation,
+  compare,
+  span
+}) {
+  const newLeads = leads?.totals.newTenantsInRange ?? 0;
+  const previous = leads?.previousOnboardingSeries;
+  const leadDelta = compare && previous ? {
+    pct: change(sum(leads?.onboardingSeries), sum(previous)),
+    caption: `vs previous ${span}`
+  } : void 0;
+  const funnel = activation?.funnel ?? [];
+  const signedUp = funnel.at(0)?.count ?? 0;
+  const ordered = funnel.at(2)?.count ?? 0;
+  const median = activation?.medianDaysToFirstOrder;
+  return /* @__PURE__ */ jsxs("section", { "aria-label": "Sales indicators", className: "adm-grid", children: [
+    /* @__PURE__ */ jsx(Reveal, { index: 0, className: "adm-span-3", children: /* @__PURE__ */ jsx(
+      StatCard,
+      {
+        label: "New leads",
+        value: fmt(newLeads),
+        isLoading: !leads,
+        delta: leadDelta,
+        sub: leadDelta ? void 0 : "New businesses"
+      }
+    ) }),
+    /* @__PURE__ */ jsx(Reveal, { index: 1, className: "adm-span-3", children: /* @__PURE__ */ jsx(
+      StatCard,
+      {
+        label: "Open opportunities",
+        value: fmt(Math.max(signedUp - ordered, 0)),
+        isLoading: !activation,
+        sub: "Signed up, no paid order yet, all time"
+      }
+    ) }),
+    /* @__PURE__ */ jsx(Reveal, { index: 2, className: "adm-span-3", children: /* @__PURE__ */ jsx(
+      StatCard,
+      {
+        label: "Activation rate",
+        value: `${activation?.activationRatePct ?? 0}%`,
+        isLoading: !activation,
+        sub: "Signed up \u2192 activated, all time"
+      }
+    ) }),
+    /* @__PURE__ */ jsx(Reveal, { index: 3, className: "adm-span-3", children: /* @__PURE__ */ jsx(
+      StatCard,
+      {
+        label: "Order conversion",
+        value: `${activation?.orderConversionPct ?? 0}%`,
+        isLoading: !activation,
+        sub: median == null ? "Signed up \u2192 first paid order" : `Median ${median} days to first order`
+      }
+    ) })
+  ] });
+}
+export {
+  SalesKpis
+};
+//# sourceMappingURL=sales-kpis.js.map

package/dist/admin/sales/sales-kpis.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/sales/sales-kpis.tsx"],"sourcesContent":["'use client';\n\nimport type { PlatformCockpit, TenantsAnalytics } from '@withpotter/lib/admin-api';\nimport { Reveal } from '../_fx';\nimport { StatCard, type StatCardDelta } from '../_ui';\n\nconst fmt = (n: number) => new Intl.NumberFormat('en-US').format(n);\nconst sum = (series?: Array<{ count: number }>) =>\n  (series ?? []).reduce((total, point) => total + point.count, 0);\n\n/** Change against the prior window; `null` when there is no baseline. */\nfunction change(current: number, previous: number): number | null {\n  return previous > 0\n    ? Math.round(((current - previous) / previous) * 100)\n    : null;\n}\n\n/**\n * Four headline figures: leads in the period, leads still short of a first\n * sale, and the two conversion rates that say how well they turn into sellers.\n */\nexport function SalesKpis({\n  leads,\n  activation,\n  compare,\n  span,\n}: {\n  leads: TenantsAnalytics | undefined;\n  activation: PlatformCockpit['activation'];\n  compare: boolean;\n  span: string;\n}) {\n  const newLeads = leads?.totals.newTenantsInRange ?? 0;\n  const previous = leads?.previousOnboardingSeries;\n  const leadDelta: StatCardDelta | undefined =\n    compare && previous\n      ? {\n          pct: change(sum(leads?.onboardingSeries), sum(previous)),\n          caption: `vs previous ${span}`,\n        }\n      : undefined;\n\n  const funnel = activation?.funnel ?? [];\n  const signedUp = funnel.at(0)?.count ?? 0;\n  const ordered = funnel.at(2)?.count ?? 0;\n  const median = activation?.medianDaysToFirstOrder;\n\n  return (\n    <section aria-label=\"Sales indicators\" className=\"adm-grid\">\n      <Reveal index={0} className=\"adm-span-3\">\n        <StatCard\n          label=\"New leads\"\n          value={fmt(newLeads)}\n          isLoading={!leads}\n          delta={leadDelta}\n          sub={leadDelta ? undefined : 'New businesses'}\n        />\n      </Reveal>\n      <Reveal index={1} className=\"adm-span-3\">\n        <StatCard\n          label=\"Open opportunities\"\n          value={fmt(Math.max(signedUp - ordered, 0))}\n          isLoading={!activation}\n          sub=\"Signed up, no paid order yet, all time\"\n        />\n      </Reveal>\n      <Reveal index={2} className=\"adm-span-3\">\n        <StatCard\n          label=\"Activation rate\"\n          value={`${activation?.activationRatePct ?? 0}%`}\n          isLoading={!activation}\n          sub=\"Signed up → activated, all time\"\n        />\n      </Reveal>\n      <Reveal index={3} className=\"adm-span-3\">\n        <StatCard\n          label=\"Order conversion\"\n          value={`${activation?.orderConversionPct ?? 0}%`}\n          isLoading={!activation}\n          sub={\n            median == null\n              ? 'Signed up → first paid order'\n              : `Median ${median} days to first order`\n          }\n        />\n      </Reveal>\n    </section>\n  );\n}\n"],"mappings":";AAgDI,SAEI,KAFJ;AA7CJ,SAAS,cAAc;AACvB,SAAS,gBAAoC;AAE7C,MAAM,MAAM,CAAC,MAAc,IAAI,KAAK,aAAa,OAAO,EAAE,OAAO,CAAC;AAClE,MAAM,MAAM,CAAC,YACV,UAAU,CAAC,GAAG,OAAO,CAAC,OAAO,UAAU,QAAQ,MAAM,OAAO,CAAC;AAGhE,SAAS,OAAO,SAAiB,UAAiC;AAChE,SAAO,WAAW,IACd,KAAK,OAAQ,UAAU,YAAY,WAAY,GAAG,IAClD;AACN;AAMO,SAAS,UAAU;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAKG;AACD,QAAM,WAAW,OAAO,OAAO,qBAAqB;AACpD,QAAM,WAAW,OAAO;AACxB,QAAM,YACJ,WAAW,WACP;AAAA,IACE,KAAK,OAAO,IAAI,OAAO,gBAAgB,GAAG,IAAI,QAAQ,CAAC;AAAA,IACvD,SAAS,eAAe,IAAI;AAAA,EAC9B,IACA;AAEN,QAAM,SAAS,YAAY,UAAU,CAAC;AACtC,QAAM,WAAW,OAAO,GAAG,CAAC,GAAG,SAAS;AACxC,QAAM,UAAU,OAAO,GAAG,CAAC,GAAG,SAAS;AACvC,QAAM,SAAS,YAAY;AAE3B,SACE,qBAAC,aAAQ,cAAW,oBAAmB,WAAU,YAC/C;AAAA,wBAAC,UAAO,OAAO,GAAG,WAAU,cAC1B;AAAA,MAAC;AAAA;AAAA,QACC,OAAM;AAAA,QACN,OAAO,IAAI,QAAQ;AAAA,QACnB,WAAW,CAAC;AAAA,QACZ,OAAO;AAAA,QACP,KAAK,YAAY,SAAY;AAAA;AAAA,IAC/B,GACF;AAAA,IACA,oBAAC,UAAO,OAAO,GAAG,WAAU,cAC1B;AAAA,MAAC;AAAA;AAAA,QACC,OAAM;AAAA,QACN,OAAO,IAAI,KAAK,IAAI,WAAW,SAAS,CAAC,CAAC;AAAA,QAC1C,WAAW,CAAC;AAAA,QACZ,KAAI;AAAA;AAAA,IACN,GACF;AAAA,IACA,oBAAC,UAAO,OAAO,GAAG,WAAU,cAC1B;AAAA,MAAC;AAAA;AAAA,QACC,OAAM;AAAA,QACN,OAAO,GAAG,YAAY,qBAAqB,CAAC;AAAA,QAC5C,WAAW,CAAC;AAAA,QACZ,KAAI;AAAA;AAAA,IACN,GACF;AAAA,IACA,oBAAC,UAAO,OAAO,GAAG,WAAU,cAC1B;AAAA,MAAC;AAAA;AAAA,QACC,OAAM;AAAA,QACN,OAAO,GAAG,YAAY,sBAAsB,CAAC;AAAA,QAC7C,WAAW,CAAC;AAAA,QACZ,KACE,UAAU,OACN,sCACA,UAAU,MAAM;AAAA;AAAA,IAExB,GACF;AAAA,KACF;AAEJ;","names":[]}

package/dist/admin/sales/sales-workspace.js

@@ -0,0 +1,55 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import {
+  PageHeader,
+  PageTabs,
+  PeriodSelector,
+  usePersistedDateRange,
+  useTabParam
+} from "../_ui";
+import { ActivityLogTab } from "./activity-log-tab";
+import { LeadsTab } from "./leads-tab";
+import { SalesOverview } from "./overview-tab";
+import { PipelineBoard } from "./pipeline/pipeline-board";
+import { ReportsTab } from "./reports-tab";
+const TABS = [
+  { id: "overview", label: "Overview" },
+  { id: "pipeline", label: "Pipeline" },
+  { id: "leads", label: "Leads" },
+  { id: "reports", label: "Reports" },
+  { id: "activity", label: "Activity log" }
+];
+const KEYS = TABS.map((t) => t.id);
+function SalesWorkspace() {
+  const [tab, setTab] = useTabParam(KEYS);
+  const period = usePersistedDateRange();
+  const dated = tab === "overview" || tab === "reports" || tab === "activity";
+  return /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsx(
+      PageHeader,
+      {
+        title: "Sales",
+        actions: dated && /* @__PURE__ */ jsx(
+          PeriodSelector,
+          {
+            value: period.rangeKey,
+            onChange: period.setRangeKey,
+            customStart: period.customStart,
+            customEnd: period.customEnd,
+            onCustomChange: period.onCustomChange
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ jsx(PageTabs, { tabs: TABS, active: tab, onChange: setTab }),
+    tab === "overview" && /* @__PURE__ */ jsx(SalesOverview, { dates: period }),
+    tab === "pipeline" && /* @__PURE__ */ jsx(PipelineBoard, {}),
+    tab === "leads" && /* @__PURE__ */ jsx(LeadsTab, {}),
+    tab === "reports" && /* @__PURE__ */ jsx(ReportsTab, { period }),
+    tab === "activity" && /* @__PURE__ */ jsx(ActivityLogTab, { period })
+  ] });
+}
+export {
+  SalesWorkspace
+};
+//# sourceMappingURL=sales-workspace.js.map

package/dist/admin/sales/sales-workspace.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/sales/sales-workspace.tsx"],"sourcesContent":["'use client';\n\nimport {\n  PageHeader,\n  PageTabs,\n  PeriodSelector,\n  usePersistedDateRange,\n  useTabParam,\n} from '../_ui';\nimport { ActivityLogTab } from './activity-log-tab';\nimport { LeadsTab } from './leads-tab';\nimport { SalesOverview } from './overview-tab';\nimport { PipelineBoard } from './pipeline/pipeline-board';\nimport { ReportsTab } from './reports-tab';\n\nconst TABS = [\n  { id: 'overview', label: 'Overview' },\n  { id: 'pipeline', label: 'Pipeline' },\n  { id: 'leads', label: 'Leads' },\n  { id: 'reports', label: 'Reports' },\n  { id: 'activity', label: 'Activity log' },\n] as const;\n\nconst KEYS = TABS.map((t) => t.id);\n\n/**\n * Sales: the period's picture on Overview, the day's work on Pipeline (from\n * first contact to first sale), every lead on Leads, and how it converts.\n */\nexport function SalesWorkspace() {\n  const [tab, setTab] = useTabParam(KEYS);\n  const period = usePersistedDateRange();\n  const dated = tab === 'overview' || tab === 'reports' || tab === 'activity';\n\n  return (\n    <div>\n      <PageHeader\n        title=\"Sales\"\n        actions={\n          dated && (\n            <PeriodSelector\n              value={period.rangeKey}\n              onChange={period.setRangeKey}\n              customStart={period.customStart}\n              customEnd={period.customEnd}\n              onCustomChange={period.onCustomChange}\n            />\n          )\n        }\n      />\n      <PageTabs tabs={TABS} active={tab} onChange={setTab} />\n\n      {tab === 'overview' && <SalesOverview dates={period} />}\n      {tab === 'pipeline' && <PipelineBoard />}\n      {tab === 'leads' && <LeadsTab />}\n      {tab === 'reports' && <ReportsTab period={period} />}\n      {tab === 'activity' && <ActivityLogTab period={period} />}\n    </div>\n  );\n}\n"],"mappings":";AAmCI,SAKQ,KALR;AAjCJ;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,sBAAsB;AAC/B,SAAS,gBAAgB;AACzB,SAAS,qBAAqB;AAC9B,SAAS,qBAAqB;AAC9B,SAAS,kBAAkB;AAE3B,MAAM,OAAO;AAAA,EACX,EAAE,IAAI,YAAY,OAAO,WAAW;AAAA,EACpC,EAAE,IAAI,YAAY,OAAO,WAAW;AAAA,EACpC,EAAE,IAAI,SAAS,OAAO,QAAQ;AAAA,EAC9B,EAAE,IAAI,WAAW,OAAO,UAAU;AAAA,EAClC,EAAE,IAAI,YAAY,OAAO,eAAe;AAC1C;AAEA,MAAM,OAAO,KAAK,IAAI,CAAC,MAAM,EAAE,EAAE;AAM1B,SAAS,iBAAiB;AAC/B,QAAM,CAAC,KAAK,MAAM,IAAI,YAAY,IAAI;AACtC,QAAM,SAAS,sBAAsB;AACrC,QAAM,QAAQ,QAAQ,cAAc,QAAQ,aAAa,QAAQ;AAEjE,SACE,qBAAC,SACC;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,OAAM;AAAA,QACN,SACE,SACE;AAAA,UAAC;AAAA;AAAA,YACC,OAAO,OAAO;AAAA,YACd,UAAU,OAAO;AAAA,YACjB,aAAa,OAAO;AAAA,YACpB,WAAW,OAAO;AAAA,YAClB,gBAAgB,OAAO;AAAA;AAAA,QACzB;AAAA;AAAA,IAGN;AAAA,IACA,oBAAC,YAAS,MAAM,MAAM,QAAQ,KAAK,UAAU,QAAQ;AAAA,IAEpD,QAAQ,cAAc,oBAAC,iBAAc,OAAO,QAAQ;AAAA,IACpD,QAAQ,cAAc,oBAAC,iBAAc;AAAA,IACrC,QAAQ,WAAW,oBAAC,YAAS;AAAA,IAC7B,QAAQ,aAAa,oBAAC,cAAW,QAAgB;AAAA,IACjD,QAAQ,cAAc,oBAAC,kBAAe,QAAgB;AAAA,KACzD;AAEJ;","names":[]}

package/dist/admin/sales/sales.module.css

@@ -0,0 +1,52 @@
+/* Sales: the conversion bar and its legend. */
+
+.segments {
+  display: flex;
+  gap: 2px;
+  height: 12px;
+  overflow: hidden;
+  border-radius: 999px;
+  background: var(--bg-subtle);
+}
+
+.segments > span {
+  min-width: 4px;
+  height: 100%;
+}
+
+.legend {
+  display: grid;
+  gap: 8px;
+  margin: 16px 0 0;
+  padding: 0;
+  list-style: none;
+}
+
+.legend li {
+  display: grid;
+  grid-template-columns: 8px 1fr auto 40px;
+  align-items: center;
+  gap: 8px;
+  font-size: var(--text-sm);
+}
+
+.swatch {
+  width: 8px;
+  height: 8px;
+  border-radius: 2px;
+}
+
+.legendLabel {
+  color: var(--text-secondary);
+}
+
+.legendShare {
+  text-align: right;
+  color: var(--text-tertiary);
+}
+
+.note {
+  margin: 8px 0 0;
+  font-size: var(--text-sm);
+  color: var(--text-tertiary);
+}

package/dist/admin/sales/sources-panel.js

@@ -0,0 +1,19 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { AdmLoading, Panel } from "../_ui";
+import { PROVIDER_LABELS } from "../accounts/account-row";
+import { BarList } from "../audit/bar-list";
+function SourcesPanel({
+  providers
+}) {
+  const rows = [...providers ?? []].sort((a, b) => b.count - a.count).map((p) => ({
+    key: p.provider,
+    label: PROVIDER_LABELS[p.provider] ?? p.provider,
+    count: p.count
+  }));
+  return /* @__PURE__ */ jsx(Panel, { title: "Lead sources", caption: "All time, by sign-in", height: "auto", children: providers ? /* @__PURE__ */ jsx(BarList, { rows, empty: "No accounts yet." }) : /* @__PURE__ */ jsx(AdmLoading, { label: "Loading sources\u2026", size: "sm" }) });
+}
+export {
+  SourcesPanel
+};
+//# sourceMappingURL=sources-panel.js.map

package/dist/admin/sales/sources-panel.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/sales/sources-panel.tsx"],"sourcesContent":["'use client';\n\nimport { AdmLoading, Panel } from '../_ui';\nimport { PROVIDER_LABELS } from '../accounts/account-row';\nimport { BarList } from '../audit/bar-list';\n\n/**\n * Where leads come from: how each account signed in, all time (the API does\n * not scope it to the period).\n */\nexport function SourcesPanel({\n  providers,\n}: {\n  providers: Array<{ provider: string; count: number }> | undefined;\n}) {\n  const rows = [...(providers ?? [])]\n    .sort((a, b) => b.count - a.count)\n    .map((p) => ({\n      key: p.provider,\n      label: PROVIDER_LABELS[p.provider] ?? p.provider,\n      count: p.count,\n    }));\n\n  return (\n    <Panel title=\"Lead sources\" caption=\"All time, by sign-in\" height=\"auto\">\n      {providers ? (\n        <BarList rows={rows} empty=\"No accounts yet.\" />\n      ) : (\n        <AdmLoading label=\"Loading sources…\" size=\"sm\" />\n      )}\n    </Panel>\n  );\n}\n"],"mappings":";AA0BQ;AAxBR,SAAS,YAAY,aAAa;AAClC,SAAS,uBAAuB;AAChC,SAAS,eAAe;AAMjB,SAAS,aAAa;AAAA,EAC3B;AACF,GAEG;AACD,QAAM,OAAO,CAAC,GAAI,aAAa,CAAC,CAAE,EAC/B,KAAK,CAAC,GAAG,MAAM,EAAE,QAAQ,EAAE,KAAK,EAChC,IAAI,CAAC,OAAO;AAAA,IACX,KAAK,EAAE;AAAA,IACP,OAAO,gBAAgB,EAAE,QAAQ,KAAK,EAAE;AAAA,IACxC,OAAO,EAAE;AAAA,EACX,EAAE;AAEJ,SACE,oBAAC,SAAM,OAAM,gBAAe,SAAQ,wBAAuB,QAAO,QAC/D,sBACC,oBAAC,WAAQ,MAAY,OAAM,oBAAmB,IAE9C,oBAAC,cAAW,OAAM,yBAAmB,MAAK,MAAK,GAEnD;AAEJ;","names":[]}

package/dist/admin/sales/stage-meta.js

@@ -0,0 +1,73 @@
+const BOARD_STAGES = [
+  "new",
+  "contacted",
+  "onboarding",
+  "activated",
+  "first_sale"
+];
+const STAGE = {
+  new: { label: "New", badge: "draft" },
+  contacted: { label: "Contacted", badge: "pending" },
+  onboarding: { label: "Onboarding", badge: "scheduled" },
+  activated: { label: "Activated", badge: "active" },
+  first_sale: { label: "First sale", badge: "completed" },
+  lost: { label: "Lost", badge: "cancelled" }
+};
+const SOURCES = {
+  sign_up: "Sign-up",
+  referral: "Referral",
+  waitlist: "Waitlist",
+  event: "Event",
+  instagram: "Instagram",
+  whatsapp: "WhatsApp",
+  walk_in: "Walk-in",
+  outbound: "Outbound",
+  other: "Other"
+};
+const LOST_REASONS = {
+  no_reply: "No reply",
+  not_a_fit: "Not a fit",
+  chose_competitor: "Chose a competitor",
+  too_expensive: "Too expensive",
+  other: "Other"
+};
+const CONTACT_TYPES = {
+  call: "Call",
+  email: "Email",
+  whatsapp: "WhatsApp",
+  meeting: "Meeting",
+  note: "Note"
+};
+const OUTCOMES = {
+  reached: "Reached",
+  no_answer: "No answer",
+  interested: "Interested",
+  not_interested: "Not interested"
+};
+const DAY = 864e5;
+function daysSince(iso, now = Date.now()) {
+  if (!iso) return null;
+  return Math.max(0, Math.floor((now - Date.parse(iso)) / DAY));
+}
+function isStalled(lead, now = Date.now()) {
+  if (lead.stage === "first_sale" || lead.stage === "lost") return false;
+  const last = lead.lastContactAt ?? lead.stageChangedAt;
+  return (daysSince(last, now) ?? 0) >= 14;
+}
+function ago(iso, now = Date.now()) {
+  const days = daysSince(iso, now);
+  if (days === null) return "never";
+  return days === 0 ? "today" : `${days}d`;
+}
+export {
+  BOARD_STAGES,
+  CONTACT_TYPES,
+  LOST_REASONS,
+  OUTCOMES,
+  SOURCES,
+  STAGE,
+  ago,
+  daysSince,
+  isStalled
+};
+//# sourceMappingURL=stage-meta.js.map

package/dist/admin/sales/stage-meta.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/sales/stage-meta.ts"],"sourcesContent":["import type { SalesLead, SalesStage } from '@withpotter/lib/admin-sales-api';\n\n/** Board order, left to right. Lost sits off the board, in its own filter. */\nexport const BOARD_STAGES: SalesStage[] = [\n  'new',\n  'contacted',\n  'onboarding',\n  'activated',\n  'first_sale',\n];\n\nexport const STAGE: Record<SalesStage, { label: string; badge: string }> = {\n  new: { label: 'New', badge: 'draft' },\n  contacted: { label: 'Contacted', badge: 'pending' },\n  onboarding: { label: 'Onboarding', badge: 'scheduled' },\n  activated: { label: 'Activated', badge: 'active' },\n  first_sale: { label: 'First sale', badge: 'completed' },\n  lost: { label: 'Lost', badge: 'cancelled' },\n};\n\nexport const SOURCES: Record<string, string> = {\n  sign_up: 'Sign-up',\n  referral: 'Referral',\n  waitlist: 'Waitlist',\n  event: 'Event',\n  instagram: 'Instagram',\n  whatsapp: 'WhatsApp',\n  walk_in: 'Walk-in',\n  outbound: 'Outbound',\n  other: 'Other',\n};\n\nexport const LOST_REASONS: Record<string, string> = {\n  no_reply: 'No reply',\n  not_a_fit: 'Not a fit',\n  chose_competitor: 'Chose a competitor',\n  too_expensive: 'Too expensive',\n  other: 'Other',\n};\n\nexport const CONTACT_TYPES = {\n  call: 'Call',\n  email: 'Email',\n  whatsapp: 'WhatsApp',\n  meeting: 'Meeting',\n  note: 'Note',\n} as const;\n\nexport const OUTCOMES = {\n  reached: 'Reached',\n  no_answer: 'No answer',\n  interested: 'Interested',\n  not_interested: 'Not interested',\n} as const;\n\nconst DAY = 86_400_000;\n\n/** Whole days since a date, 0 for today. */\nexport function daysSince(iso: string | null, now = Date.now()): number | null {\n  if (!iso) return null;\n\n  return Math.max(0, Math.floor((now - Date.parse(iso)) / DAY));\n}\n\n/** Open, and nothing logged for 14 days since contact or stage change. */\nexport function isStalled(lead: SalesLead, now = Date.now()): boolean {\n  if (lead.stage === 'first_sale' || lead.stage === 'lost') return false;\n\n  const last = lead.lastContactAt ?? lead.stageChangedAt;\n\n  return (daysSince(last, now) ?? 0) >= 14;\n}\n\n/** \"Today\", \"1d\", \"12d\": compact, for cards. */\nexport function ago(iso: string | null, now = Date.now()): string {\n  const days = daysSince(iso, now);\n\n  if (days === null) return 'never';\n\n  return days === 0 ? 'today' : `${days}d`;\n}\n"],"mappings":"AAGO,MAAM,eAA6B;AAAA,EACxC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEO,MAAM,QAA8D;AAAA,EACzE,KAAK,EAAE,OAAO,OAAO,OAAO,QAAQ;AAAA,EACpC,WAAW,EAAE,OAAO,aAAa,OAAO,UAAU;AAAA,EAClD,YAAY,EAAE,OAAO,cAAc,OAAO,YAAY;AAAA,EACtD,WAAW,EAAE,OAAO,aAAa,OAAO,SAAS;AAAA,EACjD,YAAY,EAAE,OAAO,cAAc,OAAO,YAAY;AAAA,EACtD,MAAM,EAAE,OAAO,QAAQ,OAAO,YAAY;AAC5C;AAEO,MAAM,UAAkC;AAAA,EAC7C,SAAS;AAAA,EACT,UAAU;AAAA,EACV,UAAU;AAAA,EACV,OAAO;AAAA,EACP,WAAW;AAAA,EACX,UAAU;AAAA,EACV,SAAS;AAAA,EACT,UAAU;AAAA,EACV,OAAO;AACT;AAEO,MAAM,eAAuC;AAAA,EAClD,UAAU;AAAA,EACV,WAAW;AAAA,EACX,kBAAkB;AAAA,EAClB,eAAe;AAAA,EACf,OAAO;AACT;AAEO,MAAM,gBAAgB;AAAA,EAC3B,MAAM;AAAA,EACN,OAAO;AAAA,EACP,UAAU;AAAA,EACV,SAAS;AAAA,EACT,MAAM;AACR;AAEO,MAAM,WAAW;AAAA,EACtB,SAAS;AAAA,EACT,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,gBAAgB;AAClB;AAEA,MAAM,MAAM;AAGL,SAAS,UAAU,KAAoB,MAAM,KAAK,IAAI,GAAkB;AAC7E,MAAI,CAAC,IAAK,QAAO;AAEjB,SAAO,KAAK,IAAI,GAAG,KAAK,OAAO,MAAM,KAAK,MAAM,GAAG,KAAK,GAAG,CAAC;AAC9D;AAGO,SAAS,UAAU,MAAiB,MAAM,KAAK,IAAI,GAAY;AACpE,MAAI,KAAK,UAAU,gBAAgB,KAAK,UAAU,OAAQ,QAAO;AAEjE,QAAM,OAAO,KAAK,iBAAiB,KAAK;AAExC,UAAQ,UAAU,MAAM,GAAG,KAAK,MAAM;AACxC;AAGO,SAAS,IAAI,KAAoB,MAAM,KAAK,IAAI,GAAW;AAChE,QAAM,OAAO,UAAU,KAAK,GAAG;AAE/B,MAAI,SAAS,KAAM,QAAO;AAE1B,SAAO,SAAS,IAAI,UAAU,GAAG,IAAI;AACvC;","names":[]}

package/dist/admin/sales/use-debounced.js

@@ -0,0 +1,14 @@
+"use client";
+import { useEffect, useState } from "react";
+function useDebounced(value, ms = 300) {
+  const [settled, setSettled] = useState(value);
+  useEffect(() => {
+    const timer = setTimeout(() => setSettled(value), ms);
+    return () => clearTimeout(timer);
+  }, [value, ms]);
+  return settled;
+}
+export {
+  useDebounced
+};
+//# sourceMappingURL=use-debounced.js.map

package/dist/admin/sales/use-debounced.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/sales/use-debounced.ts"],"sourcesContent":["'use client';\n\nimport { useEffect, useState } from 'react';\n\n/** `value`, once it has stopped changing for `ms`: one search per pause, not per key. */\nexport function useDebounced<T>(value: T, ms = 300): T {\n  const [settled, setSettled] = useState(value);\n\n  useEffect(() => {\n    const timer = setTimeout(() => setSettled(value), ms);\n\n    return () => clearTimeout(timer);\n  }, [value, ms]);\n\n  return settled;\n}\n"],"mappings":";AAEA,SAAS,WAAW,gBAAgB;AAG7B,SAAS,aAAgB,OAAU,KAAK,KAAQ;AACrD,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,KAAK;AAE5C,YAAU,MAAM;AACd,UAAM,QAAQ,WAAW,MAAM,WAAW,KAAK,GAAG,EAAE;AAEpD,WAAO,MAAM,aAAa,KAAK;AAAA,EACjC,GAAG,CAAC,OAAO,EAAE,CAAC;AAEd,SAAO;AACT;","names":[]}