@alfadocs/ui-kit 0.78.0 → 0.80.0

package/dist/_chunks/signature-request-CEOrCDyk.js

@@ -0,0 +1,341 @@
+import { jsx as s, jsxs as i } from "react/jsx-runtime";
+import { forwardRef as ne, useRef as C, useState as H, useEffect as te } from "react";
+import { useTranslation as re } from "react-i18next";
+import { D as u } from "./dialog-UbKJCi1X.js";
+import { B as q } from "./button-CPGiR_bH.js";
+import { I as ie } from "./icon-button-C_kbcd7I.js";
+import { C as le } from "./checkbox-BuZ1u__2.js";
+import { a as de } from "./whatsapp-button-BIy6NaJK.js";
+import { S as L } from "./select-BW5ecXlX.js";
+import { S as ce } from "./switch-OILsBLWo.js";
+import { A as p } from "./alert-KJbsPYkI.js";
+import { S as oe } from "./separator-CYU_bGFn.js";
+import { A as F } from "./avatar-BNQNhoyL.js";
+import { c as _ } from "./createLucideIcon-DhHxpK9K.js";
+import { P as ue } from "./plus-DzMQ_c6b.js";
+import { X as me } from "./x-B5YnXwCz.js";
+import { P as he } from "./pen-line-D0De5zdl.js";
+import { M as pe } from "./mail-BqXVF2zH.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 ge = [
+  [
+    "path",
+    {
+      d: "M22 17a2 2 0 0 1-2 2H6.828a2 2 0 0 0-1.414.586l-2.202 2.202A.71.71 0 0 1 2 21.286V5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2z",
+      key: "18887p"
+    }
+  ],
+  ["path", { d: "M7 11h10", key: "1twpyw" }],
+  ["path", { d: "M7 15h6", key: "d9of3u" }],
+  ["path", { d: "M7 7h8", key: "af5zfr" }]
+], ve = _("message-square-text", ge);
+/**
+ * @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 fe = [
+  ["rect", { width: "16", height: "20", x: "4", y: "2", rx: "2", ry: "2", key: "76otgf" }],
+  ["line", { x1: "12", x2: "12.01", y1: "18", y2: "18", key: "1dp563" }]
+], xe = _("tablet", fe);
+/**
+ * @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 Re = [
+  ["path", { d: "M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2", key: "1yyitq" }],
+  ["circle", { cx: "9", cy: "7", r: "4", key: "nufk8" }],
+  ["line", { x1: "19", x2: "19", y1: "8", y2: "14", key: "1bvyxn" }],
+  ["line", { x1: "22", x2: "16", y1: "11", y2: "11", key: "1shjgl" }]
+], qe = _("user-plus", Re), g = "__assign-later__", V = [
+  "sms",
+  "email",
+  "whatsapp",
+  "on-device"
+];
+function W(m, w) {
+  var o;
+  return ((o = m.find((c) => c.value === w)) == null ? void 0 : o.label) ?? "";
+}
+const we = ne(
+  ({
+    open: m,
+    onOpenChange: w,
+    operators: o,
+    signerOptions: c,
+    currentOperatorId: z,
+    allowAssignLater: N = !0,
+    initialOperatorId: M,
+    initialSigners: b,
+    maxSigners: G = 2,
+    busy: d = !1,
+    error: A,
+    title: U,
+    description: $,
+    onRequestSignature: X,
+    contentProps: J
+  }, K) => {
+    const { t: a } = re(), D = C(0), O = C(null), P = (e) => {
+      var r;
+      const n = (r = c.find(
+        (l) => l.value === e
+      )) == null ? void 0 : r.availableChannels;
+      return n && n.length > 0 ? V.filter((l) => n.includes(l)) : V;
+    }, y = (e, n) => {
+      const r = P(e);
+      return r.includes(n) ? n : r[0];
+    }, T = () => {
+      var e, n;
+      return M === null ? N ? g : ((e = o[0]) == null ? void 0 : e.value) ?? g : M ?? ((n = o[0]) == null ? void 0 : n.value) ?? (N ? g : "");
+    }, B = () => (b && b.length > 0 ? b : c.length > 0 ? [
+      {
+        signerId: c[0].value,
+        channel: y(c[0].value, "on-device")
+      }
+    ] : []).map((n) => ({ ...n, rowId: D.current++ })), [v, I] = H(T), [h, f] = H(B), j = C(m);
+    te(() => {
+      m && !j.current && (I(T()), f(B())), j.current = m;
+    }, [m]);
+    const Q = N ? [
+      ...o,
+      { value: g, label: a("signatureRequest.assignLater") }
+    ] : o, k = v === g, Y = {
+      sms: {
+        label: a("signatureRequest.viaSms"),
+        icon: /* @__PURE__ */ s(ve, { className: "ds:size-4", "aria-hidden": !0 })
+      },
+      email: {
+        label: a("signatureRequest.viaEmail"),
+        icon: /* @__PURE__ */ s(pe, { className: "ds:size-4", "aria-hidden": !0 })
+      },
+      whatsapp: {
+        label: a("signatureRequest.viaWhatsapp"),
+        icon: /* @__PURE__ */ s(de, { className: "ds:size-4", "aria-hidden": !0 })
+      },
+      "on-device": {
+        label: a("signatureRequest.onThisDevice"),
+        icon: /* @__PURE__ */ s(xe, { className: "ds:size-4", "aria-hidden": !0 })
+      }
+    }, E = h.map((e) => e.signerId), x = c.find(
+      (e) => !E.includes(e.value)
+    ), Z = !d && h.length < G && x !== void 0, S = (e, n) => {
+      f(
+        (r) => r.map(
+          (l) => l.rowId === e ? { ...l, ...n } : l
+        )
+      );
+    }, ee = () => {
+      x && f((e) => [
+        ...e,
+        {
+          signerId: x.value,
+          channel: y(x.value, "sms"),
+          rowId: D.current++
+        }
+      ]);
+    }, se = (e) => {
+      var n;
+      (n = O.current) == null || n.focus(), f(
+        (r) => r.filter((l) => l.rowId !== e)
+      );
+    }, ae = () => {
+      X({
+        operatorId: k ? null : v,
+        signers: h.map(({ rowId: e, ...n }) => n)
+      });
+    };
+    return /* @__PURE__ */ s("div", { ref: K, className: "ds:contents", "data-component": "signature-request", children: /* @__PURE__ */ s(u, { open: m, onOpenChange: w, children: /* @__PURE__ */ i(u.Content, { size: "lg", hideCloseButton: !0, ...J, children: [
+      /* @__PURE__ */ i(u.Header, { children: [
+        /* @__PURE__ */ s(u.Title, { children: U ?? a("signatureRequest.title") }),
+        /* @__PURE__ */ s(u.Description, { children: $ ?? a("signatureRequest.noSignedVersions") })
+      ] }),
+      /* @__PURE__ */ i(u.Body, { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: [
+        /* @__PURE__ */ i("section", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
+          /* @__PURE__ */ i("div", { className: "ds:flex ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)]", children: [
+            /* @__PURE__ */ s("p", { className: "type-eyebrow ds:text-start ds:text-[color:var(--muted-foreground)]", children: a("signatureRequest.operatorSection") }),
+            z !== void 0 ? /* @__PURE__ */ s(
+              q,
+              {
+                intent: "primary",
+                size: "sm",
+                startIcon: /* @__PURE__ */ s(qe, {}),
+                disabled: d,
+                onClick: () => I(z),
+                children: a("signatureRequest.assignToMe")
+              }
+            ) : null
+          ] }),
+          /* @__PURE__ */ i("div", { className: "ds:flex ds:items-center ds:gap-[var(--spacing-sm)]", children: [
+            /* @__PURE__ */ s(
+              F,
+              {
+                "aria-hidden": "true",
+                name: k ? void 0 : W(o, v),
+                size: "sm"
+              }
+            ),
+            /* @__PURE__ */ s("div", { className: "ds:min-w-0 ds:flex-1 ds:text-start", children: /* @__PURE__ */ s(
+              L,
+              {
+                options: Q,
+                value: v,
+                onValueChange: (e) => e && I(e),
+                required: !0,
+                disabled: d,
+                placeholder: a("signatureRequest.operatorPlaceholder"),
+                "aria-label": a("signatureRequest.operatorSection")
+              }
+            ) })
+          ] }),
+          k ? null : /* @__PURE__ */ s(p, { variant: "info", children: /* @__PURE__ */ s(p.Description, { children: a("signatureRequest.operatorHint") }) })
+        ] }),
+        /* @__PURE__ */ s(oe, { decorative: !0 }),
+        /* @__PURE__ */ i("section", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)] ds:text-start", children: [
+          /* @__PURE__ */ i("div", { className: "ds:flex ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)]", children: [
+            /* @__PURE__ */ s("p", { className: "type-eyebrow ds:text-[color:var(--muted-foreground)]", children: a("signatureRequest.signersSection") }),
+            /* @__PURE__ */ s(
+              q,
+              {
+                ref: O,
+                intent: "primary",
+                size: "sm",
+                startIcon: /* @__PURE__ */ s(ue, {}),
+                disabled: !Z,
+                onClick: ee,
+                children: a("signatureRequest.addSigner")
+              }
+            )
+          ] }),
+          h.map((e) => {
+            const n = c.filter(
+              (t) => t.value === e.signerId || !E.includes(t.value)
+            ), r = W(c, e.signerId), l = P(e.signerId).map(
+              (t) => ({ value: t, ...Y[t] })
+            );
+            return /* @__PURE__ */ i(
+              "div",
+              {
+                role: "group",
+                "aria-label": r,
+                className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]",
+                children: [
+                  /* @__PURE__ */ i("div", { className: "ds:flex ds:items-center ds:gap-[var(--spacing-sm)]", children: [
+                    /* @__PURE__ */ s(F, { "aria-hidden": "true", name: r, size: "sm" }),
+                    /* @__PURE__ */ s("div", { className: "ds:min-w-0 ds:flex-1", children: /* @__PURE__ */ s(
+                      L,
+                      {
+                        options: n,
+                        value: e.signerId,
+                        onValueChange: (t) => {
+                          if (!t) return;
+                          const R = y(
+                            t,
+                            e.channel
+                          );
+                          S(e.rowId, {
+                            signerId: t,
+                            channel: R,
+                            skipOtp: R === "on-device" ? e.skipOtp : void 0
+                          });
+                        },
+                        required: !0,
+                        disabled: d,
+                        placeholder: a(
+                          "signatureRequest.signerPlaceholder"
+                        ),
+                        "aria-label": a("signatureRequest.signerPlaceholder")
+                      }
+                    ) }),
+                    h.length > 1 ? /* @__PURE__ */ s(
+                      ie,
+                      {
+                        intent: "ghost",
+                        size: "sm",
+                        icon: /* @__PURE__ */ s(me, {}),
+                        disabled: d,
+                        "aria-label": a("signatureRequest.removeSigner"),
+                        onClick: () => se(e.rowId)
+                      }
+                    ) : null
+                  ] }),
+                  /* @__PURE__ */ s(
+                    "div",
+                    {
+                      role: "group",
+                      "aria-label": a("signatureRequest.channelLabel"),
+                      className: "ds:flex ds:flex-wrap ds:items-center ds:gap-x-[var(--spacing-lg)] ds:gap-y-[var(--spacing-sm)] ds:ps-[var(--spacing-xl)]",
+                      children: l.map((t) => /* @__PURE__ */ s(
+                        le,
+                        {
+                          checked: e.channel === t.value,
+                          disabled: d,
+                          onCheckedChange: (R) => R === !0 && S(e.rowId, {
+                            channel: t.value,
+                            skipOtp: void 0
+                          }),
+                          label: /* @__PURE__ */ i("span", { className: "ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]", children: [
+                            /* @__PURE__ */ s(
+                              "span",
+                              {
+                                "aria-hidden": "true",
+                                className: "ds:text-[var(--accent)]",
+                                children: t.icon
+                              }
+                            ),
+                            t.label
+                          ] })
+                        },
+                        t.value
+                      ))
+                    }
+                  ),
+                  e.channel === "on-device" ? /* @__PURE__ */ s("div", { className: "ds:ps-[var(--spacing-xl)]", children: /* @__PURE__ */ s(
+                    ce,
+                    {
+                      label: a("signatureRequest.noOtp"),
+                      checked: e.skipOtp === !0,
+                      disabled: d,
+                      onCheckedChange: (t) => S(e.rowId, { skipOtp: t })
+                    }
+                  ) }) : null
+                ]
+              },
+              e.rowId
+            );
+          })
+        ] }),
+        h.some(
+          (e) => e.channel === "on-device" && e.skipOtp === !0
+        ) ? /* @__PURE__ */ s(p, { variant: "warning", children: /* @__PURE__ */ s(p.Description, { children: a("signatureRequest.noOtpWarning") }) }) : null,
+        A ? /* @__PURE__ */ s(p, { variant: "error", children: /* @__PURE__ */ s(p.Description, { children: A }) }) : null
+      ] }),
+      /* @__PURE__ */ i(u.Footer, { children: [
+        /* @__PURE__ */ s(
+          q,
+          {
+            intent: "primary",
+            startIcon: /* @__PURE__ */ s(he, {}),
+            onClick: ae,
+            disabled: d || h.length === 0,
+            loading: d,
+            children: a("signatureRequest.requestSignature")
+          }
+        ),
+        /* @__PURE__ */ s(u.Close, { asChild: !0, children: /* @__PURE__ */ s(q, { intent: "outline", disabled: d, children: a("signatureRequest.close") }) })
+      ] })
+    ] }) }) });
+  }
+);
+we.displayName = "SignatureRequestModal";
+export {
+  we as S
+};
+//# sourceMappingURL=signature-request-CEOrCDyk.js.map

package/dist/agent-catalog.json

@@ -1,6 +1,6 @@
 {
   "schemaVersion": 1,
-  "packageVersion": "0.78.0",
+  "packageVersion": "0.80.0",
   "components": [
     {
       "kind": "component",

package/dist/components/_shared/contrast-warning.d.ts

@@ -0,0 +1,46 @@
+/** Reset the dedup set — intended for use between tests. */
+export declare function resetContrastWarnings(): void;
+/**
+ * DEV-only WCAG AA guardrail for caller-supplied hex pairs.
+ *
+ * - No-op when `import.meta.env.DEV` is false.
+ * - No-op when either half of the pair is missing (the "fg missing →
+ *   inherits DS token" case is a docs concern; the DS token isn't a
+ *   hex at runtime so we can't check it here).
+ * - No-op when either hex can't be parsed (silent — not the helper's
+ *   concern to police malformed input).
+ * - Deduplicated by `(bgHex, fgHex, contextLabel)` tuple so moving a
+ *   ratio-bad event around the calendar doesn't spam the console.
+ *
+ * @param bgHex - Caller-supplied background hex (e.g. `'#c2185b'`)
+ * @param fgHex - Caller-supplied foreground hex (e.g. `'#ffffff'`)
+ * @param contextLabel - Short description for the warning (e.g. `'event e1'`).
+ */
+export declare function warnLowContrast(bgHex: string | undefined, fgHex: string | undefined, contextLabel: string): void;
+export type EventInk = 'on-light' | 'on-dark';
+/**
+ * Pick the ink for an arbitrary opaque bg hex. Returns `null` when the
+ * input can't be parsed (`#rgb` / `#rrggbb` only).
+ *
+ * The threshold 0.1791 is the relative luminance at which
+ * `contrast(bg, #fff) === contrast(bg, #000)`; the better of the two
+ * always yields ≥ 4.58:1 (the minimum, at a mid-grey ≈ `#757575`) —
+ * provably WCAG AA-safe for any opaque background.
+ */
+export declare function resolveInk(bgHex: string): EventInk | null;
+/**
+ * DEV-only, one-shot warning for a caller `backgroundColor` the kit can't
+ * parse (`rgb(…)`, keywords, malformed hex). The browser can still paint
+ * it, but the text falls back to the token default and contrast can't be
+ * verified. Deduplicated by `(bgHex, contextLabel)`.
+ */
+export declare function warnUnparseableBackground(bgHex: string, contextLabel: string): void;
+/**
+ * DEV-only, one-shot warning for a near-white `backgroundColor`
+ * (relative luminance > 0.9) supplied without a `borderColor` — the
+ * event may be invisible against the calendar grid. The kit warns, it
+ * does not repaint (delineation is decorative under WCAG 1.4.11 and the
+ * consumer owns the picker colour). Deduplicated by `(bgHex, contextLabel)`.
+ */
+export declare function warnLowDelineation(bgHex: string, contextLabel: string): void;
+//# sourceMappingURL=contrast-warning.d.ts.map