@alfadocs/ui-kit 0.73.0 → 0.77.0

package/dist/_chunks/signature-request-C-mskXwi.js

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

package/dist/_chunks/{tabs-DVQ941Sj.js → tabs-CVTukWRD.js}

@@ -5,7 +5,7 @@ import * as k from "@radix-ui/react-dropdown-menu";
 import { a as N, c as M } from "./index-D2ZczOXr.js";
 import { useTranslation as Y } from "react-i18next";
 import { c as Z } from "./compose-refs-C0k0tdqF.js";
-import { S as D } from "./select-BmCbJMJS.js";
+import { S as D } from "./select-BW5ecXlX.js";
 import { u as ee } from "./registry-DvAUVLHh.js";
 import { X as te } from "./x-B5YnXwCz.js";
 import { u as se } from "./use-direction-Dp8h70PP.js";
@@ -405,4 +405,4 @@ export {
   F as c,
   re as t
 };
-//# sourceMappingURL=tabs-DVQ941Sj.js.map
+//# sourceMappingURL=tabs-CVTukWRD.js.map

package/dist/_chunks/{tasks-panel-LCK5ZXvU.js → tasks-panel-CjGAhIN8.js}

@@ -7,7 +7,7 @@ import { B as ae } from "./button-CPGiR_bH.js";
 import { I as $ } from "./icon-button-C_kbcd7I.js";
 import { B as he } from "./button-group-DzV5wgnx.js";
 import { P as gt } from "./panel-header-D313n_9-.js";
-import { S as ve } from "./select-BmCbJMJS.js";
+import { S as ve } from "./select-BW5ecXlX.js";
 import { S as ht } from "./switch-OILsBLWo.js";
 import { S as vt } from "./skeleton-CZbwyJAA.js";
 import { E as ne } from "./empty-state-CrLsi0XI.js";
@@ -754,4 +754,4 @@ export {
   Gt as T,
   qt as t
 };
-//# sourceMappingURL=tasks-panel-LCK5ZXvU.js.map
+//# sourceMappingURL=tasks-panel-CjGAhIN8.js.map