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

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/catalog/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/catalog/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 the public\n// `/api/catalog/price-kinds` route 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/catalog/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/catalog/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": ";AAiGI;AA/FJ,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;AAStG,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,4BAA4B,OAAO,SAAS,CAAC;AAAA,MAC7C;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,4BAA4B,OAAO,SAAS,CAAC;AAAA,MAC7C;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,197 @@
+"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 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 ?? null,
+        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,
+  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// `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 `null` on the\n      // first save (no `terms` row yet), so CrudForm skips the lock header entirely \u2014\n      // mirrors the route's own \"no lock check on creation\" behavior.\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 ?? null}\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": []
+}

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

@@ -0,0 +1,116 @@
+"use client";
+import { jsx, jsxs } 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 { Tag } from "@open-mercato/ui/primitives/tag";
+import { Label } from "@open-mercato/ui/primitives/label";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { createLogger } from "@open-mercato/shared/lib/logger";
+const logger = createLogger("customer_groups").child({ component: "GroupPickerField" });
+function pickString(item, ...keys) {
+  for (const key of keys) {
+    const value = item[key];
+    if (typeof value === "string" && value.length) return value;
+  }
+  return "";
+}
+function pickNumber(item, ...keys) {
+  for (const key of keys) {
+    const value = item[key];
+    if (typeof value === "number" && Number.isFinite(value)) return value;
+  }
+  return null;
+}
+function mapGroup(item, t) {
+  const id = pickString(item, "id");
+  if (!id) return null;
+  const code = pickString(item, "code");
+  const name = pickString(item, "name") || id;
+  const priority = pickNumber(item, "priority");
+  return {
+    value: id,
+    label: code ? `${name} (${code})` : name,
+    description: priority !== null ? t("customer_groups.widgets.groupPicker.priority", "Priority {priority}", { priority }) : null
+  };
+}
+async function loadGroups(query, pageSize, t) {
+  try {
+    const params = new URLSearchParams({ pageSize, sortField: "priority", sortDir: "asc" });
+    const trimmed = (query ?? "").trim();
+    if (trimmed) params.set("search", trimmed);
+    const payload = await readApiResultOrThrow(
+      `/api/customer_groups/customer-groups?${params.toString()}`,
+      void 0,
+      { fallback: { items: [] } }
+    );
+    const items = Array.isArray(payload.items) ? payload.items : [];
+    return items.map((item) => mapGroup(item, t)).filter((option) => option !== null);
+  } catch (err) {
+    logger.error("customer_groups.groupPicker.load failed", { err });
+    return [];
+  }
+}
+async function lookupGroup(id) {
+  try {
+    const payload = await readApiResultOrThrow(
+      `/api/customer_groups/customer-groups?ids=${encodeURIComponent(id)}&pageSize=1`,
+      void 0,
+      { fallback: { items: [] } }
+    );
+    const items = Array.isArray(payload.items) ? payload.items : [];
+    return items[0] ?? null;
+  } catch (err) {
+    logger.error("customer_groups.groupPicker.lookup failed", { err, id });
+    return null;
+  }
+}
+function GroupPickerField({ value, onChange, disabled }) {
+  const t = useT();
+  const labelId = React.useId();
+  const currentId = typeof value === "string" ? value.trim() : "";
+  const [unknownId, setUnknownId] = React.useState(null);
+  const [isLoading, setIsLoading] = React.useState(false);
+  React.useEffect(() => {
+    let cancelled = false;
+    if (!currentId) {
+      setUnknownId(null);
+      setIsLoading(false);
+      return;
+    }
+    setIsLoading(true);
+    lookupGroup(currentId).then((group) => {
+      if (cancelled) return;
+      setUnknownId(group ? null : currentId);
+      setIsLoading(false);
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [currentId]);
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-2", "data-crud-field-id": "customerGroupId", role: "group", "aria-labelledby": labelId, children: [
+    /* @__PURE__ */ jsx(Label, { id: labelId, children: t("customer_groups.widgets.groupPicker.label", "Customer group") }),
+    /* @__PURE__ */ jsx(
+      ComboboxInput,
+      {
+        value: currentId,
+        onChange: (next) => onChange(next || null),
+        disabled: disabled || isLoading,
+        allowCustomValues: false,
+        placeholder: t("customer_groups.widgets.groupPicker.placeholder", "Search customer groups\u2026"),
+        loadSuggestions: (query) => loadGroups(query, "20", t),
+        resolveLabel: async (id) => {
+          const group = await lookupGroup(id);
+          return group ? mapGroup(group, t)?.label ?? id : id;
+        }
+      }
+    ),
+    unknownId ? /* @__PURE__ */ jsx(Tag, { variant: "error", dot: true, children: t("customer_groups.widgets.groupPicker.unknownGroup", "Unknown group ({id})", { id: unknownId }) }) : null
+  ] });
+}
+var GroupPickerField_default = GroupPickerField;
+export {
+  GroupPickerField,
+  GroupPickerField_default as default
+};
+//# sourceMappingURL=GroupPickerField.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/modules/customer_groups/components/GroupPickerField.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 { Tag } from '@open-mercato/ui/primitives/tag'\nimport { Label } from '@open-mercato/ui/primitives/label'\nimport { useT, type TranslateFn } from '@open-mercato/shared/lib/i18n/context'\nimport { createLogger } from '@open-mercato/shared/lib/logger'\nimport type { CustomFieldProps } from '@open-mercato/shared/modules/widgets/injection'\n\nconst logger = createLogger('customer_groups').child({ component: 'GroupPickerField' })\n\ntype RemoteGroup = Record<string, unknown>\n\nfunction pickString(item: RemoteGroup, ...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 pickNumber(item: RemoteGroup, ...keys: string[]): number | null {\n  for (const key of keys) {\n    const value = item[key]\n    if (typeof value === 'number' && Number.isFinite(value)) return value\n  }\n  return null\n}\n\nfunction mapGroup(item: RemoteGroup, t: TranslateFn): ComboboxOption | null {\n  const id = pickString(item, 'id')\n  if (!id) return null\n  const code = pickString(item, 'code')\n  const name = pickString(item, 'name') || id\n  const priority = pickNumber(item, 'priority')\n  return {\n    value: id,\n    label: code ? `${name} (${code})` : name,\n    description: priority !== null\n      ? t('customer_groups.widgets.groupPicker.priority', 'Priority {priority}', { priority })\n      : null,\n  }\n}\n\nasync function loadGroups(query: string | undefined, pageSize: string, t: TranslateFn): Promise<ComboboxOption[]> {\n  try {\n    const params = new URLSearchParams({ pageSize, sortField: 'priority', sortDir: 'asc' })\n    const trimmed = (query ?? '').trim()\n    if (trimmed) params.set('search', trimmed)\n    const payload = await readApiResultOrThrow<{ items?: RemoteGroup[] }>(\n      `/api/customer_groups/customer-groups?${params.toString()}`,\n      undefined,\n      { fallback: { items: [] } },\n    )\n    const items = Array.isArray(payload.items) ? payload.items : []\n    return items\n      .map((item) => mapGroup(item, t))\n      .filter((option): option is ComboboxOption => option !== null)\n  } catch (err) {\n    logger.error('customer_groups.groupPicker.load failed', { err })\n    return []\n  }\n}\n\nasync function lookupGroup(id: string): Promise<RemoteGroup | null> {\n  try {\n    const payload = await readApiResultOrThrow<{ items?: RemoteGroup[] }>(\n      `/api/customer_groups/customer-groups?ids=${encodeURIComponent(id)}&pageSize=1`,\n      undefined,\n      { fallback: { items: [] } },\n    )\n    const items = Array.isArray(payload.items) ? payload.items : []\n    return items[0] ?? null\n  } catch (err) {\n    logger.error('customer_groups.groupPicker.lookup failed', { err, id })\n    return null\n  }\n}\n\n/**\n * Injected `crud-form:<entityId>:fields` custom field \u2014 replaces the free-text\n * `customerGroupId` UUID input on the catalog price editor with a searchable\n * picker sourced from `/api/customer_groups/customer-groups`.\n *\n * A stored value that does not resolve to any group is never silently hidden \u2014\n * it renders an explicit \"Unknown group (<uuid>)\" chip alongside the picker so\n * the gap stays visible (spec \u00A77.3: \"it is not hidden\").\n */\nexport function GroupPickerField({ value, onChange, disabled }: CustomFieldProps) {\n  const t = useT()\n  const labelId = React.useId()\n  const currentId = typeof value === 'string' ? value.trim() : ''\n  const [unknownId, setUnknownId] = React.useState<string | null>(null)\n  const [isLoading, setIsLoading] = React.useState(false)\n\n  React.useEffect(() => {\n    let cancelled = false\n    if (!currentId) {\n      setUnknownId(null)\n      setIsLoading(false)\n      return\n    }\n    setIsLoading(true)\n    lookupGroup(currentId).then((group) => {\n      if (cancelled) return\n      setUnknownId(group ? null : currentId)\n      setIsLoading(false)\n    })\n    return () => {\n      cancelled = true\n    }\n  }, [currentId])\n\n  return (\n    <div className=\"space-y-2\" data-crud-field-id=\"customerGroupId\" role=\"group\" aria-labelledby={labelId}>\n      <Label id={labelId}>\n        {t('customer_groups.widgets.groupPicker.label', 'Customer group')}\n      </Label>\n      <ComboboxInput\n        value={currentId}\n        onChange={(next) => onChange(next || null)}\n        disabled={disabled || isLoading}\n        allowCustomValues={false}\n        placeholder={t('customer_groups.widgets.groupPicker.placeholder', 'Search customer groups\u2026')}\n        loadSuggestions={(query) => loadGroups(query, '20', t)}\n        resolveLabel={async (id) => {\n          const group = await lookupGroup(id)\n          return group ? mapGroup(group, t)?.label ?? id : id\n        }}\n      />\n      {unknownId ? (\n        <Tag variant=\"error\" dot>\n          {t('customer_groups.widgets.groupPicker.unknownGroup', 'Unknown group ({id})', { id: unknownId })}\n        </Tag>\n      ) : null}\n    </div>\n  )\n}\n\nexport default GroupPickerField\n"],
+  "mappings": "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",
+  "names": []
+}

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

@@ -0,0 +1,75 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import Link from "next/link";
+import { AlertTriangle } from "lucide-react";
+import { Button } from "@open-mercato/ui/primitives/button";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { apiCall } from "@open-mercato/ui/backend/utils/apiCall";
+import { createLogger } from "@open-mercato/shared/lib/logger";
+import { getTelemetryRuntime } from "@open-mercato/shared/lib/telemetry/runtime";
+const logger = createLogger("customer_groups").child({ component: "OrphanBanner" });
+function OrphanBanner() {
+  const t = useT();
+  const [orphanCount, setOrphanCount] = React.useState(null);
+  const [isLoading, setIsLoading] = React.useState(true);
+  React.useEffect(() => {
+    let cancelled = false;
+    async function load() {
+      setIsLoading(true);
+      try {
+        const fallback = { orphans: [] };
+        const call = await apiCall("/api/customer_groups/customer-groups/reconcile", void 0, { fallback });
+        if (cancelled) return;
+        if (!call.ok) {
+          setOrphanCount(null);
+          return;
+        }
+        const orphans = Array.isArray(call.result?.orphans) ? call.result.orphans : [];
+        setOrphanCount(orphans.length);
+      } catch (err) {
+        if (!cancelled) {
+          logger.error("customer_groups.orphanBanner.load failed", { err });
+          getTelemetryRuntime()?.reportError(err, {
+            module: "customer_groups",
+            code: "customer_groups.orphan_banner_load_failed"
+          });
+          setOrphanCount(null);
+        }
+      } finally {
+        if (!cancelled) setIsLoading(false);
+      }
+    }
+    void load();
+    return () => {
+      cancelled = true;
+    };
+  }, []);
+  if (isLoading || !orphanCount) return null;
+  return /* @__PURE__ */ jsxs("div", { className: "mb-4 flex flex-col gap-3 rounded-md border border-status-warning-border bg-status-warning-bg px-3 py-3 text-sm text-status-warning-text md:flex-row md:items-center md:justify-between", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 font-medium text-status-warning-text", children: [
+      /* @__PURE__ */ jsx(AlertTriangle, { className: "size-4", "aria-hidden": "true" }),
+      /* @__PURE__ */ jsx("span", { children: t(
+        "customer_groups.groups.orphanBanner.title",
+        "{count} orphaned customer-group reference(s) found",
+        { count: orphanCount }
+      ) })
+    ] }),
+    /* @__PURE__ */ jsx(
+      Button,
+      {
+        asChild: true,
+        variant: "outline",
+        size: "sm",
+        className: "border-status-warning-border text-status-warning-text hover:bg-status-warning-bg",
+        children: /* @__PURE__ */ jsx(Link, { href: "/backend/customer-groups/orphans", children: t("customer_groups.groups.orphanBanner.viewReport", "View report") })
+      }
+    )
+  ] });
+}
+var OrphanBanner_default = OrphanBanner;
+export {
+  OrphanBanner,
+  OrphanBanner_default as default
+};
+//# sourceMappingURL=OrphanBanner.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/modules/customer_groups/components/OrphanBanner.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport Link from 'next/link'\nimport { AlertTriangle } from 'lucide-react'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { apiCall } from '@open-mercato/ui/backend/utils/apiCall'\nimport { createLogger } from '@open-mercato/shared/lib/logger'\nimport { getTelemetryRuntime } from '@open-mercato/shared/lib/telemetry/runtime'\n\nconst logger = createLogger('customer_groups').child({ component: 'OrphanBanner' })\n\ntype ReconcileResponse = {\n  orphans?: Array<{ groupId: string }>\n}\n\n// Mirrors `packages/ui/src/backend/indexes/PartialIndexBanner.tsx`'s shape\n// (status-warning tokens, AlertTriangle icon, no hardcoded colors). Renders\n// nothing while loading and nothing once loaded with zero orphans \u2014 the empty\n// state lives on the report page (`backend/customer-groups/orphans/page.tsx`),\n// not here.\nexport function OrphanBanner() {\n  const t = useT()\n  const [orphanCount, setOrphanCount] = React.useState<number | null>(null)\n  const [isLoading, setIsLoading] = React.useState(true)\n\n  React.useEffect(() => {\n    let cancelled = false\n    async function load() {\n      setIsLoading(true)\n      try {\n        const fallback: ReconcileResponse = { orphans: [] }\n        const call = await apiCall<ReconcileResponse>('/api/customer_groups/customer-groups/reconcile', undefined, { fallback })\n        if (cancelled) return\n        if (!call.ok) {\n          setOrphanCount(null)\n          return\n        }\n        const orphans = Array.isArray(call.result?.orphans) ? call.result.orphans : []\n        setOrphanCount(orphans.length)\n      } catch (err) {\n        if (!cancelled) {\n          logger.error('customer_groups.orphanBanner.load failed', { err })\n          getTelemetryRuntime()?.reportError(err, {\n            module: 'customer_groups',\n            code: 'customer_groups.orphan_banner_load_failed',\n          })\n          setOrphanCount(null)\n        }\n      } finally {\n        if (!cancelled) setIsLoading(false)\n      }\n    }\n    void load()\n    return () => {\n      cancelled = true\n    }\n  }, [])\n\n  // Intentionally silent while loading and once resolved with zero orphans \u2014\n  // a warning banner that flashes in then disappears reads as a bug, so this\n  // banner only ever renders in the \"found N orphans\" state.\n  if (isLoading || !orphanCount) return null\n\n  return (\n    <div className=\"mb-4 flex flex-col gap-3 rounded-md border border-status-warning-border bg-status-warning-bg px-3 py-3 text-sm text-status-warning-text md:flex-row md:items-center md:justify-between\">\n      <div className=\"flex items-center gap-2 font-medium text-status-warning-text\">\n        <AlertTriangle className=\"size-4\" aria-hidden=\"true\" />\n        <span>\n          {t(\n            'customer_groups.groups.orphanBanner.title',\n            '{count} orphaned customer-group reference(s) found',\n            { count: orphanCount },\n          )}\n        </span>\n      </div>\n      <Button\n        asChild\n        variant=\"outline\"\n        size=\"sm\"\n        className=\"border-status-warning-border text-status-warning-text hover:bg-status-warning-bg\"\n      >\n        <Link href=\"/backend/customer-groups/orphans\">\n          {t('customer_groups.groups.orphanBanner.viewReport', 'View report')}\n        </Link>\n      </Button>\n    </div>\n  )\n}\n\nexport default OrphanBanner\n"],
+  "mappings": ";AAmEM,SACE,KADF;AAjEN,YAAY,WAAW;AACvB,OAAO,UAAU;AACjB,SAAS,qBAAqB;AAC9B,SAAS,cAAc;AACvB,SAAS,YAAY;AACrB,SAAS,eAAe;AACxB,SAAS,oBAAoB;AAC7B,SAAS,2BAA2B;AAEpC,MAAM,SAAS,aAAa,iBAAiB,EAAE,MAAM,EAAE,WAAW,eAAe,CAAC;AAW3E,SAAS,eAAe;AAC7B,QAAM,IAAI,KAAK;AACf,QAAM,CAAC,aAAa,cAAc,IAAI,MAAM,SAAwB,IAAI;AACxE,QAAM,CAAC,WAAW,YAAY,IAAI,MAAM,SAAS,IAAI;AAErD,QAAM,UAAU,MAAM;AACpB,QAAI,YAAY;AAChB,mBAAe,OAAO;AACpB,mBAAa,IAAI;AACjB,UAAI;AACF,cAAM,WAA8B,EAAE,SAAS,CAAC,EAAE;AAClD,cAAM,OAAO,MAAM,QAA2B,kDAAkD,QAAW,EAAE,SAAS,CAAC;AACvH,YAAI,UAAW;AACf,YAAI,CAAC,KAAK,IAAI;AACZ,yBAAe,IAAI;AACnB;AAAA,QACF;AACA,cAAM,UAAU,MAAM,QAAQ,KAAK,QAAQ,OAAO,IAAI,KAAK,OAAO,UAAU,CAAC;AAC7E,uBAAe,QAAQ,MAAM;AAAA,MAC/B,SAAS,KAAK;AACZ,YAAI,CAAC,WAAW;AACd,iBAAO,MAAM,4CAA4C,EAAE,IAAI,CAAC;AAChE,8BAAoB,GAAG,YAAY,KAAK;AAAA,YACtC,QAAQ;AAAA,YACR,MAAM;AAAA,UACR,CAAC;AACD,yBAAe,IAAI;AAAA,QACrB;AAAA,MACF,UAAE;AACA,YAAI,CAAC,UAAW,cAAa,KAAK;AAAA,MACpC;AAAA,IACF;AACA,SAAK,KAAK;AACV,WAAO,MAAM;AACX,kBAAY;AAAA,IACd;AAAA,EACF,GAAG,CAAC,CAAC;AAKL,MAAI,aAAa,CAAC,YAAa,QAAO;AAEtC,SACE,qBAAC,SAAI,WAAU,0LACb;AAAA,yBAAC,SAAI,WAAU,gEACb;AAAA,0BAAC,iBAAc,WAAU,UAAS,eAAY,QAAO;AAAA,MACrD,oBAAC,UACE;AAAA,QACC;AAAA,QACA;AAAA,QACA,EAAE,OAAO,YAAY;AAAA,MACvB,GACF;AAAA,OACF;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,SAAO;AAAA,QACP,SAAQ;AAAA,QACR,MAAK;AAAA,QACL,WAAU;AAAA,QAEV,8BAAC,QAAK,MAAK,oCACR,YAAE,kDAAkD,aAAa,GACpE;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;AAEA,IAAO,uBAAQ;",
+  "names": []
+}

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

@@ -0,0 +1,57 @@
+function readString(value) {
+  return typeof value === "string" ? value : "";
+}
+function readNullableId(record, camelKey, snakeKey) {
+  const camel = record[camelKey];
+  if (typeof camel === "string" && camel.length) return camel;
+  const snake = record[snakeKey];
+  if (typeof snake === "string" && snake.length) return snake;
+  return null;
+}
+function readBoolean(record, camelKey, snakeKey) {
+  return record[camelKey] === true || record[snakeKey] === true;
+}
+function mapListItemToSummary(item) {
+  if (!item || typeof item !== "object") return null;
+  const record = item;
+  const id = readString(record.id);
+  if (!id) return null;
+  return {
+    id,
+    code: readString(record.code),
+    name: readString(record.name),
+    parentId: readNullableId(record, "parentId", "parent_id"),
+    isDefault: readBoolean(record, "isDefault", "is_default")
+  };
+}
+function mapListItemsToSummaries(items) {
+  if (!Array.isArray(items)) return [];
+  return items.reduce((acc, item) => {
+    const summary = mapListItemToSummary(item);
+    if (summary) acc.push(summary);
+    return acc;
+  }, []);
+}
+const CUSTOMER_GROUP_DEPTH_WARNING_THRESHOLD = 4;
+function findDefaultConflict(groups, excludeId) {
+  return groups.find((group) => group.isDefault && group.id !== excludeId) ?? null;
+}
+const PRIORITY_STEP = 10;
+function nextFreePriority(items) {
+  if (!Array.isArray(items)) return 0;
+  let highest = null;
+  for (const item of items) {
+    const priority = item && typeof item === "object" ? item.priority : null;
+    if (typeof priority !== "number" || !Number.isFinite(priority)) continue;
+    if (highest === null || priority > highest) highest = priority;
+  }
+  return highest === null ? 0 : highest + PRIORITY_STEP;
+}
+export {
+  CUSTOMER_GROUP_DEPTH_WARNING_THRESHOLD,
+  findDefaultConflict,
+  mapListItemToSummary,
+  mapListItemsToSummaries,
+  nextFreePriority
+};
+//# sourceMappingURL=customerGroupTree.js.map