@open-mercato/core 0.6.3-develop.3901.1.ddad60693a → 0.6.3

package/dist/modules/customers/components/detail/create/dealCustomFieldControl.js

@@ -0,0 +1,270 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { format } from "date-fns/format";
+import { parseISO } from "date-fns/parseISO";
+import { Label } from "@open-mercato/ui/primitives/label";
+import { Input } from "@open-mercato/ui/primitives/input";
+import { Textarea } from "@open-mercato/ui/primitives/textarea";
+import { CheckboxField } from "@open-mercato/ui/primitives/checkbox-field";
+import { DatePicker } from "@open-mercato/ui/primitives/date-picker";
+import { TagInput } from "@open-mercato/ui/primitives/tag-input";
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue
+} from "@open-mercato/ui/primitives/select";
+import { Checkbox } from "@open-mercato/ui/primitives/checkbox";
+const SELECT_CLEAR_SENTINEL = "__deal_custom_field_select_clear__";
+function toStringArray(value) {
+  if (!Array.isArray(value)) return [];
+  return value.filter((item) => typeof item === "string");
+}
+function toDate(value) {
+  if (value instanceof Date) return value;
+  if (typeof value === "string" && value) {
+    const parsed = parseISO(value);
+    return Number.isNaN(parsed.getTime()) ? null : parsed;
+  }
+  return null;
+}
+function useResolvedOptions(field) {
+  const builtin = field.type === "custom" ? null : field;
+  const staticOptions = builtin?.options;
+  const loadOptions = builtin?.loadOptions;
+  const [loadedOptions, setLoadedOptions] = React.useState([]);
+  React.useEffect(() => {
+    if (staticOptions && staticOptions.length > 0) return;
+    if (typeof loadOptions !== "function") return;
+    let cancelled = false;
+    loadOptions().then((options) => {
+      if (!cancelled) setLoadedOptions(options);
+    }).catch(() => {
+      if (!cancelled) setLoadedOptions([]);
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [staticOptions, loadOptions]);
+  if (staticOptions && staticOptions.length > 0) return staticOptions;
+  return loadedOptions;
+}
+function FieldShell({
+  label,
+  required,
+  description,
+  error,
+  children
+}) {
+  const fieldId = React.useId();
+  const control = React.isValidElement(children) ? React.cloneElement(children, { id: fieldId }) : children;
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+    label.trim().length > 0 ? /* @__PURE__ */ jsxs(Label, { htmlFor: fieldId, children: [
+      label,
+      required ? /* @__PURE__ */ jsx("span", { className: "text-destructive", children: " *" }) : null
+    ] }) : null,
+    control,
+    description ? /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: description }) : null,
+    error ? /* @__PURE__ */ jsx("p", { className: "text-xs text-status-error-text", children: error }) : null
+  ] });
+}
+function DealCustomFieldControl({
+  field,
+  value,
+  onChange,
+  error,
+  disabled = false
+}) {
+  const options = useResolvedOptions(field);
+  const ariaInvalid = error ? true : void 0;
+  if (field.type === "checkbox") {
+    return /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+      /* @__PURE__ */ jsx(
+        CheckboxField,
+        {
+          label: field.label,
+          description: field.description,
+          checked: value === true,
+          onCheckedChange: (next) => onChange(next === true),
+          disabled,
+          "aria-invalid": ariaInvalid
+        }
+      ),
+      error ? /* @__PURE__ */ jsx("p", { className: "text-xs text-status-error-text", children: error }) : null
+    ] });
+  }
+  if (field.type === "custom") {
+    return /* @__PURE__ */ jsx(
+      FieldShell,
+      {
+        label: field.label,
+        required: field.required,
+        description: field.description,
+        error,
+        children: field.component({
+          id: field.id,
+          value,
+          error,
+          setValue: onChange,
+          disabled,
+          autoFocus: false
+        })
+      }
+    );
+  }
+  let control;
+  switch (field.type) {
+    case "number":
+      control = /* @__PURE__ */ jsx(
+        Input,
+        {
+          type: "number",
+          inputMode: "numeric",
+          value: typeof value === "number" || typeof value === "string" ? String(value) : "",
+          placeholder: field.placeholder,
+          disabled,
+          "aria-invalid": ariaInvalid,
+          onChange: (event) => {
+            const raw = event.target.value;
+            if (raw === "") {
+              onChange(void 0);
+              return;
+            }
+            const parsed = Number(raw);
+            onChange(Number.isNaN(parsed) ? raw : parsed);
+          }
+        }
+      );
+      break;
+    case "date":
+    case "datepicker":
+      control = /* @__PURE__ */ jsx(
+        DatePicker,
+        {
+          value: toDate(value),
+          onChange: (date) => onChange(date ? format(date, "yyyy-MM-dd") : void 0),
+          disabled,
+          placeholder: field.placeholder,
+          "aria-invalid": ariaInvalid
+        }
+      );
+      break;
+    case "datetime":
+    case "datetime-local":
+      control = /* @__PURE__ */ jsx(
+        DatePicker,
+        {
+          withTime: true,
+          value: toDate(value),
+          onChange: (date) => onChange(date ? date.toISOString() : void 0),
+          disabled,
+          placeholder: field.placeholder,
+          "aria-invalid": ariaInvalid
+        }
+      );
+      break;
+    case "tags":
+      control = /* @__PURE__ */ jsx(
+        TagInput,
+        {
+          value: toStringArray(value),
+          onChange: (next) => onChange(next),
+          placeholder: field.placeholder,
+          disabled,
+          "aria-invalid": ariaInvalid
+        }
+      );
+      break;
+    case "richtext":
+      control = /* @__PURE__ */ jsx(
+        Textarea,
+        {
+          value: value == null ? "" : String(value),
+          placeholder: field.placeholder,
+          disabled,
+          "aria-invalid": ariaInvalid,
+          onChange: (event) => onChange(event.target.value)
+        }
+      );
+      break;
+    case "select": {
+      if (field.multiple) {
+        const selected = toStringArray(value);
+        control = /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-3", children: options.map((option) => {
+          const checked = selected.includes(option.value);
+          return /* @__PURE__ */ jsxs("label", { className: "inline-flex cursor-pointer items-center gap-2", children: [
+            /* @__PURE__ */ jsx(
+              Checkbox,
+              {
+                checked,
+                disabled,
+                onCheckedChange: (state) => {
+                  const next = new Set(selected);
+                  if (state === true) next.add(option.value);
+                  else next.delete(option.value);
+                  onChange(Array.from(next));
+                }
+              }
+            ),
+            /* @__PURE__ */ jsx("span", { className: "text-sm", children: option.label })
+          ] }, option.value);
+        }) });
+      } else {
+        const selectedValue = Array.isArray(value) ? String(value[0] ?? "") : value == null ? "" : String(value);
+        control = /* @__PURE__ */ jsxs(
+          Select,
+          {
+            value: selectedValue,
+            disabled,
+            onValueChange: (next) => {
+              if (!next || next === SELECT_CLEAR_SENTINEL) {
+                onChange(null);
+                return;
+              }
+              onChange(next);
+            },
+            children: [
+              /* @__PURE__ */ jsx(SelectTrigger, { "aria-invalid": ariaInvalid, children: /* @__PURE__ */ jsx(SelectValue, { placeholder: field.placeholder }) }),
+              /* @__PURE__ */ jsxs(SelectContent, { children: [
+                !field.required && selectedValue ? /* @__PURE__ */ jsx(SelectItem, { value: SELECT_CLEAR_SENTINEL, children: "\u2014" }) : null,
+                options.filter((option) => option.value !== "").map((option) => /* @__PURE__ */ jsx(SelectItem, { value: option.value, children: option.label }, option.value))
+              ] })
+            ]
+          }
+        );
+      }
+      break;
+    }
+    case "text":
+    default:
+      control = /* @__PURE__ */ jsx(
+        Input,
+        {
+          value: value == null ? "" : String(value),
+          placeholder: field.placeholder,
+          disabled,
+          "aria-invalid": ariaInvalid,
+          onChange: (event) => onChange(event.target.value)
+        }
+      );
+      break;
+  }
+  return /* @__PURE__ */ jsx(
+    FieldShell,
+    {
+      label: field.label,
+      required: field.required,
+      description: field.description,
+      error,
+      children: control
+    }
+  );
+}
+var dealCustomFieldControl_default = DealCustomFieldControl;
+export {
+  DealCustomFieldControl,
+  dealCustomFieldControl_default as default
+};
+//# sourceMappingURL=dealCustomFieldControl.js.map

package/dist/modules/customers/components/detail/create/dealCustomFieldControl.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/modules/customers/components/detail/create/dealCustomFieldControl.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { format } from 'date-fns/format'\nimport { parseISO } from 'date-fns/parseISO'\nimport type { CrudField, CrudFieldOption } from '@open-mercato/ui/backend/CrudForm'\nimport { Label } from '@open-mercato/ui/primitives/label'\nimport { Input } from '@open-mercato/ui/primitives/input'\nimport { Textarea } from '@open-mercato/ui/primitives/textarea'\nimport { CheckboxField } from '@open-mercato/ui/primitives/checkbox-field'\nimport { DatePicker } from '@open-mercato/ui/primitives/date-picker'\nimport { TagInput } from '@open-mercato/ui/primitives/tag-input'\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from '@open-mercato/ui/primitives/select'\nimport { Checkbox } from '@open-mercato/ui/primitives/checkbox'\n\nexport type DealCustomFieldControlProps = {\n  field: CrudField\n  value: unknown\n  onChange: (value: unknown) => void\n  error?: string\n  disabled?: boolean\n}\n\nconst SELECT_CLEAR_SENTINEL = '__deal_custom_field_select_clear__'\n\nfunction toStringArray(value: unknown): string[] {\n  if (!Array.isArray(value)) return []\n  return value.filter((item): item is string => typeof item === 'string')\n}\n\nfunction toDate(value: unknown): Date | null {\n  if (value instanceof Date) return value\n  if (typeof value === 'string' && value) {\n    const parsed = parseISO(value)\n    return Number.isNaN(parsed.getTime()) ? null : parsed\n  }\n  return null\n}\n\nfunction useResolvedOptions(field: CrudField): CrudFieldOption[] {\n  const builtin = field.type === 'custom' ? null : field\n  const staticOptions = builtin?.options\n  const loadOptions = builtin?.loadOptions\n  const [loadedOptions, setLoadedOptions] = React.useState<CrudFieldOption[]>([])\n\n  React.useEffect(() => {\n    if (staticOptions && staticOptions.length > 0) return\n    if (typeof loadOptions !== 'function') return\n    let cancelled = false\n    loadOptions()\n      .then((options) => {\n        if (!cancelled) setLoadedOptions(options)\n      })\n      .catch(() => {\n        if (!cancelled) setLoadedOptions([])\n      })\n    return () => {\n      cancelled = true\n    }\n  }, [staticOptions, loadOptions])\n\n  if (staticOptions && staticOptions.length > 0) return staticOptions\n  return loadedOptions\n}\n\nfunction FieldShell({\n  label,\n  required,\n  description,\n  error,\n  children,\n}: {\n  label: string\n  required?: boolean\n  description?: React.ReactNode\n  error?: string\n  children: React.ReactNode\n}) {\n  const fieldId = React.useId()\n  const control = React.isValidElement(children)\n    ? React.cloneElement(children as React.ReactElement<{ id?: string }>, { id: fieldId })\n    : children\n  return (\n    <div className=\"space-y-1\">\n      {label.trim().length > 0 ? (\n        <Label htmlFor={fieldId}>\n          {label}\n          {required ? <span className=\"text-destructive\"> *</span> : null}\n        </Label>\n      ) : null}\n      {control}\n      {description ? <p className=\"text-xs text-muted-foreground\">{description}</p> : null}\n      {error ? <p className=\"text-xs text-status-error-text\">{error}</p> : null}\n    </div>\n  )\n}\n\nexport function DealCustomFieldControl({\n  field,\n  value,\n  onChange,\n  error,\n  disabled = false,\n}: DealCustomFieldControlProps) {\n  const options = useResolvedOptions(field)\n  const ariaInvalid = error ? true : undefined\n\n  if (field.type === 'checkbox') {\n    return (\n      <div className=\"space-y-1\">\n        <CheckboxField\n          label={field.label}\n          description={field.description}\n          checked={value === true}\n          onCheckedChange={(next) => onChange(next === true)}\n          disabled={disabled}\n          aria-invalid={ariaInvalid}\n        />\n        {error ? <p className=\"text-xs text-status-error-text\">{error}</p> : null}\n      </div>\n    )\n  }\n\n  if (field.type === 'custom') {\n    return (\n      <FieldShell\n        label={field.label}\n        required={field.required}\n        description={field.description}\n        error={error}\n      >\n        {field.component({\n          id: field.id,\n          value,\n          error,\n          setValue: onChange,\n          disabled,\n          autoFocus: false,\n        })}\n      </FieldShell>\n    )\n  }\n\n  let control: React.ReactNode\n\n  switch (field.type) {\n    case 'number':\n      control = (\n        <Input\n          type=\"number\"\n          inputMode=\"numeric\"\n          value={typeof value === 'number' || typeof value === 'string' ? String(value) : ''}\n          placeholder={field.placeholder}\n          disabled={disabled}\n          aria-invalid={ariaInvalid}\n          onChange={(event) => {\n            const raw = event.target.value\n            if (raw === '') {\n              onChange(undefined)\n              return\n            }\n            const parsed = Number(raw)\n            onChange(Number.isNaN(parsed) ? raw : parsed)\n          }}\n        />\n      )\n      break\n    case 'date':\n    case 'datepicker':\n      control = (\n        <DatePicker\n          value={toDate(value)}\n          onChange={(date) => onChange(date ? format(date, 'yyyy-MM-dd') : undefined)}\n          disabled={disabled}\n          placeholder={field.placeholder}\n          aria-invalid={ariaInvalid}\n        />\n      )\n      break\n    case 'datetime':\n    case 'datetime-local':\n      control = (\n        <DatePicker\n          withTime\n          value={toDate(value)}\n          onChange={(date) => onChange(date ? date.toISOString() : undefined)}\n          disabled={disabled}\n          placeholder={field.placeholder}\n          aria-invalid={ariaInvalid}\n        />\n      )\n      break\n    case 'tags':\n      control = (\n        <TagInput\n          value={toStringArray(value)}\n          onChange={(next) => onChange(next)}\n          placeholder={field.placeholder}\n          disabled={disabled}\n          aria-invalid={ariaInvalid}\n        />\n      )\n      break\n    case 'richtext':\n      control = (\n        <Textarea\n          value={value == null ? '' : String(value)}\n          placeholder={field.placeholder}\n          disabled={disabled}\n          aria-invalid={ariaInvalid}\n          onChange={(event) => onChange(event.target.value)}\n        />\n      )\n      break\n    case 'select': {\n      if (field.multiple) {\n        const selected = toStringArray(value)\n        control = (\n          <div className=\"flex flex-wrap gap-3\">\n            {options.map((option) => {\n              const checked = selected.includes(option.value)\n              return (\n                <label key={option.value} className=\"inline-flex cursor-pointer items-center gap-2\">\n                  <Checkbox\n                    checked={checked}\n                    disabled={disabled}\n                    onCheckedChange={(state) => {\n                      const next = new Set(selected)\n                      if (state === true) next.add(option.value)\n                      else next.delete(option.value)\n                      onChange(Array.from(next))\n                    }}\n                  />\n                  <span className=\"text-sm\">{option.label}</span>\n                </label>\n              )\n            })}\n          </div>\n        )\n      } else {\n        const selectedValue = Array.isArray(value)\n          ? String(value[0] ?? '')\n          : value == null\n            ? ''\n            : String(value)\n        control = (\n          <Select\n            value={selectedValue}\n            disabled={disabled}\n            onValueChange={(next) => {\n              if (!next || next === SELECT_CLEAR_SENTINEL) {\n                onChange(null)\n                return\n              }\n              onChange(next)\n            }}\n          >\n            <SelectTrigger aria-invalid={ariaInvalid}>\n              <SelectValue placeholder={field.placeholder} />\n            </SelectTrigger>\n            <SelectContent>\n              {!field.required && selectedValue ? (\n                <SelectItem value={SELECT_CLEAR_SENTINEL}>\u2014</SelectItem>\n              ) : null}\n              {options\n                .filter((option) => option.value !== '')\n                .map((option) => (\n                  <SelectItem key={option.value} value={option.value}>\n                    {option.label}\n                  </SelectItem>\n                ))}\n            </SelectContent>\n          </Select>\n        )\n      }\n      break\n    }\n    case 'text':\n    default:\n      control = (\n        <Input\n          value={value == null ? '' : String(value)}\n          placeholder={field.placeholder}\n          disabled={disabled}\n          aria-invalid={ariaInvalid}\n          onChange={(event) => onChange(event.target.value)}\n        />\n      )\n      break\n  }\n\n  return (\n    <FieldShell\n      label={field.label}\n      required={field.required}\n      description={field.description}\n      error={error}\n    >\n      {control}\n    </FieldShell>\n  )\n}\n\nexport default DealCustomFieldControl\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/modules/customers/components/detail/create/dealFormTypes.js

@@ -0,0 +1,17 @@
+const EMPTY_VALUES = {
+  title: "",
+  status: "",
+  pipelineId: "",
+  pipelineStageId: "",
+  valueAmount: "",
+  valueCurrency: "",
+  probability: "",
+  expectedCloseAt: "",
+  description: "",
+  personIds: [],
+  companyIds: []
+};
+export {
+  EMPTY_VALUES
+};
+//# sourceMappingURL=dealFormTypes.js.map

package/dist/modules/customers/components/detail/create/dealFormTypes.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/modules/customers/components/detail/create/dealFormTypes.ts"],
+  "sourcesContent": ["export type Translate = (key: string, fallback: string, params?: Record<string, string | number>) => string\n\nexport type BaseValues = {\n  title: string\n  status: string\n  pipelineId: string\n  pipelineStageId: string\n  valueAmount: string\n  valueCurrency: string\n  probability: string\n  expectedCloseAt: string\n  description: string\n  personIds: string[]\n  companyIds: string[]\n}\n\nexport const EMPTY_VALUES: BaseValues = {\n  title: '',\n  status: '',\n  pipelineId: '',\n  pipelineStageId: '',\n  valueAmount: '',\n  valueCurrency: '',\n  probability: '',\n  expectedCloseAt: '',\n  description: '',\n  personIds: [],\n  companyIds: [],\n}\n"],
+  "mappings": "AAgBO,MAAM,eAA2B;AAAA,EACtC,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,iBAAiB;AAAA,EACjB,aAAa;AAAA,EACb,eAAe;AAAA,EACf,aAAa;AAAA,EACb,iBAAiB;AAAA,EACjB,aAAa;AAAA,EACb,WAAW,CAAC;AAAA,EACZ,YAAY,CAAC;AACf;",
+  "names": []
+}

package/dist/modules/customers/components/detail/create/dealNumericInput.js

@@ -0,0 +1,16 @@
+function sanitizeAmount(raw) {
+  const cleaned = raw.replace(/[^\d.]/g, "");
+  const firstDot = cleaned.indexOf(".");
+  if (firstDot === -1) return cleaned;
+  return cleaned.slice(0, firstDot + 1) + cleaned.slice(firstDot + 1).replace(/\./g, "");
+}
+function sanitizeProbability(raw) {
+  const digits = raw.replace(/\D/g, "");
+  if (!digits) return "";
+  return String(Math.min(100, Number(digits)));
+}
+export {
+  sanitizeAmount,
+  sanitizeProbability
+};
+//# sourceMappingURL=dealNumericInput.js.map

package/dist/modules/customers/components/detail/create/dealNumericInput.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/modules/customers/components/detail/create/dealNumericInput.ts"],
+  "sourcesContent": ["/**\n * Input sanitizers for the deal create form's numeric fields. They guarantee the\n * underlying state only ever holds a valid numeric string (or empty), so non-numeric\n * input can never reach the zod schema and surface a raw \"expected number\" type error.\n */\n\n/** Keep only digits and a single decimal point; strips letters, signs, and extra dots. */\nexport function sanitizeAmount(raw: string): string {\n  const cleaned = raw.replace(/[^\\d.]/g, '')\n  const firstDot = cleaned.indexOf('.')\n  if (firstDot === -1) return cleaned\n  return cleaned.slice(0, firstDot + 1) + cleaned.slice(firstDot + 1).replace(/\\./g, '')\n}\n\n/** Digits only, clamped to 0\u2013100, so probability is always a valid percentage. */\nexport function sanitizeProbability(raw: string): string {\n  const digits = raw.replace(/\\D/g, '')\n  if (!digits) return ''\n  return String(Math.min(100, Number(digits)))\n}\n"],
+  "mappings": "AAOO,SAAS,eAAe,KAAqB;AAClD,QAAM,UAAU,IAAI,QAAQ,WAAW,EAAE;AACzC,QAAM,WAAW,QAAQ,QAAQ,GAAG;AACpC,MAAI,aAAa,GAAI,QAAO;AAC5B,SAAO,QAAQ,MAAM,GAAG,WAAW,CAAC,IAAI,QAAQ,MAAM,WAAW,CAAC,EAAE,QAAQ,OAAO,EAAE;AACvF;AAGO,SAAS,oBAAoB,KAAqB;AACvD,QAAM,SAAS,IAAI,QAAQ,OAAO,EAAE;AACpC,MAAI,CAAC,OAAQ,QAAO;AACpB,SAAO,OAAO,KAAK,IAAI,KAAK,OAAO,MAAM,CAAC,CAAC;AAC7C;",
+  "names": []
+}

package/dist/modules/customers/components/detail/create/useDealCustomFields.js

@@ -0,0 +1,93 @@
+"use client";
+import * as React from "react";
+import {
+  validateValuesAgainstDefs
+} from "@open-mercato/shared/modules/entities/validation";
+import { collectCustomFieldValues } from "@open-mercato/ui/backend/utils/customFieldValues";
+import { normalizeCustomFieldSubmitValue } from "../customFieldUtils.js";
+function isEmptyCustomFieldValue(field, value) {
+  if (value === void 0 || value === null) return true;
+  if (typeof value === "string") return value.trim() === "";
+  if (Array.isArray(value)) return value.length === 0;
+  return field.type === "checkbox" && value !== true;
+}
+function mapCustomDefinitionsForValidation(definitions) {
+  return definitions.map((definition) => ({
+    key: definition.key,
+    kind: definition.kind,
+    configJson: {
+      validation: Array.isArray(definition.validation) ? definition.validation : []
+    }
+  }));
+}
+function useDealCustomFields(tr) {
+  const [customValues, setCustomValues] = React.useState({});
+  const [customFields, setCustomFields] = React.useState([]);
+  const [customDefinitions, setCustomDefinitions] = React.useState([]);
+  const [customFieldsLoaded, setCustomFieldsLoaded] = React.useState(false);
+  const [customCount, setCustomCount] = React.useState(0);
+  const customDefaultsAppliedRef = React.useRef(false);
+  const handleCustomChange = React.useCallback((key, value) => {
+    setCustomValues((current) => ({ ...current, [key]: value }));
+  }, []);
+  const handleCustomAttributesLoaded = React.useCallback((state) => {
+    setCustomFields(state.fields);
+    setCustomDefinitions(state.definitions);
+    setCustomFieldsLoaded(true);
+    setCustomCount(state.fields.length);
+    if (customDefaultsAppliedRef.current || state.definitions.length === 0) return;
+    customDefaultsAppliedRef.current = true;
+    setCustomValues((current) => {
+      let changed = false;
+      const next = { ...current };
+      for (const definition of state.definitions) {
+        if (definition.defaultValue === void 0 || definition.defaultValue === null) continue;
+        const fieldId = `cf_${definition.key}`;
+        if (next[fieldId] !== void 0) continue;
+        next[fieldId] = definition.defaultValue;
+        changed = true;
+      }
+      return changed ? next : current;
+    });
+  }, []);
+  const collectNormalizedCustomValues = React.useCallback((source) => collectCustomFieldValues(source, {
+    transform: (value) => normalizeCustomFieldSubmitValue(value)
+  }), []);
+  const validateCustomFields = React.useCallback((source) => {
+    const fieldErrors = {};
+    const requiredMessage = tr("ui.forms.errors.required", "Required");
+    for (const field of customFields) {
+      if (!field.required) continue;
+      if (isEmptyCustomFieldValue(field, source[field.id])) {
+        fieldErrors[field.id] = requiredMessage;
+      }
+    }
+    if (customDefinitions.length > 0) {
+      const result = validateValuesAgainstDefs(
+        collectNormalizedCustomValues(source),
+        mapCustomDefinitionsForValidation(customDefinitions)
+      );
+      if (!result.ok) {
+        for (const [fieldId, message] of Object.entries(result.fieldErrors)) {
+          if (!fieldErrors[fieldId]) fieldErrors[fieldId] = tr(message, message);
+        }
+      }
+    }
+    return fieldErrors;
+  }, [collectNormalizedCustomValues, customDefinitions, customFields, tr]);
+  return {
+    customValues,
+    customFieldsLoaded,
+    customCount,
+    handleCustomChange,
+    handleCustomAttributesLoaded,
+    validateCustomFields,
+    collectNormalizedCustomValues
+  };
+}
+var useDealCustomFields_default = useDealCustomFields;
+export {
+  useDealCustomFields_default as default,
+  useDealCustomFields
+};
+//# sourceMappingURL=useDealCustomFields.js.map

package/dist/modules/customers/components/detail/create/useDealCustomFields.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/modules/customers/components/detail/create/useDealCustomFields.ts"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport {\n  validateValuesAgainstDefs,\n  type CustomFieldDefLike,\n} from '@open-mercato/shared/modules/entities/validation'\nimport type { CrudField } from '@open-mercato/ui/backend/CrudForm'\nimport type { CustomFieldDefDto } from '@open-mercato/ui/backend/utils/customFieldDefs'\nimport { collectCustomFieldValues } from '@open-mercato/ui/backend/utils/customFieldValues'\nimport { normalizeCustomFieldSubmitValue } from '../customFieldUtils'\nimport type { DealCustomAttributesLoadState } from './DealCustomAttributes'\nimport type { Translate } from './dealFormTypes'\n\nfunction isEmptyCustomFieldValue(field: CrudField, value: unknown): boolean {\n  if (value === undefined || value === null) return true\n  if (typeof value === 'string') return value.trim() === ''\n  if (Array.isArray(value)) return value.length === 0\n  return field.type === 'checkbox' && value !== true\n}\n\nfunction mapCustomDefinitionsForValidation(definitions: CustomFieldDefDto[]): CustomFieldDefLike[] {\n  return definitions.map((definition) => ({\n    key: definition.key,\n    kind: definition.kind,\n    configJson: {\n      validation: Array.isArray(definition.validation) ? definition.validation : [],\n    },\n  }))\n}\n\nexport type UseDealCustomFieldsResult = {\n  customValues: Record<string, unknown>\n  customFieldsLoaded: boolean\n  customCount: number\n  handleCustomChange: (key: string, value: unknown) => void\n  handleCustomAttributesLoaded: (state: DealCustomAttributesLoadState) => void\n  validateCustomFields: (source: Record<string, unknown>) => Record<string, string>\n  collectNormalizedCustomValues: (source: Record<string, unknown>) => Record<string, unknown>\n}\n\nexport function useDealCustomFields(tr: Translate): UseDealCustomFieldsResult {\n  const [customValues, setCustomValues] = React.useState<Record<string, unknown>>({})\n  const [customFields, setCustomFields] = React.useState<CrudField[]>([])\n  const [customDefinitions, setCustomDefinitions] = React.useState<CustomFieldDefDto[]>([])\n  const [customFieldsLoaded, setCustomFieldsLoaded] = React.useState(false)\n  const [customCount, setCustomCount] = React.useState(0)\n  const customDefaultsAppliedRef = React.useRef(false)\n\n  const handleCustomChange = React.useCallback((key: string, value: unknown) => {\n    setCustomValues((current) => ({ ...current, [key]: value }))\n  }, [])\n\n  const handleCustomAttributesLoaded = React.useCallback((state: DealCustomAttributesLoadState) => {\n    setCustomFields(state.fields)\n    setCustomDefinitions(state.definitions)\n    setCustomFieldsLoaded(true)\n    setCustomCount(state.fields.length)\n\n    if (customDefaultsAppliedRef.current || state.definitions.length === 0) return\n    customDefaultsAppliedRef.current = true\n    setCustomValues((current) => {\n      let changed = false\n      const next = { ...current }\n      for (const definition of state.definitions) {\n        if (definition.defaultValue === undefined || definition.defaultValue === null) continue\n        const fieldId = `cf_${definition.key}`\n        if (next[fieldId] !== undefined) continue\n        next[fieldId] = definition.defaultValue\n        changed = true\n      }\n      return changed ? next : current\n    })\n  }, [])\n\n  const collectNormalizedCustomValues = React.useCallback((source: Record<string, unknown>) =>\n    collectCustomFieldValues(source, {\n      transform: (value) => normalizeCustomFieldSubmitValue(value),\n    }), [])\n\n  const validateCustomFields = React.useCallback((source: Record<string, unknown>) => {\n    const fieldErrors: Record<string, string> = {}\n    const requiredMessage = tr('ui.forms.errors.required', 'Required')\n\n    for (const field of customFields) {\n      if (!field.required) continue\n      if (isEmptyCustomFieldValue(field, source[field.id])) {\n        fieldErrors[field.id] = requiredMessage\n      }\n    }\n\n    if (customDefinitions.length > 0) {\n      const result = validateValuesAgainstDefs(\n        collectNormalizedCustomValues(source),\n        mapCustomDefinitionsForValidation(customDefinitions),\n      )\n      if (!result.ok) {\n        for (const [fieldId, message] of Object.entries(result.fieldErrors)) {\n          if (!fieldErrors[fieldId]) fieldErrors[fieldId] = tr(message, message)\n        }\n      }\n    }\n\n    return fieldErrors\n  }, [collectNormalizedCustomValues, customDefinitions, customFields, tr])\n\n  return {\n    customValues,\n    customFieldsLoaded,\n    customCount,\n    handleCustomChange,\n    handleCustomAttributesLoaded,\n    validateCustomFields,\n    collectNormalizedCustomValues,\n  }\n}\n\nexport default useDealCustomFields\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/modules/customers/components/detail/create/useDealPipelines.js

@@ -0,0 +1,59 @@
+"use client";
+import * as React from "react";
+import { apiCall } from "@open-mercato/ui/backend/utils/apiCall";
+function useDealPipelines() {
+  const [pipelines, setPipelines] = React.useState([]);
+  const [stages, setStages] = React.useState([]);
+  const mountedRef = React.useRef(true);
+  React.useEffect(() => {
+    mountedRef.current = true;
+    return () => {
+      mountedRef.current = false;
+    };
+  }, []);
+  React.useEffect(() => {
+    let cancelled = false;
+    (async () => {
+      try {
+        const call = await apiCall("/api/customers/pipelines");
+        if (cancelled || !mountedRef.current) return;
+        if (call.ok && call.result?.items) {
+          setPipelines(call.result.items);
+        }
+      } catch {
+        if (!cancelled && mountedRef.current) setPipelines([]);
+      }
+    })().catch(() => {
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, []);
+  const loadStages = React.useCallback(async (pipelineId) => {
+    if (!pipelineId) {
+      if (mountedRef.current) setStages([]);
+      return;
+    }
+    try {
+      const call = await apiCall(
+        `/api/customers/pipeline-stages?pipelineId=${encodeURIComponent(pipelineId)}`
+      );
+      if (!mountedRef.current) return;
+      if (call.ok && call.result?.items) {
+        const sorted = [...call.result.items].sort((a, b) => a.order - b.order);
+        setStages(sorted);
+      } else {
+        setStages([]);
+      }
+    } catch {
+      if (mountedRef.current) setStages([]);
+    }
+  }, []);
+  return { pipelines, stages, loadStages };
+}
+var useDealPipelines_default = useDealPipelines;
+export {
+  useDealPipelines_default as default,
+  useDealPipelines
+};
+//# sourceMappingURL=useDealPipelines.js.map

package/dist/modules/customers/components/detail/create/useDealPipelines.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/modules/customers/components/detail/create/useDealPipelines.ts"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { apiCall } from '@open-mercato/ui/backend/utils/apiCall'\n\nexport type PipelineOption = {\n  id: string\n  name: string\n  isDefault: boolean\n}\n\nexport type PipelineStageOption = {\n  id: string\n  label: string\n  order: number\n}\n\nexport type UseDealPipelinesResult = {\n  pipelines: PipelineOption[]\n  stages: PipelineStageOption[]\n  loadStages: (pipelineId: string) => Promise<void>\n}\n\nexport function useDealPipelines(): UseDealPipelinesResult {\n  const [pipelines, setPipelines] = React.useState<PipelineOption[]>([])\n  const [stages, setStages] = React.useState<PipelineStageOption[]>([])\n  const mountedRef = React.useRef(true)\n\n  React.useEffect(() => {\n    mountedRef.current = true\n    return () => {\n      mountedRef.current = false\n    }\n  }, [])\n\n  React.useEffect(() => {\n    let cancelled = false\n    ;(async () => {\n      try {\n        const call = await apiCall<{ items: PipelineOption[] }>('/api/customers/pipelines')\n        if (cancelled || !mountedRef.current) return\n        if (call.ok && call.result?.items) {\n          setPipelines(call.result.items)\n        }\n      } catch {\n        if (!cancelled && mountedRef.current) setPipelines([])\n      }\n    })().catch(() => {\n      // The inner try/catch already resets pipelines on failure; this guards the IIFE promise only.\n    })\n    return () => {\n      cancelled = true\n    }\n  }, [])\n\n  const loadStages = React.useCallback(async (pipelineId: string) => {\n    if (!pipelineId) {\n      if (mountedRef.current) setStages([])\n      return\n    }\n    try {\n      const call = await apiCall<{ items: PipelineStageOption[] }>(\n        `/api/customers/pipeline-stages?pipelineId=${encodeURIComponent(pipelineId)}`,\n      )\n      if (!mountedRef.current) return\n      if (call.ok && call.result?.items) {\n        const sorted = [...call.result.items].sort((a, b) => a.order - b.order)\n        setStages(sorted)\n      } else {\n        setStages([])\n      }\n    } catch {\n      if (mountedRef.current) setStages([])\n    }\n  }, [])\n\n  return { pipelines, stages, loadStages }\n}\n\nexport default useDealPipelines\n"],
+  "mappings": ";AAEA,YAAY,WAAW;AACvB,SAAS,eAAe;AAoBjB,SAAS,mBAA2C;AACzD,QAAM,CAAC,WAAW,YAAY,IAAI,MAAM,SAA2B,CAAC,CAAC;AACrE,QAAM,CAAC,QAAQ,SAAS,IAAI,MAAM,SAAgC,CAAC,CAAC;AACpE,QAAM,aAAa,MAAM,OAAO,IAAI;AAEpC,QAAM,UAAU,MAAM;AACpB,eAAW,UAAU;AACrB,WAAO,MAAM;AACX,iBAAW,UAAU;AAAA,IACvB;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,QAAM,UAAU,MAAM;AACpB,QAAI,YAAY;AACf,KAAC,YAAY;AACZ,UAAI;AACF,cAAM,OAAO,MAAM,QAAqC,0BAA0B;AAClF,YAAI,aAAa,CAAC,WAAW,QAAS;AACtC,YAAI,KAAK,MAAM,KAAK,QAAQ,OAAO;AACjC,uBAAa,KAAK,OAAO,KAAK;AAAA,QAChC;AAAA,MACF,QAAQ;AACN,YAAI,CAAC,aAAa,WAAW,QAAS,cAAa,CAAC,CAAC;AAAA,MACvD;AAAA,IACF,GAAG,EAAE,MAAM,MAAM;AAAA,IAEjB,CAAC;AACD,WAAO,MAAM;AACX,kBAAY;AAAA,IACd;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,QAAM,aAAa,MAAM,YAAY,OAAO,eAAuB;AACjE,QAAI,CAAC,YAAY;AACf,UAAI,WAAW,QAAS,WAAU,CAAC,CAAC;AACpC;AAAA,IACF;AACA,QAAI;AACF,YAAM,OAAO,MAAM;AAAA,QACjB,6CAA6C,mBAAmB,UAAU,CAAC;AAAA,MAC7E;AACA,UAAI,CAAC,WAAW,QAAS;AACzB,UAAI,KAAK,MAAM,KAAK,QAAQ,OAAO;AACjC,cAAM,SAAS,CAAC,GAAG,KAAK,OAAO,KAAK,EAAE,KAAK,CAAC,GAAG,MAAM,EAAE,QAAQ,EAAE,KAAK;AACtE,kBAAU,MAAM;AAAA,MAClB,OAAO;AACL,kBAAU,CAAC,CAAC;AAAA,MACd;AAAA,IACF,QAAQ;AACN,UAAI,WAAW,QAAS,WAAU,CAAC,CAAC;AAAA,IACtC;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,SAAO,EAAE,WAAW,QAAQ,WAAW;AACzC;AAEA,IAAO,2BAAQ;",
+  "names": []
+}

package/dist/modules/customers/components/formConfig.js

@@ -71,7 +71,8 @@ function DictionarySelectField({
   allowInlineCreate = false,
   allowAppearance = false,
   showManage = false,
-  showLabelInput = true
+  showLabelInput = true,
+  showActiveAppearance = true
 }) {
   const t = useT();
   const queryClient = useQueryClient();
@@ -159,7 +160,8 @@ function DictionarySelectField({
       allowInlineCreate,
       allowAppearance,
       showManage,
-      showLabelInput
+      showLabelInput,
+      showActiveAppearance
     }
   );
 }