@dainamite/cpq 0.2.2

package/dist/modules/cpq/components/StatusPath.js

@@ -0,0 +1,60 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { ChevronRight } from "lucide-react";
+import { Tag } from "@open-mercato/ui/primitives/tag";
+import { formatStatusLabel } from "./statusMaps.js";
+function StatusPath({
+  current,
+  path: happyPath,
+  terminals = [],
+  statusMap,
+  labels,
+  onTransition,
+  allowedTransitions,
+  disabled,
+  ariaLabel = "Status path"
+}) {
+  const sequence = React.useMemo(
+    () => [...happyPath, ...terminals],
+    [happyPath, terminals]
+  );
+  const currentIdx = sequence.findIndex((s) => s === current);
+  const interactiveMode = typeof onTransition === "function";
+  return /* @__PURE__ */ jsx("nav", { "aria-label": ariaLabel, className: "flex items-center gap-1.5 flex-wrap text-xs", children: sequence.map((status, idx) => {
+    const reached = currentIdx >= 0 && idx <= currentIdx;
+    const isCurrent = status === current;
+    const variant = statusMap[status] ?? "neutral";
+    const label = labels?.[status] ?? formatStatusLabel(status);
+    const tagClass = isCurrent ? "ring-2 ring-primary/40" : reached ? "" : "opacity-60";
+    const clickable = interactiveMode && !isCurrent && !disabled && (allowedTransitions ? allowedTransitions.includes(status) : true);
+    const wrapperClass = clickable ? "cursor-pointer hover:ring-2 hover:ring-primary/30 rounded-full" : "";
+    return /* @__PURE__ */ jsxs(React.Fragment, { children: [
+      idx > 0 && /* @__PURE__ */ jsx(ChevronRight, { className: "h-3 w-3 text-muted-foreground shrink-0" }),
+      clickable ? /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          onClick: () => onTransition(status),
+          "aria-current": isCurrent ? "step" : void 0,
+          title: `Transition to ${label}`,
+          className: wrapperClass,
+          children: /* @__PURE__ */ jsx(Tag, { variant, dot: isCurrent, className: tagClass, children: label })
+        }
+      ) : /* @__PURE__ */ jsx(
+        Tag,
+        {
+          variant,
+          dot: isCurrent,
+          className: tagClass,
+          "aria-current": isCurrent ? "step" : void 0,
+          children: label
+        }
+      )
+    ] }, status);
+  }) });
+}
+export {
+  StatusPath
+};
+//# sourceMappingURL=StatusPath.js.map

package/dist/modules/cpq/components/StatusPath.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/modules/cpq/components/StatusPath.tsx"],
+  "sourcesContent": ["\"use client\"\nimport * as React from 'react'\nimport { ChevronRight } from 'lucide-react'\nimport { Tag } from '@open-mercato/ui/primitives/tag'\nimport type { TagMap } from '@open-mercato/ui/primitives/tag'\nimport { formatStatusLabel } from './statusMaps'\n\n// Generic horizontal status breadcrumb shared by quotes, orders,\n// subscriptions, and assets. Each consumer passes its own `path`\n// (happy-path order) + `terminals` (off-path failure / cancellation\n// states always rendered at the end) + `statusMap` (status \u2192 Tag\n// variant for colours).\n//\n// Two interaction modes:\n//   - read-only: omit `onTransition`. Path renders as a progress\n//     indicator only.\n//   - interactive: pass `onTransition`. Every non-current step\n//     becomes a button that calls `onTransition(target)`. If\n//     `allowedTransitions` is provided, only those targets are\n//     clickable; otherwise all non-current steps are clickable.\n\ntype TagVariant = TagMap<string>[string]\n\nexport function StatusPath({\n  current,\n  path: happyPath,\n  terminals = [],\n  statusMap,\n  labels,\n  onTransition,\n  allowedTransitions,\n  disabled,\n  ariaLabel = 'Status path',\n}: {\n  current: string\n  /** Happy-path statuses in order. */\n  path: string[]\n  /** Off-path terminal statuses always rendered after the happy path. */\n  terminals?: string[]\n  /** Status \u2192 Tag variant. Missing entries fall back to \"neutral\". */\n  statusMap: Record<string, TagVariant>\n  /** Optional human labels (overrides `formatStatusLabel`). */\n  labels?: Record<string, string>\n  /** Click handler. Omit for read-only path. */\n  onTransition?: (target: string) => void\n  /** If set, only these targets are clickable. Else any non-current. */\n  allowedTransitions?: string[]\n  disabled?: boolean\n  ariaLabel?: string\n}) {\n  // Build the displayed sequence. Aliases can swap into the happy\n  // path slot (e.g. quote's `pre_approved` shown as `approved`). We\n  // don't handle aliasing here \u2014 consumers can swap entries in\n  // their own happyPath before passing it in.\n  const sequence = React.useMemo<string[]>(\n    () => [...happyPath, ...terminals],\n    [happyPath, terminals],\n  )\n\n  const currentIdx = sequence.findIndex((s) => s === current)\n  const interactiveMode = typeof onTransition === 'function'\n\n  return (\n    <nav aria-label={ariaLabel} className=\"flex items-center gap-1.5 flex-wrap text-xs\">\n      {sequence.map((status, idx) => {\n        const reached = currentIdx >= 0 && idx <= currentIdx\n        const isCurrent = status === current\n        const variant = statusMap[status] ?? 'neutral'\n        const label = labels?.[status] ?? formatStatusLabel(status)\n        const tagClass = isCurrent\n          ? 'ring-2 ring-primary/40'\n          : reached\n            ? ''\n            : 'opacity-60'\n        // Clickability: interactive mode + not current + not disabled\n        // + (no allowedTransitions list OR status is in the list).\n        const clickable =\n          interactiveMode &&\n          !isCurrent &&\n          !disabled &&\n          (allowedTransitions ? allowedTransitions.includes(status) : true)\n        const wrapperClass = clickable\n          ? 'cursor-pointer hover:ring-2 hover:ring-primary/30 rounded-full'\n          : ''\n\n        return (\n          <React.Fragment key={status}>\n            {idx > 0 && <ChevronRight className=\"h-3 w-3 text-muted-foreground shrink-0\" />}\n            {clickable ? (\n              <button\n                type=\"button\"\n                onClick={() => onTransition!(status)}\n                aria-current={isCurrent ? 'step' : undefined}\n                title={`Transition to ${label}`}\n                className={wrapperClass}\n              >\n                <Tag variant={variant} dot={isCurrent} className={tagClass}>\n                  {label}\n                </Tag>\n              </button>\n            ) : (\n              <Tag\n                variant={variant}\n                dot={isCurrent}\n                className={tagClass}\n                aria-current={isCurrent ? 'step' : undefined}\n              >\n                {label}\n              </Tag>\n            )}\n          </React.Fragment>\n        )\n      })}\n    </nav>\n  )\n}\n"],
+  "mappings": ";AAsFU,SACc,KADd;AArFV,YAAY,WAAW;AACvB,SAAS,oBAAoB;AAC7B,SAAS,WAAW;AAEpB,SAAS,yBAAyB;AAkB3B,SAAS,WAAW;AAAA,EACzB;AAAA,EACA,MAAM;AAAA,EACN,YAAY,CAAC;AAAA,EACb;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,YAAY;AACd,GAgBG;AAKD,QAAM,WAAW,MAAM;AAAA,IACrB,MAAM,CAAC,GAAG,WAAW,GAAG,SAAS;AAAA,IACjC,CAAC,WAAW,SAAS;AAAA,EACvB;AAEA,QAAM,aAAa,SAAS,UAAU,CAAC,MAAM,MAAM,OAAO;AAC1D,QAAM,kBAAkB,OAAO,iBAAiB;AAEhD,SACE,oBAAC,SAAI,cAAY,WAAW,WAAU,+CACnC,mBAAS,IAAI,CAAC,QAAQ,QAAQ;AAC7B,UAAM,UAAU,cAAc,KAAK,OAAO;AAC1C,UAAM,YAAY,WAAW;AAC7B,UAAM,UAAU,UAAU,MAAM,KAAK;AACrC,UAAM,QAAQ,SAAS,MAAM,KAAK,kBAAkB,MAAM;AAC1D,UAAM,WAAW,YACb,2BACA,UACE,KACA;AAGN,UAAM,YACJ,mBACA,CAAC,aACD,CAAC,aACA,qBAAqB,mBAAmB,SAAS,MAAM,IAAI;AAC9D,UAAM,eAAe,YACjB,mEACA;AAEJ,WACE,qBAAC,MAAM,UAAN,EACE;AAAA,YAAM,KAAK,oBAAC,gBAAa,WAAU,0CAAyC;AAAA,MAC5E,YACC;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,SAAS,MAAM,aAAc,MAAM;AAAA,UACnC,gBAAc,YAAY,SAAS;AAAA,UACnC,OAAO,iBAAiB,KAAK;AAAA,UAC7B,WAAW;AAAA,UAEX,8BAAC,OAAI,SAAkB,KAAK,WAAW,WAAW,UAC/C,iBACH;AAAA;AAAA,MACF,IAEA;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA,KAAK;AAAA,UACL,WAAW;AAAA,UACX,gBAAc,YAAY,SAAS;AAAA,UAElC;AAAA;AAAA,MACH;AAAA,SAtBiB,MAwBrB;AAAA,EAEJ,CAAC,GACH;AAEJ;",
+  "names": []
+}

package/dist/modules/cpq/components/statusMaps.js

@@ -0,0 +1,66 @@
+const lifecycleStatusMap = {
+  draft: "neutral",
+  active: "success",
+  deprecated: "warning"
+};
+const specificationLifecycleStatusMap = lifecycleStatusMap;
+const quoteCpqStatusMap = {
+  new: "info",
+  incomplete: "warning",
+  ready: "success",
+  in_approval: "brand",
+  approved: "success",
+  with_customer: "info",
+  accepted: "success",
+  rejected: "error",
+  cancelled: "neutral"
+};
+const orderCpqStatusMap = {
+  draft: "info",
+  pending_activation: "warning",
+  active: "success",
+  fulfilled: "success",
+  cancelled: "neutral"
+};
+const subscriptionStatusMap = {
+  pending: "info",
+  active: "success",
+  suspended: "warning",
+  terminated: "error",
+  expired: "neutral",
+  cancelled: "neutral"
+};
+const assetStatusMap = {
+  pending: "info",
+  delivered: "success",
+  active: "success",
+  returned: "warning",
+  cancelled: "neutral"
+};
+const priceRuleTypeMap = {
+  discount_percent: "success",
+  discount_absolute: "success",
+  surcharge_percent: "warning",
+  surcharge_absolute: "warning",
+  price_override: "info"
+};
+const chargeTypeMap = {
+  mrc: "info",
+  nrc: "success",
+  usage: "brand"
+};
+function formatStatusLabel(status) {
+  return status.split("_").map((part) => part.charAt(0).toUpperCase() + part.slice(1)).join(" ");
+}
+export {
+  assetStatusMap,
+  chargeTypeMap,
+  formatStatusLabel,
+  lifecycleStatusMap,
+  orderCpqStatusMap,
+  priceRuleTypeMap,
+  quoteCpqStatusMap,
+  specificationLifecycleStatusMap,
+  subscriptionStatusMap
+};
+//# sourceMappingURL=statusMaps.js.map

package/dist/modules/cpq/components/statusMaps.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/modules/cpq/components/statusMaps.ts"],
+  "sourcesContent": ["// Centralised CPQ status \u2192 OM Tag variant mapping.\n//\n// All status pills across CPQ must use these maps so the visual contract is\n// single-sourced and changes propagate everywhere. Never hand-roll\n// `bg-green-100 text-green-800` etc. \u2014 the OM design system uses tokenised\n// status colors (see `src/app/globals.css` for `--status-{success,warning,\n// error,info,neutral}-*`). Reach for `<Tag variant={STATUS_MAP[value]} dot>`.\n\nimport type { TagMap } from '@open-mercato/ui/primitives/tag'\n\n// \u2500\u2500\u2500 Unified lifecycle (specifications + offerings) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n//\n// Both surfaces collapsed `retired` into `deprecated` after reviewer\n// feedback: a single 3-state ladder keeps the UI uniform and the\n// \"what does retired mean here?\" footnote goes away. Existing rows\n// were migrated by:\n//   - `<timestamp>-merge-spec-retired-into-deprecated.ts`\n//   - `<timestamp>-merge-offering-retired-into-deprecated.ts`\n\nexport type LifecycleStatus = 'draft' | 'active' | 'deprecated'\n\nexport const lifecycleStatusMap: TagMap<LifecycleStatus> = {\n  draft: 'neutral',\n  active: 'success',\n  deprecated: 'warning',\n}\n\n/**\n * @deprecated Use `LifecycleStatus` \u2014 kept as a re-export to avoid churn\n * in spec detail / list pages that imported this name.\n */\nexport type SpecificationLifecycleStatus = LifecycleStatus\n\n/** @deprecated Use `lifecycleStatusMap`. */\nexport const specificationLifecycleStatusMap = lifecycleStatusMap\n\n// \u2500\u2500\u2500 Quote CPQ status \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n\nexport type QuoteCpqStatus =\n  | 'new'\n  | 'incomplete'\n  | 'ready'\n  | 'in_approval'\n  | 'approved'\n  | 'with_customer'\n  | 'accepted'\n  | 'rejected'\n  | 'cancelled'\n\nexport const quoteCpqStatusMap: TagMap<QuoteCpqStatus> = {\n  new: 'info',\n  incomplete: 'warning',\n  ready: 'success',\n  in_approval: 'brand',\n  approved: 'success',\n  with_customer: 'info',\n  accepted: 'success',\n  rejected: 'error',\n  cancelled: 'neutral',\n}\n\n// \u2500\u2500\u2500 Order CPQ status \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n\nexport type OrderCpqStatus =\n  | 'draft'\n  | 'pending_activation'\n  | 'active'\n  | 'fulfilled'\n  | 'cancelled'\n\nexport const orderCpqStatusMap: TagMap<OrderCpqStatus> = {\n  draft: 'info',\n  pending_activation: 'warning',\n  active: 'success',\n  fulfilled: 'success',\n  cancelled: 'neutral',\n}\n\n// \u2500\u2500\u2500 Inventory subscription status \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n\nexport type SubscriptionStatus =\n  | 'pending'\n  | 'active'\n  | 'suspended'\n  | 'terminated'\n  | 'expired'\n  | 'cancelled'\n\nexport const subscriptionStatusMap: TagMap<SubscriptionStatus> = {\n  pending: 'info',\n  active: 'success',\n  suspended: 'warning',\n  terminated: 'error',\n  expired: 'neutral',\n  cancelled: 'neutral',\n}\n\n// \u2500\u2500\u2500 Inventory asset status \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n\nexport type AssetStatus = 'pending' | 'delivered' | 'active' | 'returned' | 'cancelled'\n\nexport const assetStatusMap: TagMap<AssetStatus> = {\n  pending: 'info',\n  delivered: 'success',\n  active: 'success',\n  returned: 'warning',\n  cancelled: 'neutral',\n}\n\n// \u2500\u2500\u2500 Pricing rule type \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n\nexport type PriceRuleType =\n  | 'discount_percent'\n  | 'discount_absolute'\n  | 'surcharge_percent'\n  | 'surcharge_absolute'\n  | 'price_override'\n\nexport const priceRuleTypeMap: TagMap<PriceRuleType> = {\n  discount_percent: 'success',\n  discount_absolute: 'success',\n  surcharge_percent: 'warning',\n  surcharge_absolute: 'warning',\n  price_override: 'info',\n}\n\n// \u2500\u2500\u2500 Charge type \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n\nexport type ChargeType = 'mrc' | 'nrc' | 'usage'\n\nexport const chargeTypeMap: TagMap<ChargeType> = {\n  mrc: 'info',\n  nrc: 'success',\n  usage: 'brand',\n}\n\n// \u2500\u2500\u2500 Helper to format a status into a human label \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n\n/**\n * Normalises a snake_case status to a Title Case display label.\n * `pending_activation` \u2192 `Pending Activation`.\n */\nexport function formatStatusLabel(status: string): string {\n  return status\n    .split('_')\n    .map((part) => part.charAt(0).toUpperCase() + part.slice(1))\n    .join(' ')\n}\n"],
+  "mappings": "AAqBO,MAAM,qBAA8C;AAAA,EACzD,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,YAAY;AACd;AASO,MAAM,kCAAkC;AAexC,MAAM,oBAA4C;AAAA,EACvD,KAAK;AAAA,EACL,YAAY;AAAA,EACZ,OAAO;AAAA,EACP,aAAa;AAAA,EACb,UAAU;AAAA,EACV,eAAe;AAAA,EACf,UAAU;AAAA,EACV,UAAU;AAAA,EACV,WAAW;AACb;AAWO,MAAM,oBAA4C;AAAA,EACvD,OAAO;AAAA,EACP,oBAAoB;AAAA,EACpB,QAAQ;AAAA,EACR,WAAW;AAAA,EACX,WAAW;AACb;AAYO,MAAM,wBAAoD;AAAA,EAC/D,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,SAAS;AAAA,EACT,WAAW;AACb;AAMO,MAAM,iBAAsC;AAAA,EACjD,SAAS;AAAA,EACT,WAAW;AAAA,EACX,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,WAAW;AACb;AAWO,MAAM,mBAA0C;AAAA,EACrD,kBAAkB;AAAA,EAClB,mBAAmB;AAAA,EACnB,mBAAmB;AAAA,EACnB,oBAAoB;AAAA,EACpB,gBAAgB;AAClB;AAMO,MAAM,gBAAoC;AAAA,EAC/C,KAAK;AAAA,EACL,KAAK;AAAA,EACL,OAAO;AACT;AAQO,SAAS,kBAAkB,QAAwB;AACxD,SAAO,OACJ,MAAM,GAAG,EACT,IAAI,CAAC,SAAS,KAAK,OAAO,CAAC,EAAE,YAAY,IAAI,KAAK,MAAM,CAAC,CAAC,EAC1D,KAAK,GAAG;AACb;",
+  "names": []
+}

package/dist/modules/cpq/components/useCpqRowActions.js

@@ -0,0 +1,125 @@
+"use client";
+import * as React from "react";
+import { flash } from "@open-mercato/ui/backend/FlashMessages";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { useConfirmDialog } from "@open-mercato/ui/backend/confirm-dialog";
+function useCpqRowActions(options) {
+  const { endpoint, entityName, editHref, onReload, canDelete } = options;
+  const t = useT();
+  const { confirm, ConfirmDialogElement } = useConfirmDialog();
+  const deleteOne = React.useCallback(
+    async (id) => {
+      const res = await fetch(endpoint, {
+        method: "DELETE",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ id })
+      });
+      return res.ok;
+    },
+    [endpoint]
+  );
+  const singleDelete = React.useCallback(
+    async (row) => {
+      if (canDelete && !canDelete(row)) return;
+      const confirmed = await confirm({
+        title: t(
+          "cpq.rowActions.deleteOne.confirm",
+          `Delete this ${entityName}?`
+        ),
+        variant: "destructive"
+      });
+      if (!confirmed) return;
+      const ok = await deleteOne(row.id);
+      if (!ok) {
+        flash(
+          t("cpq.rowActions.deleteOne.error", `Failed to delete ${entityName}`),
+          "error"
+        );
+        return;
+      }
+      flash(t("cpq.rowActions.deleteOne.success", `${entityName} deleted`), "success");
+      onReload();
+    },
+    [canDelete, confirm, deleteOne, entityName, onReload, t]
+  );
+  const bulkDelete = React.useCallback(
+    async (rows) => {
+      if (!rows.length) return { ok: false };
+      const eligible = canDelete ? rows.filter(canDelete) : rows;
+      if (!eligible.length) {
+        flash(
+          t(
+            "cpq.rowActions.deleteBulk.noEligible",
+            `None of the selected ${entityName}s can be deleted in their current state.`
+          ),
+          "error"
+        );
+        return { ok: false };
+      }
+      const confirmed = await confirm({
+        title: t(
+          "cpq.rowActions.deleteBulk.confirm",
+          `Delete ${eligible.length} ${entityName}${eligible.length > 1 ? "s" : ""}?`
+        ),
+        variant: "destructive"
+      });
+      if (!confirmed) return { ok: false };
+      let failed = 0;
+      for (const row of eligible) {
+        const ok = await deleteOne(row.id);
+        if (!ok) failed += 1;
+      }
+      if (failed > 0) {
+        flash(
+          t(
+            "cpq.rowActions.deleteBulk.partialError",
+            `Failed to delete ${failed} ${entityName}${failed > 1 ? "s" : ""}`
+          ),
+          "error"
+        );
+      } else {
+        flash(
+          t("cpq.rowActions.deleteBulk.success", `${entityName}s deleted`),
+          "success"
+        );
+      }
+      onReload();
+      return { ok: failed === 0, affectedCount: eligible.length - failed };
+    },
+    [canDelete, confirm, deleteOne, entityName, onReload, t]
+  );
+  const buildItems = React.useCallback(
+    (row, extras) => {
+      const items = [];
+      if (extras?.prepend) items.push(...extras.prepend);
+      items.push({
+        id: "edit",
+        label: t("cpq.rowActions.edit", "Edit"),
+        href: editHref(row)
+      });
+      if (extras?.append) items.push(...extras.append);
+      const deletable = !canDelete || canDelete(row);
+      if (deletable) {
+        items.push({
+          id: "delete",
+          label: t("cpq.rowActions.delete", "Delete"),
+          destructive: true,
+          onSelect: () => {
+            void singleDelete(row);
+          }
+        });
+      }
+      return items;
+    },
+    [canDelete, editHref, singleDelete, t]
+  );
+  return {
+    buildItems,
+    bulkDelete,
+    ConfirmDialogElement
+  };
+}
+export {
+  useCpqRowActions
+};
+//# sourceMappingURL=useCpqRowActions.js.map

package/dist/modules/cpq/components/useCpqRowActions.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/modules/cpq/components/useCpqRowActions.tsx"],
+  "sourcesContent": ["\"use client\"\nimport * as React from 'react'\nimport { flash } from '@open-mercato/ui/backend/FlashMessages'\nimport { type RowActionItem } from '@open-mercato/ui/backend/RowActions'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { useConfirmDialog } from '@open-mercato/ui/backend/confirm-dialog'\n\n// \u2500\u2500\u2500 Types \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n\nexport type UseCpqRowActionsOptions<T extends { id: string }> = {\n  /** DELETE endpoint that accepts `{ id }` body (e.g. `/api/cpq/product-offerings`). */\n  endpoint: string\n  /**\n   * Singular noun for the entity, used in confirm + flash messages.\n   * E.g. `'offering'`, `'pricing table'`, `'price rule'`.\n   */\n  entityName: string\n  /**\n   * Build the href for the row's edit/detail page (e.g. `(row) =>\n   * `/backend/cpq/offerings/${row.id}`).\n   */\n  editHref: (row: T) => string\n  /** Reload the table after a successful delete. */\n  onReload: () => void\n  /**\n   * Override the row-deletion guard. Returning `false` skips the\n   * delete request without flashing an error (e.g. when the row is in a\n   * lifecycle state that disallows deletion).\n   */\n  canDelete?: (row: T) => boolean\n}\n\nexport type CpqRowActionsApi<T extends { id: string }> = {\n  /**\n   * Items for `<RowActions>` for a single row. Always returns\n   * `Edit` + `Delete` \u2014 extras can be prepended / appended.\n   */\n  buildItems: (row: T, extras?: { prepend?: RowActionItem[]; append?: RowActionItem[] }) => RowActionItem[]\n  /**\n   * Bulk-delete handler suitable for `<DataTable bulkActions>`. Confirms once\n   * for the whole selection, then issues `DELETE` requests sequentially so\n   * a partial failure stops cleanly. Reports per-row failures via `flash`.\n   *\n   * Note: sequential by design \u2014 DELETE on the same table from N parallel\n   * requests can deadlock at the row-lock level under load. Chunked\n   * parallelism would be the next step if selection counts grow > ~200.\n   */\n  bulkDelete: (rows: T[]) => Promise<{ ok: boolean; affectedCount?: number }>\n  /**\n   * Render this element somewhere in the page (typically as the\n   * `footerContent` slot of `<CpqListView>`) so the confirm dialog\n   * portal mounts.\n   */\n  ConfirmDialogElement: React.ReactNode\n}\n\n// \u2500\u2500\u2500 Implementation \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n\nexport function useCpqRowActions<T extends { id: string }>(\n  options: UseCpqRowActionsOptions<T>,\n): CpqRowActionsApi<T> {\n  const { endpoint, entityName, editHref, onReload, canDelete } = options\n  const t = useT()\n  const { confirm, ConfirmDialogElement } = useConfirmDialog()\n\n  const deleteOne = React.useCallback(\n    async (id: string) => {\n      const res = await fetch(endpoint, {\n        method: 'DELETE',\n        headers: { 'Content-Type': 'application/json' },\n        body: JSON.stringify({ id }),\n      })\n      return res.ok\n    },\n    [endpoint],\n  )\n\n  const singleDelete = React.useCallback(\n    async (row: T) => {\n      if (canDelete && !canDelete(row)) return\n      const confirmed = await confirm({\n        title: t(\n          'cpq.rowActions.deleteOne.confirm',\n          `Delete this ${entityName}?`,\n        ),\n        variant: 'destructive',\n      })\n      if (!confirmed) return\n      const ok = await deleteOne(row.id)\n      if (!ok) {\n        flash(\n          t('cpq.rowActions.deleteOne.error', `Failed to delete ${entityName}`),\n          'error',\n        )\n        return\n      }\n      flash(t('cpq.rowActions.deleteOne.success', `${entityName} deleted`), 'success')\n      onReload()\n    },\n    [canDelete, confirm, deleteOne, entityName, onReload, t],\n  )\n\n  const bulkDelete = React.useCallback(\n    async (rows: T[]) => {\n      if (!rows.length) return { ok: false }\n      const eligible = canDelete ? rows.filter(canDelete) : rows\n      if (!eligible.length) {\n        flash(\n          t(\n            'cpq.rowActions.deleteBulk.noEligible',\n            `None of the selected ${entityName}s can be deleted in their current state.`,\n          ),\n          'error',\n        )\n        return { ok: false }\n      }\n      const confirmed = await confirm({\n        title: t(\n          'cpq.rowActions.deleteBulk.confirm',\n          `Delete ${eligible.length} ${entityName}${eligible.length > 1 ? 's' : ''}?`,\n        ),\n        variant: 'destructive',\n      })\n      if (!confirmed) return { ok: false }\n\n      let failed = 0\n      for (const row of eligible) {\n        const ok = await deleteOne(row.id)\n        if (!ok) failed += 1\n      }\n\n      if (failed > 0) {\n        flash(\n          t(\n            'cpq.rowActions.deleteBulk.partialError',\n            `Failed to delete ${failed} ${entityName}${failed > 1 ? 's' : ''}`,\n          ),\n          'error',\n        )\n      } else {\n        flash(\n          t('cpq.rowActions.deleteBulk.success', `${entityName}s deleted`),\n          'success',\n        )\n      }\n      onReload()\n      return { ok: failed === 0, affectedCount: eligible.length - failed }\n    },\n    [canDelete, confirm, deleteOne, entityName, onReload, t],\n  )\n\n  const buildItems = React.useCallback(\n    (row: T, extras?: { prepend?: RowActionItem[]; append?: RowActionItem[] }): RowActionItem[] => {\n      const items: RowActionItem[] = []\n      if (extras?.prepend) items.push(...extras.prepend)\n      items.push({\n        id: 'edit',\n        label: t('cpq.rowActions.edit', 'Edit'),\n        href: editHref(row),\n      })\n      if (extras?.append) items.push(...extras.append)\n      const deletable = !canDelete || canDelete(row)\n      if (deletable) {\n        items.push({\n          id: 'delete',\n          label: t('cpq.rowActions.delete', 'Delete'),\n          destructive: true,\n          onSelect: () => {\n            void singleDelete(row)\n          },\n        })\n      }\n      return items\n    },\n    [canDelete, editHref, singleDelete, t],\n  )\n\n  return {\n    buildItems,\n    bulkDelete,\n    ConfirmDialogElement,\n  }\n}\n"],
+  "mappings": "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",
+  "names": []
+}