@acmekit/dashboard 2.13.34 → 2.13.35

package/dist/workflow-execution-complete-step-WSRLO572.mjs

@@ -0,0 +1,245 @@
+import {
+  getWaitingSteps
+} from "./chunk-LP6CPB7N.mjs";
+import {
+  useSetStepFailure,
+  useSetStepSuccess,
+  useWorkflowExecution
+} from "./chunk-A7ULKHDE.mjs";
+import "./chunk-IUCDCPJU.mjs";
+import {
+  KeyboundForm,
+  RouteDrawer,
+  useRouteModal
+} from "./chunk-VEI6HW6L.mjs";
+import {
+  Form
+} from "./chunk-ND3ODI36.mjs";
+import "./chunk-FXYH54JP.mjs";
+import "./chunk-774WSTCC.mjs";
+import "./chunk-YKIWIMJX.mjs";
+import "./chunk-QZ7TP4HQ.mjs";
+
+// src/routes/workflow-executions/workflow-execution-complete-step/workflow-execution-complete-step.tsx
+import { zodResolver } from "@hookform/resolvers/zod";
+import { Button, Heading, Select, Textarea, toast } from "@acmekit/ui";
+import { useForm } from "react-hook-form";
+import { useTranslation } from "react-i18next";
+import { useParams } from "react-router-dom";
+import * as zod from "zod";
+import { jsx, jsxs } from "react/jsx-runtime";
+var CompleteStepSchema = zod.object({
+  step_id: zod.string().min(1, "Step is required"),
+  outcome: zod.enum(["success", "failure"]),
+  response: zod.string().refine(
+    (val) => {
+      if (!val.trim()) return true;
+      try {
+        JSON.parse(val);
+        return true;
+      } catch {
+        return false;
+      }
+    },
+    { message: "Must be valid JSON" }
+  )
+});
+var WorkflowExecutionCompleteStep = () => {
+  const { t } = useTranslation();
+  const { id } = useParams();
+  const { handleSuccess } = useRouteModal();
+  const {
+    workflow_execution,
+    isPending: isLoading,
+    isError,
+    error
+  } = useWorkflowExecution(id);
+  if (isError) {
+    throw error;
+  }
+  if (isLoading || !workflow_execution) {
+    return /* @__PURE__ */ jsx(RouteDrawer, { children: /* @__PURE__ */ jsx(RouteDrawer.Header, { children: /* @__PURE__ */ jsx(Heading, { children: t("workflowExecutions.actions.completeStep") }) }) });
+  }
+  const waitingSteps = getWaitingSteps(workflow_execution);
+  return /* @__PURE__ */ jsxs(RouteDrawer, { children: [
+    /* @__PURE__ */ jsx(RouteDrawer.Header, { children: /* @__PURE__ */ jsx(Heading, { children: t("workflowExecutions.actions.completeStep") }) }),
+    /* @__PURE__ */ jsx(
+      CompleteStepForm,
+      {
+        workflowId: workflow_execution.workflow_id,
+        transactionId: workflow_execution.transaction_id,
+        waitingSteps,
+        onSuccess: handleSuccess
+      }
+    )
+  ] });
+};
+var CompleteStepForm = ({
+  workflowId,
+  transactionId,
+  waitingSteps,
+  onSuccess
+}) => {
+  const { t } = useTranslation();
+  const form = useForm({
+    defaultValues: {
+      step_id: waitingSteps[0]?.stepId || "",
+      outcome: "success",
+      response: "{}"
+    },
+    resolver: zodResolver(CompleteStepSchema)
+  });
+  const outcome = form.watch("outcome");
+  const { mutateAsync: setSuccess, isPending: isSettingSuccess } = useSetStepSuccess(workflowId);
+  const { mutateAsync: setFailure, isPending: isSettingFailure } = useSetStepFailure(workflowId);
+  const isPending = isSettingSuccess || isSettingFailure;
+  const handleSubmit = form.handleSubmit(async (values) => {
+    const response = values.response.trim() ? JSON.parse(values.response) : {};
+    if (values.outcome === "success") {
+      await setSuccess(
+        { transaction_id: transactionId, step_id: values.step_id, response },
+        {
+          onSuccess: () => {
+            toast.success(
+              t("workflowExecutions.asyncStep.completedSuccess")
+            );
+            onSuccess();
+          },
+          onError: (err) => {
+            toast.error(err.message);
+          }
+        }
+      );
+    } else {
+      await setFailure(
+        { transaction_id: transactionId, step_id: values.step_id, response },
+        {
+          onSuccess: () => {
+            toast.success(
+              t("workflowExecutions.asyncStep.completedSuccess")
+            );
+            onSuccess();
+          },
+          onError: (err) => {
+            toast.error(err.message);
+          }
+        }
+      );
+    }
+  });
+  return /* @__PURE__ */ jsx(RouteDrawer.Form, { form, children: /* @__PURE__ */ jsxs(
+    KeyboundForm,
+    {
+      onSubmit: handleSubmit,
+      className: "flex flex-1 flex-col overflow-hidden",
+      children: [
+        /* @__PURE__ */ jsxs(RouteDrawer.Body, { className: "flex max-w-full flex-1 flex-col gap-y-4 overflow-y-auto", children: [
+          /* @__PURE__ */ jsx(
+            Form.Field,
+            {
+              control: form.control,
+              name: "step_id",
+              render: ({ field }) => {
+                return /* @__PURE__ */ jsxs(Form.Item, { children: [
+                  /* @__PURE__ */ jsx(Form.Label, { children: t("workflowExecutions.asyncStep.stepLabel") }),
+                  /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsxs(
+                    Select,
+                    {
+                      value: field.value,
+                      onValueChange: field.onChange,
+                      children: [
+                        /* @__PURE__ */ jsx(Select.Trigger, { children: /* @__PURE__ */ jsx(
+                          Select.Value,
+                          {
+                            placeholder: t(
+                              "workflowExecutions.asyncStep.stepLabel"
+                            )
+                          }
+                        ) }),
+                        /* @__PURE__ */ jsx(Select.Content, { children: waitingSteps.map((step) => /* @__PURE__ */ jsx(
+                          Select.Item,
+                          {
+                            value: step.stepId,
+                            children: step.stepId
+                          },
+                          step.stepId
+                        )) })
+                      ]
+                    }
+                  ) }),
+                  /* @__PURE__ */ jsx(Form.ErrorMessage, {})
+                ] });
+              }
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Form.Field,
+            {
+              control: form.control,
+              name: "outcome",
+              render: ({ field }) => {
+                return /* @__PURE__ */ jsxs(Form.Item, { children: [
+                  /* @__PURE__ */ jsx(Form.Label, { children: t("workflowExecutions.asyncStep.outcomeLabel") }),
+                  /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsxs(
+                    Select,
+                    {
+                      value: field.value,
+                      onValueChange: field.onChange,
+                      children: [
+                        /* @__PURE__ */ jsx(Select.Trigger, { children: /* @__PURE__ */ jsx(Select.Value, {}) }),
+                        /* @__PURE__ */ jsxs(Select.Content, { children: [
+                          /* @__PURE__ */ jsx(Select.Item, { value: "success", children: t("workflowExecutions.asyncStep.success") }),
+                          /* @__PURE__ */ jsx(Select.Item, { value: "failure", children: t("workflowExecutions.asyncStep.failure") })
+                        ] })
+                      ]
+                    }
+                  ) }),
+                  /* @__PURE__ */ jsx(Form.ErrorMessage, {})
+                ] });
+              }
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Form.Field,
+            {
+              control: form.control,
+              name: "response",
+              render: ({ field }) => {
+                return /* @__PURE__ */ jsxs(Form.Item, { children: [
+                  /* @__PURE__ */ jsx(Form.Label, { children: t("workflowExecutions.asyncStep.responsePayload") }),
+                  /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(
+                    Textarea,
+                    {
+                      ...field,
+                      className: "font-mono text-xs",
+                      rows: 10
+                    }
+                  ) }),
+                  /* @__PURE__ */ jsx(Form.ErrorMessage, {})
+                ] });
+              }
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx(RouteDrawer.Footer, { children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-end gap-x-2", children: [
+          /* @__PURE__ */ jsx(RouteDrawer.Close, { asChild: true, children: /* @__PURE__ */ jsx(Button, { size: "small", variant: "secondary", children: t("actions.cancel") }) }),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              size: "small",
+              type: "submit",
+              isLoading: isPending,
+              variant: outcome === "failure" ? "danger" : "primary",
+              children: outcome === "failure" ? t("workflowExecutions.asyncStep.markFailure") : t("workflowExecutions.asyncStep.markSuccess")
+            }
+          )
+        ] }) })
+      ]
+    }
+  ) });
+};
+var Component = WorkflowExecutionCompleteStep;
+export {
+  Component,
+  WorkflowExecutionCompleteStep
+};