@alfadocs/ui-kit 1.31.0 → 1.33.0

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

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