@open-mercato/core 0.8.1-develop.7296.1.2111d779db → 0.9.0

package/dist/modules/customer_groups/commands/reorderGroups.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/modules/customer_groups/commands/reorderGroups.ts"],
+  "sourcesContent": ["import { registerCommand } from '@open-mercato/shared/lib/commands'\nimport type { CommandHandler } from '@open-mercato/shared/lib/commands'\nimport type { EntityManager } from '@mikro-orm/postgresql'\nimport { ensureTenantScope } from '@open-mercato/shared/lib/commands/scope'\nimport { withAtomicFlush } from '@open-mercato/shared/lib/commands/flush'\nimport { canonicalizeResourceTag, invalidateCrudCache } from '@open-mercato/shared/lib/crud/cache'\nimport { conflict, isUniqueViolation } from '@open-mercato/shared/lib/crud/errors'\nimport { resolveTranslations } from '@open-mercato/shared/lib/i18n/server'\nimport { CustomerGroup } from '../data/entities'\nimport { customerGroupReorderSchema, type CustomerGroupReorderInput } from '../data/validators'\nimport { emitCustomerGroupLifecycleEvent } from '../lib/groupEvents'\n\n// Spec \u00A714 Phase 1, R4 mitigation: \"Import assigns priorities in gaps of 10 and\n// renumbers on conflict; the admin list supports drag-reorder which rewrites\n// priorities in one transaction.\" Gaps of 10 leave room for a future import or\n// manual reprioritization to slot a group between two existing ones without\n// renumbering the whole tenant.\nconst PRIORITY_STEP = 10\n\n// `CustomerGroup.priority` carries the partial unique index\n// `(tenant_id, priority) WHERE deleted_at IS NULL` (see data/entities.ts). It is a\n// unique INDEX, so it can never be DEFERRABLE, and Postgres checks it row by row\n// while a statement runs \u2014 not at statement or transaction end. Writing the final\n// priorities straight over the current ones therefore collides on any swap\n// (A 10\u219220 while B still holds 20). Any remaining unique violation (a concurrent\n// create/adopt/reorder that landed between our read and our write) is surfaced as a\n// clean 409 instead of a raw 500.\nconst CUSTOMER_GROUP_PRIORITY_UNIQUE_CONSTRAINT = 'customer_groups_tenant_priority_unique'\n\n// The group list route's CRUD cache resource kind. `customer_groups.group` is the\n// events-derived kind; `CustomerGroup` is the entity-name-derived fallback\n// `makeCrudRoute` uses when no `events` config is declared \u2014 both are flushed so the\n// admin list never serves pre-reorder priorities whichever one the route resolves to.\nconst CUSTOMER_GROUP_CACHE_RESOURCE = canonicalizeResourceTag('customer_groups.group') ?? 'customer_groups.group'\nconst CUSTOMER_GROUP_CACHE_ALIASES = [canonicalizeResourceTag('CustomerGroup') ?? 'customer.group']\n\ntype PriorityAssignment = { group: CustomerGroup; original: number; temporary: number; final: number }\n\n/**\n * Computes the final priority for every listed group that resolves in the tenant.\n *\n * Two documented regimes, chosen so the result can never collide with a group\n * that is NOT being rewritten:\n * - Full ordering (the listed ids cover every non-deleted group in the tenant \u2014 what\n *   the admin list sends on its unfiltered view): priorities are renumbered to\n *   `(position + 1) * PRIORITY_STEP` following the list order. Every row in the\n *   tenant is rewritten, so nothing outside the list can hold one of those values.\n * - Partial ordering (any other non-deleted group is left out): the listed groups\n *   are reordered among the priority values they ALREADY hold (sorted ascending and\n *   handed out in list order). Groups outside the list keep their priority untouched\n *   and their precedence relative to the listed ones is unchanged, so a partial\n *   reorder never silently renumbers \u2014 or collides with \u2014 a group the caller did not\n *   mention, and replaying the previous order restores the exact previous values.\n *\n * Unknown / other-tenant / soft-deleted ids are skipped (still consuming their\n * position in the full-ordering regime); duplicate ids keep their first position.\n */\nfunction planPriorityAssignments(ids: string[], tenantGroups: CustomerGroup[]): PriorityAssignment[] {\n  const groupsById = new Map(tenantGroups.map((group) => [group.id, group]))\n  const positions = new Map<string, number>()\n  ids.forEach((id, index) => {\n    if (!positions.has(id)) positions.set(id, index)\n  })\n  const targets = Array.from(positions.keys())\n    .map((id) => groupsById.get(id))\n    .filter((group): group is CustomerGroup => Boolean(group))\n  if (!targets.length) return []\n\n  const isFullOrdering = targets.length === tenantGroups.length\n  const ownSlots = targets.map((group) => group.priority).sort((left, right) => left - right)\n\n  // Temporary values sit strictly below every priority currently held in the tenant\n  // (including adopted orphans, which live below the tenant minimum \u2014 see\n  // `lib/reconcile.ts` `adoptOrphanedCustomerGroups`) and are distinct from each\n  // other, so the first write pass can never hit the unique index.\n  const tenantMinimum = tenantGroups.reduce((min, group) => Math.min(min, group.priority), 0)\n  const temporaryBase = tenantMinimum - 1\n\n  return targets.map((group, index) => ({\n    group,\n    original: group.priority,\n    temporary: temporaryBase - index,\n    final: isFullOrdering ? ((positions.get(group.id) ?? index) + 1) * PRIORITY_STEP : ownSlots[index],\n  }))\n}\n\nconst reorderCustomerGroupsCommand: CommandHandler<CustomerGroupReorderInput, void> = {\n  id: 'customer_groups.groups.reorder',\n  async execute(rawInput, ctx) {\n    const parsed = customerGroupReorderSchema.parse(rawInput)\n    ensureTenantScope(ctx, parsed.tenantId)\n\n    const em = (ctx.container.resolve('em') as EntityManager).fork()\n\n    // Every non-deleted group in the tenant: needed to decide the full vs. partial\n    // regime and to pick temporary values that cannot collide with any row the\n    // partial unique index covers.\n    const tenantGroups = await em.find(CustomerGroup, { tenantId: parsed.tenantId, deletedAt: null })\n    const assignments = planPriorityAssignments(parsed.ids, tenantGroups)\n    if (!assignments.length) return\n\n    try {\n      // Two phases, each flushed inside ONE transaction by `withAtomicFlush`: park the\n      // rewritten rows on temporary values first, then write the final values once\n      // no listed row still occupies a slot another listed row needs.\n      await withAtomicFlush(\n        em,\n        [\n          () => {\n            for (const assignment of assignments) {\n              assignment.group.priority = assignment.temporary\n            }\n          },\n          () => {\n            const now = new Date()\n            for (const assignment of assignments) {\n              assignment.group.priority = assignment.final\n              assignment.group.updatedAt = now\n            }\n          },\n        ],\n        { transaction: true, label: 'customer_groups.groups.reorder' },\n      )\n    } catch (err) {\n      if (isUniqueViolation(err, CUSTOMER_GROUP_PRIORITY_UNIQUE_CONSTRAINT) || isUniqueViolation(err)) {\n        const { translate } = await resolveTranslations()\n        throw conflict(\n          translate(\n            'customer_groups.errors.reorderConflict',\n            'Another change affected group priorities. Reload and try again.',\n          ),\n        )\n      }\n      throw err\n    }\n\n    for (const assignment of assignments) {\n      await invalidateCrudCache(\n        ctx.container,\n        CUSTOMER_GROUP_CACHE_RESOURCE,\n        { id: assignment.group.id, tenantId: parsed.tenantId, organizationId: null },\n        parsed.tenantId,\n        'updated',\n        CUSTOMER_GROUP_CACHE_ALIASES,\n      )\n    }\n\n    // The reorder bypasses the group CRUD route, so it emits that route's\n    // `customer_groups.group.updated` itself \u2014 only for rows whose priority actually\n    // changed, since a no-op position must not invalidate downstream caches.\n    for (const assignment of assignments) {\n      if (assignment.final === assignment.original) continue\n      await emitCustomerGroupLifecycleEvent('customer_groups.group.updated', {\n        id: assignment.group.id,\n        tenantId: parsed.tenantId,\n      })\n    }\n  },\n}\n\nregisterCommand(reorderCustomerGroupsCommand)\n\nexport { reorderCustomerGroupsCommand }\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/modules/customer_groups/components/CustomerGroupDefaultField.js

@@ -0,0 +1,41 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { SwitchField } from "@open-mercato/ui/primitives/switch-field";
+import { Alert } from "@open-mercato/ui/primitives/alert";
+import { Spinner } from "@open-mercato/ui/primitives/spinner";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+function CustomerGroupDefaultField({
+  value,
+  setValue,
+  disabled,
+  conflictGroupName,
+  isLoading = false
+}) {
+  const t = useT();
+  const checked = value === true;
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+    /* @__PURE__ */ jsx(
+      SwitchField,
+      {
+        label: t("customer_groups.groups.form.field.isDefault", "Default group"),
+        description: t(
+          "customer_groups.groups.form.field.isDefaultHint",
+          "Customers without an explicit group assignment fall back to the tenant default."
+        ),
+        checked,
+        disabled,
+        onCheckedChange: (next) => setValue(next === true)
+      }
+    ),
+    checked && isLoading ? /* @__PURE__ */ jsx(Spinner, { size: "sm" }) : null,
+    checked && !isLoading && conflictGroupName ? /* @__PURE__ */ jsx(Alert, { status: "warning", size: "xs", children: t(
+      "customer_groups.groups.form.field.isDefaultConflict",
+      "{name} is currently default \u2014 enabling this will replace it",
+      { name: conflictGroupName }
+    ) }) : null
+  ] });
+}
+export {
+  CustomerGroupDefaultField
+};
+//# sourceMappingURL=CustomerGroupDefaultField.js.map

package/dist/modules/customer_groups/components/CustomerGroupDefaultField.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/modules/customer_groups/components/CustomerGroupDefaultField.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { SwitchField } from '@open-mercato/ui/primitives/switch-field'\nimport { Alert } from '@open-mercato/ui/primitives/alert'\nimport { Spinner } from '@open-mercato/ui/primitives/spinner'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\n\nexport type CustomerGroupDefaultFieldProps = {\n  value: unknown\n  setValue: (value: unknown) => void\n  disabled?: boolean\n  // Name of the tenant's current default group, excluding the group being edited.\n  // `null` when there is no conflict (no other default exists yet).\n  conflictGroupName?: string | null\n  // True while the tenant's current default group is still being looked up, so the\n  // conflict warning cannot be shown yet.\n  isLoading?: boolean\n}\n\nexport function CustomerGroupDefaultField({\n  value,\n  setValue,\n  disabled,\n  conflictGroupName,\n  isLoading = false,\n}: CustomerGroupDefaultFieldProps) {\n  const t = useT()\n  const checked = value === true\n\n  return (\n    <div className=\"space-y-2\">\n      <SwitchField\n        label={t('customer_groups.groups.form.field.isDefault', 'Default group')}\n        description={t(\n          'customer_groups.groups.form.field.isDefaultHint',\n          'Customers without an explicit group assignment fall back to the tenant default.',\n        )}\n        checked={checked}\n        disabled={disabled}\n        onCheckedChange={(next) => setValue(next === true)}\n      />\n      {checked && isLoading ? <Spinner size=\"sm\" /> : null}\n      {checked && !isLoading && conflictGroupName ? (\n        <Alert status=\"warning\" size=\"xs\">\n          {t(\n            'customer_groups.groups.form.field.isDefaultConflict',\n            '{name} is currently default \u2014 enabling this will replace it',\n            { name: conflictGroupName },\n          )}\n        </Alert>\n      ) : null}\n    </div>\n  )\n}\n"],
+  "mappings": ";AA+BI,SACE,KADF;AA5BJ,SAAS,mBAAmB;AAC5B,SAAS,aAAa;AACtB,SAAS,eAAe;AACxB,SAAS,YAAY;AAcd,SAAS,0BAA0B;AAAA,EACxC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,YAAY;AACd,GAAmC;AACjC,QAAM,IAAI,KAAK;AACf,QAAM,UAAU,UAAU;AAE1B,SACE,qBAAC,SAAI,WAAU,aACb;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,OAAO,EAAE,+CAA+C,eAAe;AAAA,QACvE,aAAa;AAAA,UACX;AAAA,UACA;AAAA,QACF;AAAA,QACA;AAAA,QACA;AAAA,QACA,iBAAiB,CAAC,SAAS,SAAS,SAAS,IAAI;AAAA;AAAA,IACnD;AAAA,IACC,WAAW,YAAY,oBAAC,WAAQ,MAAK,MAAK,IAAK;AAAA,IAC/C,WAAW,CAAC,aAAa,oBACxB,oBAAC,SAAM,QAAO,WAAU,MAAK,MAC1B;AAAA,MACC;AAAA,MACA;AAAA,MACA,EAAE,MAAM,kBAAkB;AAAA,IAC5B,GACF,IACE;AAAA,KACN;AAEJ;",
+  "names": []
+}

package/dist/modules/customer_groups/components/CustomerGroupParentField.js

@@ -0,0 +1,156 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { ComboboxInput } from "@open-mercato/ui/backend/inputs/ComboboxInput";
+import { apiCall } from "@open-mercato/ui/backend/utils/apiCall";
+import { Alert } from "@open-mercato/ui/primitives/alert";
+import { Spinner } from "@open-mercato/ui/primitives/spinner";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { getTelemetryRuntime } from "@open-mercato/shared/lib/telemetry/runtime";
+import {
+  CUSTOMER_GROUP_DEPTH_WARNING_THRESHOLD,
+  mapListItemsToSummaries
+} from "./customerGroupTree.js";
+const MAX_ANCESTOR_LOOKUPS = 16;
+async function fetchGroupById(id) {
+  const call = await apiCall(
+    `/api/customer_groups/customer-groups?ids=${encodeURIComponent(id)}&pageSize=1`
+  );
+  if (!call.ok || !call.result) return null;
+  const [group] = mapListItemsToSummaries(call.result.items);
+  return group ?? null;
+}
+function formatGroupLabel(group) {
+  return group.code ? `${group.name} (${group.code})` : group.name;
+}
+async function loadAncestorChain(startId) {
+  const chain = [];
+  const visited = /* @__PURE__ */ new Set();
+  let currentId = startId;
+  while (currentId && !visited.has(currentId) && chain.length < MAX_ANCESTOR_LOOKUPS) {
+    visited.add(currentId);
+    chain.push(currentId);
+    const group = await fetchGroupById(currentId);
+    currentId = group?.parentId ?? null;
+  }
+  return chain;
+}
+function CustomerGroupParentField({
+  value,
+  setValue,
+  disabled,
+  excludeId
+}) {
+  const t = useT();
+  const selectedId = typeof value === "string" && value.length ? value : "";
+  const [chainLength, setChainLength] = React.useState(0);
+  const [cycleRejected, setCycleRejected] = React.useState(false);
+  const [validating, setValidating] = React.useState(false);
+  const [chainLoading, setChainLoading] = React.useState(false);
+  React.useEffect(() => {
+    let cancelled = false;
+    if (!selectedId) {
+      setChainLength(0);
+      setChainLoading(false);
+      return;
+    }
+    setChainLoading(true);
+    loadAncestorChain(selectedId).then((chain) => {
+      if (!cancelled) setChainLength(chain.length);
+    }).catch((err) => {
+      getTelemetryRuntime()?.reportError(err, {
+        module: "customer_groups",
+        code: "customer_groups.parent_depth_check_failed"
+      });
+      if (!cancelled) setChainLength(0);
+    }).finally(() => {
+      if (!cancelled) setChainLoading(false);
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [selectedId]);
+  const loadSuggestions = React.useCallback(
+    async (query) => {
+      const params = new URLSearchParams({ pageSize: "20", sortField: "name", sortDir: "asc" });
+      const trimmed = (query ?? "").trim();
+      if (trimmed) params.set("search", trimmed);
+      const call = await apiCall(`/api/customer_groups/customer-groups?${params.toString()}`);
+      if (!call.ok || !call.result) return [];
+      return mapListItemsToSummaries(call.result.items).filter((group) => group.id !== excludeId).map((group) => ({ value: group.id, label: formatGroupLabel(group) }));
+    },
+    [excludeId]
+  );
+  const resolveLabel = React.useCallback(async (id) => {
+    const group = await fetchGroupById(id);
+    return group ? formatGroupLabel(group) : id;
+  }, []);
+  const handleChange = React.useCallback(
+    async (next) => {
+      if (!next) {
+        setCycleRejected(false);
+        setValue(null);
+        return;
+      }
+      if (!excludeId) {
+        setCycleRejected(false);
+        setValue(next);
+        return;
+      }
+      setValidating(true);
+      try {
+        const chain = await loadAncestorChain(next);
+        if (chain.includes(excludeId)) {
+          setCycleRejected(true);
+          return;
+        }
+        setCycleRejected(false);
+        setValue(next);
+      } catch (err) {
+        getTelemetryRuntime()?.reportError(err, {
+          module: "customer_groups",
+          code: "customer_groups.parent_cycle_check_failed"
+        });
+        setCycleRejected(false);
+        setValue(next);
+      } finally {
+        setValidating(false);
+      }
+    },
+    [excludeId, setValue]
+  );
+  const showDepthWarning = Boolean(selectedId) && !chainLoading && chainLength >= CUSTOMER_GROUP_DEPTH_WARNING_THRESHOLD;
+  const isLoading = validating || chainLoading;
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsx("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ jsx(
+        ComboboxInput,
+        {
+          value: selectedId,
+          onChange: (next) => {
+            void handleChange(next);
+          },
+          disabled: disabled || validating,
+          allowCustomValues: false,
+          clearable: true,
+          placeholder: t("customer_groups.groups.form.field.parentPlaceholder", "No parent (top level)"),
+          loadSuggestions,
+          resolveLabel
+        }
+      ) }),
+      isLoading ? /* @__PURE__ */ jsx(Spinner, { size: "sm" }) : null
+    ] }),
+    cycleRejected ? /* @__PURE__ */ jsx(Alert, { status: "error", size: "xs", children: t(
+      "customer_groups.groups.form.field.parentCycle",
+      "A group cannot be moved under one of its own subgroups."
+    ) }) : null,
+    showDepthWarning ? /* @__PURE__ */ jsx(Alert, { status: "warning", size: "xs", children: t(
+      "customer_groups.groups.form.field.parentDepthWarning",
+      "This parent is already deeply nested \u2014 this group would land at hierarchy depth 5 or deeper."
+    ) }) : null
+  ] });
+}
+export {
+  CustomerGroupParentField
+};
+//# sourceMappingURL=CustomerGroupParentField.js.map

package/dist/modules/customer_groups/components/CustomerGroupParentField.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/modules/customer_groups/components/CustomerGroupParentField.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { ComboboxInput, type ComboboxOption } from '@open-mercato/ui/backend/inputs/ComboboxInput'\nimport { apiCall } from '@open-mercato/ui/backend/utils/apiCall'\nimport { Alert } from '@open-mercato/ui/primitives/alert'\nimport { Spinner } from '@open-mercato/ui/primitives/spinner'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { getTelemetryRuntime } from '@open-mercato/shared/lib/telemetry/runtime'\nimport {\n  CUSTOMER_GROUP_DEPTH_WARNING_THRESHOLD,\n  mapListItemsToSummaries,\n  type CustomerGroupSummary,\n} from './customerGroupTree'\n\nconst MAX_ANCESTOR_LOOKUPS = 16\n\nexport type CustomerGroupParentFieldProps = {\n  value: unknown\n  setValue: (value: unknown) => void\n  disabled?: boolean\n  // The group being edited. It is never offered as its own parent, and a\n  // candidate whose ancestor chain contains it (i.e. one of its descendants) is\n  // rejected so an edit can never introduce a cycle.\n  excludeId?: string | null\n}\n\nasync function fetchGroupById(id: string): Promise<CustomerGroupSummary | null> {\n  const call = await apiCall<{ items?: unknown[] }>(\n    `/api/customer_groups/customer-groups?ids=${encodeURIComponent(id)}&pageSize=1`,\n  )\n  if (!call.ok || !call.result) return null\n  const [group] = mapListItemsToSummaries(call.result.items)\n  return group ?? null\n}\n\nfunction formatGroupLabel(group: CustomerGroupSummary): string {\n  return group.code ? `${group.name} (${group.code})` : group.name\n}\n\n// Walks up from `startId` via `parentId` one lookup per level. The hierarchy is\n// capped at depth 5, so this stays a handful of requests; the visited set and the\n// lookup cap keep it bounded even against already-corrupt cyclical data.\nasync function loadAncestorChain(startId: string): Promise<string[]> {\n  const chain: string[] = []\n  const visited = new Set<string>()\n  let currentId: string | null = startId\n  while (currentId && !visited.has(currentId) && chain.length < MAX_ANCESTOR_LOOKUPS) {\n    visited.add(currentId)\n    chain.push(currentId)\n    const group = await fetchGroupById(currentId)\n    currentId = group?.parentId ?? null\n  }\n  return chain\n}\n\nexport function CustomerGroupParentField({\n  value,\n  setValue,\n  disabled,\n  excludeId,\n}: CustomerGroupParentFieldProps) {\n  const t = useT()\n  const selectedId = typeof value === 'string' && value.length ? value : ''\n  const [chainLength, setChainLength] = React.useState(0)\n  const [cycleRejected, setCycleRejected] = React.useState(false)\n  const [validating, setValidating] = React.useState(false)\n  const [chainLoading, setChainLoading] = React.useState(false)\n\n  React.useEffect(() => {\n    let cancelled = false\n    if (!selectedId) {\n      setChainLength(0)\n      setChainLoading(false)\n      return\n    }\n    setChainLoading(true)\n    loadAncestorChain(selectedId)\n      .then((chain) => {\n        if (!cancelled) setChainLength(chain.length)\n      })\n      .catch((err) => {\n        getTelemetryRuntime()?.reportError(err, {\n          module: 'customer_groups',\n          code: 'customer_groups.parent_depth_check_failed',\n        })\n        if (!cancelled) setChainLength(0)\n      })\n      .finally(() => {\n        if (!cancelled) setChainLoading(false)\n      })\n    return () => {\n      cancelled = true\n    }\n  }, [selectedId])\n\n  const loadSuggestions = React.useCallback(\n    async (query?: string): Promise<ComboboxOption[]> => {\n      const params = new URLSearchParams({ pageSize: '20', sortField: 'name', sortDir: 'asc' })\n      const trimmed = (query ?? '').trim()\n      if (trimmed) params.set('search', trimmed)\n      const call = await apiCall<{ items?: unknown[] }>(`/api/customer_groups/customer-groups?${params.toString()}`)\n      if (!call.ok || !call.result) return []\n      return mapListItemsToSummaries(call.result.items)\n        .filter((group) => group.id !== excludeId)\n        .map((group) => ({ value: group.id, label: formatGroupLabel(group) }))\n    },\n    [excludeId],\n  )\n\n  const resolveLabel = React.useCallback(async (id: string) => {\n    const group = await fetchGroupById(id)\n    return group ? formatGroupLabel(group) : id\n  }, [])\n\n  const handleChange = React.useCallback(\n    async (next: string) => {\n      if (!next) {\n        setCycleRejected(false)\n        setValue(null)\n        return\n      }\n      if (!excludeId) {\n        setCycleRejected(false)\n        setValue(next)\n        return\n      }\n      setValidating(true)\n      try {\n        const chain = await loadAncestorChain(next)\n        if (chain.includes(excludeId)) {\n          setCycleRejected(true)\n          return\n        }\n        setCycleRejected(false)\n        setValue(next)\n      } catch (err) {\n        // The cycle check is a UX pre-check only; the server rejects a cyclic parent\n        // (`customer_groups.errors.parentCycle`) on save, so a failed lookup keeps the\n        // selection and defers to that validation instead of leaving it unhandled.\n        getTelemetryRuntime()?.reportError(err, {\n          module: 'customer_groups',\n          code: 'customer_groups.parent_cycle_check_failed',\n        })\n        setCycleRejected(false)\n        setValue(next)\n      } finally {\n        setValidating(false)\n      }\n    },\n    [excludeId, setValue],\n  )\n\n  const showDepthWarning = Boolean(selectedId) && !chainLoading && chainLength >= CUSTOMER_GROUP_DEPTH_WARNING_THRESHOLD\n  const isLoading = validating || chainLoading\n\n  return (\n    <div className=\"space-y-2\">\n      <div className=\"flex items-center gap-2\">\n        <div className=\"min-w-0 flex-1\">\n          <ComboboxInput\n            value={selectedId}\n            onChange={(next) => {\n              void handleChange(next)\n            }}\n            disabled={disabled || validating}\n            allowCustomValues={false}\n            clearable\n            placeholder={t('customer_groups.groups.form.field.parentPlaceholder', 'No parent (top level)')}\n            loadSuggestions={loadSuggestions}\n            resolveLabel={resolveLabel}\n          />\n        </div>\n        {isLoading ? <Spinner size=\"sm\" /> : null}\n      </div>\n      {cycleRejected ? (\n        <Alert status=\"error\" size=\"xs\">\n          {t(\n            'customer_groups.groups.form.field.parentCycle',\n            'A group cannot be moved under one of its own subgroups.',\n          )}\n        </Alert>\n      ) : null}\n      {showDepthWarning ? (\n        <Alert status=\"warning\" size=\"xs\">\n          {t(\n            'customer_groups.groups.form.field.parentDepthWarning',\n            'This parent is already deeply nested \u2014 this group would land at hierarchy depth 5 or deeper.',\n          )}\n        </Alert>\n      ) : null}\n    </div>\n  )\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/modules/customer_groups/components/CustomerGroupTermsPriceKindField.js

@@ -0,0 +1,94 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { ComboboxInput } from "@open-mercato/ui/backend/inputs/ComboboxInput";
+import { readApiResultOrThrow } from "@open-mercato/ui/backend/utils/apiCall";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { createLogger } from "@open-mercato/shared/lib/logger";
+const logger = createLogger("customer_groups").child({ component: "CustomerGroupTermsPriceKindField" });
+function pickString(item, ...keys) {
+  for (const key of keys) {
+    const value = item[key];
+    if (typeof value === "string" && value.length) return value;
+  }
+  return "";
+}
+function mapPriceKindItem(item) {
+  const id = pickString(item, "id");
+  if (!id) return null;
+  const title = pickString(item, "title") || id;
+  const code = pickString(item, "code");
+  return { value: id, label: code ? `${title} (${code})` : title };
+}
+async function loadPriceKindOptions(query) {
+  try {
+    const params = new URLSearchParams({ search: (query ?? "").trim(), pageSize: "20" });
+    const payload = await readApiResultOrThrow(
+      `/api/customer_groups/customer-groups/price-kinds?${params.toString()}`,
+      void 0,
+      { fallback: { items: [] } }
+    );
+    const items = Array.isArray(payload.items) ? payload.items : [];
+    return items.map(mapPriceKindItem).filter((option) => option !== null);
+  } catch (err) {
+    logger.error("customer_groups.terms.priceKind.load", { err });
+    return [];
+  }
+}
+async function resolvePriceKindLabel(id) {
+  try {
+    const params = new URLSearchParams({ ids: id, pageSize: "1" });
+    const payload = await readApiResultOrThrow(
+      `/api/customer_groups/customer-groups/price-kinds?${params.toString()}`,
+      void 0,
+      { fallback: { items: [] } }
+    );
+    const items = Array.isArray(payload.items) ? payload.items : [];
+    const option = items.map(mapPriceKindItem).find((candidate) => candidate !== null);
+    return option?.label ?? id;
+  } catch {
+    return id;
+  }
+}
+function CustomerGroupTermsPriceKindField({
+  value,
+  onChange,
+  disabled
+}) {
+  const t = useT();
+  const currentId = typeof value === "string" ? value.trim() : "";
+  const [isLoading, setIsLoading] = React.useState(false);
+  React.useEffect(() => {
+    let cancelled = false;
+    if (!currentId) {
+      setIsLoading(false);
+      return;
+    }
+    setIsLoading(true);
+    resolvePriceKindLabel(currentId).then(() => {
+      if (!cancelled) setIsLoading(false);
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [currentId]);
+  return /* @__PURE__ */ jsx(
+    ComboboxInput,
+    {
+      value: currentId,
+      onChange,
+      disabled: disabled || isLoading,
+      allowCustomValues: false,
+      clearable: true,
+      placeholder: t("customer_groups.groups.form.terms.field.priceKindPlaceholder", "Search price kinds\u2026"),
+      loadSuggestions: loadPriceKindOptions,
+      resolveLabel: resolvePriceKindLabel
+    }
+  );
+}
+var CustomerGroupTermsPriceKindField_default = CustomerGroupTermsPriceKindField;
+export {
+  CustomerGroupTermsPriceKindField,
+  CustomerGroupTermsPriceKindField_default as default
+};
+//# sourceMappingURL=CustomerGroupTermsPriceKindField.js.map

package/dist/modules/customer_groups/components/CustomerGroupTermsPriceKindField.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/modules/customer_groups/components/CustomerGroupTermsPriceKindField.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { ComboboxInput, type ComboboxOption } from '@open-mercato/ui/backend/inputs/ComboboxInput'\nimport { readApiResultOrThrow } from '@open-mercato/ui/backend/utils/apiCall'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { createLogger } from '@open-mercato/shared/lib/logger'\n\nconst logger = createLogger('customer_groups').child({ component: 'CustomerGroupTermsPriceKindField' })\n\ntype RemotePriceKind = Record<string, unknown>\n\n// Mirrors `pickString`/`loadOptions`/`resolveOne` in\n// `catalog/components/prices/PriceScopeSelectors.tsx` (`PricePriceKindSelect`) \u2014 the\n// terms `priceKindId` field is an FK-id into `catalog`'s price kinds (spec: \"a picker\n// sourced from catalog price kinds, not free text\"), sourced via `customer_groups`'\n// own `/api/customer_groups/customer-groups/price-kinds` route (gated by `customer_groups.terms.view`,\n// not `catalog.settings.manage`) rather than an ORM relationship.\nfunction pickString(item: RemotePriceKind, ...keys: string[]): string {\n  for (const key of keys) {\n    const value = item[key]\n    if (typeof value === 'string' && value.length) return value\n  }\n  return ''\n}\n\nfunction mapPriceKindItem(item: RemotePriceKind): ComboboxOption | null {\n  const id = pickString(item, 'id')\n  if (!id) return null\n  const title = pickString(item, 'title') || id\n  const code = pickString(item, 'code')\n  return { value: id, label: code ? `${title} (${code})` : title }\n}\n\nasync function loadPriceKindOptions(query?: string): Promise<ComboboxOption[]> {\n  try {\n    const params = new URLSearchParams({ search: (query ?? '').trim(), pageSize: '20' })\n    const payload = await readApiResultOrThrow<{ items?: RemotePriceKind[] }>(\n      `/api/customer_groups/customer-groups/price-kinds?${params.toString()}`,\n      undefined,\n      { fallback: { items: [] } },\n    )\n    const items = Array.isArray(payload.items) ? payload.items : []\n    return items.map(mapPriceKindItem).filter((option): option is ComboboxOption => option !== null)\n  } catch (err) {\n    logger.error('customer_groups.terms.priceKind.load', { err })\n    return []\n  }\n}\n\nasync function resolvePriceKindLabel(id: string): Promise<string> {\n  try {\n    const params = new URLSearchParams({ ids: id, pageSize: '1' })\n    const payload = await readApiResultOrThrow<{ items?: RemotePriceKind[] }>(\n      `/api/customer_groups/customer-groups/price-kinds?${params.toString()}`,\n      undefined,\n      { fallback: { items: [] } },\n    )\n    const items = Array.isArray(payload.items) ? payload.items : []\n    const option = items.map(mapPriceKindItem).find((candidate): candidate is ComboboxOption => candidate !== null)\n    return option?.label ?? id\n  } catch {\n    return id\n  }\n}\n\nexport function CustomerGroupTermsPriceKindField({\n  value,\n  onChange,\n  disabled,\n}: {\n  value: string\n  onChange: (next: string) => void\n  disabled?: boolean\n}) {\n  const t = useT()\n  const currentId = typeof value === 'string' ? value.trim() : ''\n  // Mirrors `GroupPickerField`'s resolve-in-flight guard: disable the combobox while a\n  // pre-selected id's label is still resolving so the field never briefly shows the raw\n  // uuid as interactive text.\n  const [isLoading, setIsLoading] = React.useState(false)\n\n  React.useEffect(() => {\n    let cancelled = false\n    if (!currentId) {\n      setIsLoading(false)\n      return\n    }\n    setIsLoading(true)\n    resolvePriceKindLabel(currentId).then(() => {\n      if (!cancelled) setIsLoading(false)\n    })\n    return () => {\n      cancelled = true\n    }\n  }, [currentId])\n\n  return (\n    <ComboboxInput\n      value={currentId}\n      onChange={onChange}\n      disabled={disabled || isLoading}\n      allowCustomValues={false}\n      clearable\n      placeholder={t('customer_groups.groups.form.terms.field.priceKindPlaceholder', 'Search price kinds\u2026')}\n      loadSuggestions={loadPriceKindOptions}\n      resolveLabel={resolvePriceKindLabel}\n    />\n  )\n}\n\nexport default CustomerGroupTermsPriceKindField\n"],
+  "mappings": ";AAkGI;AAhGJ,YAAY,WAAW;AACvB,SAAS,qBAA0C;AACnD,SAAS,4BAA4B;AACrC,SAAS,YAAY;AACrB,SAAS,oBAAoB;AAE7B,MAAM,SAAS,aAAa,iBAAiB,EAAE,MAAM,EAAE,WAAW,mCAAmC,CAAC;AAUtG,SAAS,WAAW,SAA0B,MAAwB;AACpE,aAAW,OAAO,MAAM;AACtB,UAAM,QAAQ,KAAK,GAAG;AACtB,QAAI,OAAO,UAAU,YAAY,MAAM,OAAQ,QAAO;AAAA,EACxD;AACA,SAAO;AACT;AAEA,SAAS,iBAAiB,MAA8C;AACtE,QAAM,KAAK,WAAW,MAAM,IAAI;AAChC,MAAI,CAAC,GAAI,QAAO;AAChB,QAAM,QAAQ,WAAW,MAAM,OAAO,KAAK;AAC3C,QAAM,OAAO,WAAW,MAAM,MAAM;AACpC,SAAO,EAAE,OAAO,IAAI,OAAO,OAAO,GAAG,KAAK,KAAK,IAAI,MAAM,MAAM;AACjE;AAEA,eAAe,qBAAqB,OAA2C;AAC7E,MAAI;AACF,UAAM,SAAS,IAAI,gBAAgB,EAAE,SAAS,SAAS,IAAI,KAAK,GAAG,UAAU,KAAK,CAAC;AACnF,UAAM,UAAU,MAAM;AAAA,MACpB,oDAAoD,OAAO,SAAS,CAAC;AAAA,MACrE;AAAA,MACA,EAAE,UAAU,EAAE,OAAO,CAAC,EAAE,EAAE;AAAA,IAC5B;AACA,UAAM,QAAQ,MAAM,QAAQ,QAAQ,KAAK,IAAI,QAAQ,QAAQ,CAAC;AAC9D,WAAO,MAAM,IAAI,gBAAgB,EAAE,OAAO,CAAC,WAAqC,WAAW,IAAI;AAAA,EACjG,SAAS,KAAK;AACZ,WAAO,MAAM,wCAAwC,EAAE,IAAI,CAAC;AAC5D,WAAO,CAAC;AAAA,EACV;AACF;AAEA,eAAe,sBAAsB,IAA6B;AAChE,MAAI;AACF,UAAM,SAAS,IAAI,gBAAgB,EAAE,KAAK,IAAI,UAAU,IAAI,CAAC;AAC7D,UAAM,UAAU,MAAM;AAAA,MACpB,oDAAoD,OAAO,SAAS,CAAC;AAAA,MACrE;AAAA,MACA,EAAE,UAAU,EAAE,OAAO,CAAC,EAAE,EAAE;AAAA,IAC5B;AACA,UAAM,QAAQ,MAAM,QAAQ,QAAQ,KAAK,IAAI,QAAQ,QAAQ,CAAC;AAC9D,UAAM,SAAS,MAAM,IAAI,gBAAgB,EAAE,KAAK,CAAC,cAA2C,cAAc,IAAI;AAC9G,WAAO,QAAQ,SAAS;AAAA,EAC1B,QAAQ;AACN,WAAO;AAAA,EACT;AACF;AAEO,SAAS,iCAAiC;AAAA,EAC/C;AAAA,EACA;AAAA,EACA;AACF,GAIG;AACD,QAAM,IAAI,KAAK;AACf,QAAM,YAAY,OAAO,UAAU,WAAW,MAAM,KAAK,IAAI;AAI7D,QAAM,CAAC,WAAW,YAAY,IAAI,MAAM,SAAS,KAAK;AAEtD,QAAM,UAAU,MAAM;AACpB,QAAI,YAAY;AAChB,QAAI,CAAC,WAAW;AACd,mBAAa,KAAK;AAClB;AAAA,IACF;AACA,iBAAa,IAAI;AACjB,0BAAsB,SAAS,EAAE,KAAK,MAAM;AAC1C,UAAI,CAAC,UAAW,cAAa,KAAK;AAAA,IACpC,CAAC;AACD,WAAO,MAAM;AACX,kBAAY;AAAA,IACd;AAAA,EACF,GAAG,CAAC,SAAS,CAAC;AAEd,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAO;AAAA,MACP;AAAA,MACA,UAAU,YAAY;AAAA,MACtB,mBAAmB;AAAA,MACnB,WAAS;AAAA,MACT,aAAa,EAAE,gEAAgE,0BAAqB;AAAA,MACpG,iBAAiB;AAAA,MACjB,cAAc;AAAA;AAAA,EAChB;AAEJ;AAEA,IAAO,2CAAQ;",
+  "names": []
+}

package/dist/modules/customer_groups/components/CustomerGroupTermsSection.js

@@ -0,0 +1,199 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { z } from "zod";
+import { FileText } from "lucide-react";
+import { CrudForm } from "@open-mercato/ui/backend/CrudForm";
+import { updateCrud } from "@open-mercato/ui/backend/utils/crud";
+import { flash } from "@open-mercato/ui/backend/FlashMessages";
+import { ErrorMessage, LoadingMessage } from "@open-mercato/ui/backend/detail";
+import { SectionHeader } from "@open-mercato/ui/backend/SectionHeader";
+import { EmptyState } from "@open-mercato/ui/primitives/empty-state";
+import { Button } from "@open-mercato/ui/primitives/button";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { CustomerGroupTermsPriceKindField } from "./CustomerGroupTermsPriceKindField.js";
+const TERMS_NOT_YET_CREATED_LOCK_TOKEN = (/* @__PURE__ */ new Date(0)).toISOString();
+const PURCHASE_ON_ACCOUNT_VALUES = ["inherit", "allow", "deny"];
+function toPurchaseOnAccountValue(value) {
+  if (value === true) return "allow";
+  if (value === false) return "deny";
+  return "inherit";
+}
+function fromPurchaseOnAccountValue(value) {
+  if (value === "allow") return true;
+  if (value === "deny") return false;
+  return null;
+}
+function mapTermsToFormValues(terms) {
+  return {
+    priceKindId: terms?.priceKindId ?? "",
+    paymentTermsDays: terms?.paymentTermsDays ?? void 0,
+    allowPurchaseOnAccount: toPurchaseOnAccountValue(terms?.allowPurchaseOnAccount),
+    defaultCreditLimit: terms?.defaultCreditLimit ?? void 0,
+    creditCurrencyCode: terms?.creditCurrencyCode ?? "",
+    approvalRequiredAbove: terms?.approvalRequiredAbove ?? void 0,
+    minOrderValue: terms?.minOrderValue ?? void 0
+  };
+}
+function CustomerGroupTermsSection({
+  groupId,
+  terms,
+  loading,
+  loadError,
+  canManage,
+  onSaved
+}) {
+  const t = useT();
+  const [editing, setEditing] = React.useState(false);
+  const hasTerms = terms != null;
+  const showForm = hasTerms || editing;
+  const negativeMessage = t("customer_groups.groups.form.terms.errors.negative", "Must be zero or greater.");
+  const schema = React.useMemo(
+    () => z.object({
+      priceKindId: z.string().trim(),
+      paymentTermsDays: z.coerce.number().int().min(0, negativeMessage).optional(),
+      allowPurchaseOnAccount: z.enum(PURCHASE_ON_ACCOUNT_VALUES),
+      defaultCreditLimit: z.coerce.number().min(0, negativeMessage).optional(),
+      creditCurrencyCode: z.string().trim().max(4, t("customer_groups.groups.form.terms.errors.currencyLength", "Use up to 4 characters.")),
+      approvalRequiredAbove: z.coerce.number().min(0, negativeMessage).optional(),
+      minOrderValue: z.coerce.number().min(0, negativeMessage).optional()
+    }),
+    [negativeMessage, t]
+  );
+  const fields = React.useMemo(
+    () => [
+      {
+        id: "priceKindId",
+        label: t("customer_groups.groups.form.terms.field.priceKind", "Price kind"),
+        type: "custom",
+        component: ({ value, setValue, disabled }) => /* @__PURE__ */ jsx(
+          CustomerGroupTermsPriceKindField,
+          {
+            value: typeof value === "string" ? value : "",
+            onChange: setValue,
+            disabled
+          }
+        )
+      },
+      {
+        id: "paymentTermsDays",
+        label: t("customer_groups.groups.form.terms.field.paymentTermsDays", "Payment terms (days)"),
+        type: "number",
+        layout: "half"
+      },
+      {
+        id: "allowPurchaseOnAccount",
+        label: t("customer_groups.groups.form.terms.field.allowPurchaseOnAccount", "Allow purchase on account"),
+        type: "select",
+        layout: "half",
+        required: true,
+        options: [
+          {
+            value: "inherit",
+            label: t("customer_groups.groups.form.terms.field.allowPurchaseOnAccountOptions.inherit", "Inherit")
+          },
+          {
+            value: "allow",
+            label: t("customer_groups.groups.form.terms.field.allowPurchaseOnAccountOptions.allow", "Allow")
+          },
+          {
+            value: "deny",
+            label: t("customer_groups.groups.form.terms.field.allowPurchaseOnAccountOptions.deny", "Do not allow")
+          }
+        ]
+      },
+      {
+        id: "defaultCreditLimit",
+        label: t("customer_groups.groups.form.terms.field.defaultCreditLimit", "Default credit limit"),
+        type: "number",
+        layout: "half"
+      },
+      {
+        id: "creditCurrencyCode",
+        label: t("customer_groups.groups.form.terms.field.creditCurrencyCode", "Credit currency"),
+        type: "text",
+        layout: "half",
+        placeholder: t("customer_groups.groups.form.terms.field.creditCurrencyCodePlaceholder", "e.g., USD"),
+        maxLength: 4
+      },
+      {
+        id: "approvalRequiredAbove",
+        label: t("customer_groups.groups.form.terms.field.approvalRequiredAbove", "Approval required above"),
+        type: "number",
+        layout: "half"
+      },
+      {
+        id: "minOrderValue",
+        label: t("customer_groups.groups.form.terms.field.minOrderValue", "Minimum order value"),
+        type: "number",
+        layout: "half"
+      }
+    ],
+    [t]
+  );
+  const initialValues = React.useMemo(() => mapTermsToFormValues(terms ?? null), [terms]);
+  const handleSubmit = React.useCallback(
+    async (values) => {
+      const payload = {
+        priceKindId: values.priceKindId && values.priceKindId.trim().length ? values.priceKindId : null,
+        paymentTermsDays: typeof values.paymentTermsDays === "number" ? values.paymentTermsDays : null,
+        allowPurchaseOnAccount: fromPurchaseOnAccountValue(values.allowPurchaseOnAccount),
+        defaultCreditLimit: typeof values.defaultCreditLimit === "number" ? values.defaultCreditLimit : null,
+        creditCurrencyCode: values.creditCurrencyCode && values.creditCurrencyCode.trim().length ? values.creditCurrencyCode.trim().toUpperCase() : null,
+        approvalRequiredAbove: typeof values.approvalRequiredAbove === "number" ? values.approvalRequiredAbove : null,
+        minOrderValue: typeof values.minOrderValue === "number" ? values.minOrderValue : null
+      };
+      const call = await updateCrud(`customer_groups/customer-groups/${groupId}/terms`, payload, {
+        errorMessage: t("customer_groups.groups.form.terms.errors.save", "Failed to save commercial terms.")
+      });
+      if (call.result?.terms) onSaved(call.result.terms);
+      flash(t("customer_groups.groups.form.terms.flash.saved", "Commercial terms saved."), "success");
+    },
+    [groupId, onSaved, t]
+  );
+  return /* @__PURE__ */ jsxs("div", { className: "rounded-md border border-border bg-card p-4 space-y-4", children: [
+    /* @__PURE__ */ jsx(SectionHeader, { title: t("customer_groups.groups.form.terms.title", "Commercial terms") }),
+    loading ? /* @__PURE__ */ jsx(LoadingMessage, { label: t("customer_groups.groups.form.terms.loading", "Loading commercial terms\u2026") }) : loadError ? /* @__PURE__ */ jsx(ErrorMessage, { label: loadError }) : !showForm ? /* @__PURE__ */ jsx(
+      EmptyState,
+      {
+        size: "sm",
+        variant: "subtle",
+        icon: /* @__PURE__ */ jsx(FileText, { className: "h-5 w-5", "aria-hidden": true }),
+        title: t(
+          "customer_groups.groups.form.terms.empty.title",
+          "No terms set \u2014 inheriting from parent / tenant defaults"
+        ),
+        description: t(
+          "customer_groups.groups.form.terms.empty.description",
+          "This group currently uses commercial terms inherited from its parent group or the tenant defaults. Set explicit terms to override them for this group."
+        ),
+        actions: canManage ? /* @__PURE__ */ jsx(Button, { type: "button", size: "sm", variant: "outline", onClick: () => setEditing(true), children: t("customer_groups.groups.form.terms.empty.action", "Set terms for this group") }) : void 0,
+        className: "border border-dashed border-border"
+      }
+    ) : /* @__PURE__ */ jsx(
+      CrudForm,
+      {
+        embedded: true,
+        schema,
+        fields,
+        initialValues,
+        optimisticLockUpdatedAt: terms?.updatedAt ?? TERMS_NOT_YET_CREATED_LOCK_TOKEN,
+        readOnly: !canManage,
+        readOnlyOverlay: /* @__PURE__ */ jsx("div", { className: "rounded-xl border border-border/70 bg-background/95 px-4 py-3 text-sm text-muted-foreground shadow-sm", children: t(
+          "customer_groups.groups.form.terms.readOnly",
+          "You do not have permission to change commercial terms."
+        ) }),
+        submitLabel: t("customer_groups.groups.form.terms.action.save", "Save terms"),
+        onSubmit: handleSubmit
+      },
+      terms?.updatedAt ?? "new"
+    )
+  ] });
+}
+var CustomerGroupTermsSection_default = CustomerGroupTermsSection;
+export {
+  CustomerGroupTermsSection,
+  TERMS_NOT_YET_CREATED_LOCK_TOKEN,
+  CustomerGroupTermsSection_default as default
+};
+//# sourceMappingURL=CustomerGroupTermsSection.js.map

package/dist/modules/customer_groups/components/CustomerGroupTermsSection.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/modules/customer_groups/components/CustomerGroupTermsSection.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { z } from 'zod'\nimport { FileText } from 'lucide-react'\nimport { CrudForm, type CrudField } from '@open-mercato/ui/backend/CrudForm'\nimport { updateCrud } from '@open-mercato/ui/backend/utils/crud'\nimport { flash } from '@open-mercato/ui/backend/FlashMessages'\nimport { ErrorMessage, LoadingMessage } from '@open-mercato/ui/backend/detail'\nimport { SectionHeader } from '@open-mercato/ui/backend/SectionHeader'\nimport { EmptyState } from '@open-mercato/ui/primitives/empty-state'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { CustomerGroupTermsPriceKindField } from './CustomerGroupTermsPriceKindField'\n\nexport type CustomerGroupTermsDTO = {\n  id: string\n  groupId: string\n  organizationId: string | null\n  tenantId: string\n  priceKindId: string | null\n  paymentTermsDays: number | null\n  allowPurchaseOnAccount: boolean | null\n  defaultCreditLimit: number | null\n  creditCurrencyCode: string | null\n  approvalRequiredAbove: number | null\n  minOrderValue: number | null\n  metadata: Record<string, unknown> | null\n  createdAt: string\n  updatedAt: string\n}\n\n// Lock token sent with the first save of a group that has no terms row yet. No real\n// row can carry this `updated_at`, so if another editor created the row meanwhile the\n// route's lock check against that row answers 409 instead of silently overwriting it.\nexport const TERMS_NOT_YET_CREATED_LOCK_TOKEN = new Date(0).toISOString()\n\n// `inherit` maps to `null` on the wire: the field is left unset on this group and\n// resolves from the parent chain / tenant default, like the other terms fields.\nconst PURCHASE_ON_ACCOUNT_VALUES = ['inherit', 'allow', 'deny'] as const\ntype PurchaseOnAccountValue = (typeof PURCHASE_ON_ACCOUNT_VALUES)[number]\n\nfunction toPurchaseOnAccountValue(value: boolean | null | undefined): PurchaseOnAccountValue {\n  if (value === true) return 'allow'\n  if (value === false) return 'deny'\n  return 'inherit'\n}\n\nfunction fromPurchaseOnAccountValue(value: string | undefined): boolean | null {\n  if (value === 'allow') return true\n  if (value === 'deny') return false\n  return null\n}\n\ntype CustomerGroupTermsFormValues = {\n  priceKindId: string\n  paymentTermsDays?: number\n  allowPurchaseOnAccount: PurchaseOnAccountValue\n  defaultCreditLimit?: number\n  creditCurrencyCode: string\n  approvalRequiredAbove?: number\n  minOrderValue?: number\n}\n\nfunction mapTermsToFormValues(terms: CustomerGroupTermsDTO | null): CustomerGroupTermsFormValues {\n  return {\n    priceKindId: terms?.priceKindId ?? '',\n    paymentTermsDays: terms?.paymentTermsDays ?? undefined,\n    allowPurchaseOnAccount: toPurchaseOnAccountValue(terms?.allowPurchaseOnAccount),\n    defaultCreditLimit: terms?.defaultCreditLimit ?? undefined,\n    creditCurrencyCode: terms?.creditCurrencyCode ?? '',\n    approvalRequiredAbove: terms?.approvalRequiredAbove ?? undefined,\n    minOrderValue: terms?.minOrderValue ?? undefined,\n  }\n}\n\nexport function CustomerGroupTermsSection({\n  groupId,\n  terms,\n  loading,\n  loadError,\n  canManage,\n  onSaved,\n}: {\n  groupId: string\n  // `undefined` = still loading, `null` = confirmed no terms row for this group\n  // (spec: \"No terms set \u2014 inheriting from parent / tenant defaults\"), object = loaded row.\n  terms: CustomerGroupTermsDTO | null | undefined\n  loading: boolean\n  // Set when the terms GET failed for a reason other than \"no row\" \u2014 the form is\n  // then withheld so a save can never overwrite terms it could not read.\n  loadError?: string | null\n  // Without `customer_groups.terms.manage` the terms stay viewable but the form is\n  // read-only and the empty state offers no \"set terms\" action \u2014 a save would 403.\n  canManage: boolean\n  onSaved: (next: CustomerGroupTermsDTO) => void\n}) {\n  const t = useT()\n  // Once the user starts filling out terms for a group that has none yet, keep the\n  // form mounted even while the in-flight save briefly leaves `terms` as `null` \u2014\n  // otherwise the empty state would flash back before `onSaved` lands.\n  const [editing, setEditing] = React.useState(false)\n  const hasTerms = terms != null\n  const showForm = hasTerms || editing\n\n  const negativeMessage = t('customer_groups.groups.form.terms.errors.negative', 'Must be zero or greater.')\n\n  const schema = React.useMemo(\n    () =>\n      z.object({\n        priceKindId: z.string().trim(),\n        paymentTermsDays: z.coerce.number().int().min(0, negativeMessage).optional(),\n        allowPurchaseOnAccount: z.enum(PURCHASE_ON_ACCOUNT_VALUES),\n        defaultCreditLimit: z.coerce.number().min(0, negativeMessage).optional(),\n        creditCurrencyCode: z\n          .string()\n          .trim()\n          .max(4, t('customer_groups.groups.form.terms.errors.currencyLength', 'Use up to 4 characters.')),\n        approvalRequiredAbove: z.coerce.number().min(0, negativeMessage).optional(),\n        minOrderValue: z.coerce.number().min(0, negativeMessage).optional(),\n      }),\n    [negativeMessage, t],\n  )\n\n  const fields = React.useMemo<CrudField[]>(\n    () => [\n      {\n        id: 'priceKindId',\n        label: t('customer_groups.groups.form.terms.field.priceKind', 'Price kind'),\n        type: 'custom',\n        component: ({ value, setValue, disabled }) => (\n          <CustomerGroupTermsPriceKindField\n            value={typeof value === 'string' ? value : ''}\n            onChange={setValue}\n            disabled={disabled}\n          />\n        ),\n      },\n      {\n        id: 'paymentTermsDays',\n        label: t('customer_groups.groups.form.terms.field.paymentTermsDays', 'Payment terms (days)'),\n        type: 'number',\n        layout: 'half',\n      },\n      {\n        id: 'allowPurchaseOnAccount',\n        label: t('customer_groups.groups.form.terms.field.allowPurchaseOnAccount', 'Allow purchase on account'),\n        type: 'select',\n        layout: 'half',\n        required: true,\n        options: [\n          {\n            value: 'inherit',\n            label: t('customer_groups.groups.form.terms.field.allowPurchaseOnAccountOptions.inherit', 'Inherit'),\n          },\n          {\n            value: 'allow',\n            label: t('customer_groups.groups.form.terms.field.allowPurchaseOnAccountOptions.allow', 'Allow'),\n          },\n          {\n            value: 'deny',\n            label: t('customer_groups.groups.form.terms.field.allowPurchaseOnAccountOptions.deny', 'Do not allow'),\n          },\n        ],\n      },\n      {\n        id: 'defaultCreditLimit',\n        label: t('customer_groups.groups.form.terms.field.defaultCreditLimit', 'Default credit limit'),\n        type: 'number',\n        layout: 'half',\n      },\n      {\n        id: 'creditCurrencyCode',\n        label: t('customer_groups.groups.form.terms.field.creditCurrencyCode', 'Credit currency'),\n        type: 'text',\n        layout: 'half',\n        placeholder: t('customer_groups.groups.form.terms.field.creditCurrencyCodePlaceholder', 'e.g., USD'),\n        maxLength: 4,\n      },\n      {\n        id: 'approvalRequiredAbove',\n        label: t('customer_groups.groups.form.terms.field.approvalRequiredAbove', 'Approval required above'),\n        type: 'number',\n        layout: 'half',\n      },\n      {\n        id: 'minOrderValue',\n        label: t('customer_groups.groups.form.terms.field.minOrderValue', 'Minimum order value'),\n        type: 'number',\n        layout: 'half',\n      },\n    ],\n    [t],\n  )\n\n  const initialValues = React.useMemo(() => mapTermsToFormValues(terms ?? null), [terms])\n\n  const handleSubmit = React.useCallback(\n    async (values: CustomerGroupTermsFormValues) => {\n      const payload: Record<string, unknown> = {\n        priceKindId: values.priceKindId && values.priceKindId.trim().length ? values.priceKindId : null,\n        paymentTermsDays: typeof values.paymentTermsDays === 'number' ? values.paymentTermsDays : null,\n        allowPurchaseOnAccount: fromPurchaseOnAccountValue(values.allowPurchaseOnAccount),\n        defaultCreditLimit: typeof values.defaultCreditLimit === 'number' ? values.defaultCreditLimit : null,\n        creditCurrencyCode:\n          values.creditCurrencyCode && values.creditCurrencyCode.trim().length\n            ? values.creditCurrencyCode.trim().toUpperCase()\n            : null,\n        approvalRequiredAbove:\n          typeof values.approvalRequiredAbove === 'number' ? values.approvalRequiredAbove : null,\n        minOrderValue: typeof values.minOrderValue === 'number' ? values.minOrderValue : null,\n      }\n      // `updateCrud` PUTs to `/api/customer_groups/customer-groups/{groupId}/terms`, matching the\n      // upsert route (Step 2.4). `optimisticLockUpdatedAt` below is\n      // `TERMS_NOT_YET_CREATED_LOCK_TOKEN` on the first save (no `terms` row yet).\n      const call = await updateCrud<{ terms: CustomerGroupTermsDTO }>(`customer_groups/customer-groups/${groupId}/terms`, payload, {\n        errorMessage: t('customer_groups.groups.form.terms.errors.save', 'Failed to save commercial terms.'),\n      })\n      if (call.result?.terms) onSaved(call.result.terms)\n      flash(t('customer_groups.groups.form.terms.flash.saved', 'Commercial terms saved.'), 'success')\n    },\n    [groupId, onSaved, t],\n  )\n\n  return (\n    <div className=\"rounded-md border border-border bg-card p-4 space-y-4\">\n      <SectionHeader title={t('customer_groups.groups.form.terms.title', 'Commercial terms')} />\n      {loading ? (\n        <LoadingMessage label={t('customer_groups.groups.form.terms.loading', 'Loading commercial terms\u2026')} />\n      ) : loadError ? (\n        <ErrorMessage label={loadError} />\n      ) : !showForm ? (\n        <EmptyState\n          size=\"sm\"\n          variant=\"subtle\"\n          icon={<FileText className=\"h-5 w-5\" aria-hidden />}\n          title={t(\n            'customer_groups.groups.form.terms.empty.title',\n            'No terms set \u2014 inheriting from parent / tenant defaults',\n          )}\n          description={t(\n            'customer_groups.groups.form.terms.empty.description',\n            'This group currently uses commercial terms inherited from its parent group or the tenant defaults. Set explicit terms to override them for this group.',\n          )}\n          actions={canManage ? (\n            <Button type=\"button\" size=\"sm\" variant=\"outline\" onClick={() => setEditing(true)}>\n              {t('customer_groups.groups.form.terms.empty.action', 'Set terms for this group')}\n            </Button>\n          ) : undefined}\n          className=\"border border-dashed border-border\"\n        />\n      ) : (\n        <CrudForm<CustomerGroupTermsFormValues>\n          key={terms?.updatedAt ?? 'new'}\n          embedded\n          schema={schema}\n          fields={fields}\n          initialValues={initialValues}\n          optimisticLockUpdatedAt={terms?.updatedAt ?? TERMS_NOT_YET_CREATED_LOCK_TOKEN}\n          readOnly={!canManage}\n          readOnlyOverlay={(\n            <div className=\"rounded-xl border border-border/70 bg-background/95 px-4 py-3 text-sm text-muted-foreground shadow-sm\">\n              {t(\n                'customer_groups.groups.form.terms.readOnly',\n                'You do not have permission to change commercial terms.',\n              )}\n            </div>\n          )}\n          submitLabel={t('customer_groups.groups.form.terms.action.save', 'Save terms')}\n          onSubmit={handleSubmit}\n        />\n      )}\n    </div>\n  )\n}\n\nexport default CustomerGroupTermsSection\n"],
+  "mappings": "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",
+  "names": []
+}