@alfadocs/ui-kit 1.3.5 → 1.3.7

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

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