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

package/dist/modules/forms/backend/forms/[id]/studio/canvas/row-layout.js

@@ -0,0 +1,80 @@
+function readSpan(value) {
+  if (value === 1 || value === 2 || value === 3 || value === 4) return value;
+  return void 0;
+}
+function clampSpan(raw, columns) {
+  if (raw === void 0) return 1;
+  const normalized = raw === 1 || raw === 2 || raw === 3 || raw === 4 ? raw : 1;
+  const limit = Math.min(normalized, columns);
+  return limit < 1 ? 1 : limit;
+}
+function computeRowLayout(input) {
+  const { fieldKeys, spans, columns } = input;
+  const rows = [];
+  let currentCells = [];
+  let currentUsed = 0;
+  for (let i = 0; i < fieldKeys.length; i += 1) {
+    const key = fieldKeys[i];
+    const span = clampSpan(spans[key], columns);
+    if (currentUsed + span > columns) {
+      while (currentCells.length > 0 && currentUsed < columns) {
+        currentCells.push({ kind: "empty", span: 1 });
+        currentUsed += 1;
+      }
+      if (currentCells.length > 0) {
+        rows.push({ cells: currentCells });
+      }
+      currentCells = [];
+      currentUsed = 0;
+    }
+    currentCells.push({ kind: "field", fieldKey: key, span, linearIndex: i });
+    currentUsed += span;
+    if (currentUsed >= columns) {
+      rows.push({ cells: currentCells });
+      currentCells = [];
+      currentUsed = 0;
+    }
+  }
+  if (currentCells.length > 0) {
+    while (currentUsed < columns) {
+      currentCells.push({ kind: "empty", span: 1 });
+      currentUsed += 1;
+    }
+    rows.push({ cells: currentCells });
+  }
+  return { rows, columns, totalFields: fieldKeys.length };
+}
+function fieldsInRow(row) {
+  return row.cells.filter((cell) => cell.kind === "field");
+}
+function dropHintToLinearIndex(input) {
+  const { layout, rowIndex, columnIndex } = input;
+  if (layout.rows.length === 0) return 0;
+  if (rowIndex >= layout.rows.length) return layout.totalFields;
+  const safeRowIndex = rowIndex < 0 ? 0 : rowIndex;
+  const row = layout.rows[safeRowIndex];
+  const fields = fieldsInRow(row);
+  if (fields.length === 0) {
+    let prior = 0;
+    for (let r = 0; r < safeRowIndex; r += 1) {
+      prior += fieldsInRow(layout.rows[r]).length;
+    }
+    return prior;
+  }
+  let consumed = 0;
+  for (let i = 0; i < row.cells.length; i += 1) {
+    const cell = row.cells[i];
+    if (consumed >= columnIndex) {
+      if (cell.kind === "field") return cell.linearIndex;
+      return fields[fields.length - 1].linearIndex + 1;
+    }
+    consumed += cell.span;
+  }
+  return fields[fields.length - 1].linearIndex + 1;
+}
+export {
+  computeRowLayout,
+  dropHintToLinearIndex,
+  readSpan
+};
+//# sourceMappingURL=row-layout.js.map

package/dist/modules/forms/backend/forms/[id]/studio/canvas/row-layout.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../../src/modules/forms/backend/forms/%5Bid%5D/studio/canvas/row-layout.ts"],
+  "sourcesContent": ["// Decision 6b \u2014 column hint maps to nearest linear index; layout is pure.\n\nexport type RowLayoutSpan = 1 | 2 | 3 | 4\n\nexport type RowLayoutCell =\n  | { kind: 'field'; fieldKey: string; span: RowLayoutSpan; linearIndex: number }\n  | { kind: 'empty'; span: 1 }\n\nexport type RowLayoutRow = { cells: RowLayoutCell[] }\n\nexport type RowLayout = {\n  rows: RowLayoutRow[]\n  columns: 1 | 2 | 3 | 4\n  totalFields: number\n}\n\nexport function readSpan(value: unknown): RowLayoutSpan | undefined {\n  if (value === 1 || value === 2 || value === 3 || value === 4) return value\n  return undefined\n}\n\nfunction clampSpan(raw: number | undefined, columns: 1 | 2 | 3 | 4): RowLayoutSpan {\n  if (raw === undefined) return 1\n  const normalized = raw === 1 || raw === 2 || raw === 3 || raw === 4 ? raw : 1\n  const limit = Math.min(normalized, columns)\n  return (limit < 1 ? 1 : limit) as RowLayoutSpan\n}\n\nexport function computeRowLayout(input: {\n  fieldKeys: string[]\n  spans: Record<string, number | undefined>\n  columns: 1 | 2 | 3 | 4\n}): RowLayout {\n  const { fieldKeys, spans, columns } = input\n  const rows: RowLayoutRow[] = []\n  let currentCells: RowLayoutCell[] = []\n  let currentUsed = 0\n\n  for (let i = 0; i < fieldKeys.length; i += 1) {\n    const key = fieldKeys[i]\n    const span = clampSpan(spans[key], columns)\n    if (currentUsed + span > columns) {\n      while (currentCells.length > 0 && currentUsed < columns) {\n        currentCells.push({ kind: 'empty', span: 1 })\n        currentUsed += 1\n      }\n      if (currentCells.length > 0) {\n        rows.push({ cells: currentCells })\n      }\n      currentCells = []\n      currentUsed = 0\n    }\n    currentCells.push({ kind: 'field', fieldKey: key, span, linearIndex: i })\n    currentUsed += span\n    if (currentUsed >= columns) {\n      rows.push({ cells: currentCells })\n      currentCells = []\n      currentUsed = 0\n    }\n  }\n\n  if (currentCells.length > 0) {\n    while (currentUsed < columns) {\n      currentCells.push({ kind: 'empty', span: 1 })\n      currentUsed += 1\n    }\n    rows.push({ cells: currentCells })\n  }\n\n  return { rows, columns, totalFields: fieldKeys.length }\n}\n\ntype RowLayoutFieldCell = Extract<RowLayoutCell, { kind: 'field' }>\n\nfunction fieldsInRow(row: RowLayoutRow): RowLayoutFieldCell[] {\n  return row.cells.filter((cell): cell is RowLayoutFieldCell => cell.kind === 'field')\n}\n\nexport function dropHintToLinearIndex(input: {\n  layout: RowLayout\n  rowIndex: number\n  columnIndex: number\n}): number {\n  const { layout, rowIndex, columnIndex } = input\n  if (layout.rows.length === 0) return 0\n  if (rowIndex >= layout.rows.length) return layout.totalFields\n\n  const safeRowIndex = rowIndex < 0 ? 0 : rowIndex\n  const row = layout.rows[safeRowIndex]\n  const fields = fieldsInRow(row)\n\n  if (fields.length === 0) {\n    let prior = 0\n    for (let r = 0; r < safeRowIndex; r += 1) {\n      prior += fieldsInRow(layout.rows[r]).length\n    }\n    return prior\n  }\n\n  let consumed = 0\n  for (let i = 0; i < row.cells.length; i += 1) {\n    const cell = row.cells[i]\n    if (consumed >= columnIndex) {\n      if (cell.kind === 'field') return cell.linearIndex\n      return fields[fields.length - 1].linearIndex + 1\n    }\n    consumed += cell.span\n  }\n  return fields[fields.length - 1].linearIndex + 1\n}\n"],
+  "mappings": "AAgBO,SAAS,SAAS,OAA2C;AAClE,MAAI,UAAU,KAAK,UAAU,KAAK,UAAU,KAAK,UAAU,EAAG,QAAO;AACrE,SAAO;AACT;AAEA,SAAS,UAAU,KAAyB,SAAuC;AACjF,MAAI,QAAQ,OAAW,QAAO;AAC9B,QAAM,aAAa,QAAQ,KAAK,QAAQ,KAAK,QAAQ,KAAK,QAAQ,IAAI,MAAM;AAC5E,QAAM,QAAQ,KAAK,IAAI,YAAY,OAAO;AAC1C,SAAQ,QAAQ,IAAI,IAAI;AAC1B;AAEO,SAAS,iBAAiB,OAInB;AACZ,QAAM,EAAE,WAAW,OAAO,QAAQ,IAAI;AACtC,QAAM,OAAuB,CAAC;AAC9B,MAAI,eAAgC,CAAC;AACrC,MAAI,cAAc;AAElB,WAAS,IAAI,GAAG,IAAI,UAAU,QAAQ,KAAK,GAAG;AAC5C,UAAM,MAAM,UAAU,CAAC;AACvB,UAAM,OAAO,UAAU,MAAM,GAAG,GAAG,OAAO;AAC1C,QAAI,cAAc,OAAO,SAAS;AAChC,aAAO,aAAa,SAAS,KAAK,cAAc,SAAS;AACvD,qBAAa,KAAK,EAAE,MAAM,SAAS,MAAM,EAAE,CAAC;AAC5C,uBAAe;AAAA,MACjB;AACA,UAAI,aAAa,SAAS,GAAG;AAC3B,aAAK,KAAK,EAAE,OAAO,aAAa,CAAC;AAAA,MACnC;AACA,qBAAe,CAAC;AAChB,oBAAc;AAAA,IAChB;AACA,iBAAa,KAAK,EAAE,MAAM,SAAS,UAAU,KAAK,MAAM,aAAa,EAAE,CAAC;AACxE,mBAAe;AACf,QAAI,eAAe,SAAS;AAC1B,WAAK,KAAK,EAAE,OAAO,aAAa,CAAC;AACjC,qBAAe,CAAC;AAChB,oBAAc;AAAA,IAChB;AAAA,EACF;AAEA,MAAI,aAAa,SAAS,GAAG;AAC3B,WAAO,cAAc,SAAS;AAC5B,mBAAa,KAAK,EAAE,MAAM,SAAS,MAAM,EAAE,CAAC;AAC5C,qBAAe;AAAA,IACjB;AACA,SAAK,KAAK,EAAE,OAAO,aAAa,CAAC;AAAA,EACnC;AAEA,SAAO,EAAE,MAAM,SAAS,aAAa,UAAU,OAAO;AACxD;AAIA,SAAS,YAAY,KAAyC;AAC5D,SAAO,IAAI,MAAM,OAAO,CAAC,SAAqC,KAAK,SAAS,OAAO;AACrF;AAEO,SAAS,sBAAsB,OAI3B;AACT,QAAM,EAAE,QAAQ,UAAU,YAAY,IAAI;AAC1C,MAAI,OAAO,KAAK,WAAW,EAAG,QAAO;AACrC,MAAI,YAAY,OAAO,KAAK,OAAQ,QAAO,OAAO;AAElD,QAAM,eAAe,WAAW,IAAI,IAAI;AACxC,QAAM,MAAM,OAAO,KAAK,YAAY;AACpC,QAAM,SAAS,YAAY,GAAG;AAE9B,MAAI,OAAO,WAAW,GAAG;AACvB,QAAI,QAAQ;AACZ,aAAS,IAAI,GAAG,IAAI,cAAc,KAAK,GAAG;AACxC,eAAS,YAAY,OAAO,KAAK,CAAC,CAAC,EAAE;AAAA,IACvC;AACA,WAAO;AAAA,EACT;AAEA,MAAI,WAAW;AACf,WAAS,IAAI,GAAG,IAAI,IAAI,MAAM,QAAQ,KAAK,GAAG;AAC5C,UAAM,OAAO,IAAI,MAAM,CAAC;AACxB,QAAI,YAAY,aAAa;AAC3B,UAAI,KAAK,SAAS,QAAS,QAAO,KAAK;AACvC,aAAO,OAAO,OAAO,SAAS,CAAC,EAAE,cAAc;AAAA,IACjD;AACA,gBAAY,KAAK;AAAA,EACnB;AACA,SAAO,OAAO,OAAO,SAAS,CAAC,EAAE,cAAc;AACjD;",
+  "names": []
+}

package/dist/modules/forms/backend/forms/[id]/studio/logic/ConditionBuilder.js

@@ -0,0 +1,210 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { Button } from "@open-mercato/ui/primitives/button";
+import { IconButton } from "@open-mercato/ui/primitives/icon-button";
+import { Input } from "@open-mercato/ui/primitives/input";
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@open-mercato/ui/primitives/select";
+import { Tag } from "@open-mercato/ui/primitives/tag";
+import { RadioGroup } from "@open-mercato/ui/primitives/radio";
+import { RadioField } from "@open-mercato/ui/primitives/radio-field";
+import { Trash2 } from "../lucide-icons.js";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import {
+  compilePredicate,
+  emptyModel,
+  newRow,
+  parsePredicate
+} from "./condition-model.js";
+import { resolveTypeLabel } from "../type-label.js";
+const OPERATORS_BY_TYPE = {
+  text: ["eq", "neq", "contains", "is_empty", "is_not_empty"],
+  textarea: ["eq", "neq", "contains", "is_empty", "is_not_empty"],
+  date: ["eq", "neq", "gt", "gte", "lt", "lte", "is_empty", "is_not_empty"],
+  datetime: ["eq", "neq", "gt", "gte", "lt", "lte", "is_empty", "is_not_empty"],
+  number: ["eq", "neq", "gt", "gte", "lt", "lte"],
+  integer: ["eq", "neq", "gt", "gte", "lt", "lte"],
+  scale: ["eq", "neq", "gt", "gte", "lt", "lte"],
+  boolean: ["is_true", "is_false"],
+  yes_no: ["is_true", "is_false"],
+  yes_no_buttons: ["is_true", "is_false"],
+  select_one: ["eq", "neq"],
+  select_many: ["contains"]
+};
+const FALLBACK_OPERATORS = ["eq", "neq"];
+function operatorOptions(source) {
+  if (!source) return FALLBACK_OPERATORS;
+  const fieldType = source.fieldType ?? void 0;
+  if (fieldType && OPERATORS_BY_TYPE[fieldType]) return OPERATORS_BY_TYPE[fieldType];
+  if (source.namespace === "variable") return ["eq", "neq", "gt", "gte", "lt", "lte", "is_true", "is_false"];
+  if (source.namespace === "hidden") return ["eq", "neq", "contains", "is_empty", "is_not_empty"];
+  return FALLBACK_OPERATORS;
+}
+function ConditionBuilder({ predicate, sources, onChange }) {
+  const t = useT();
+  const [model, setModel] = React.useState(() => parsePredicate(predicate));
+  React.useEffect(() => {
+    setModel(parsePredicate(predicate));
+  }, [predicate]);
+  const commit = React.useCallback(
+    (nextModel) => {
+      setModel(nextModel);
+      const compiled = compilePredicate(nextModel);
+      onChange(compiled);
+    },
+    [onChange]
+  );
+  const sourceByValue = React.useMemo(() => {
+    const map = /* @__PURE__ */ new Map();
+    for (const entry of sources) map.set(entry.value, entry);
+    return map;
+  }, [sources]);
+  if (model.raw !== null && model.rows.length === 0) {
+    return /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsx(Tag, { variant: "warning", children: t("forms.studio.logic.visibility.rawShape") }),
+      /* @__PURE__ */ jsx("pre", { className: "max-h-40 overflow-auto rounded-md border border-border bg-muted/30 p-2 text-xs", children: JSON.stringify(model.raw, null, 2) }),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "outline",
+          size: "sm",
+          type: "button",
+          onClick: () => commit(emptyModel()),
+          children: t("forms.studio.logic.visibility.clear")
+        }
+      )
+    ] });
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-3", "data-testid": "condition-builder", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ jsx("h4", { className: "text-xs font-medium uppercase tracking-wide text-muted-foreground", children: t("forms.studio.logic.visibility.heading") }),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "outline",
+          size: "sm",
+          type: "button",
+          onClick: () => commit({ ...model, rows: [...model.rows, newRow(sources[0]?.value ?? "")] }),
+          children: t("forms.studio.logic.visibility.addRule")
+        }
+      )
+    ] }),
+    model.rows.length === 0 ? /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: t("forms.studio.logic.visibility.always") }) : null,
+    /* @__PURE__ */ jsx("div", { className: "space-y-2", children: model.rows.map((row, index) => {
+      const sourceOption = sourceByValue.get(row.source);
+      const operators = operatorOptions(sourceOption);
+      const operator = operators.includes(row.operator) ? row.operator : operators[0] ?? "eq";
+      const valueDisabled = operator === "is_empty" || operator === "is_not_empty" || operator === "is_true" || operator === "is_false";
+      const updateRow = (partial) => {
+        const nextRows = model.rows.map((entry) => entry.id === row.id ? { ...entry, ...partial } : entry);
+        commit({ ...model, rows: nextRows });
+      };
+      const removeRow = () => {
+        commit({ ...model, rows: model.rows.filter((entry) => entry.id !== row.id) });
+      };
+      return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", "data-testid": "condition-row", children: [
+        index > 0 ? /* @__PURE__ */ jsx(Tag, { variant: "neutral", className: "shrink-0 uppercase", children: model.combine === "and" ? t("forms.studio.logic.visibility.combine.and") : t("forms.studio.logic.visibility.combine.or") }) : null,
+        /* @__PURE__ */ jsxs(Select, { value: row.source, onValueChange: (value) => updateRow({ source: value }), children: [
+          /* @__PURE__ */ jsx(SelectTrigger, { className: "h-8 flex-1", children: /* @__PURE__ */ jsx(SelectValue, { placeholder: t("forms.studio.logic.visibility.sourcePlaceholder") }) }),
+          /* @__PURE__ */ jsx(SelectContent, { children: sources.map((source) => /* @__PURE__ */ jsx(SelectItem, { value: source.value, children: source.label }, source.value)) })
+        ] }),
+        /* @__PURE__ */ jsxs(
+          Select,
+          {
+            value: operator,
+            onValueChange: (value) => updateRow({ operator: value }),
+            children: [
+              /* @__PURE__ */ jsx(SelectTrigger, { className: "h-8 w-32", children: /* @__PURE__ */ jsx(SelectValue, {}) }),
+              /* @__PURE__ */ jsx(SelectContent, { children: operators.map((op) => /* @__PURE__ */ jsx(SelectItem, { value: op, children: t(`forms.studio.logic.visibility.op.${op}`) }, op)) })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Input,
+          {
+            className: "h-8 w-32",
+            value: valueDisabled ? "" : String(row.value ?? ""),
+            disabled: valueDisabled,
+            onChange: (event) => updateRow({ value: event.target.value })
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          IconButton,
+          {
+            "aria-label": t("forms.studio.logic.visibility.remove"),
+            variant: "ghost",
+            size: "sm",
+            type: "button",
+            onClick: removeRow,
+            children: /* @__PURE__ */ jsx(Trash2, { className: "size-4" })
+          }
+        )
+      ] }, row.id);
+    }) }),
+    model.rows.length > 1 ? /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+      /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: t("forms.studio.logic.visibility.combineLabel") }),
+      /* @__PURE__ */ jsxs(
+        RadioGroup,
+        {
+          value: model.combine,
+          onValueChange: (next) => commit({ ...model, combine: next }),
+          className: "flex-row gap-3",
+          children: [
+            /* @__PURE__ */ jsx(RadioField, { value: "and", label: t("forms.studio.logic.visibility.combine.and") }),
+            /* @__PURE__ */ jsx(RadioField, { value: "or", label: t("forms.studio.logic.visibility.combine.or") })
+          ]
+        }
+      )
+    ] }) : null,
+    model.rows.length > 0 ? /* @__PURE__ */ jsxs("details", { className: "mt-2", children: [
+      /* @__PURE__ */ jsx("summary", { className: "cursor-pointer text-xs font-medium uppercase text-muted-foreground", children: t("forms.studio.logic.visibility.compiledJson") }),
+      /* @__PURE__ */ jsx("pre", { className: "mt-1 max-h-40 overflow-auto rounded-md border border-border bg-muted/30 p-2 text-xs", children: JSON.stringify(compilePredicate(model), null, 2) })
+    ] }) : null
+  ] });
+}
+function buildFieldSourceOptions(schema, currentLocale, t) {
+  const result = [];
+  for (const [key, node] of Object.entries(schema.properties)) {
+    const omType = String(node["x-om-type"] ?? "");
+    if (omType === "info_block") continue;
+    const labelMap = node["x-om-label"];
+    const label = labelMap && typeof labelMap === "object" && !Array.isArray(labelMap) ? String(labelMap[currentLocale] ?? labelMap.en ?? key) : key;
+    const typeLabel = resolveTypeLabel(omType, t);
+    result.push({ value: key, label: `${label} \u2014 ${typeLabel}`, fieldType: omType, namespace: "field" });
+  }
+  const hiddenFields = schema["x-om-hidden-fields"];
+  if (Array.isArray(hiddenFields)) {
+    for (const entry of hiddenFields) {
+      if (!entry || typeof entry !== "object") continue;
+      const name = entry.name;
+      if (typeof name !== "string") continue;
+      result.push({
+        value: `hidden.${name}`,
+        label: `${name} \u2014 ${t("forms.studio.logic.source.hidden")}`,
+        fieldType: null,
+        namespace: "hidden"
+      });
+    }
+  }
+  const variables = schema["x-om-variables"];
+  if (Array.isArray(variables)) {
+    for (const entry of variables) {
+      if (!entry || typeof entry !== "object") continue;
+      const name = entry.name;
+      if (typeof name !== "string") continue;
+      const variableType = String(entry.type ?? "");
+      result.push({
+        value: `var.${name}`,
+        label: `${name} \u2014 ${t("forms.studio.logic.source.variable")}`,
+        fieldType: variableType,
+        namespace: "variable"
+      });
+    }
+  }
+  return result;
+}
+export {
+  ConditionBuilder,
+  buildFieldSourceOptions
+};
+//# sourceMappingURL=ConditionBuilder.js.map

package/dist/modules/forms/backend/forms/[id]/studio/logic/ConditionBuilder.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../../src/modules/forms/backend/forms/%5Bid%5D/studio/logic/ConditionBuilder.tsx"],
+  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { IconButton } from '@open-mercato/ui/primitives/icon-button'\nimport { Input } from '@open-mercato/ui/primitives/input'\nimport { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@open-mercato/ui/primitives/select'\nimport { Tag } from '@open-mercato/ui/primitives/tag'\nimport { RadioGroup } from '@open-mercato/ui/primitives/radio'\nimport { RadioField } from '@open-mercato/ui/primitives/radio-field'\nimport { Trash2 } from '../lucide-icons'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport {\n  type ConditionBuilderModel,\n  type ConditionOperator,\n  type ConditionRow,\n  compilePredicate,\n  emptyModel,\n  newRow,\n  parsePredicate,\n} from './condition-model'\nimport { resolveTypeLabel } from '../type-label'\nimport type { FormSchema } from '../schema-helpers'\n\nexport type ConditionSourceOption = {\n  value: string\n  label: string\n  fieldType?: string | null\n  namespace: 'field' | 'hidden' | 'variable'\n}\n\nexport type ConditionBuilderProps = {\n  predicate: unknown | null\n  sources: ConditionSourceOption[]\n  onChange: (next: unknown | null) => void\n}\n\nconst OPERATORS_BY_TYPE: Record<string, ConditionOperator[]> = {\n  text: ['eq', 'neq', 'contains', 'is_empty', 'is_not_empty'],\n  textarea: ['eq', 'neq', 'contains', 'is_empty', 'is_not_empty'],\n  date: ['eq', 'neq', 'gt', 'gte', 'lt', 'lte', 'is_empty', 'is_not_empty'],\n  datetime: ['eq', 'neq', 'gt', 'gte', 'lt', 'lte', 'is_empty', 'is_not_empty'],\n  number: ['eq', 'neq', 'gt', 'gte', 'lt', 'lte'],\n  integer: ['eq', 'neq', 'gt', 'gte', 'lt', 'lte'],\n  scale: ['eq', 'neq', 'gt', 'gte', 'lt', 'lte'],\n  boolean: ['is_true', 'is_false'],\n  yes_no: ['is_true', 'is_false'],\n  yes_no_buttons: ['is_true', 'is_false'],\n  select_one: ['eq', 'neq'],\n  select_many: ['contains'],\n}\n\nconst FALLBACK_OPERATORS: ConditionOperator[] = ['eq', 'neq']\n\nfunction operatorOptions(source: ConditionSourceOption | undefined): ConditionOperator[] {\n  if (!source) return FALLBACK_OPERATORS\n  const fieldType = source.fieldType ?? undefined\n  if (fieldType && OPERATORS_BY_TYPE[fieldType]) return OPERATORS_BY_TYPE[fieldType]\n  if (source.namespace === 'variable') return ['eq', 'neq', 'gt', 'gte', 'lt', 'lte', 'is_true', 'is_false']\n  if (source.namespace === 'hidden') return ['eq', 'neq', 'contains', 'is_empty', 'is_not_empty']\n  return FALLBACK_OPERATORS\n}\n\nexport function ConditionBuilder({ predicate, sources, onChange }: ConditionBuilderProps) {\n  const t = useT()\n  const [model, setModel] = React.useState<ConditionBuilderModel>(() => parsePredicate(predicate))\n\n  React.useEffect(() => {\n    setModel(parsePredicate(predicate))\n  }, [predicate])\n\n  const commit = React.useCallback(\n    (nextModel: ConditionBuilderModel) => {\n      setModel(nextModel)\n      const compiled = compilePredicate(nextModel)\n      onChange(compiled)\n    },\n    [onChange],\n  )\n\n  const sourceByValue = React.useMemo(() => {\n    const map = new Map<string, ConditionSourceOption>()\n    for (const entry of sources) map.set(entry.value, entry)\n    return map\n  }, [sources])\n\n  if (model.raw !== null && model.rows.length === 0) {\n    return (\n      <div className=\"space-y-2\">\n        <Tag variant=\"warning\">{t('forms.studio.logic.visibility.rawShape')}</Tag>\n        <pre className=\"max-h-40 overflow-auto rounded-md border border-border bg-muted/30 p-2 text-xs\">\n          {JSON.stringify(model.raw, null, 2)}\n        </pre>\n        <Button\n          variant=\"outline\"\n          size=\"sm\"\n          type=\"button\"\n          onClick={() => commit(emptyModel())}\n        >\n          {t('forms.studio.logic.visibility.clear')}\n        </Button>\n      </div>\n    )\n  }\n\n  return (\n    <div className=\"space-y-3\" data-testid=\"condition-builder\">\n      <div className=\"flex items-center justify-between\">\n        <h4 className=\"text-xs font-medium uppercase tracking-wide text-muted-foreground\">\n          {t('forms.studio.logic.visibility.heading')}\n        </h4>\n        <Button\n          variant=\"outline\"\n          size=\"sm\"\n          type=\"button\"\n          onClick={() => commit({ ...model, rows: [...model.rows, newRow(sources[0]?.value ?? '')] })}\n        >\n          {t('forms.studio.logic.visibility.addRule')}\n        </Button>\n      </div>\n      {model.rows.length === 0 ? (\n        <p className=\"text-xs text-muted-foreground\">{t('forms.studio.logic.visibility.always')}</p>\n      ) : null}\n      <div className=\"space-y-2\">\n        {model.rows.map((row, index) => {\n          const sourceOption = sourceByValue.get(row.source)\n          const operators = operatorOptions(sourceOption)\n          const operator = operators.includes(row.operator) ? row.operator : operators[0] ?? 'eq'\n          const valueDisabled =\n            operator === 'is_empty' || operator === 'is_not_empty' || operator === 'is_true' || operator === 'is_false'\n          const updateRow = (partial: Partial<ConditionRow>) => {\n            const nextRows = model.rows.map((entry) => (entry.id === row.id ? { ...entry, ...partial } : entry))\n            commit({ ...model, rows: nextRows })\n          }\n          const removeRow = () => {\n            commit({ ...model, rows: model.rows.filter((entry) => entry.id !== row.id) })\n          }\n          return (\n            <div key={row.id} className=\"flex items-center gap-2\" data-testid=\"condition-row\">\n              {index > 0 ? (\n                <Tag variant=\"neutral\" className=\"shrink-0 uppercase\">\n                  {model.combine === 'and'\n                    ? t('forms.studio.logic.visibility.combine.and')\n                    : t('forms.studio.logic.visibility.combine.or')}\n                </Tag>\n              ) : null}\n              <Select value={row.source} onValueChange={(value) => updateRow({ source: value })}>\n                <SelectTrigger className=\"h-8 flex-1\">\n                  <SelectValue placeholder={t('forms.studio.logic.visibility.sourcePlaceholder')} />\n                </SelectTrigger>\n                <SelectContent>\n                  {sources.map((source) => (\n                    <SelectItem key={source.value} value={source.value}>\n                      {source.label}\n                    </SelectItem>\n                  ))}\n                </SelectContent>\n              </Select>\n              <Select\n                value={operator}\n                onValueChange={(value) => updateRow({ operator: value as ConditionOperator })}\n              >\n                <SelectTrigger className=\"h-8 w-32\">\n                  <SelectValue />\n                </SelectTrigger>\n                <SelectContent>\n                  {operators.map((op) => (\n                    <SelectItem key={op} value={op}>\n                      {t(`forms.studio.logic.visibility.op.${op}`)}\n                    </SelectItem>\n                  ))}\n                </SelectContent>\n              </Select>\n              <Input\n                className=\"h-8 w-32\"\n                value={valueDisabled ? '' : String(row.value ?? '')}\n                disabled={valueDisabled}\n                onChange={(event) => updateRow({ value: event.target.value })}\n              />\n              <IconButton\n                aria-label={t('forms.studio.logic.visibility.remove')}\n                variant=\"ghost\"\n                size=\"sm\"\n                type=\"button\"\n                onClick={removeRow}\n              >\n                <Trash2 className=\"size-4\" />\n              </IconButton>\n            </div>\n          )\n        })}\n      </div>\n      {model.rows.length > 1 ? (\n        <div className=\"flex items-center gap-3\">\n          <span className=\"text-xs text-muted-foreground\">{t('forms.studio.logic.visibility.combineLabel')}</span>\n          <RadioGroup\n            value={model.combine}\n            onValueChange={(next) => commit({ ...model, combine: next as 'and' | 'or' })}\n            className=\"flex-row gap-3\"\n          >\n            <RadioField value=\"and\" label={t('forms.studio.logic.visibility.combine.and')} />\n            <RadioField value=\"or\" label={t('forms.studio.logic.visibility.combine.or')} />\n          </RadioGroup>\n        </div>\n      ) : null}\n      {model.rows.length > 0 ? (\n        <details className=\"mt-2\">\n          <summary className=\"cursor-pointer text-xs font-medium uppercase text-muted-foreground\">\n            {t('forms.studio.logic.visibility.compiledJson')}\n          </summary>\n          <pre className=\"mt-1 max-h-40 overflow-auto rounded-md border border-border bg-muted/30 p-2 text-xs\">\n            {JSON.stringify(compilePredicate(model), null, 2)}\n          </pre>\n        </details>\n      ) : null}\n    </div>\n  )\n}\n\n/** Convenience builder of source options from a `FormSchema`. */\nexport function buildFieldSourceOptions(schema: FormSchema, currentLocale: string, t: ReturnType<typeof useT>): ConditionSourceOption[] {\n  const result: ConditionSourceOption[] = []\n  for (const [key, node] of Object.entries(schema.properties)) {\n    const omType = String((node as Record<string, unknown>)['x-om-type'] ?? '')\n    if (omType === 'info_block') continue\n    const labelMap = (node as Record<string, unknown>)['x-om-label']\n    const label =\n      labelMap && typeof labelMap === 'object' && !Array.isArray(labelMap)\n        ? String((labelMap as Record<string, unknown>)[currentLocale] ?? (labelMap as Record<string, unknown>).en ?? key)\n        : key\n    const typeLabel = resolveTypeLabel(omType, t)\n    result.push({ value: key, label: `${label} \u2014 ${typeLabel}`, fieldType: omType, namespace: 'field' })\n  }\n  const hiddenFields = (schema as Record<string, unknown>)['x-om-hidden-fields']\n  if (Array.isArray(hiddenFields)) {\n    for (const entry of hiddenFields) {\n      if (!entry || typeof entry !== 'object') continue\n      const name = (entry as Record<string, unknown>).name\n      if (typeof name !== 'string') continue\n      result.push({\n        value: `hidden.${name}`,\n        label: `${name} \u2014 ${t('forms.studio.logic.source.hidden')}`,\n        fieldType: null,\n        namespace: 'hidden',\n      })\n    }\n  }\n  const variables = (schema as Record<string, unknown>)['x-om-variables']\n  if (Array.isArray(variables)) {\n    for (const entry of variables) {\n      if (!entry || typeof entry !== 'object') continue\n      const name = (entry as Record<string, unknown>).name\n      if (typeof name !== 'string') continue\n      const variableType = String((entry as Record<string, unknown>).type ?? '')\n      result.push({\n        value: `var.${name}`,\n        label: `${name} \u2014 ${t('forms.studio.logic.source.variable')}`,\n        fieldType: variableType,\n        namespace: 'variable',\n      })\n    }\n  }\n  return result\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/modules/forms/backend/forms/[id]/studio/logic/HiddenFieldsPanel.js

@@ -0,0 +1,91 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { Button } from "@open-mercato/ui/primitives/button";
+import { IconButton } from "@open-mercato/ui/primitives/icon-button";
+import { Input } from "@open-mercato/ui/primitives/input";
+import { Alert } from "@open-mercato/ui/primitives/alert";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { Trash2 } from "../lucide-icons.js";
+const NAME_PATTERN = /^[a-z][a-z0-9_]*$/;
+function HiddenFieldsPanel({ formId, entries, onChange }) {
+  const t = useT();
+  const [draftName, setDraftName] = React.useState("");
+  const [draftDefault, setDraftDefault] = React.useState("");
+  const [error, setError] = React.useState(null);
+  const urlSnippet = React.useMemo(() => {
+    if (entries.length === 0) return null;
+    const query = entries.map((entry) => `${encodeURIComponent(entry.name)}=<value>`).join("&");
+    return `/forms/${encodeURIComponent(formId)}/run?${query}`;
+  }, [entries, formId]);
+  const handleAdd = () => {
+    const name = draftName.trim();
+    if (!NAME_PATTERN.test(name)) {
+      setError(t("forms.studio.parameters.hidden.error.name"));
+      return;
+    }
+    if (entries.some((entry) => entry.name === name)) {
+      setError(t("forms.studio.parameters.hidden.error.duplicate"));
+      return;
+    }
+    setError(null);
+    const trimmedDefault = draftDefault.trim();
+    const next = trimmedDefault.length > 0 ? { name, defaultValue: trimmedDefault } : { name };
+    onChange([...entries, next]);
+    setDraftName("");
+    setDraftDefault("");
+  };
+  const handleRemove = (name) => {
+    onChange(entries.filter((entry) => entry.name !== name));
+  };
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-3", "data-testid": "hidden-fields-panel", children: [
+    /* @__PURE__ */ jsx("div", { className: "flex items-center justify-between", children: /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold text-foreground", children: t("forms.studio.parameters.hidden.heading") }) }),
+    entries.length === 0 ? /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: t("forms.studio.parameters.hidden.empty") }) : /* @__PURE__ */ jsx("ul", { className: "space-y-1", children: entries.map((entry) => /* @__PURE__ */ jsxs("li", { className: "flex items-center justify-between gap-2 rounded-md border border-border bg-background px-2 py-1", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-col", children: [
+        /* @__PURE__ */ jsx("span", { className: "font-mono text-xs text-foreground", children: entry.name }),
+        /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: entry.defaultValue ? t("forms.studio.parameters.hidden.defaultLabel", { value: entry.defaultValue }) : t("forms.studio.parameters.hidden.noDefault") })
+      ] }),
+      /* @__PURE__ */ jsx(
+        IconButton,
+        {
+          "aria-label": t("forms.studio.parameters.hidden.remove"),
+          variant: "ghost",
+          size: "sm",
+          type: "button",
+          onClick: () => handleRemove(entry.name),
+          children: /* @__PURE__ */ jsx(Trash2, { className: "size-4" })
+        }
+      )
+    ] }, entry.name)) }),
+    /* @__PURE__ */ jsxs("div", { className: "space-y-2 rounded-md border border-dashed border-border p-2", children: [
+      /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-2", children: [
+        /* @__PURE__ */ jsx(
+          Input,
+          {
+            placeholder: t("forms.studio.parameters.hidden.namePlaceholder"),
+            value: draftName,
+            onChange: (event) => setDraftName(event.target.value)
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Input,
+          {
+            placeholder: t("forms.studio.parameters.hidden.defaultPlaceholder"),
+            value: draftDefault,
+            onChange: (event) => setDraftDefault(event.target.value)
+          }
+        )
+      ] }),
+      error ? /* @__PURE__ */ jsx(Alert, { status: "error", style: "light", children: error }) : null,
+      /* @__PURE__ */ jsx(Button, { variant: "outline", size: "sm", type: "button", onClick: handleAdd, children: t("forms.studio.parameters.hidden.add") })
+    ] }),
+    urlSnippet ? /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+      /* @__PURE__ */ jsx("label", { className: "block text-xs font-medium text-muted-foreground", children: t("forms.studio.parameters.hidden.urlSnippet.label") }),
+      /* @__PURE__ */ jsx("div", { className: "rounded-md border border-border bg-muted/30 px-2 py-1 font-mono text-xs text-muted-foreground break-all", children: urlSnippet })
+    ] }) : null
+  ] });
+}
+export {
+  HiddenFieldsPanel
+};
+//# sourceMappingURL=HiddenFieldsPanel.js.map

package/dist/modules/forms/backend/forms/[id]/studio/logic/HiddenFieldsPanel.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../../src/modules/forms/backend/forms/%5Bid%5D/studio/logic/HiddenFieldsPanel.tsx"],
+  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { IconButton } from '@open-mercato/ui/primitives/icon-button'\nimport { Input } from '@open-mercato/ui/primitives/input'\nimport { Alert } from '@open-mercato/ui/primitives/alert'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { Trash2 } from '../lucide-icons'\nimport type { HiddenFieldEntry } from '../schema-helpers'\n\nconst NAME_PATTERN = /^[a-z][a-z0-9_]*$/\n\nexport type HiddenFieldsPanelProps = {\n  formId: string\n  entries: HiddenFieldEntry[]\n  onChange: (next: HiddenFieldEntry[]) => void\n}\n\nexport function HiddenFieldsPanel({ formId, entries, onChange }: HiddenFieldsPanelProps) {\n  const t = useT()\n  const [draftName, setDraftName] = React.useState('')\n  const [draftDefault, setDraftDefault] = React.useState('')\n  const [error, setError] = React.useState<string | null>(null)\n  const urlSnippet = React.useMemo(() => {\n    if (entries.length === 0) return null\n    const query = entries.map((entry) => `${encodeURIComponent(entry.name)}=<value>`).join('&')\n    return `/forms/${encodeURIComponent(formId)}/run?${query}`\n  }, [entries, formId])\n\n  const handleAdd = () => {\n    const name = draftName.trim()\n    if (!NAME_PATTERN.test(name)) {\n      setError(t('forms.studio.parameters.hidden.error.name'))\n      return\n    }\n    if (entries.some((entry) => entry.name === name)) {\n      setError(t('forms.studio.parameters.hidden.error.duplicate'))\n      return\n    }\n    setError(null)\n    const trimmedDefault = draftDefault.trim()\n    const next: HiddenFieldEntry = trimmedDefault.length > 0\n      ? { name, defaultValue: trimmedDefault }\n      : { name }\n    onChange([...entries, next])\n    setDraftName('')\n    setDraftDefault('')\n  }\n\n  const handleRemove = (name: string) => {\n    onChange(entries.filter((entry) => entry.name !== name))\n  }\n\n  return (\n    <div className=\"space-y-3\" data-testid=\"hidden-fields-panel\">\n      <div className=\"flex items-center justify-between\">\n        <h3 className=\"text-sm font-semibold text-foreground\">\n          {t('forms.studio.parameters.hidden.heading')}\n        </h3>\n      </div>\n      {entries.length === 0 ? (\n        <p className=\"text-xs text-muted-foreground\">{t('forms.studio.parameters.hidden.empty')}</p>\n      ) : (\n        <ul className=\"space-y-1\">\n          {entries.map((entry) => (\n            <li key={entry.name} className=\"flex items-center justify-between gap-2 rounded-md border border-border bg-background px-2 py-1\">\n              <div className=\"flex flex-col\">\n                <span className=\"font-mono text-xs text-foreground\">{entry.name}</span>\n                <span className=\"text-xs text-muted-foreground\">\n                  {entry.defaultValue\n                    ? t('forms.studio.parameters.hidden.defaultLabel', { value: entry.defaultValue })\n                    : t('forms.studio.parameters.hidden.noDefault')}\n                </span>\n              </div>\n              <IconButton\n                aria-label={t('forms.studio.parameters.hidden.remove')}\n                variant=\"ghost\"\n                size=\"sm\"\n                type=\"button\"\n                onClick={() => handleRemove(entry.name)}\n              >\n                <Trash2 className=\"size-4\" />\n              </IconButton>\n            </li>\n          ))}\n        </ul>\n      )}\n      <div className=\"space-y-2 rounded-md border border-dashed border-border p-2\">\n        <div className=\"grid grid-cols-2 gap-2\">\n          <Input\n            placeholder={t('forms.studio.parameters.hidden.namePlaceholder')}\n            value={draftName}\n            onChange={(event) => setDraftName(event.target.value)}\n          />\n          <Input\n            placeholder={t('forms.studio.parameters.hidden.defaultPlaceholder')}\n            value={draftDefault}\n            onChange={(event) => setDraftDefault(event.target.value)}\n          />\n        </div>\n        {error ? (\n          <Alert status=\"error\" style=\"light\">{error}</Alert>\n        ) : null}\n        <Button variant=\"outline\" size=\"sm\" type=\"button\" onClick={handleAdd}>\n          {t('forms.studio.parameters.hidden.add')}\n        </Button>\n      </div>\n      {urlSnippet ? (\n        <div className=\"space-y-1\">\n          <label className=\"block text-xs font-medium text-muted-foreground\">\n            {t('forms.studio.parameters.hidden.urlSnippet.label')}\n          </label>\n          <div className=\"rounded-md border border-border bg-muted/30 px-2 py-1 font-mono text-xs text-muted-foreground break-all\">\n            {urlSnippet}\n          </div>\n        </div>\n      ) : null}\n    </div>\n  )\n}\n"],
+  "mappings": "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",
+  "names": []
+}