@open-mercato/core 0.6.3-develop.3876.1.d40fe4ec2d → 0.6.3-develop.3881.1.0b590ac4eb

package/dist/modules/workflows/components/NodeEditDialog.js

@@ -20,6 +20,7 @@ import { JsonBuilder } from "@open-mercato/ui/backend/JsonBuilder";
 import { StartPreConditionsEditor } from "./fields/StartPreConditionsEditor.js";
 import { useT } from "@open-mercato/shared/lib/i18n/context";
 import { useConfirmDialog } from "@open-mercato/ui/backend/confirm-dialog";
+import { isFutureIsoDateString, isValidDurationString } from "../data/validators.js";
 function NodeEditDialog({ node, isOpen, onClose, onSave, onDelete }) {
   const t = useT();
   const { confirm: confirmDialog, ConfirmDialogElement } = useConfirmDialog();
@@ -46,9 +47,12 @@ function NodeEditDialog({ node, isOpen, onClose, onSave, onDelete }) {
   const [showWorkflowSelector, setShowWorkflowSelector] = useState(false);
   const [signalName, setSignalName] = useState("");
   const [signalTimeout, setSignalTimeout] = useState("");
+  const [timerDuration, setTimerDuration] = useState("");
+  const [timerUntil, setTimerUntil] = useState("");
   const [stepActivities, setStepActivities] = useState([]);
   const [expandedStepActivities, setExpandedStepActivities] = useState(/* @__PURE__ */ new Set());
   const [preConditions, setPreConditions] = useState([]);
+  const [fieldErrors, setFieldErrors] = useState({});
   const convertJsonSchemaToFields = (schema) => {
     if (!schema || !schema.properties) return [];
     const fields = [];
@@ -147,6 +151,13 @@ function NodeEditDialog({ node, isOpen, onClose, onSave, onDelete }) {
         setSignalName("");
         setSignalTimeout("");
       }
+      if (node.type === "waitForTimer") {
+        setTimerDuration(nodeData?.config?.duration || "");
+        setTimerUntil(nodeData?.config?.until || "");
+      } else {
+        setTimerDuration("");
+        setTimerUntil("");
+      }
       if (node.type === "automated" && nodeData?.activities) {
         setStepActivities(nodeData.activities);
       } else if (node.type === "automated") {
@@ -182,6 +193,7 @@ function NodeEditDialog({ node, isOpen, onClose, onSave, onDelete }) {
       }
       setAdvancedConfig(advancedFields);
       setExpandedFields(/* @__PURE__ */ new Set());
+      setFieldErrors({});
     }
   }, [node, isOpen]);
   const addFormField = () => {
@@ -230,6 +242,23 @@ function NodeEditDialog({ node, isOpen, onClose, onSave, onDelete }) {
   };
   const handleSave = () => {
     if (!node) return;
+    const errors = {};
+    if (node.type === "waitForTimer") {
+      if (timerDuration && !isValidDurationString(timerDuration)) {
+        errors.timerDuration = t("workflows.validation.invalidDuration");
+      }
+      if (timerUntil && !isFutureIsoDateString(timerUntil)) {
+        errors.timerUntil = t("workflows.validation.untilMustBeFuture");
+      }
+    }
+    if (node.type === "waitForSignal" && signalTimeout && !isValidDurationString(signalTimeout)) {
+      errors.signalTimeout = t("workflows.validation.invalidDuration");
+    }
+    if (Object.keys(errors).length > 0) {
+      setFieldErrors(errors);
+      return;
+    }
+    setFieldErrors({});
     const sanitizedId = sanitizeId(node.id);
     if (sanitizedId !== node.id) {
       alert(t("workflows.nodeEditor.stepIdSanitized", { from: node.id, to: sanitizedId }));
@@ -296,6 +325,15 @@ function NodeEditDialog({ node, isOpen, onClose, onSave, onDelete }) {
         updates.signalConfig = config;
       }
     }
+    if (node.type === "waitForTimer") {
+      const config = {};
+      if (timerDuration) {
+        config.duration = timerDuration;
+      } else if (timerUntil) {
+        config.until = timerUntil;
+      }
+      updates.config = Object.keys(config).length > 0 ? config : void 0;
+    }
     if (node.type === "automated" && stepActivities.length > 0) {
       updates.activities = stepActivities;
     }
@@ -326,7 +364,10 @@ function NodeEditDialog({ node, isOpen, onClose, onSave, onDelete }) {
     end: t("workflows.nodeTypes.end"),
     userTask: t("workflows.nodeTypes.userTask"),
     automated: t("workflows.nodeTypes.automated"),
-    decision: t("workflows.nodeTypes.decision")
+    decision: t("workflows.nodeTypes.decision"),
+    waitForSignal: t("workflows.nodeTypes.waitForSignal"),
+    waitForTimer: t("workflows.nodeTypes.waitForTimer"),
+    subWorkflow: t("workflows.nodeTypes.subWorkflow")
   }[node.type || "automated"];
   const isEditable = node.type !== "end";
   const isStartNode = node.type === "start";
@@ -402,7 +443,7 @@ function NodeEditDialog({ node, isOpen, onClose, onSave, onDelete }) {
           ),
           /* @__PURE__ */ jsx("p", { className: "text-xs text-gray-500 mt-1", children: t("workflows.form.descriptions.description") })
         ] }),
-        /* @__PURE__ */ jsxs("div", { children: [
+        node.type !== "waitForSignal" && node.type !== "waitForTimer" && /* @__PURE__ */ jsxs("div", { children: [
           /* @__PURE__ */ jsx("label", { className: "block text-sm font-medium text-gray-700 mb-1", children: t("workflows.form.timeout") }),
           /* @__PURE__ */ jsx(
             Input,
@@ -416,7 +457,7 @@ function NodeEditDialog({ node, isOpen, onClose, onSave, onDelete }) {
           /* @__PURE__ */ jsx("p", { className: "text-xs text-gray-500 mt-1", children: t("workflows.form.descriptions.timeout") })
         ] }),
         node.type === "userTask" && /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx("div", { className: "border-t border-gray-200 pt-4 mt-4", children: /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold text-gray-900 mb-3", children: t("workflows.nodeEditor.userTaskConfig") }) }),
+          /* @__PURE__ */ jsx("div", { className: "border-t border-gray-200 pt-4 mt-4", children: /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold text-foreground mb-3", children: t("workflows.nodeEditor.userTaskConfig") }) }),
           /* @__PURE__ */ jsxs("div", { children: [
             /* @__PURE__ */ jsx("label", { className: "block text-sm font-medium text-gray-700 mb-1", children: t("workflows.form.assignedTo") }),
             /* @__PURE__ */ jsx(
@@ -459,7 +500,7 @@ function NodeEditDialog({ node, isOpen, onClose, onSave, onDelete }) {
           /* @__PURE__ */ jsxs("div", { className: "border-t border-gray-200 pt-4 mt-4", children: [
             /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between mb-3", children: [
               /* @__PURE__ */ jsxs("div", { children: [
-                /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold text-gray-900", children: t("workflows.form.formFields", { count: formFields.length }) }),
+                /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold text-foreground", children: t("workflows.form.formFields", { count: formFields.length }) }),
                 /* @__PURE__ */ jsx("p", { className: "text-xs text-gray-500 mt-0.5", children: t("workflows.form.descriptions.formFields") })
               ] }),
               /* @__PURE__ */ jsxs(
@@ -492,7 +533,7 @@ function NodeEditDialog({ node, isOpen, onClose, onSave, onDelete }) {
                     children: [
                       /* @__PURE__ */ jsxs("div", { className: "flex-1", children: [
                         /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-                          /* @__PURE__ */ jsx("span", { className: "text-sm font-semibold text-gray-900", children: field.label || field.name }),
+                          /* @__PURE__ */ jsx("span", { className: "text-sm font-semibold text-foreground", children: field.label || field.name }),
                           /* @__PURE__ */ jsx(Badge, { variant: "secondary", className: "text-xs", children: field.type }),
                           field.required && /* @__PURE__ */ jsx(Badge, { variant: "destructive", className: "text-xs text-white", children: t("workflows.form.required") })
                         ] }),
@@ -648,7 +689,7 @@ function NodeEditDialog({ node, isOpen, onClose, onSave, onDelete }) {
         node.type === "automated" && /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs("div", { className: "border-t border-gray-200 pt-4 mt-4", children: [
           /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between mb-3", children: [
             /* @__PURE__ */ jsxs("div", { children: [
-              /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold text-gray-900", children: t("workflows.form.stepActivities", { count: stepActivities.length }) }),
+              /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold text-foreground", children: t("workflows.form.stepActivities", { count: stepActivities.length }) }),
               /* @__PURE__ */ jsx("p", { className: "text-xs text-gray-500 mt-0.5", children: t("workflows.form.descriptions.activities") })
             ] }),
             /* @__PURE__ */ jsxs(
@@ -696,7 +737,7 @@ function NodeEditDialog({ node, isOpen, onClose, onSave, onDelete }) {
                   children: [
                     /* @__PURE__ */ jsxs("div", { className: "flex-1", children: [
                       /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-                        /* @__PURE__ */ jsx("span", { className: "text-sm font-semibold text-gray-900", children: activity.activityName || activity.activityId || `Activity ${index + 1}` }),
+                        /* @__PURE__ */ jsx("span", { className: "text-sm font-semibold text-foreground", children: activity.activityName || activity.activityId || `Activity ${index + 1}` }),
                         /* @__PURE__ */ jsx(Badge, { variant: "secondary", className: "text-xs", children: activity.activityType }),
                         activity.async && /* @__PURE__ */ jsx(Badge, { variant: "outline", className: "text-xs", children: t("workflows.form.async") })
                       ] }),
@@ -777,7 +818,8 @@ function NodeEditDialog({ node, isOpen, onClose, onSave, onDelete }) {
                           /* @__PURE__ */ jsx(SelectItem, { value: "UPDATE_ENTITY", children: t("workflows.activities.types.UPDATE_ENTITY") }),
                           /* @__PURE__ */ jsx(SelectItem, { value: "EMIT_EVENT", children: t("workflows.activities.types.EMIT_EVENT") }),
                           /* @__PURE__ */ jsx(SelectItem, { value: "CALL_WEBHOOK", children: t("workflows.activities.types.CALL_WEBHOOK") }),
-                          /* @__PURE__ */ jsx(SelectItem, { value: "EXECUTE_FUNCTION", children: t("workflows.activities.types.EXECUTE_FUNCTION") })
+                          /* @__PURE__ */ jsx(SelectItem, { value: "EXECUTE_FUNCTION", children: t("workflows.activities.types.EXECUTE_FUNCTION") }),
+                          /* @__PURE__ */ jsx(SelectItem, { value: "WAIT", children: t("workflows.activities.types.WAIT") })
                         ] })
                       ]
                     }
@@ -893,7 +935,45 @@ function NodeEditDialog({ node, isOpen, onClose, onSave, onDelete }) {
                   ),
                   /* @__PURE__ */ jsx("span", { className: "text-xs text-gray-700", children: t("workflows.form.executeAsync") })
                 ] }) }),
-                /* @__PURE__ */ jsxs("div", { children: [
+                activity.activityType === "WAIT" && /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
+                  /* @__PURE__ */ jsxs("div", { children: [
+                    /* @__PURE__ */ jsx("label", { className: "block text-xs font-medium text-gray-700 mb-1", children: t("workflows.activities.waitDuration") }),
+                    /* @__PURE__ */ jsx(
+                      Input,
+                      {
+                        size: "sm",
+                        type: "text",
+                        value: activity.config?.duration || "",
+                        onChange: (e) => {
+                          const updated = [...stepActivities];
+                          updated[index].config = { ...updated[index].config, duration: e.target.value, until: void 0 };
+                          setStepActivities(updated);
+                        },
+                        placeholder: t("workflows.activities.waitDurationPlaceholder")
+                      }
+                    ),
+                    /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground mt-1", children: t("workflows.activities.waitDurationDescription") })
+                  ] }),
+                  /* @__PURE__ */ jsx("div", { className: "text-xs text-center text-muted-foreground", children: t("workflows.activities.waitOr") }),
+                  /* @__PURE__ */ jsxs("div", { children: [
+                    /* @__PURE__ */ jsx("label", { className: "block text-xs font-medium text-gray-700 mb-1", children: t("workflows.activities.waitUntil") }),
+                    /* @__PURE__ */ jsx(
+                      Input,
+                      {
+                        size: "sm",
+                        type: "datetime-local",
+                        value: activity.config?.until ? activity.config.until.slice(0, 16) : "",
+                        onChange: (e) => {
+                          const updated = [...stepActivities];
+                          updated[index].config = { ...updated[index].config, until: e.target.value ? new Date(e.target.value).toISOString() : void 0, duration: void 0 };
+                          setStepActivities(updated);
+                        }
+                      }
+                    ),
+                    /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground mt-1", children: t("workflows.activities.waitUntilDescription") })
+                  ] })
+                ] }),
+                activity.activityType !== "WAIT" && /* @__PURE__ */ jsxs("div", { children: [
                   /* @__PURE__ */ jsx("label", { className: "block text-xs font-medium text-gray-700 mb-1", children: t("workflows.form.configuration") }),
                   /* @__PURE__ */ jsx(
                     JsonBuilder,
@@ -931,7 +1011,7 @@ function NodeEditDialog({ node, isOpen, onClose, onSave, onDelete }) {
           }) })
         ] }) }),
         node.type === "subWorkflow" && /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx("div", { className: "border-t border-gray-200 pt-4 mt-4", children: /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold text-gray-900 mb-3", children: t("workflows.form.subWorkflowConfig") }) }),
+          /* @__PURE__ */ jsx("div", { className: "border-t border-gray-200 pt-4 mt-4", children: /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold text-foreground mb-3", children: t("workflows.form.subWorkflowConfig") }) }),
           /* @__PURE__ */ jsxs("div", { children: [
             /* @__PURE__ */ jsxs("label", { className: "block text-sm font-medium text-gray-700 mb-1", children: [
               t("workflows.form.workflowToInvoke"),
@@ -977,7 +1057,7 @@ function NodeEditDialog({ node, isOpen, onClose, onSave, onDelete }) {
           /* @__PURE__ */ jsxs("div", { className: "border-t border-gray-200 pt-4 mt-4", children: [
             /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between mb-3", children: [
               /* @__PURE__ */ jsxs("div", { children: [
-                /* @__PURE__ */ jsx("h4", { className: "text-sm font-semibold text-gray-900", children: t("workflows.form.inputMapping", { count: inputMappings.length }) }),
+                /* @__PURE__ */ jsx("h4", { className: "text-sm font-semibold text-foreground", children: t("workflows.form.inputMapping", { count: inputMappings.length }) }),
                 /* @__PURE__ */ jsx("p", { className: "text-xs text-gray-500 mt-0.5", children: t("workflows.form.descriptions.inputMapping") })
               ] }),
               /* @__PURE__ */ jsxs(
@@ -1045,7 +1125,7 @@ function NodeEditDialog({ node, isOpen, onClose, onSave, onDelete }) {
           /* @__PURE__ */ jsxs("div", { className: "border-t border-gray-200 pt-4 mt-4", children: [
             /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between mb-3", children: [
               /* @__PURE__ */ jsxs("div", { children: [
-                /* @__PURE__ */ jsx("h4", { className: "text-sm font-semibold text-gray-900", children: t("workflows.form.outputMapping", { count: outputMappings.length }) }),
+                /* @__PURE__ */ jsx("h4", { className: "text-sm font-semibold text-foreground", children: t("workflows.form.outputMapping", { count: outputMappings.length }) }),
                 /* @__PURE__ */ jsx("p", { className: "text-xs text-gray-500 mt-0.5", children: t("workflows.form.descriptions.outputMapping") })
               ] }),
               /* @__PURE__ */ jsxs(
@@ -1112,7 +1192,7 @@ function NodeEditDialog({ node, isOpen, onClose, onSave, onDelete }) {
           ] })
         ] }),
         node.type === "waitForSignal" && /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx("div", { className: "border-t border-gray-200 pt-4 mt-4", children: /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold text-gray-900 mb-3", children: t("workflows.form.signalConfig") }) }),
+          /* @__PURE__ */ jsx("div", { className: "border-t border-gray-200 pt-4 mt-4", children: /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold text-foreground mb-3", children: t("workflows.form.signalConfig") }) }),
           /* @__PURE__ */ jsxs("div", { children: [
             /* @__PURE__ */ jsxs("label", { className: "block text-sm font-medium text-gray-700 mb-1", children: [
               t("workflows.form.signalName"),
@@ -1136,11 +1216,67 @@ function NodeEditDialog({ node, isOpen, onClose, onSave, onDelete }) {
               {
                 type: "text",
                 value: signalTimeout,
-                onChange: (e) => setSignalTimeout(e.target.value),
-                placeholder: t("workflows.form.placeholders.signalTimeout")
+                onChange: (e) => {
+                  setSignalTimeout(e.target.value);
+                  if (fieldErrors.signalTimeout) {
+                    const next = { ...fieldErrors };
+                    delete next.signalTimeout;
+                    setFieldErrors(next);
+                  }
+                },
+                placeholder: t("workflows.form.placeholders.signalTimeout"),
+                "aria-invalid": fieldErrors.signalTimeout ? true : void 0
+              }
+            ),
+            fieldErrors.signalTimeout ? /* @__PURE__ */ jsx("p", { className: "text-xs text-destructive mt-1", children: fieldErrors.signalTimeout }) : /* @__PURE__ */ jsx("p", { className: "text-xs text-gray-500 mt-1", children: t("workflows.form.descriptions.signalTimeout") })
+          ] })
+        ] }),
+        node.type === "waitForTimer" && /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx("div", { className: "border-t border-gray-200 pt-4 mt-4", children: /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold text-foreground mb-3", children: t("workflows.steps.types.WAIT_FOR_TIMER") }) }),
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("label", { className: "block text-sm font-medium text-gray-700 mb-1", children: t("workflows.activities.waitDuration") }),
+            /* @__PURE__ */ jsx(
+              Input,
+              {
+                type: "text",
+                value: timerDuration,
+                onChange: (e) => {
+                  setTimerDuration(e.target.value);
+                  if (e.target.value) setTimerUntil("");
+                  if (fieldErrors.timerDuration) {
+                    const next = { ...fieldErrors };
+                    delete next.timerDuration;
+                    setFieldErrors(next);
+                  }
+                },
+                placeholder: t("workflows.activities.waitDurationPlaceholder"),
+                "aria-invalid": fieldErrors.timerDuration ? true : void 0
+              }
+            ),
+            fieldErrors.timerDuration ? /* @__PURE__ */ jsx("p", { className: "text-xs text-destructive mt-1", children: fieldErrors.timerDuration }) : /* @__PURE__ */ jsx("p", { className: "text-xs text-gray-500 mt-1", children: t("workflows.activities.waitDurationDescription") })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("label", { className: "block text-sm font-medium text-gray-700 mb-1", children: t("workflows.activities.waitUntil") }),
+            /* @__PURE__ */ jsx(
+              Input,
+              {
+                type: "datetime-local",
+                value: timerUntil ? timerUntil.slice(0, 16) : "",
+                min: new Date(Date.now() - (/* @__PURE__ */ new Date()).getTimezoneOffset() * 6e4).toISOString().slice(0, 16),
+                onChange: (e) => {
+                  const next = e.target.value ? new Date(e.target.value).toISOString() : "";
+                  setTimerUntil(next);
+                  if (next) setTimerDuration("");
+                  if (fieldErrors.timerUntil) {
+                    const nextErrors = { ...fieldErrors };
+                    delete nextErrors.timerUntil;
+                    setFieldErrors(nextErrors);
+                  }
+                },
+                "aria-invalid": fieldErrors.timerUntil ? true : void 0
               }
             ),
-            /* @__PURE__ */ jsx("p", { className: "text-xs text-gray-500 mt-1", children: t("workflows.form.descriptions.signalTimeout") })
+            fieldErrors.timerUntil ? /* @__PURE__ */ jsx("p", { className: "text-xs text-destructive mt-1", children: fieldErrors.timerUntil }) : /* @__PURE__ */ jsx("p", { className: "text-xs text-gray-500 mt-1", children: t("workflows.activities.waitUntilDescription") })
           ] })
         ] }),
         /* @__PURE__ */ jsxs("div", { className: "border-t border-gray-200 pt-4 mt-4", children: [
@@ -1151,7 +1287,7 @@ function NodeEditDialog({ node, isOpen, onClose, onSave, onDelete }) {
               onClick: () => setShowAdvanced(!showAdvanced),
               className: "flex items-center justify-between w-full text-left",
               children: [
-                /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold text-gray-900", children: t("workflows.form.advancedConfiguration") }),
+                /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold text-foreground", children: t("workflows.form.advancedConfiguration") }),
                 /* @__PURE__ */ jsx(
                   "svg",
                   {