@alfadocs/ui-kit 1.67.0 → 1.69.0

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

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