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

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

@@ -0,0 +1,201 @@
+"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 {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue
+} from "@open-mercato/ui/primitives/select";
+import { Tag } from "@open-mercato/ui/primitives/tag";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { Trash2 } from "../lucide-icons.js";
+import {
+  ConditionBuilder
+} from "./ConditionBuilder.js";
+function encodeTarget(target) {
+  if (target.type === "page") return `page:${target.pageKey}`;
+  if (target.type === "ending") return `ending:${target.endingKey}`;
+  return target.type;
+}
+function decodeTarget(value) {
+  if (value.startsWith("page:")) return { type: "page", pageKey: value.slice(5) };
+  if (value.startsWith("ending:")) return { type: "ending", endingKey: value.slice(7) };
+  if (value === "submit") return { type: "submit" };
+  return { type: "next" };
+}
+function JumpsEditor({ schema, pageKey, sources, rules, onChange }) {
+  const t = useT();
+  const sections = schema["x-om-sections"] ?? [];
+  const pages = sections.filter((entry) => entry.kind === "page");
+  const endings = sections.filter((entry) => entry.kind === "ending");
+  const ruleForPage = rules.find(
+    (entry) => entry.from.type === "page" && entry.from.pageKey === pageKey
+  );
+  const branches = ruleForPage?.rules ?? [];
+  const otherwise = ruleForPage?.otherwise;
+  const targetOptions = React.useMemo(() => {
+    const options = [];
+    options.push({ value: "next", label: t("forms.studio.logic.jumps.target.next") });
+    options.push({ value: "submit", label: t("forms.studio.logic.jumps.target.submit") });
+    for (const page of pages) {
+      if (page.key === pageKey) continue;
+      const title = page.title?.en ?? page.key;
+      options.push({ value: encodeTarget({ type: "page", pageKey: page.key }), label: t("forms.studio.logic.jumps.target.page", { name: title }) });
+    }
+    for (const ending of endings) {
+      const title = ending.title?.en ?? ending.key;
+      options.push({
+        value: encodeTarget({ type: "ending", endingKey: ending.key }),
+        label: t("forms.studio.logic.jumps.target.ending", { name: title })
+      });
+    }
+    return options;
+  }, [pages, endings, pageKey, t]);
+  const commit = (next) => {
+    const others = rules.filter(
+      (entry) => !(entry.from.type === "page" && entry.from.pageKey === pageKey)
+    );
+    if (!next || next.rules.length === 0 && !next.otherwise) {
+      onChange(others);
+      return;
+    }
+    onChange([...others, next]);
+  };
+  const addBranch = () => {
+    const next = {
+      from: { type: "page", pageKey },
+      rules: [...branches, { if: null, goto: { type: "next" } }],
+      otherwise
+    };
+    commit(next);
+  };
+  const updateBranch = (index, partial) => {
+    const nextBranches = branches.map((entry, i) => i === index ? { ...entry, ...partial } : entry);
+    commit({
+      from: { type: "page", pageKey },
+      rules: nextBranches,
+      otherwise
+    });
+  };
+  const removeBranch = (index) => {
+    const nextBranches = branches.filter((_, i) => i !== index);
+    commit({
+      from: { type: "page", pageKey },
+      rules: nextBranches,
+      otherwise
+    });
+  };
+  const moveBranch = (index, direction) => {
+    const targetIndex = index + direction;
+    if (targetIndex < 0 || targetIndex >= branches.length) return;
+    const next = [...branches];
+    const [moved] = next.splice(index, 1);
+    next.splice(targetIndex, 0, moved);
+    commit({
+      from: { type: "page", pageKey },
+      rules: next,
+      otherwise
+    });
+  };
+  const updateOtherwise = (value) => {
+    const target = decodeTarget(value);
+    commit({
+      from: { type: "page", pageKey },
+      rules: branches,
+      otherwise: target.type === "next" ? void 0 : target
+    });
+  };
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-3", "data-testid": "jumps-editor", 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.jumps.heading") }),
+      /* @__PURE__ */ jsx(Button, { variant: "outline", size: "sm", type: "button", onClick: addBranch, children: t("forms.studio.logic.jumps.addRule") })
+    ] }),
+    branches.length === 0 ? /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: t("forms.studio.logic.jumps.empty") }) : null,
+    /* @__PURE__ */ jsx("ul", { className: "space-y-3", children: branches.map((branch, index) => /* @__PURE__ */ jsxs("li", { className: "space-y-2 rounded-md border border-border bg-background p-2", "data-testid": "jump-branch", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+        /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: t("forms.studio.logic.jumps.branch.heading", { n: String(index + 1) }) }),
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
+          /* @__PURE__ */ jsx(
+            IconButton,
+            {
+              "aria-label": t("forms.studio.logic.jumps.moveUp"),
+              variant: "ghost",
+              size: "sm",
+              type: "button",
+              disabled: index === 0,
+              onClick: () => moveBranch(index, -1),
+              children: "\u2191"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            IconButton,
+            {
+              "aria-label": t("forms.studio.logic.jumps.moveDown"),
+              variant: "ghost",
+              size: "sm",
+              type: "button",
+              disabled: index === branches.length - 1,
+              onClick: () => moveBranch(index, 1),
+              children: "\u2193"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            IconButton,
+            {
+              "aria-label": t("forms.studio.logic.jumps.removeBranch"),
+              variant: "ghost",
+              size: "sm",
+              type: "button",
+              onClick: () => removeBranch(index),
+              children: /* @__PURE__ */ jsx(Trash2, { className: "size-4" })
+            }
+          )
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx(
+        ConditionBuilder,
+        {
+          predicate: branch.if ?? null,
+          sources,
+          onChange: (next) => updateBranch(index, { if: next })
+        }
+      ),
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: t("forms.studio.logic.jumps.goto") }),
+        /* @__PURE__ */ jsxs(
+          Select,
+          {
+            value: encodeTarget(branch.goto),
+            onValueChange: (value) => updateBranch(index, { goto: decodeTarget(value) }),
+            children: [
+              /* @__PURE__ */ jsx(SelectTrigger, { className: "h-8 flex-1", children: /* @__PURE__ */ jsx(SelectValue, {}) }),
+              /* @__PURE__ */ jsx(SelectContent, { children: targetOptions.map((option) => /* @__PURE__ */ jsx(SelectItem, { value: option.value, children: option.label }, option.value)) })
+            ]
+          }
+        )
+      ] })
+    ] }, index)) }),
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsx(Tag, { variant: "neutral", className: "shrink-0", children: t("forms.studio.logic.jumps.otherwise") }),
+      /* @__PURE__ */ jsxs(
+        Select,
+        {
+          value: otherwise ? encodeTarget(otherwise) : "next",
+          onValueChange: updateOtherwise,
+          children: [
+            /* @__PURE__ */ jsx(SelectTrigger, { className: "h-8 flex-1", children: /* @__PURE__ */ jsx(SelectValue, {}) }),
+            /* @__PURE__ */ jsx(SelectContent, { children: targetOptions.map((option) => /* @__PURE__ */ jsx(SelectItem, { value: option.value, children: option.label }, option.value)) })
+          ]
+        }
+      )
+    ] })
+  ] });
+}
+export {
+  JumpsEditor
+};
+//# sourceMappingURL=JumpsEditor.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../../src/modules/forms/backend/forms/%5Bid%5D/studio/logic/JumpsEditor.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 {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from '@open-mercato/ui/primitives/select'\nimport { Tag } from '@open-mercato/ui/primitives/tag'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { Trash2 } from '../lucide-icons'\nimport {\n  ConditionBuilder,\n  type ConditionSourceOption,\n} from './ConditionBuilder'\nimport type { FormSchema, JumpRuleEntry, JumpTarget, SectionNode } from '../schema-helpers'\n\nexport type JumpsEditorProps = {\n  schema: FormSchema\n  pageKey: string\n  sources: ConditionSourceOption[]\n  rules: JumpRuleEntry[]\n  onChange: (rules: JumpRuleEntry[]) => void\n}\n\ntype TargetKey = string\n\nfunction encodeTarget(target: JumpTarget): TargetKey {\n  if (target.type === 'page') return `page:${target.pageKey}`\n  if (target.type === 'ending') return `ending:${target.endingKey}`\n  return target.type\n}\n\nfunction decodeTarget(value: TargetKey): JumpTarget {\n  if (value.startsWith('page:')) return { type: 'page', pageKey: value.slice(5) }\n  if (value.startsWith('ending:')) return { type: 'ending', endingKey: value.slice(7) }\n  if (value === 'submit') return { type: 'submit' }\n  return { type: 'next' }\n}\n\nexport function JumpsEditor({ schema, pageKey, sources, rules, onChange }: JumpsEditorProps) {\n  const t = useT()\n  const sections = (schema['x-om-sections'] ?? []) as SectionNode[]\n  const pages = sections.filter((entry) => entry.kind === 'page')\n  const endings = sections.filter((entry) => entry.kind === 'ending')\n  const ruleForPage = rules.find(\n    (entry) => entry.from.type === 'page' && entry.from.pageKey === pageKey,\n  )\n  const branches = ruleForPage?.rules ?? []\n  const otherwise = ruleForPage?.otherwise\n\n  const targetOptions = React.useMemo(() => {\n    const options: Array<{ value: TargetKey; label: string }> = []\n    options.push({ value: 'next', label: t('forms.studio.logic.jumps.target.next') })\n    options.push({ value: 'submit', label: t('forms.studio.logic.jumps.target.submit') })\n    for (const page of pages) {\n      if (page.key === pageKey) continue\n      const title = page.title?.en ?? page.key\n      options.push({ value: encodeTarget({ type: 'page', pageKey: page.key }), label: t('forms.studio.logic.jumps.target.page', { name: title }) })\n    }\n    for (const ending of endings) {\n      const title = ending.title?.en ?? ending.key\n      options.push({\n        value: encodeTarget({ type: 'ending', endingKey: ending.key }),\n        label: t('forms.studio.logic.jumps.target.ending', { name: title }),\n      })\n    }\n    return options\n  }, [pages, endings, pageKey, t])\n\n  const commit = (next: JumpRuleEntry | null) => {\n    const others = rules.filter(\n      (entry) => !(entry.from.type === 'page' && entry.from.pageKey === pageKey),\n    )\n    if (!next || (next.rules.length === 0 && !next.otherwise)) {\n      onChange(others)\n      return\n    }\n    onChange([...others, next])\n  }\n\n  const addBranch = () => {\n    const next: JumpRuleEntry = {\n      from: { type: 'page', pageKey },\n      rules: [...branches, { if: null, goto: { type: 'next' } }],\n      otherwise,\n    }\n    commit(next)\n  }\n\n  const updateBranch = (index: number, partial: Partial<{ if: unknown; goto: JumpTarget }>) => {\n    const nextBranches = branches.map((entry, i) => (i === index ? { ...entry, ...partial } : entry))\n    commit({\n      from: { type: 'page', pageKey },\n      rules: nextBranches,\n      otherwise,\n    })\n  }\n\n  const removeBranch = (index: number) => {\n    const nextBranches = branches.filter((_, i) => i !== index)\n    commit({\n      from: { type: 'page', pageKey },\n      rules: nextBranches,\n      otherwise,\n    })\n  }\n\n  const moveBranch = (index: number, direction: -1 | 1) => {\n    const targetIndex = index + direction\n    if (targetIndex < 0 || targetIndex >= branches.length) return\n    const next = [...branches]\n    const [moved] = next.splice(index, 1)\n    next.splice(targetIndex, 0, moved)\n    commit({\n      from: { type: 'page', pageKey },\n      rules: next,\n      otherwise,\n    })\n  }\n\n  const updateOtherwise = (value: TargetKey) => {\n    const target = decodeTarget(value)\n    commit({\n      from: { type: 'page', pageKey },\n      rules: branches,\n      otherwise: target.type === 'next' ? undefined : target,\n    })\n  }\n\n  return (\n    <div className=\"space-y-3\" data-testid=\"jumps-editor\">\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.jumps.heading')}\n        </h4>\n        <Button variant=\"outline\" size=\"sm\" type=\"button\" onClick={addBranch}>\n          {t('forms.studio.logic.jumps.addRule')}\n        </Button>\n      </div>\n      {branches.length === 0 ? (\n        <p className=\"text-xs text-muted-foreground\">{t('forms.studio.logic.jumps.empty')}</p>\n      ) : null}\n      <ul className=\"space-y-3\">\n        {branches.map((branch, index) => (\n          <li key={index} className=\"space-y-2 rounded-md border border-border bg-background p-2\" data-testid=\"jump-branch\">\n            <div className=\"flex items-center justify-between\">\n              <span className=\"text-xs text-muted-foreground\">\n                {t('forms.studio.logic.jumps.branch.heading', { n: String(index + 1) })}\n              </span>\n              <div className=\"flex items-center gap-1\">\n                <IconButton\n                  aria-label={t('forms.studio.logic.jumps.moveUp')}\n                  variant=\"ghost\"\n                  size=\"sm\"\n                  type=\"button\"\n                  disabled={index === 0}\n                  onClick={() => moveBranch(index, -1)}\n                >\n                  \u2191\n                </IconButton>\n                <IconButton\n                  aria-label={t('forms.studio.logic.jumps.moveDown')}\n                  variant=\"ghost\"\n                  size=\"sm\"\n                  type=\"button\"\n                  disabled={index === branches.length - 1}\n                  onClick={() => moveBranch(index, 1)}\n                >\n                  \u2193\n                </IconButton>\n                <IconButton\n                  aria-label={t('forms.studio.logic.jumps.removeBranch')}\n                  variant=\"ghost\"\n                  size=\"sm\"\n                  type=\"button\"\n                  onClick={() => removeBranch(index)}\n                >\n                  <Trash2 className=\"size-4\" />\n                </IconButton>\n              </div>\n            </div>\n            <ConditionBuilder\n              predicate={branch.if ?? null}\n              sources={sources}\n              onChange={(next) => updateBranch(index, { if: next })}\n            />\n            <div className=\"flex items-center gap-2\">\n              <span className=\"text-xs text-muted-foreground\">\n                {t('forms.studio.logic.jumps.goto')}\n              </span>\n              <Select\n                value={encodeTarget(branch.goto)}\n                onValueChange={(value) => updateBranch(index, { goto: decodeTarget(value) })}\n              >\n                <SelectTrigger className=\"h-8 flex-1\">\n                  <SelectValue />\n                </SelectTrigger>\n                <SelectContent>\n                  {targetOptions.map((option) => (\n                    <SelectItem key={option.value} value={option.value}>\n                      {option.label}\n                    </SelectItem>\n                  ))}\n                </SelectContent>\n              </Select>\n            </div>\n          </li>\n        ))}\n      </ul>\n      <div className=\"flex items-center gap-2\">\n        <Tag variant=\"neutral\" className=\"shrink-0\">\n          {t('forms.studio.logic.jumps.otherwise')}\n        </Tag>\n        <Select\n          value={otherwise ? encodeTarget(otherwise) : 'next'}\n          onValueChange={updateOtherwise}\n        >\n          <SelectTrigger className=\"h-8 flex-1\">\n            <SelectValue />\n          </SelectTrigger>\n          <SelectContent>\n            {targetOptions.map((option) => (\n              <SelectItem key={option.value} value={option.value}>\n                {option.label}\n              </SelectItem>\n            ))}\n          </SelectContent>\n        </Select>\n      </div>\n    </div>\n  )\n}\n"],
+  "mappings": "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",
+  "names": []
+}

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

@@ -0,0 +1,66 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { Input } from "@open-mercato/ui/primitives/input";
+import { Button } from "@open-mercato/ui/primitives/button";
+import { Popover, PopoverContent, PopoverTrigger } from "@open-mercato/ui/primitives/popover";
+import { IconButton } from "@open-mercato/ui/primitives/icon-button";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { AtSign } from "../lucide-icons.js";
+function RecallTokenPicker({ options, onInsert, ariaLabel }) {
+  const t = useT();
+  const [open, setOpen] = React.useState(false);
+  const [filter, setFilter] = React.useState("");
+  const filtered = React.useMemo(() => {
+    if (!filter.trim()) return options;
+    const needle = filter.trim().toLowerCase();
+    return options.filter(
+      (entry) => entry.value.toLowerCase().includes(needle) || entry.label.toLowerCase().includes(needle)
+    );
+  }, [options, filter]);
+  return /* @__PURE__ */ jsxs(Popover, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+      IconButton,
+      {
+        "aria-label": ariaLabel ?? t("forms.studio.recall.trigger.ariaLabel"),
+        variant: "ghost",
+        size: "sm",
+        type: "button",
+        children: /* @__PURE__ */ jsx(AtSign, { className: "size-4" })
+      }
+    ) }),
+    /* @__PURE__ */ jsx(PopoverContent, { className: "z-popover w-64 p-2", align: "end", children: /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsx(
+        Input,
+        {
+          autoFocus: true,
+          placeholder: t("forms.studio.recall.picker.placeholder"),
+          value: filter,
+          onChange: (event) => setFilter(event.target.value)
+        }
+      ),
+      filtered.length === 0 ? /* @__PURE__ */ jsx("p", { className: "px-1 text-xs text-muted-foreground", children: t("forms.studio.recall.picker.empty") }) : /* @__PURE__ */ jsx("ul", { className: "max-h-48 space-y-1 overflow-auto", children: filtered.map((entry) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs(
+        Button,
+        {
+          type: "button",
+          variant: "ghost",
+          size: "2xs",
+          className: "h-auto w-full justify-between px-2 py-1 text-left",
+          onClick: () => {
+            onInsert(`@{${entry.value}}`);
+            setOpen(false);
+            setFilter("");
+          },
+          children: [
+            /* @__PURE__ */ jsx("span", { className: "font-mono", children: entry.value }),
+            /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: entry.label })
+          ]
+        }
+      ) }, entry.value)) })
+    ] }) })
+  ] });
+}
+export {
+  RecallTokenPicker
+};
+//# sourceMappingURL=RecallTokenPicker.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../../src/modules/forms/backend/forms/%5Bid%5D/studio/logic/RecallTokenPicker.tsx"],
+  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport { Input } from '@open-mercato/ui/primitives/input'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { Popover, PopoverContent, PopoverTrigger } from '@open-mercato/ui/primitives/popover'\nimport { IconButton } from '@open-mercato/ui/primitives/icon-button'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { AtSign } from '../lucide-icons'\n\nexport type RecallTokenOption = {\n  /** The bare identifier inserted between `@{` / `}` \u2014 e.g. `name`, `hidden.x`, `var.y`. */\n  value: string\n  label: string\n  namespace: 'field' | 'hidden' | 'variable'\n}\n\nexport type RecallTokenPickerProps = {\n  options: RecallTokenOption[]\n  onInsert: (token: string) => void\n  ariaLabel?: string\n}\n\nexport function RecallTokenPicker({ options, onInsert, ariaLabel }: RecallTokenPickerProps) {\n  const t = useT()\n  const [open, setOpen] = React.useState(false)\n  const [filter, setFilter] = React.useState('')\n  const filtered = React.useMemo(() => {\n    if (!filter.trim()) return options\n    const needle = filter.trim().toLowerCase()\n    return options.filter(\n      (entry) =>\n        entry.value.toLowerCase().includes(needle) || entry.label.toLowerCase().includes(needle),\n    )\n  }, [options, filter])\n\n  return (\n    <Popover open={open} onOpenChange={setOpen}>\n      <PopoverTrigger asChild>\n        <IconButton\n          aria-label={ariaLabel ?? t('forms.studio.recall.trigger.ariaLabel')}\n          variant=\"ghost\"\n          size=\"sm\"\n          type=\"button\"\n        >\n          <AtSign className=\"size-4\" />\n        </IconButton>\n      </PopoverTrigger>\n      <PopoverContent className=\"z-popover w-64 p-2\" align=\"end\">\n        <div className=\"space-y-2\">\n          <Input\n            autoFocus\n            placeholder={t('forms.studio.recall.picker.placeholder')}\n            value={filter}\n            onChange={(event) => setFilter(event.target.value)}\n          />\n          {filtered.length === 0 ? (\n            <p className=\"px-1 text-xs text-muted-foreground\">\n              {t('forms.studio.recall.picker.empty')}\n            </p>\n          ) : (\n            <ul className=\"max-h-48 space-y-1 overflow-auto\">\n              {filtered.map((entry) => (\n                <li key={entry.value}>\n                  <Button\n                    type=\"button\"\n                    variant=\"ghost\"\n                    size=\"2xs\"\n                    className=\"h-auto w-full justify-between px-2 py-1 text-left\"\n                    onClick={() => {\n                      onInsert(`@{${entry.value}}`)\n                      setOpen(false)\n                      setFilter('')\n                    }}\n                  >\n                    <span className=\"font-mono\">{entry.value}</span>\n                    <span className=\"text-muted-foreground\">{entry.label}</span>\n                  </Button>\n                </li>\n              ))}\n            </ul>\n          )}\n        </div>\n      </PopoverContent>\n    </Popover>\n  )\n}\n"],
+  "mappings": ";AA6CU,cAmBQ,YAnBR;AA3CV,YAAY,WAAW;AACvB,SAAS,aAAa;AACtB,SAAS,cAAc;AACvB,SAAS,SAAS,gBAAgB,sBAAsB;AACxD,SAAS,kBAAkB;AAC3B,SAAS,YAAY;AACrB,SAAS,cAAc;AAehB,SAAS,kBAAkB,EAAE,SAAS,UAAU,UAAU,GAA2B;AAC1F,QAAM,IAAI,KAAK;AACf,QAAM,CAAC,MAAM,OAAO,IAAI,MAAM,SAAS,KAAK;AAC5C,QAAM,CAAC,QAAQ,SAAS,IAAI,MAAM,SAAS,EAAE;AAC7C,QAAM,WAAW,MAAM,QAAQ,MAAM;AACnC,QAAI,CAAC,OAAO,KAAK,EAAG,QAAO;AAC3B,UAAM,SAAS,OAAO,KAAK,EAAE,YAAY;AACzC,WAAO,QAAQ;AAAA,MACb,CAAC,UACC,MAAM,MAAM,YAAY,EAAE,SAAS,MAAM,KAAK,MAAM,MAAM,YAAY,EAAE,SAAS,MAAM;AAAA,IAC3F;AAAA,EACF,GAAG,CAAC,SAAS,MAAM,CAAC;AAEpB,SACE,qBAAC,WAAQ,MAAY,cAAc,SACjC;AAAA,wBAAC,kBAAe,SAAO,MACrB;AAAA,MAAC;AAAA;AAAA,QACC,cAAY,aAAa,EAAE,uCAAuC;AAAA,QAClE,SAAQ;AAAA,QACR,MAAK;AAAA,QACL,MAAK;AAAA,QAEL,8BAAC,UAAO,WAAU,UAAS;AAAA;AAAA,IAC7B,GACF;AAAA,IACA,oBAAC,kBAAe,WAAU,sBAAqB,OAAM,OACnD,+BAAC,SAAI,WAAU,aACb;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,WAAS;AAAA,UACT,aAAa,EAAE,wCAAwC;AAAA,UACvD,OAAO;AAAA,UACP,UAAU,CAAC,UAAU,UAAU,MAAM,OAAO,KAAK;AAAA;AAAA,MACnD;AAAA,MACC,SAAS,WAAW,IACnB,oBAAC,OAAE,WAAU,sCACV,YAAE,kCAAkC,GACvC,IAEA,oBAAC,QAAG,WAAU,oCACX,mBAAS,IAAI,CAAC,UACb,oBAAC,QACC;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,SAAQ;AAAA,UACR,MAAK;AAAA,UACL,WAAU;AAAA,UACV,SAAS,MAAM;AACb,qBAAS,KAAK,MAAM,KAAK,GAAG;AAC5B,oBAAQ,KAAK;AACb,sBAAU,EAAE;AAAA,UACd;AAAA,UAEA;AAAA,gCAAC,UAAK,WAAU,aAAa,gBAAM,OAAM;AAAA,YACzC,oBAAC,UAAK,WAAU,yBAAyB,gBAAM,OAAM;AAAA;AAAA;AAAA,MACvD,KAdO,MAAM,KAef,CACD,GACH;AAAA,OAEJ,GACF;AAAA,KACF;AAEJ;",
+  "names": []
+}

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

@@ -0,0 +1,223 @@
+"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 { CheckboxField } from "@open-mercato/ui/primitives/checkbox-field";
+import { Textarea } from "@open-mercato/ui/primitives/textarea";
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue
+} from "@open-mercato/ui/primitives/select";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { Trash2 } from "../lucide-icons.js";
+import {
+  validateJsonLogicGrammar
+} from "../../../../../schema/jsonlogic-grammar.js";
+const NAME_PATTERN = /^[a-z][a-z0-9_]*$/;
+function emptyDraft() {
+  return {
+    name: "",
+    type: "number",
+    mode: "sum",
+    selectedFields: [],
+    rawJson: "",
+    defaultValue: ""
+  };
+}
+function buildFormula(draft) {
+  if (draft.mode === "sum") {
+    return {
+      "+": draft.selectedFields.map((field) => ({ var: field }))
+    };
+  }
+  if (draft.mode === "count_yes") {
+    if (draft.selectedFields.length === 0) return 0;
+    return {
+      "+": draft.selectedFields.map((field) => ({
+        if: [{ "==": [{ var: field }, true] }, 1, 0]
+      }))
+    };
+  }
+  try {
+    return JSON.parse(draft.rawJson);
+  } catch {
+    return null;
+  }
+}
+function VariablesPanel({ schema, entries, onChange }) {
+  const t = useT();
+  const [draft, setDraft] = React.useState(emptyDraft);
+  const [error, setError] = React.useState(null);
+  const fieldKeys = React.useMemo(() => {
+    return Object.entries(schema.properties).filter(([, node]) => {
+      const omType = String(node["x-om-type"] ?? "");
+      return omType !== "info_block";
+    }).map(([key]) => key);
+  }, [schema]);
+  const handleToggleField = (fieldKey, checked) => {
+    setDraft((current) => ({
+      ...current,
+      selectedFields: checked ? [...current.selectedFields, fieldKey] : current.selectedFields.filter((entry) => entry !== fieldKey)
+    }));
+  };
+  const handleAdd = () => {
+    const name = draft.name.trim();
+    if (!NAME_PATTERN.test(name)) {
+      setError(t("forms.studio.parameters.variables.error.name"));
+      return;
+    }
+    if (entries.some((entry) => entry.name === name)) {
+      setError(t("forms.studio.parameters.variables.error.duplicate"));
+      return;
+    }
+    const formula = buildFormula(draft);
+    if (formula === null || formula === void 0) {
+      setError(t("forms.studio.parameters.variables.error.formula"));
+      return;
+    }
+    const grammarMessage = validateJsonLogicGrammar(formula);
+    if (grammarMessage) {
+      setError(grammarMessage);
+      return;
+    }
+    setError(null);
+    const next = { name, type: draft.type, formula };
+    if (draft.defaultValue.trim().length > 0) {
+      if (draft.type === "number") {
+        const parsed = Number(draft.defaultValue);
+        if (Number.isFinite(parsed)) next.default = parsed;
+      } else if (draft.type === "boolean") {
+        next.default = draft.defaultValue === "true";
+      } else {
+        next.default = draft.defaultValue;
+      }
+    }
+    onChange([...entries, next]);
+    setDraft(emptyDraft());
+  };
+  const handleRemove = (name) => {
+    onChange(entries.filter((entry) => entry.name !== name));
+  };
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-3", "data-testid": "variables-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.variables.heading") }) }),
+    entries.length === 0 ? /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: t("forms.studio.parameters.variables.empty") }) : /* @__PURE__ */ jsx("ul", { className: "space-y-1", children: entries.map((entry) => /* @__PURE__ */ jsxs(
+      "li",
+      {
+        className: "flex items-start 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__ */ jsxs("span", { className: "font-mono text-xs text-foreground", children: [
+              entry.name,
+              " ",
+              /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground", children: [
+                ": ",
+                entry.type
+              ] })
+            ] }),
+            /* @__PURE__ */ jsx("code", { className: "mt-1 max-w-xs truncate text-xs text-muted-foreground", children: JSON.stringify(entry.formula) })
+          ] }),
+          /* @__PURE__ */ jsx(
+            IconButton,
+            {
+              "aria-label": t("forms.studio.parameters.variables.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.variables.namePlaceholder"),
+            value: draft.name,
+            onChange: (event) => setDraft((current) => ({ ...current, name: event.target.value }))
+          }
+        ),
+        /* @__PURE__ */ jsxs(
+          Select,
+          {
+            value: draft.type,
+            onValueChange: (value) => setDraft((current) => ({ ...current, type: value })),
+            children: [
+              /* @__PURE__ */ jsx(SelectTrigger, { className: "h-8", children: /* @__PURE__ */ jsx(SelectValue, {}) }),
+              /* @__PURE__ */ jsxs(SelectContent, { children: [
+                /* @__PURE__ */ jsx(SelectItem, { value: "number", children: "number" }),
+                /* @__PURE__ */ jsx(SelectItem, { value: "boolean", children: "boolean" }),
+                /* @__PURE__ */ jsx(SelectItem, { value: "string", children: "string" })
+              ] })
+            ]
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs(
+        Select,
+        {
+          value: draft.mode,
+          onValueChange: (value) => setDraft((current) => ({ ...current, mode: value })),
+          children: [
+            /* @__PURE__ */ jsx(SelectTrigger, { className: "h-8", children: /* @__PURE__ */ jsx(SelectValue, {}) }),
+            /* @__PURE__ */ jsxs(SelectContent, { children: [
+              /* @__PURE__ */ jsx(SelectItem, { value: "sum", children: t("forms.studio.parameters.variables.mode.sum") }),
+              /* @__PURE__ */ jsx(SelectItem, { value: "count_yes", children: t("forms.studio.parameters.variables.mode.countYes") }),
+              /* @__PURE__ */ jsx(SelectItem, { value: "raw", children: t("forms.studio.parameters.variables.mode.raw") })
+            ] })
+          ]
+        }
+      ),
+      draft.mode === "sum" || draft.mode === "count_yes" ? /* @__PURE__ */ jsx("div", { className: "max-h-40 space-y-1 overflow-auto rounded-md border border-border bg-muted/30 p-2", children: fieldKeys.length === 0 ? /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: t("forms.studio.parameters.variables.noFields") }) : fieldKeys.map((key) => {
+        const checked = draft.selectedFields.includes(key);
+        return /* @__PURE__ */ jsx(
+          CheckboxField,
+          {
+            label: /* @__PURE__ */ jsx("span", { className: "font-mono text-xs", children: key }),
+            size: "sm",
+            checked,
+            onCheckedChange: (next) => handleToggleField(key, next === true)
+          },
+          key
+        );
+      }) }) : null,
+      draft.mode === "raw" ? /* @__PURE__ */ jsxs("details", { children: [
+        /* @__PURE__ */ jsx("summary", { className: "cursor-pointer text-xs font-medium text-muted-foreground", children: t("forms.studio.parameters.variables.rawHint") }),
+        /* @__PURE__ */ jsx(
+          Textarea,
+          {
+            className: "mt-1 h-24 w-full rounded-md border border-border bg-background p-2 font-mono text-xs",
+            "aria-label": t("forms.studio.parameters.variables.rawHint"),
+            placeholder: t("forms.studio.parameters.variables.rawPlaceholder"),
+            value: draft.rawJson,
+            onChange: (event) => setDraft((current) => ({ ...current, rawJson: event.target.value }))
+          }
+        )
+      ] }) : null,
+      /* @__PURE__ */ jsx(
+        Input,
+        {
+          placeholder: t("forms.studio.parameters.variables.defaultPlaceholder"),
+          value: draft.defaultValue,
+          onChange: (event) => setDraft((current) => ({ ...current, defaultValue: 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.variables.add") })
+    ] })
+  ] });
+}
+export {
+  VariablesPanel
+};
+//# sourceMappingURL=VariablesPanel.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../../src/modules/forms/backend/forms/%5Bid%5D/studio/logic/VariablesPanel.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 { CheckboxField } from '@open-mercato/ui/primitives/checkbox-field'\nimport { Textarea } from '@open-mercato/ui/primitives/textarea'\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from '@open-mercato/ui/primitives/select'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { Trash2 } from '../lucide-icons'\nimport {\n  validateJsonLogicGrammar,\n} from '../../../../../schema/jsonlogic-grammar'\nimport type { FormSchema, VariableEntry } from '../schema-helpers'\n\nconst NAME_PATTERN = /^[a-z][a-z0-9_]*$/\n\nexport type VariablesPanelProps = {\n  schema: FormSchema\n  entries: VariableEntry[]\n  onChange: (next: VariableEntry[]) => void\n}\n\ntype BuilderMode = 'sum' | 'count_yes' | 'raw'\n\ntype DraftState = {\n  name: string\n  type: 'number' | 'boolean' | 'string'\n  mode: BuilderMode\n  selectedFields: string[]\n  rawJson: string\n  defaultValue: string\n}\n\nfunction emptyDraft(): DraftState {\n  return {\n    name: '',\n    type: 'number',\n    mode: 'sum',\n    selectedFields: [],\n    rawJson: '',\n    defaultValue: '',\n  }\n}\n\nfunction buildFormula(draft: DraftState): unknown {\n  if (draft.mode === 'sum') {\n    return {\n      '+': draft.selectedFields.map((field) => ({ var: field })),\n    }\n  }\n  if (draft.mode === 'count_yes') {\n    if (draft.selectedFields.length === 0) return 0\n    return {\n      '+': draft.selectedFields.map((field) => ({\n        if: [{ '==': [{ var: field }, true] }, 1, 0],\n      })),\n    }\n  }\n  try {\n    return JSON.parse(draft.rawJson)\n  } catch {\n    return null\n  }\n}\n\nexport function VariablesPanel({ schema, entries, onChange }: VariablesPanelProps) {\n  const t = useT()\n  const [draft, setDraft] = React.useState<DraftState>(emptyDraft)\n  const [error, setError] = React.useState<string | null>(null)\n  const fieldKeys = React.useMemo(() => {\n    return Object.entries(schema.properties)\n      .filter(([, node]) => {\n        const omType = String((node as Record<string, unknown>)['x-om-type'] ?? '')\n        return omType !== 'info_block'\n      })\n      .map(([key]) => key)\n  }, [schema])\n\n  const handleToggleField = (fieldKey: string, checked: boolean) => {\n    setDraft((current) => ({\n      ...current,\n      selectedFields: checked\n        ? [...current.selectedFields, fieldKey]\n        : current.selectedFields.filter((entry) => entry !== fieldKey),\n    }))\n  }\n\n  const handleAdd = () => {\n    const name = draft.name.trim()\n    if (!NAME_PATTERN.test(name)) {\n      setError(t('forms.studio.parameters.variables.error.name'))\n      return\n    }\n    if (entries.some((entry) => entry.name === name)) {\n      setError(t('forms.studio.parameters.variables.error.duplicate'))\n      return\n    }\n    const formula = buildFormula(draft)\n    if (formula === null || formula === undefined) {\n      setError(t('forms.studio.parameters.variables.error.formula'))\n      return\n    }\n    const grammarMessage = validateJsonLogicGrammar(formula)\n    if (grammarMessage) {\n      setError(grammarMessage)\n      return\n    }\n    setError(null)\n    const next: VariableEntry = { name, type: draft.type, formula }\n    if (draft.defaultValue.trim().length > 0) {\n      if (draft.type === 'number') {\n        const parsed = Number(draft.defaultValue)\n        if (Number.isFinite(parsed)) next.default = parsed\n      } else if (draft.type === 'boolean') {\n        next.default = draft.defaultValue === 'true'\n      } else {\n        next.default = draft.defaultValue\n      }\n    }\n    onChange([...entries, next])\n    setDraft(emptyDraft())\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=\"variables-panel\">\n      <div className=\"flex items-center justify-between\">\n        <h3 className=\"text-sm font-semibold text-foreground\">\n          {t('forms.studio.parameters.variables.heading')}\n        </h3>\n      </div>\n      {entries.length === 0 ? (\n        <p className=\"text-xs text-muted-foreground\">{t('forms.studio.parameters.variables.empty')}</p>\n      ) : (\n        <ul className=\"space-y-1\">\n          {entries.map((entry) => (\n            <li\n              key={entry.name}\n              className=\"flex items-start justify-between gap-2 rounded-md border border-border bg-background px-2 py-1\"\n            >\n              <div className=\"flex flex-col\">\n                <span className=\"font-mono text-xs text-foreground\">\n                  {entry.name} <span className=\"text-muted-foreground\">: {entry.type}</span>\n                </span>\n                <code className=\"mt-1 max-w-xs truncate text-xs text-muted-foreground\">\n                  {JSON.stringify(entry.formula)}\n                </code>\n              </div>\n              <IconButton\n                aria-label={t('forms.studio.parameters.variables.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.variables.namePlaceholder')}\n            value={draft.name}\n            onChange={(event) => setDraft((current) => ({ ...current, name: event.target.value }))}\n          />\n          <Select\n            value={draft.type}\n            onValueChange={(value) =>\n              setDraft((current) => ({ ...current, type: value as DraftState['type'] }))\n            }\n          >\n            <SelectTrigger className=\"h-8\">\n              <SelectValue />\n            </SelectTrigger>\n            <SelectContent>\n              <SelectItem value=\"number\">number</SelectItem>\n              <SelectItem value=\"boolean\">boolean</SelectItem>\n              <SelectItem value=\"string\">string</SelectItem>\n            </SelectContent>\n          </Select>\n        </div>\n        <Select\n          value={draft.mode}\n          onValueChange={(value) =>\n            setDraft((current) => ({ ...current, mode: value as BuilderMode }))\n          }\n        >\n          <SelectTrigger className=\"h-8\">\n            <SelectValue />\n          </SelectTrigger>\n          <SelectContent>\n            <SelectItem value=\"sum\">{t('forms.studio.parameters.variables.mode.sum')}</SelectItem>\n            <SelectItem value=\"count_yes\">{t('forms.studio.parameters.variables.mode.countYes')}</SelectItem>\n            <SelectItem value=\"raw\">{t('forms.studio.parameters.variables.mode.raw')}</SelectItem>\n          </SelectContent>\n        </Select>\n        {(draft.mode === 'sum' || draft.mode === 'count_yes') ? (\n          <div className=\"max-h-40 space-y-1 overflow-auto rounded-md border border-border bg-muted/30 p-2\">\n            {fieldKeys.length === 0 ? (\n              <p className=\"text-xs text-muted-foreground\">{t('forms.studio.parameters.variables.noFields')}</p>\n            ) : (\n              fieldKeys.map((key) => {\n                const checked = draft.selectedFields.includes(key)\n                return (\n                  <CheckboxField\n                    key={key}\n                    label={<span className=\"font-mono text-xs\">{key}</span>}\n                    size=\"sm\"\n                    checked={checked}\n                    onCheckedChange={(next) => handleToggleField(key, next === true)}\n                  />\n                )\n              })\n            )}\n          </div>\n        ) : null}\n        {draft.mode === 'raw' ? (\n          <details>\n            <summary className=\"cursor-pointer text-xs font-medium text-muted-foreground\">\n              {t('forms.studio.parameters.variables.rawHint')}\n            </summary>\n            <Textarea\n              className=\"mt-1 h-24 w-full rounded-md border border-border bg-background p-2 font-mono text-xs\"\n              aria-label={t('forms.studio.parameters.variables.rawHint')}\n              placeholder={t('forms.studio.parameters.variables.rawPlaceholder')}\n              value={draft.rawJson}\n              onChange={(event) =>\n                setDraft((current) => ({ ...current, rawJson: event.target.value }))\n              }\n            />\n          </details>\n        ) : null}\n        <Input\n          placeholder={t('forms.studio.parameters.variables.defaultPlaceholder')}\n          value={draft.defaultValue}\n          onChange={(event) => setDraft((current) => ({ ...current, defaultValue: event.target.value }))}\n        />\n        {error ? <Alert status=\"error\" style=\"light\">{error}</Alert> : null}\n        <Button variant=\"outline\" size=\"sm\" type=\"button\" onClick={handleAdd}>\n          {t('forms.studio.parameters.variables.add')}\n        </Button>\n      </div>\n    </div>\n  )\n}\n"],
+  "mappings": "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",
+  "names": []
+}