@alfadocs/ui-kit 1.69.0 → 1.70.0

package/dist/_chunks/workflow-webhook-action-D6K7Jgc2.js

@@ -0,0 +1,832 @@
+import { jsxs as d, jsx as n } from "react/jsx-runtime";
+import { forwardRef as Ht, useId as N, useRef as i, useState as u, useEffect as C, useCallback as $t } from "react";
+import { useTranslation as Qe } from "react-i18next";
+import { c as h } from "./index-D2ZczOXr.js";
+import { C as Ge } from "./code-block-RSKdF3E-.js";
+import { A as k } from "./accordion-Ch3xp0mX.js";
+import { A as U } from "./alert-9kEwDza3.js";
+import { B as Kt } from "./badge-BUk4RjTS.js";
+import { B as ue } from "./button-D-MQxsA_.js";
+import { I as Xt } from "./icon-button-C_1TgRiK.js";
+import { C as Je } from "./card-BA4Ig_kn.js";
+import { C as zt } from "./checkbox-BjDv-r3o.js";
+import { F as Ut } from "./field-array-BJYc1xSu.js";
+import { F as G } from "./form-field-Ani72sVY.js";
+import { P as Gt } from "./password-input-BokZ_rnT.js";
+import { T as me } from "./text-input-CaG9ApoE.js";
+import { T as Jt } from "./token-insert-menu-CQvV4u1m.js";
+import { u as Ze } from "./use-copy-to-clipboard-Cyfc_dlv.js";
+import { u as Yt } from "./use-isomorphic-layout-effect-BGfaCOP1.js";
+import { c as Qt } from "./createLucideIcon-DhHxpK9K.js";
+import { C as Ve } from "./check-DrFSN__t.js";
+import { C as he } from "./circle-alert-rGDZ73Wh.js";
+import { C as et } from "./copy-vRpqqHtY.js";
+import { S as Zt } from "./send-C5kDJ-Mz.js";
+/**
+ * @license lucide-react v1.22.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Vt = [
+  [
+    "path",
+    {
+      d: "M2.586 17.414A2 2 0 0 0 2 18.828V21a1 1 0 0 0 1 1h3a1 1 0 0 0 1-1v-1a1 1 0 0 1 1-1h1a1 1 0 0 0 1-1v-1a1 1 0 0 1 1-1h.172a2 2 0 0 0 1.414-.586l.814-.814a6.5 6.5 0 1 0-4-4z",
+      key: "1s6t7t"
+    }
+  ],
+  ["circle", { cx: "16.5", cy: "7.5", r: ".5", fill: "currentColor", key: "w0ekpg" }]
+], eo = Qt("key-round", Vt), qo = [
+  "url",
+  "secret",
+  "legalBasisConfirmed",
+  "parameters"
+], to = h(
+  "ds:flex ds:w-full ds:flex-col ds:gap-[var(--spacing-lg)] ds:text-start ds:text-[var(--foreground)]"
+), oo = h(
+  "ds:m-0 ds:grid ds:gap-x-[var(--spacing-xl)] ds:gap-y-[var(--spacing-md)]",
+  {
+    variants: {
+      columns: {
+        1: "ds:grid-cols-1",
+        2: "ds:grid-cols-2",
+        3: "ds:grid-cols-3"
+      }
+    },
+    defaultVariants: { columns: 1 }
+  }
+), fe = h(
+  "ds:flex ds:min-w-0 ds:flex-col ds:gap-[var(--spacing-sm)]"
+), pe = h("type-title-item ds:text-foreground"), no = h(
+  "ds:min-w-0 ds:rounded-[var(--radius-sm)] ds:bg-[var(--muted)] ds:ps-[var(--spacing-xs)] ds:pe-[var(--spacing-xs)] ds:font-mono type-body-sm ds:text-foreground ds:[overflow-wrap:anywhere]"
+), x = h("type-body-sm ds:text-muted-foreground"), ro = h(
+  "ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)] type-body-sm ds:text-destructive"
+), so = h(
+  "ds:grid ds:grid-cols-1 ds:gap-[var(--spacing-sm)] ds:sm:grid-cols-2"
+), ao = "https://", co = 2048, lo = 720, ke = {
+  salutation: "[[TITOLO]]",
+  firstName: "[[NOME]]",
+  lastName: "[[COGNOME]]"
+}, tt = "wf12-e345-a67", io = {
+  sentAt: "2026-10-12T09:00:00+02:00",
+  idempotencyKey: tt,
+  practiceId: 1234,
+  workflowId: 12,
+  workflowActionId: 67,
+  workflowEnrollmentId: 345,
+  patientId: 5678
+}, uo = [
+  "Content-Type: application/json",
+  `X-AlfaDocs-Idempotency-Key: ${tt}`,
+  "X-AlfaDocs-Request-Timestamp: 1791788400000",
+  "X-AlfaDocs-Signature: sha256=9f86d081884c7d659a2feaa0c55ad015a3bf4f1b2b0b822cd15d6c15b0f00a08"
+].join(`
+`), ot = (s) => s === null ? "" : String(s), we = (s) => s.original !== void 0 && s.name === s.original.name && s.value === ot(s.original.value), mo = (s) => s.flatMap((a) => a.original !== void 0 && we(a) ? [[a.original.name, a.original.value]] : a.name.trim() === "" ? [] : [[a.name, a.value]]), fo = (s) => s.length === 0 ? "" : `{${s.map(
+  ([a, w]) => `${JSON.stringify(a)}:${JSON.stringify(w)}`
+).join(",")}}`, po = () => {
+  const s = new Uint8Array(32);
+  return globalThis.crypto.getRandomValues(s), Array.from(s, (a) => a.toString(16).padStart(2, "0")).join(
+    ""
+  );
+}, Ye = (s) => s != null && s.url ? { kind: "url" } : s != null && s.secret ? { kind: "secret" } : s != null && s.legalBasisConfirmed ? { kind: "legal" } : s != null && s.parameters ? { kind: "parametersError" } : null;
+function ko({ name: s, description: a, onCopied: w }) {
+  const { t: l } = Qe("ui"), p = N(), { status: L, copy: I } = Ze(), y = L === "copied", D = L === "error";
+  return /* @__PURE__ */ d("div", { className: "ds:flex ds:min-w-0 ds:flex-col ds:gap-[var(--spacing-2xs)]", children: [
+    /* @__PURE__ */ d("dt", { className: "ds:flex ds:min-w-0 ds:flex-wrap ds:items-center ds:gap-[var(--spacing-xs)]", children: [
+      /* @__PURE__ */ n("code", { dir: "ltr", className: no(), children: s }),
+      /* @__PURE__ */ n(
+        Xt,
+        {
+          icon: y ? /* @__PURE__ */ n(Ve, {}) : D ? /* @__PURE__ */ n(he, {}) : /* @__PURE__ */ n(et, {}),
+          size: "sm",
+          intent: "ghost",
+          "aria-label": l("keyValuePair.copy", { label: s }),
+          "aria-describedby": p,
+          "data-action": "copy-field",
+          "data-copied": y ? "true" : void 0,
+          onClick: () => void I(s).then(w)
+        }
+      ),
+      y ? /* @__PURE__ */ n("span", { "aria-hidden": "true", className: "type-body-sm ds:text-success", children: l("copyField.copied") }) : D ? /* @__PURE__ */ n("span", { "aria-hidden": "true", className: "type-body-sm ds:text-destructive", children: l("copyField.copyFailed") }) : null
+    ] }),
+    /* @__PURE__ */ n(
+      "dd",
+      {
+        id: p,
+        className: "ds:m-0 type-body-sm ds:text-muted-foreground",
+        children: a
+      }
+    )
+  ] });
+}
+const ho = Ht(
+  ({
+    children: s,
+    initialValues: a,
+    hasSavedSecret: w = !1,
+    errors: l,
+    fieldNames: p,
+    placeholders: L,
+    onSendTest: I,
+    onValueChange: y,
+    layout: D = "two-column",
+    className: nt,
+    ...rt
+  }, E) => {
+    const { t: o } = Qe("ui"), st = [
+      ["patientId", o("workflowWebhookAction.sent.patientId")],
+      ["practiceId", o("workflowWebhookAction.sent.practiceId")],
+      ["workflowId", o("workflowWebhookAction.sent.workflowId")],
+      ["workflowActionId", o("workflowWebhookAction.sent.workflowActionId")],
+      [
+        "workflowEnrollmentId",
+        o("workflowWebhookAction.sent.workflowEnrollmentId")
+      ],
+      ["sentAt", o("workflowWebhookAction.sent.sentAt")],
+      ["idempotencyKey", o("workflowWebhookAction.sent.idempotencyKey")],
+      ["parameters", o("workflowWebhookAction.sent.parameters")]
+    ], at = [
+      ["X-AlfaDocs-Signature", o("workflowWebhookAction.headers.signature")],
+      [
+        "X-AlfaDocs-Request-Timestamp",
+        o("workflowWebhookAction.headers.timestamp")
+      ],
+      [
+        "X-AlfaDocs-Idempotency-Key",
+        o("workflowWebhookAction.headers.idempotency")
+      ]
+    ], be = N(), ge = N(), ve = N(), ye = N(), Ae = N(), T = L ?? [
+      {
+        value: ke.salutation,
+        label: o("workflowWebhookAction.variableSalutation")
+      },
+      {
+        value: ke.firstName,
+        label: o("workflowWebhookAction.variableFirstName")
+      },
+      {
+        value: ke.lastName,
+        label: o("workflowWebhookAction.variableLastName")
+      }
+    ], M = i(0), ct = () => (M.current += 1, `parameter-${M.current}`), [A, lt] = u(() => (a == null ? void 0 : a.url) ?? ""), [f, We] = u(""), [it, Ce] = u(!1), [b, J] = u(
+      () => Object.entries((a == null ? void 0 : a.parameters) ?? {}).map(([e, t]) => (M.current += 1, {
+        key: `parameter-${M.current}`,
+        name: e,
+        value: ot(t),
+        original: { name: e, value: t }
+      }))
+    ), [R, dt] = u(
+      () => (a == null ? void 0 : a.legalBasisConfirmed) ?? !1
+    ), [ut, Y] = u(
+      () => Object.keys((a == null ? void 0 : a.parameters) ?? {}).length > 0 || !!(l != null && l.parameters)
+    ), [mt, ft] = u({}), [Q, pt] = u(!1), [O, xe] = u(() => l ?? {}), [kt, Ne] = u(""), [ht, wt] = u(!1), [bt, gt] = u(
+      () => Object.values(l ?? {}).some(Boolean)
+    ), Ie = i(l);
+    C(() => {
+      l !== Ie.current && (Ie.current = l, xe(l ?? {}), l != null && l.parameters && Y(!0), gt(Object.values(l ?? {}).some(Boolean)), g(Ye(l)));
+    }, [l]);
+    const B = (e) => ft(
+      (t) => t[e] ? t : { ...t, [e]: !0 }
+    ), W = (e) => xe(
+      (t) => t[e] ? { ...t, [e]: void 0 } : t
+    ), P = i(null), Ee = i(null), _ = i(null), Te = i(null), Re = i(null), Oe = i(null), Be = i(null), Fe = i(null), Z = i(/* @__PURE__ */ new Map()), j = i(/* @__PURE__ */ new Map()), V = i(/* @__PURE__ */ new Set()), ee = i(null);
+    C(() => {
+      var t;
+      const e = ee.current;
+      e && (ee.current = null, (t = j.current.get(e.key)) == null || t.setSelectionRange(e.position, e.position));
+    });
+    const [vt, yt] = u(!1);
+    Yt(() => {
+      const e = P.current;
+      if (!e) return;
+      const t = () => yt(
+        e.getBoundingClientRect().width >= lo
+      );
+      if (t(), typeof ResizeObserver > "u") return;
+      const r = new ResizeObserver(t);
+      return r.observe(e), () => r.disconnect();
+    }, []);
+    const te = D === "two-column" && vt, At = $t(
+      (e) => {
+        P.current = e, typeof E == "function" ? E(e) : E && (E.current = e);
+      },
+      [E]
+    ), F = (e) => {
+      Ne("");
+      let t = 0;
+      const r = () => {
+        var m;
+        if (((m = Fe.current) == null ? void 0 : m.closest('[aria-hidden="true"]')) && t < 60) {
+          t += 1, window.requestAnimationFrame(r);
+          return;
+        }
+        Ne(e);
+      };
+      window.requestAnimationFrame(r);
+    }, oe = () => {
+      const e = A.trim();
+      if (e === "") return o("workflowWebhookAction.urlRequired");
+      let t;
+      try {
+        t = new URL(e);
+      } catch {
+        return o("workflowWebhookAction.urlInvalid");
+      }
+      if (!e.startsWith(ao)) return o("workflowWebhookAction.urlHttps");
+      if (t.hostname === "") return o("workflowWebhookAction.urlInvalid");
+      if (t.username !== "" || t.password !== "")
+        return o("workflowWebhookAction.urlCredentials");
+    }, ne = () => f.trim() === "" && !w ? o("workflowWebhookAction.secretRequired") : void 0, Wt = () => {
+      const e = /* @__PURE__ */ new Map(), t = /* @__PURE__ */ new Map();
+      for (const r of b) {
+        const c = we(r) ? r.name : r.name.trim() === "" ? null : r.name;
+        c !== null && t.set(c, (t.get(c) ?? 0) + 1);
+      }
+      for (const r of b)
+        if (!we(r)) {
+          if (r.name.trim() === "") {
+            r.value !== "" && e.set(
+              r.key,
+              o("workflowWebhookAction.parameterNameRequired")
+            );
+            continue;
+          }
+          (t.get(r.name) ?? 0) > 1 && e.set(
+            r.key,
+            o("workflowWebhookAction.parameterNameDuplicate")
+          );
+        }
+      return e;
+    }, Se = () => R ? void 0 : o("workflowWebhookAction.legalBasisRequired"), re = (e) => Q || mt[e] === !0, Le = Wt(), Ct = O.url ?? (re("url") ? oe() : void 0), xt = O.secret ?? (re("secret") ? ne() : void 0), q = O.legalBasisConfirmed ?? (Q ? Se() : void 0), Nt = (e) => re(`parameter:${e}`) ? Le.get(e) : void 0, H = !Q && !bt && !ht, De = () => {
+      if (oe()) return { kind: "url" };
+      if (ne()) return { kind: "secret" };
+      if (Se()) return { kind: "legal" };
+      const e = b.find((t) => Le.has(t.key));
+      return e ? { kind: "parameter", key: e.key } : void 0;
+    }, Me = i(De);
+    Me.current = De;
+    const [$, g] = u(
+      () => Ye(l)
+    );
+    C(() => {
+      if (!$) return;
+      const e = (() => {
+        var t;
+        switch ($.kind) {
+          case "url":
+            return Ee.current;
+          case "secret":
+            return _.current;
+          case "legal":
+            return Be.current;
+          case "sendTest":
+            return Re.current;
+          case "copy":
+            return Te.current;
+          case "parametersError":
+            return Oe.current;
+          case "add":
+            return (t = P.current) == null ? void 0 : t.querySelector(
+              '[data-slot="parameters"] [data-component="field-array"] > button'
+            );
+          case "parameter":
+            return Z.current.get($.key);
+        }
+      })();
+      e == null || e.focus();
+    }, [$]), C(() => {
+      var r;
+      const e = (r = P.current) == null ? void 0 : r.closest("form");
+      if (!e) return;
+      const t = (c) => {
+        const m = Me.current();
+        m && (c.preventDefault(), pt(!0), m.kind === "parameter" && Y(!0), g({ ...m }));
+      };
+      return e.addEventListener("submit", t), () => e.removeEventListener("submit", t);
+    }, []);
+    const v = mo(b), se = fo(v), K = i(y);
+    K.current = y;
+    const Pe = i(v);
+    Pe.current = v;
+    const _e = i(!1);
+    C(() => {
+      var e;
+      if (!_e.current) {
+        _e.current = !0;
+        return;
+      }
+      (e = K.current) == null || e.call(K, {
+        url: A,
+        secret: f,
+        parameters: Object.fromEntries(Pe.current),
+        legalBasisConfirmed: R
+      });
+    }, [A, f, se, R]);
+    const {
+      status: je,
+      copiedValue: It,
+      copy: Et,
+      reset: qe
+    } = Ze(), ae = je === "copied" && It === f, He = je === "error", Tt = () => {
+      qe(), We(po()), Ce(!0), W("secret"), F(o("workflowWebhookAction.secretGenerated")), g({ kind: "copy" });
+    }, [$e, ce] = u({ kind: "idle" }), S = i(0), Rt = async () => {
+      var r;
+      if (!I) return;
+      const e = oe() ? "url" : ne() ? "secret" : null;
+      if (e) {
+        B("url"), B("secret"), wt(!0), g({ kind: e });
+        return;
+      }
+      S.current += 1;
+      const t = S.current;
+      ce({ kind: "sending" });
+      try {
+        const c = await I({
+          url: A.trim(),
+          secret: ((r = _.current) == null ? void 0 : r.value) ?? f,
+          parameters: Object.fromEntries(v),
+          legalBasisConfirmed: R
+        });
+        t === S.current && Ke({ kind: "done", result: c });
+      } catch {
+        t === S.current && Ke({ kind: "failed" });
+      }
+    }, Ke = (e) => {
+      ce(e);
+      const t = ze(e);
+      t && F(t.text);
+      const r = document.activeElement;
+      (!r || r === document.body) && g({ kind: "sendTest" });
+    }, X = `${A}
+${f}
+${se}`, Xe = i(X);
+    C(() => {
+      X !== Xe.current && (Xe.current = X, S.current += 1, ce(
+        (e) => e.kind === "idle" ? e : { kind: "idle" }
+      ));
+    }, [X]);
+    const ze = (e) => {
+      if (e.kind === "failed")
+        return { ok: !1, text: o("workflowWebhookAction.testFailed") };
+      if (e.kind !== "done") return null;
+      const { result: t } = e, r = t.outcome === "answered" && t.status >= 200 && t.status < 300;
+      return t.message ? { ok: r, text: t.message } : t.outcome === "unreachable" ? { ok: r, text: o("workflowWebhookAction.testUnreachable") } : r ? {
+        ok: r,
+        text: o("workflowWebhookAction.testSent", { status: t.status })
+      } : {
+        ok: r,
+        text: t.status === 401 || t.status === 403 ? o("workflowWebhookAction.testCheckSecret", {
+          status: t.status
+        }) : o("workflowWebhookAction.testRejected", {
+          status: t.status
+        })
+      };
+    }, Ot = async () => {
+      var t;
+      const e = await Et(((t = _.current) == null ? void 0 : t.value) ?? f);
+      F(o(e ? "copyField.copySuccess" : "copyField.copyFailed"));
+    }, le = (e, t) => {
+      J(
+        (r) => r.map((c) => c.key === e ? { ...c, ...t } : c)
+      ), W("parameters");
+    }, Bt = () => {
+      const e = ct();
+      J((t) => [...t, { key: e, name: "", value: "" }]), g({ kind: "parameter", key: e });
+    }, Ft = (e) => {
+      const t = b.filter((m, de) => de !== e), r = b[e];
+      r && (Z.current.delete(r.key), j.current.delete(r.key), V.current.delete(r.key)), J(t), W("parameters");
+      const c = t[e] ?? t[e - 1];
+      g(
+        c ? { kind: "parameter", key: c.key } : { kind: "add" }
+      );
+    }, St = (e, t) => {
+      var Ue;
+      const r = j.current.get(e.key), c = r !== void 0 && V.current.has(e.key), m = c ? r.selectionStart ?? e.value.length : e.value.length, de = c ? r.selectionEnd ?? m : m, _t = e.value.slice(0, m) + t + e.value.slice(de);
+      ee.current = { key: e.key, position: m + t.length }, le(e.key, { value: _t });
+      const jt = (Ue = T.find((qt) => qt.value === t)) == null ? void 0 : Ue.label;
+      F(
+        o("workflowWebhookAction.placeholderInserted", {
+          detail: jt ?? t
+        })
+      );
+    }, Lt = (e) => F(o(e ? "copyField.copySuccess" : "copyField.copyFailed")), ie = (e, t, r = 2) => /* @__PURE__ */ n(
+      "dl",
+      {
+        "aria-labelledby": e,
+        className: oo({
+          columns: te ? r : 1
+        }),
+        children: t.map(([c, m]) => /* @__PURE__ */ n(
+          ko,
+          {
+            name: c,
+            description: m,
+            onCopied: Lt
+          },
+          c
+        ))
+      }
+    ), Dt = JSON.stringify(
+      { ...io, parameters: Object.fromEntries(v) },
+      null,
+      2
+    ), Mt = /* @__PURE__ */ d(
+      "div",
+      {
+        "data-columns": te ? 2 : 1,
+        className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xl)]",
+        children: [
+          /* @__PURE__ */ d("div", { className: fe(), children: [
+            /* @__PURE__ */ n("h4", { id: ge, className: pe(), children: o("workflowWebhookAction.bodyHeading") }),
+            /* @__PURE__ */ n("p", { className: x(), children: o("workflowWebhookAction.sentDescription") }),
+            /* @__PURE__ */ n(
+              Ge,
+              {
+                language: "json",
+                code: Dt,
+                copyLabel: o("workflowWebhookAction.copyBody")
+              }
+            ),
+            ie(ge, st)
+          ] }),
+          /* @__PURE__ */ d("div", { className: fe(), children: [
+            /* @__PURE__ */ n("h4", { id: ve, className: pe(), children: o("workflowWebhookAction.headersHeading") }),
+            /* @__PURE__ */ n("p", { className: x(), children: o("workflowWebhookAction.headersDescription") }),
+            /* @__PURE__ */ n(
+              Ge,
+              {
+                language: "http",
+                code: uo,
+                copyLabel: o("workflowWebhookAction.copyHeaders")
+              }
+            ),
+            ie(ve, at)
+          ] })
+        ]
+      }
+    ), z = p !== void 0, Pt = o(it ? "workflowWebhookAction.generatedNotice" : w ? "workflowWebhookAction.secretSavedDescription" : "workflowWebhookAction.secretDescription");
+    return /* @__PURE__ */ d(
+      "div",
+      {
+        ref: At,
+        ...rt,
+        "data-component": "workflow-webhook-action",
+        "data-layout": te ? "two-column" : "one-column",
+        className: to({ className: nt }),
+        children: [
+          s ? /* @__PURE__ */ n(
+            "div",
+            {
+              "data-slot": "host-content",
+              className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]",
+              children: s
+            }
+          ) : null,
+          /* @__PURE__ */ n("p", { className: x(), children: o("workflowWebhookAction.intro") }),
+          /* @__PURE__ */ n(
+            G,
+            {
+              label: o("workflowWebhookAction.url"),
+              description: o("workflowWebhookAction.urlDescription"),
+              required: !0,
+              error: Ct,
+              announceError: H,
+              "data-field": "url",
+              children: /* @__PURE__ */ n(
+                me,
+                {
+                  ref: Ee,
+                  name: z ? p.url : void 0,
+                  dir: "ltr",
+                  inputMode: "url",
+                  autoComplete: "off",
+                  spellCheck: !1,
+                  maxLength: co,
+                  placeholder: "https://",
+                  value: A,
+                  onChange: (e) => {
+                    lt(e.target.value), W("url");
+                  },
+                  onBlur: (e) => {
+                    e.target.value !== "" && B("url");
+                  }
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ d(
+            "div",
+            {
+              "data-field": "secret",
+              className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]",
+              children: [
+                /* @__PURE__ */ n(
+                  G,
+                  {
+                    label: o("workflowWebhookAction.secret"),
+                    description: Pt,
+                    ...w ? { optional: !0 } : { required: !0 },
+                    error: xt,
+                    announceError: H,
+                    children: /* @__PURE__ */ n(
+                      Gt,
+                      {
+                        ref: _,
+                        name: z ? p.secret : "",
+                        dir: "ltr",
+                        autoComplete: "new-password",
+                        spellCheck: !1,
+                        value: f,
+                        onChange: (e) => {
+                          We(e.target.value), Ce(!1), qe(), W("secret");
+                        },
+                        onBlur: (e) => {
+                          e.target.value !== "" && B("secret");
+                        }
+                      }
+                    )
+                  }
+                ),
+                /* @__PURE__ */ d("div", { className: "ds:flex ds:flex-wrap ds:gap-[var(--spacing-xs)]", children: [
+                  /* @__PURE__ */ n(
+                    ue,
+                    {
+                      type: "button",
+                      intent: "outline",
+                      size: "sm",
+                      startIcon: /* @__PURE__ */ n(eo, {}),
+                      "data-action": "generate-secret",
+                      onClick: Tt,
+                      children: o("workflowWebhookAction.generate")
+                    }
+                  ),
+                  /* @__PURE__ */ n(
+                    ue,
+                    {
+                      ref: Te,
+                      type: "button",
+                      intent: "outline",
+                      size: "sm",
+                      disabled: f === "",
+                      startIcon: ae ? /* @__PURE__ */ n(Ve, {}) : He ? /* @__PURE__ */ n(he, {}) : /* @__PURE__ */ n(et, {}),
+                      "data-action": "copy-secret",
+                      "data-copied": ae ? "true" : void 0,
+                      onClick: () => void Ot(),
+                      children: o(ae ? "copyField.copied" : He ? "copyField.copyFailed" : "workflowWebhookAction.copySecret")
+                    }
+                  )
+                ] })
+              ]
+            }
+          ),
+          I ? /* @__PURE__ */ d(
+            "div",
+            {
+              "data-slot": "send-test",
+              className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]",
+              children: [
+                /* @__PURE__ */ n("p", { id: Ae, className: x(), children: o("workflowWebhookAction.testDescription") }),
+                /* @__PURE__ */ n(
+                  ue,
+                  {
+                    ref: Re,
+                    type: "button",
+                    intent: "outline",
+                    size: "sm",
+                    startIcon: /* @__PURE__ */ n(Zt, {}),
+                    loading: $e.kind === "sending",
+                    "aria-describedby": Ae,
+                    className: "ds:self-start",
+                    "data-action": "send-test",
+                    onClick: () => void Rt(),
+                    children: o("workflowWebhookAction.sendTest")
+                  }
+                ),
+                (() => {
+                  const e = ze($e);
+                  return e ? /* @__PURE__ */ n(
+                    U,
+                    {
+                      variant: e.ok ? "success" : "error",
+                      announce: "off",
+                      "data-slot": "test-result",
+                      "data-test-ok": e.ok ? "true" : "false",
+                      children: /* @__PURE__ */ n(U.Description, { children: e.text })
+                    }
+                  ) : null;
+                })()
+              ]
+            }
+          ) : null,
+          /* @__PURE__ */ d(
+            "div",
+            {
+              "data-field": "legalBasisConfirmed",
+              className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]",
+              children: [
+                /* @__PURE__ */ n(
+                  zt,
+                  {
+                    ref: Be,
+                    name: z ? p.legalBasisConfirmed : void 0,
+                    value: "1",
+                    checked: R,
+                    onCheckedChange: (e) => {
+                      dt(e === !0), W("legalBasisConfirmed");
+                    },
+                    "aria-required": "true",
+                    "aria-invalid": q ? !0 : void 0,
+                    "aria-describedby": q ? be : void 0,
+                    label: o("workflowWebhookAction.legalBasis")
+                  }
+                ),
+                q ? /* @__PURE__ */ d(
+                  "p",
+                  {
+                    id: be,
+                    role: H ? "alert" : void 0,
+                    "data-slot": "error",
+                    className: ro(),
+                    children: [
+                      /* @__PURE__ */ n(
+                        he,
+                        {
+                          "aria-hidden": "true",
+                          className: "ds:size-4 ds:shrink-0"
+                        }
+                      ),
+                      /* @__PURE__ */ n("span", { children: q })
+                    ]
+                  }
+                ) : null
+              ]
+            }
+          ),
+          z ? /* @__PURE__ */ n(
+            "input",
+            {
+              type: "hidden",
+              name: p.parameters,
+              value: se
+            }
+          ) : null,
+          /* @__PURE__ */ n("div", { "data-field": "parameters", "data-slot": "parameters", children: /* @__PURE__ */ n(Je, { variant: "elevated", children: /* @__PURE__ */ n(
+            k,
+            {
+              type: "single",
+              collapsible: !0,
+              value: ut ? "advanced" : "",
+              onValueChange: (e) => Y(e === "advanced"),
+              children: /* @__PURE__ */ d(k.Item, { value: "advanced", children: [
+                /* @__PURE__ */ n(k.Trigger, { "data-action": "toggle-advanced", children: /* @__PURE__ */ d("span", { className: "ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-xs)]", children: [
+                  /* @__PURE__ */ n("span", { children: o("workflowWebhookAction.advanced") }),
+                  v.length > 0 ? /* @__PURE__ */ n(Kt, { variant: "neutral", size: "md", children: o("workflowWebhookAction.parameterCount", {
+                    total: v.length
+                  }) }) : null
+                ] }) }),
+                /* @__PURE__ */ n(k.Content, { children: /* @__PURE__ */ d("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-lg)]", children: [
+                  /* @__PURE__ */ n("p", { className: x(), children: o("workflowWebhookAction.advancedDescription") }),
+                  O.parameters ? /* @__PURE__ */ n(
+                    "div",
+                    {
+                      ref: Oe,
+                      tabIndex: -1,
+                      "data-slot": "error",
+                      className: "ds:outline-none",
+                      children: /* @__PURE__ */ n(U, { variant: "error", announce: "off", children: /* @__PURE__ */ n(U.Description, { children: O.parameters }) })
+                    }
+                  ) : null,
+                  /* @__PURE__ */ n(
+                    Ut,
+                    {
+                      legend: o("workflowWebhookAction.parametersLegend"),
+                      items: b,
+                      addLabel: o("workflowWebhookAction.addParameter"),
+                      removeItemLabel: (e) => o("workflowWebhookAction.removeParameter", {
+                        number: e + 1
+                      }),
+                      onAdd: Bt,
+                      onRemove: Ft,
+                      renderItem: (e, t) => /* @__PURE__ */ d(
+                        "div",
+                        {
+                          "data-parameter-id": e.key,
+                          className: so(),
+                          children: [
+                            /* @__PURE__ */ n(
+                              G,
+                              {
+                                label: o("workflowWebhookAction.parameterName"),
+                                error: Nt(e.key),
+                                announceError: H,
+                                children: /* @__PURE__ */ n(
+                                  me,
+                                  {
+                                    ref: (r) => {
+                                      r && Z.current.set(e.key, r);
+                                    },
+                                    "aria-label": o(
+                                      "workflowWebhookAction.parameterNameOf",
+                                      { number: t + 1 }
+                                    ),
+                                    dir: "auto",
+                                    autoComplete: "off",
+                                    spellCheck: !1,
+                                    value: e.name,
+                                    onChange: (r) => le(e.key, { name: r.target.value }),
+                                    onBlur: () => B(`parameter:${e.key}`)
+                                  }
+                                )
+                              }
+                            ),
+                            /* @__PURE__ */ n(
+                              G,
+                              {
+                                label: o("workflowWebhookAction.parameterValue"),
+                                children: /* @__PURE__ */ n(
+                                  me,
+                                  {
+                                    ref: (r) => {
+                                      r && j.current.set(e.key, r);
+                                    },
+                                    "aria-label": o(
+                                      "workflowWebhookAction.parameterValueOf",
+                                      { number: t + 1 }
+                                    ),
+                                    dir: "auto",
+                                    autoComplete: "off",
+                                    value: e.value,
+                                    onChange: (r) => le(e.key, {
+                                      value: r.target.value
+                                    }),
+                                    onFocus: () => V.current.add(e.key)
+                                  }
+                                )
+                              }
+                            ),
+                            T.length > 0 ? /* @__PURE__ */ n("div", { className: "ds:sm:col-span-2", children: /* @__PURE__ */ n(
+                              Jt,
+                              {
+                                tokens: T.map((r) => ({
+                                  value: r.value,
+                                  label: r.label
+                                })),
+                                triggerLabel: o(
+                                  "workflowWebhookAction.insertDetail"
+                                ),
+                                onInsert: (r) => St(e, r)
+                              }
+                            ) }) : null
+                          ]
+                        }
+                      )
+                    }
+                  ),
+                  T.length > 0 ? /* @__PURE__ */ d("div", { className: fe(), children: [
+                    /* @__PURE__ */ n(
+                      "h4",
+                      {
+                        id: ye,
+                        className: pe(),
+                        children: o("workflowWebhookAction.variablesHeading")
+                      }
+                    ),
+                    /* @__PURE__ */ n("p", { className: x(), children: o("workflowWebhookAction.variablesDescription") }),
+                    ie(
+                      ye,
+                      T.map(
+                        (e) => [e.value, e.label]
+                      ),
+                      3
+                    )
+                  ] }) : null
+                ] }) })
+              ] })
+            }
+          ) }) }),
+          /* @__PURE__ */ n("div", { "data-slot": "reference", children: /* @__PURE__ */ n(Je, { variant: "elevated", children: /* @__PURE__ */ n(k, { type: "single", collapsible: !0, children: /* @__PURE__ */ d(k.Item, { value: "reference", children: [
+            /* @__PURE__ */ n(k.Trigger, { "data-action": "toggle-reference", children: /* @__PURE__ */ n("span", { children: o("workflowWebhookAction.sentHeading") }) }),
+            /* @__PURE__ */ n(k.Content, { children: Mt })
+          ] }) }) }) }),
+          /* @__PURE__ */ n(
+            "span",
+            {
+              ref: Fe,
+              role: "status",
+              "aria-live": "polite",
+              className: "ds:sr-only",
+              children: kt
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+ho.displayName = "WorkflowWebhookAction";
+export {
+  qo as W,
+  ho as a
+};
+//# sourceMappingURL=workflow-webhook-action-D6K7Jgc2.js.map