@alfadocs/ui-kit-debug 1.132.0 → 1.134.0

package/dist/_chunks/signing-end-screen-an9P8DOT.js

@@ -0,0 +1,1041 @@
+import { jsxs as o, jsx as e, Fragment as A } from "react/jsx-runtime";
+import { useRef as R, useEffect as V, useState as ne, useId as Z } from "react";
+import { useTranslation as z, Trans as D } from "react-i18next";
+import { A as j } from "./alert-C4WKViaS.js";
+import { P as se } from "./pdf-viewer-TRC5jEm5.js";
+import { S as ae } from "./signature-field-BjlY_yXH.js";
+import { S as re } from "./signature-capture-BJc7kfqi.js";
+import { D as y } from "./dialog-CVTxyR0v.js";
+import { B as H } from "./button-DohK_Ak_.js";
+import { C as le } from "./chevron-left-B8cOyH-V.js";
+import { C as oe } from "./chevron-right-I9AeSxH2.js";
+import { S as ce } from "./spinner-CoflYlEx.js";
+import { u as ue } from "./use-visual-viewport-pin-ChurOsHM.js";
+import { A as ge } from "./arrow-left-BfaGqVam.js";
+import { A as me } from "./arrow-right-KsIrLdt0.js";
+import { c as fe } from "./index-D2ZczOXr.js";
+import { p as M } from "./privacy-mask-text-B8YfzB7L.js";
+import { C as X } from "./card-n6W6LW-N.js";
+import { A as ie } from "./avatar-Dp5apm1d.js";
+import { B as pe } from "./badge-BUk4RjTS.js";
+import { F as Y } from "./finished-terminal-unDnXT4j.js";
+import { H as he, g as ve, a as xe, d as be } from "./header-l_B8MV0g.js";
+import { L as ye } from "./logo-hIsyVE96.js";
+import { C as Ne } from "./clock-Drd4Wtis.js";
+import { B as Ie } from "./ban-CiSCCcOE.js";
+function Se({
+  labels: i,
+  disabled: t,
+  id: n,
+  onComplete: s
+}) {
+  return /* @__PURE__ */ e(
+    re,
+    {
+      id: n,
+      width: "100%",
+      allowTypedFallback: !0,
+      disabled: t,
+      ariaLabel: i.dialogTitle,
+      onConfirm: (r) => s(r)
+    }
+  );
+}
+function we({
+  src: i,
+  documents: t,
+  session: n,
+  labels: s,
+  docIndex: r,
+  ariaLabel: m,
+  initialZoom: a = "fit-width",
+  hideFieldLabels: f = !1,
+  onFieldConfirm: d,
+  submittingFieldId: u = null,
+  captureError: g = null,
+  onAllSigned: h,
+  className: v
+}) {
+  var K;
+  const N = t ?? (i !== void 0 ? [{ docIndex: r ?? 0, src: i, title: m ?? "" }] : []), x = t !== void 0, w = x || r === void 0 ? n.fields : n.fields.filter((l) => (l.docIndex ?? 0) === r), S = R({}), I = R({}), c = R(n.fields);
+  c.current = n.fields;
+  const F = R(!0), C = R(null);
+  V(() => {
+    n.activeFieldId !== null && C.current === null && (C.current = n.activeFieldId);
+  }, [n.activeFieldId]);
+  const P = (l) => {
+    var L;
+    l.preventDefault();
+    const b = C.current;
+    C.current = null;
+    const B = (L = n.fields.find((E) => !E.signed)) == null ? void 0 : L.id, p = (b ? I.current[b] : null) ?? (B ? I.current[B] : null);
+    p == null || p.focus({ preventScroll: !0 });
+  }, T = R(n.isComplete), $ = R(h);
+  $.current = h, V(() => {
+    var l;
+    n.isComplete && !T.current && ((l = $.current) == null || l.call($)), T.current = n.isComplete;
+  }, [n.isComplete]), V(() => {
+    var E;
+    if (F.current) {
+      F.current = !1;
+      return;
+    }
+    const l = n.cursorFieldId;
+    if (!l) return;
+    const b = c.current.find((Q) => Q.id === l);
+    if (!b) return;
+    (E = S.current[b.docIndex ?? 0]) == null || E.goToPage(b.page);
+    let B = 0, p = 0;
+    const L = () => {
+      const Q = I.current[l];
+      if (Q) {
+        Q.focus();
+        return;
+      }
+      B < 30 && (B += 1, p = requestAnimationFrame(L));
+    };
+    return p = requestAnimationFrame(L), () => cancelAnimationFrame(p);
+  }, [n.cursorFieldId]);
+  const k = u !== null && u === n.activeFieldId, q = n.fields.findIndex(
+    (l) => l.id === n.activeFieldId
+  ), G = (l) => {
+    if (!(q < 0)) {
+      for (let b = q + l; b >= 0 && b < n.fields.length; b += l)
+        if (!n.fields[b].signed) return n.fields[b];
+    }
+  }, J = G(-1), O = G(1), _ = (K = n.fields.find(
+    (l) => l.id === n.activeFieldId
+  )) == null ? void 0 : K.label, U = (l) => {
+    var b;
+    !l || k || n.openField(l.id) && ((b = S.current[l.docIndex ?? 0]) == null || b.goToPage(l.page));
+  };
+  return /* @__PURE__ */ o("div", { "data-component": "multi-field-signer", className: v, children: [
+    /* @__PURE__ */ e("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-lg)]", children: N.map((l, b) => /* @__PURE__ */ o(
+      "div",
+      {
+        className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]",
+        children: [
+          x && s.documentHeading ? /* @__PURE__ */ e("h2", { dir: "auto", className: "type-title-card ds:m-0", children: s.documentHeading(b + 1, N.length) }) : null,
+          /* @__PURE__ */ e(
+            se,
+            {
+              ref: (B) => {
+                S.current[l.docIndex] = B;
+              },
+              id: `signing-document-${l.docIndex}`,
+              src: l.src,
+              initialZoom: a,
+              toolbarVariant: "minimal",
+              ariaLabel: l.title || m,
+              renderPageOverlay: ({ pageNumber: B }) => /* @__PURE__ */ e(A, { children: w.filter(
+                (p) => (p.docIndex ?? 0) === l.docIndex && p.page === B
+              ).map((p) => {
+                var L;
+                return /* @__PURE__ */ e(
+                  ae,
+                  {
+                    id: p.id,
+                    ref: (E) => {
+                      I.current[p.id] = E;
+                    },
+                    state: p.signed ? "signed" : p.id === u ? "signing" : "unsigned",
+                    active: n.cursorFieldId === p.id,
+                    signedImageSrc: (L = p.payload) == null ? void 0 : L.png,
+                    label: p.label,
+                    hideLabel: f || p.hideLabel,
+                    insetInlineStart: p.insetInlineStart,
+                    insetBlockStart: p.insetBlockStart,
+                    inlineSize: p.inlineSize,
+                    blockSize: p.blockSize,
+                    onActivate: () => n.openField(p.id),
+                    "data-testid": `field-${p.id}`
+                  },
+                  p.id
+                );
+              }) })
+            }
+          )
+        ]
+      },
+      l.docIndex
+    )) }),
+    /* @__PURE__ */ e(
+      y.Root,
+      {
+        id: "signing-capture",
+        open: n.activeFieldId !== null,
+        onOpenChange: (l) => {
+          l || n.closeField();
+        },
+        children: /* @__PURE__ */ o(y.Content, { size: "lg", onCloseAutoFocus: P, children: [
+          /* @__PURE__ */ o(y.Header, { children: [
+            /* @__PURE__ */ e(y.Title, { children: s.dialogTitle }),
+            /* @__PURE__ */ o(y.Description, { children: [
+              s.dialogSubtitle,
+              _ ? /* @__PURE__ */ o(A, { children: [
+                " ",
+                /* @__PURE__ */ e("bdi", { children: _ })
+              ] }) : null
+            ] })
+          ] }),
+          /* @__PURE__ */ o(y.Body, { children: [
+            g ? /* @__PURE__ */ e(j, { variant: "error", className: "ds:mb-[var(--spacing-md)]", children: /* @__PURE__ */ e(j.Description, { children: g }) }) : null,
+            /* @__PURE__ */ e(
+              Se,
+              {
+                labels: s,
+                id: `signing-capture-${n.activeFieldId ?? "none"}`,
+                disabled: k,
+                onComplete: (l) => {
+                  const b = n.activeFieldId;
+                  b && (d ? d(b, l) : n.markSigned(b, l));
+                }
+              },
+              n.activeFieldId ?? "none"
+            )
+          ] }),
+          s.previousField && s.nextField && n.fields.length > 1 ? /* @__PURE__ */ o(y.Footer, { className: "ds:justify-between", children: [
+            /* @__PURE__ */ e(
+              H,
+              {
+                intent: "ghost",
+                size: "sm",
+                type: "button",
+                className: "ds:min-h-[var(--min-target-size)]",
+                flipIconInRtl: !0,
+                startIcon: /* @__PURE__ */ e(le, { "aria-hidden": "true" }),
+                "aria-disabled": !J || k,
+                "data-action": "previous-field",
+                onClick: () => U(J),
+                children: s.previousField
+              }
+            ),
+            /* @__PURE__ */ e(
+              H,
+              {
+                intent: "ghost",
+                size: "sm",
+                type: "button",
+                className: "ds:min-h-[var(--min-target-size)]",
+                flipIconInRtl: !0,
+                endIcon: /* @__PURE__ */ e(oe, { "aria-hidden": "true" }),
+                "aria-disabled": !O || k,
+                "data-action": "next-field",
+                onClick: () => U(O),
+                children: s.nextField
+              }
+            )
+          ] }) : null
+        ] })
+      }
+    )
+  ] });
+}
+function W({
+  children: i,
+  brand: t,
+  headerActions: n,
+  brandLabel: s,
+  className: r
+}) {
+  const { t: m } = z("ui"), a = s ?? m("signing.chrome.brandLabel");
+  return /* @__PURE__ */ o(
+    "div",
+    {
+      "data-component": "signing-chrome",
+      className: `ds:flex ds:flex-col ds:min-h-screen ds:bg-[color:var(--app-shell-background)] ds:text-[var(--foreground)]${r ? ` ${r}` : ""}`,
+      children: [
+        /* @__PURE__ */ o(he, { "aria-label": a, children: [
+          /* @__PURE__ */ e(
+            ve,
+            {
+              className: n ? "ds:min-w-0 ds:justify-start" : "ds:flex-1 ds:justify-center",
+              children: /* @__PURE__ */ e(xe, { asChild: !0, children: t != null ? /* @__PURE__ */ e("span", { children: t }) : /* @__PURE__ */ e("span", { role: "img", "aria-label": a, children: /* @__PURE__ */ e(
+                ye,
+                {
+                  variant: "monochrome",
+                  tone: "inherit",
+                  decorative: !0,
+                  size: "md"
+                }
+              ) }) })
+            }
+          ),
+          n ? /* @__PURE__ */ e(be, { className: "ds:min-w-0 ds:flex-1 ds:justify-end ds:text-end", children: n }) : null
+        ] }),
+        /* @__PURE__ */ e("main", { className: "ds:flex ds:flex-1 ds:flex-col", children: i })
+      ]
+    }
+  );
+}
+const Fe = fe(
+  "ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)] ds:[min-block-size:var(--min-target-size)] ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)] ds:text-[length:var(--font-size-sm)] ds:font-semibold",
+  {
+    variants: {
+      placement: {
+        header: "ds:text-[color:var(--header-foreground)]",
+        page: "ds:text-[color:var(--foreground)]"
+      }
+    },
+    defaultVariants: { placement: "header" }
+  }
+);
+function Ce({
+  signed: i,
+  total: t,
+  name: n,
+  privacy: s = !1,
+  placement: r = "header",
+  className: m
+}) {
+  const { t: a } = z("ui"), f = !s && n !== void 0 && n.trim() !== "";
+  return /* @__PURE__ */ e(
+    "span",
+    {
+      role: "status",
+      "aria-live": "polite",
+      "data-component": "signing-progress-chip",
+      "data-complete": t > 0 && i >= t ? "true" : void 0,
+      className: `${Fe({ placement: r })}${m ? ` ${m}` : ""}`,
+      children: f ? /* @__PURE__ */ e(
+        D,
+        {
+          t: a,
+          ns: "ui",
+          i18nKey: "signing.progressNamed",
+          values: { name: n, signed: i, total: t },
+          components: { name: /* @__PURE__ */ e("bdi", {}) }
+        }
+      ) : a("signing.progress", { signed: i, total: t })
+    }
+  );
+}
+const ke = "ds:!bg-[var(--accent)] ds:!text-[color:var(--accent-foreground)] ds:hover:!bg-[var(--accent-hover)]";
+function ze({
+  total: i,
+  onPrevious: t,
+  onNext: n,
+  previousDisabled: s = !1,
+  nextDisabled: r = !1,
+  onSign: m,
+  signArmed: a = !1,
+  signError: f = null,
+  completing: d = !1,
+  className: u
+}) {
+  const { t: g } = z("ui"), h = ue({ edge: "bottom" }), [v, N] = ne(""), x = g("signing.completing");
+  V(() => {
+    N(d ? x : "");
+  }, [d, x]);
+  const w = /* @__PURE__ */ e("span", { role: "status", "data-live": "signing-footer", className: "ds:sr-only", children: v }), S = Z(), I = Z(), c = !!f && !d, F = i >= 2;
+  if (!d && !F && !m) return w;
+  const C = c ? S : a ? void 0 : I, P = m ? /* @__PURE__ */ o(A, { children: [
+    C !== I ? null : /* @__PURE__ */ e("span", { id: I, className: "ds:sr-only", children: g("signing.signHint") }),
+    /* @__PURE__ */ e(
+      H,
+      {
+        intent: a ? "primary" : "outline",
+        size: "md",
+        type: "button",
+        className: `ds:ms-auto ds:min-h-[var(--min-target-size)]${a ? ` ${ke}` : ""}`,
+        "aria-disabled": a ? void 0 : !0,
+        "aria-describedby": C,
+        loading: d,
+        "data-action": "sign",
+        "data-armed": a ? "true" : "false",
+        onClick: () => {
+          a && !d && m();
+        },
+        children: g("signing.sign")
+      }
+    )
+  ] }) : null, T = /* @__PURE__ */ o("div", { className: "ds:flex ds:items-center ds:gap-[var(--spacing-sm)]", children: [
+    m ? null : /* @__PURE__ */ e("span", { "aria-hidden": "true", className: "ds:inline-flex", children: /* @__PURE__ */ e(ce, { size: "sm" }) }),
+    /* @__PURE__ */ e("span", { "aria-hidden": "true", className: "type-body", children: x })
+  ] }), $ = F ? /* @__PURE__ */ o(A, { children: [
+    t ? /* @__PURE__ */ e(
+      H,
+      {
+        intent: "ghost",
+        size: "md",
+        type: "button",
+        className: "ds:min-h-[var(--min-target-size)]",
+        flipIconInRtl: !0,
+        startIcon: /* @__PURE__ */ e(ge, { "aria-hidden": "true" }),
+        "aria-label": g("signing.previousField"),
+        disabled: s,
+        "data-action": "previous-field",
+        onClick: t,
+        children: g("signing.previousShort")
+      }
+    ) : null,
+    n ? /* @__PURE__ */ e(
+      H,
+      {
+        intent: P && a ? "ghost" : "primary",
+        size: "md",
+        type: "button",
+        className: "ds:min-h-[var(--min-target-size)]",
+        flipIconInRtl: !0,
+        endIcon: /* @__PURE__ */ e(me, { "aria-hidden": "true" }),
+        "aria-label": g("signing.nextField"),
+        disabled: r,
+        "data-action": "next-field",
+        onClick: n,
+        children: g("signing.nextShort")
+      }
+    ) : null
+  ] }) : null;
+  return /* @__PURE__ */ o(A, { children: [
+    w,
+    /* @__PURE__ */ e(
+      "div",
+      {
+        ref: h,
+        "data-component": "signing-footer",
+        className: `ds:sticky ds:bottom-0 ds:p-[var(--spacing-md)] ds:bg-[var(--card)] ds:text-[var(--foreground)] ds:border-t ds:border-[color:var(--border)] ds:shadow-[var(--shadow-lg)]${u ? ` ${u}` : ""}`,
+        children: /* @__PURE__ */ o("div", { className: "ds:mx-auto ds:flex ds:w-full ds:max-w-[56rem] ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
+          c ? /* @__PURE__ */ e(j, { variant: "error", "data-error": "sign", id: S, children: /* @__PURE__ */ e(j.Description, { children: f }) }) : null,
+          /* @__PURE__ */ e("div", { className: "ds:flex ds:w-full ds:flex-wrap ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)]", children: P ? /* @__PURE__ */ o(A, { children: [
+            /* @__PURE__ */ e("div", { className: "ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-sm)]", children: d ? T : $ }),
+            P
+          ] }) : d ? T : $ })
+        ] })
+      }
+    )
+  ] });
+}
+const $e = {
+  awaiting: "neutral",
+  verifying: "info",
+  signing: "info",
+  signed: "success"
+};
+function te(i, t) {
+  if (i.statusLabel !== void 0) return i.statusLabel;
+  switch (i.status) {
+    case "awaiting":
+      return t("signing.roster.status.awaiting");
+    case "verifying":
+      return t("signing.roster.status.verifying");
+    case "signing":
+      return t("signing.roster.status.signing");
+    default:
+      return t("signing.roster.status.signed");
+  }
+}
+function ee({
+  signer: i,
+  youLabel: t,
+  privacy: n
+}) {
+  const { t: s } = z("ui"), r = n ? M(i.maskedName) : i.name;
+  return /* @__PURE__ */ o(
+    "li",
+    {
+      "aria-current": i.isCurrent ? "step" : void 0,
+      "data-status": i.status,
+      className: "ds:flex ds:items-center ds:gap-[var(--spacing-sm)]",
+      children: [
+        /* @__PURE__ */ e(ie, { name: n ? void 0 : i.name, size: "sm" }),
+        /* @__PURE__ */ o("div", { className: "ds:flex ds:min-w-0 ds:flex-1 ds:flex-col", children: [
+          /* @__PURE__ */ o("span", { className: "type-label ds:break-words", children: [
+            /* @__PURE__ */ e("bdi", { children: r }),
+            i.isCurrent ? /* @__PURE__ */ e("span", { className: "ds:ms-[var(--spacing-2xs)] ds:font-normal ds:text-[var(--muted-foreground)]", children: t }) : null
+          ] }),
+          i.relationship ? /* @__PURE__ */ e(
+            "span",
+            {
+              dir: "auto",
+              className: "type-meta ds:break-words ds:text-[var(--muted-foreground)]",
+              children: i.relationship
+            }
+          ) : null
+        ] }),
+        /* @__PURE__ */ e(pe, { variant: $e[i.status], withDot: !0, children: te(i, s) })
+      ]
+    }
+  );
+}
+function de({
+  title: i,
+  primary: t,
+  secondary: n,
+  youLabel: s,
+  secondaryPendingLabel: r,
+  secondaryPendingHint: m,
+  privacy: a = !1,
+  className: f
+}) {
+  const { t: d } = z("ui"), u = i ?? d("signing.roster.title"), h = [t, n ?? null].filter(
+    (c) => c !== null
+  ).map((c) => ({
+    id: c.id,
+    name: a ? M(c.maskedName) : c.name,
+    status: c.status,
+    label: te(c, d)
+  })), v = R(new Map(h.map((c) => [c.id, c.status]))), [N, x] = ne(null), w = h.find((c) => c.id === N), S = h.map((c) => `${c.id}:${c.status}`).join("|");
+  V(() => {
+    let c = null;
+    for (const F of h) {
+      const C = v.current.get(F.id);
+      C !== void 0 && C !== F.status && (c = F.id), v.current.set(F.id, F.status);
+    }
+    c !== null && x(c);
+  }, [S]);
+  const I = s ?? d("signing.roster.you");
+  return (
+    // A labelled section exposes the roster as a region without adding a
+    // heading that would skip the page's level order.
+    /* @__PURE__ */ o(
+      "section",
+      {
+        "aria-label": u,
+        "data-component": "signing-roster",
+        "data-privacy": a ? "masked" : void 0,
+        className: `ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]${f ? ` ${f}` : ""}`,
+        children: [
+          /* @__PURE__ */ e(
+            "p",
+            {
+              "aria-hidden": "true",
+              className: "type-eyebrow ds:m-0 ds:text-[var(--muted-foreground)]",
+              children: u
+            }
+          ),
+          /* @__PURE__ */ e("span", { role: "status", "aria-live": "polite", className: "ds:sr-only", children: w ? /* @__PURE__ */ o(A, { children: [
+            /* @__PURE__ */ e("bdi", { children: w.name }),
+            ": ",
+            w.label
+          ] }) : null }),
+          /* @__PURE__ */ o(
+            "ol",
+            {
+              role: "list",
+              className: "ds:m-0 ds:flex ds:list-none ds:flex-col ds:gap-[var(--spacing-sm)] ds:p-0",
+              children: [
+                /* @__PURE__ */ e(ee, { signer: t, youLabel: I, privacy: a }),
+                n ? /* @__PURE__ */ e(ee, { signer: n, youLabel: I, privacy: a }) : /* @__PURE__ */ o(
+                  "li",
+                  {
+                    "data-status": "pending",
+                    className: "ds:flex ds:items-center ds:gap-[var(--spacing-sm)]",
+                    children: [
+                      /* @__PURE__ */ e(ie, { size: "sm" }),
+                      /* @__PURE__ */ o("div", { className: "ds:flex ds:min-w-0 ds:flex-1 ds:flex-col", children: [
+                        /* @__PURE__ */ e("span", { className: "type-label ds:truncate ds:text-[var(--muted-foreground)]", children: r ?? d("signing.roster.pendingTitle") }),
+                        /* @__PURE__ */ e("span", { className: "type-meta ds:truncate ds:text-[var(--muted-foreground)]", children: m ?? d("signing.roster.pendingHint") })
+                      ] })
+                    ]
+                  }
+                )
+              ]
+            }
+          )
+        ]
+      }
+    )
+  );
+}
+function nn({
+  session: i,
+  src: t,
+  documents: n,
+  title: s,
+  meta: r,
+  headingLevel: m = 1,
+  instruction: a,
+  roster: f,
+  envelopeProgress: d,
+  progressName: u,
+  completing: g = !1,
+  onSign: h,
+  signError: v = null,
+  onFieldConfirm: N,
+  submittingFieldId: x,
+  captureError: w,
+  dialogs: S,
+  hideFieldLabels: I,
+  withChrome: c = !0,
+  brand: F,
+  brandLabel: C,
+  focusOnMount: P = !1,
+  privacy: T = !1,
+  className: $
+}) {
+  const { t: k } = z("ui"), q = R(null);
+  V(() => {
+    var K;
+    P && ((K = q.current) == null || K.focus({ preventScroll: !0 }));
+  }, [P]);
+  const G = m === 2 ? "h2" : "h1", J = {
+    dialogTitle: k("signing.capture.title"),
+    dialogSubtitle: k("signing.capture.subtitle"),
+    apply: k("signing.complete"),
+    previousField: k("signing.previousField"),
+    nextField: k("signing.nextField"),
+    documentHeading: n !== void 0 ? (K, l) => k("signing.documentHeading", { current: K, total: l }) : void 0
+  }, O = /* @__PURE__ */ e(
+    Ce,
+    {
+      signed: i.signedCount,
+      total: i.total,
+      name: u,
+      privacy: T,
+      placement: c ? "header" : "page"
+    }
+  ), _ = (
+    // The chrome owns the page's `main`; embedded, the host's shell does.
+    /* @__PURE__ */ e(
+      "div",
+      {
+        "data-component": "signing-document-screen",
+        "data-privacy": T ? "masked" : void 0,
+        className: `ds:flex ds:flex-1 ds:justify-center ds:p-[var(--spacing-lg)]${$ ? ` ${$}` : ""}`,
+        children: /* @__PURE__ */ o("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)] ds:min-w-0 ds:[inline-size:100%] ds:max-w-[56rem]", children: [
+          a ? /* @__PURE__ */ e(j, { variant: "info", announce: "off", children: /* @__PURE__ */ e(j.Description, { dir: "auto", className: "ds:whitespace-pre-line", children: a }) }) : null,
+          s ? /* @__PURE__ */ o("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-2xs)]", children: [
+            /* @__PURE__ */ e(
+              G,
+              {
+                ref: q,
+                tabIndex: -1,
+                dir: "auto",
+                className: "type-title-page ds:m-0 ds:outline-none",
+                children: s
+              }
+            ),
+            r ? /* @__PURE__ */ e(
+              "div",
+              {
+                dir: "auto",
+                className: "type-body-sm ds:text-[color:var(--muted-foreground)]",
+                children: r
+              }
+            ) : null
+          ] }) : null,
+          f ? /* @__PURE__ */ e(de, { ...f, privacy: T }) : null,
+          c ? null : O,
+          d ? /* @__PURE__ */ e(
+            "p",
+            {
+              role: "status",
+              "aria-live": "polite",
+              className: "type-body-sm ds:m-0 ds:text-[color:var(--muted-foreground)]",
+              children: k("signing.envelopeProgress", {
+                done: d.done,
+                total: d.total
+              })
+            }
+          ) : null,
+          /* @__PURE__ */ e(
+            we,
+            {
+              src: t,
+              documents: n,
+              session: i,
+              labels: J,
+              ariaLabel: s,
+              hideFieldLabels: I,
+              onFieldConfirm: N,
+              submittingFieldId: x,
+              captureError: w
+            }
+          )
+        ] })
+      }
+    )
+  ), U = /* @__PURE__ */ e(
+    ze,
+    {
+      total: i.total,
+      completing: g,
+      onPrevious: i.goToPreviousField,
+      onNext: i.goToNextField,
+      onSign: h,
+      signArmed: i.isComplete,
+      signError: v
+    }
+  );
+  return c ? /* @__PURE__ */ o(W, { brand: F, brandLabel: C, headerActions: O, children: [
+    _,
+    U,
+    S
+  ] }) : /* @__PURE__ */ o(A, { children: [
+    _,
+    U,
+    S
+  ] });
+}
+function tn({
+  open: i,
+  title: t,
+  body: n,
+  onDismiss: s,
+  dismissLabel: r,
+  onCloseAutoFocus: m,
+  id: a = "signing-message",
+  className: f
+}) {
+  const { t: d } = z("ui");
+  return /* @__PURE__ */ e(
+    y.Root,
+    {
+      id: a,
+      open: i,
+      onOpenChange: (u) => {
+        u || s();
+      },
+      children: /* @__PURE__ */ o(
+        y.Content,
+        {
+          size: "sm",
+          hideCloseButton: !0,
+          onCloseAutoFocus: m,
+          className: f,
+          "data-component": "signing-message-dialog",
+          children: [
+            /* @__PURE__ */ o(y.Header, { children: [
+              /* @__PURE__ */ e(y.Title, { dir: "auto", children: t }),
+              /* @__PURE__ */ e(
+                y.Description,
+                {
+                  dir: "auto",
+                  className: "ds:whitespace-pre-line ds:break-words",
+                  children: n
+                }
+              )
+            ] }),
+            /* @__PURE__ */ e(y.Footer, { children: /* @__PURE__ */ e(
+              H,
+              {
+                intent: "primary",
+                type: "button",
+                className: "ds:min-h-[var(--min-target-size)]",
+                "data-action": "dismiss-message",
+                onClick: s,
+                children: r ?? d("signing.message.close")
+              }
+            ) })
+          ]
+        }
+      )
+    }
+  );
+}
+function dn({
+  open: i,
+  onOpenChange: t,
+  staffName: n,
+  patientName: s,
+  documentTitle: r,
+  onConfirm: m,
+  onCancel: a,
+  submitting: f = !1,
+  error: d = null,
+  errorText: u,
+  privacy: g = !1,
+  onCloseAutoFocus: h,
+  id: v = "signing-staff-id",
+  className: N
+}) {
+  const { t: x } = z("ui"), w = s !== void 0 && s.trim() !== "", S = g ? M() : s, I = d === null ? null : u ?? x("signing.staffId.errorFailed");
+  return /* @__PURE__ */ e(
+    y.Root,
+    {
+      id: v,
+      open: i,
+      onOpenChange: (c) => {
+        t(c), c || a == null || a();
+      },
+      children: /* @__PURE__ */ o(
+        y.Content,
+        {
+          size: "sm",
+          hideCloseButton: !0,
+          onCloseAutoFocus: h,
+          className: N,
+          "data-component": "signing-staff-id-confirmation",
+          "data-privacy": g ? "masked" : void 0,
+          children: [
+            /* @__PURE__ */ o(y.Header, { children: [
+              /* @__PURE__ */ e(y.Title, { children: x("signing.staffId.title") }),
+              /* @__PURE__ */ e(y.Description, { className: "ds:break-words", children: /* @__PURE__ */ e(
+                D,
+                {
+                  t: x,
+                  ns: "ui",
+                  i18nKey: w ? "signing.staffId.body" : "signing.staffId.bodyNoPatient",
+                  values: { staff: n, patient: S },
+                  components: { staff: /* @__PURE__ */ e("bdi", {}), patient: /* @__PURE__ */ e("bdi", {}) }
+                }
+              ) })
+            ] }),
+            /* @__PURE__ */ e(y.Body, { children: /* @__PURE__ */ o("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
+              r ? /* @__PURE__ */ e(
+                "p",
+                {
+                  dir: "auto",
+                  className: "type-body ds:m-0 ds:font-medium ds:break-words",
+                  children: r
+                }
+              ) : null,
+              /* @__PURE__ */ e("p", { className: "type-body-sm ds:m-0 ds:text-[color:var(--muted-foreground)]", children: x("signing.staffId.record") }),
+              I ? /* @__PURE__ */ e(j, { variant: "error", "data-error": d ?? void 0, children: /* @__PURE__ */ e(j.Description, { children: I }) }) : null
+            ] }) }),
+            /* @__PURE__ */ o(y.Footer, { children: [
+              /* @__PURE__ */ e(y.Close, { asChild: !0, children: /* @__PURE__ */ e(
+                H,
+                {
+                  intent: "outline",
+                  type: "button",
+                  className: "ds:min-h-[var(--min-target-size)]",
+                  "data-action": "cancel",
+                  children: x("common.cancel")
+                }
+              ) }),
+              /* @__PURE__ */ e(
+                H,
+                {
+                  intent: "primary",
+                  type: "button",
+                  className: "ds:min-h-[var(--min-target-size)]",
+                  loading: f,
+                  "data-action": "confirm-staff-id",
+                  onClick: m,
+                  children: x("signing.staffId.confirm")
+                }
+              )
+            ] })
+          ]
+        }
+      )
+    }
+  );
+}
+function sn({
+  signerName: i,
+  nextName: t,
+  roster: n,
+  onContinue: s,
+  continueLabel: r,
+  submitting: m = !1,
+  focusOnMount: a = !0,
+  withChrome: f = !0,
+  brand: d,
+  brandLabel: u,
+  privacy: g = !1,
+  className: h
+}) {
+  const { t: v } = z("ui"), N = R(null);
+  V(() => {
+    var I;
+    a && ((I = N.current) == null || I.focus({ preventScroll: !0 }));
+  }, [a]);
+  const x = g ? M() : i, w = g ? M() : t, S = /* @__PURE__ */ e(
+    "div",
+    {
+      "data-component": "signing-handoff-screen",
+      "data-privacy": g ? "masked" : void 0,
+      className: `ds:flex ds:flex-1 ds:flex-col ds:items-center ds:overflow-y-auto ds:p-[var(--spacing-lg)]${h ? ` ${h}` : ""}`,
+      children: /* @__PURE__ */ o(
+        X,
+        {
+          variant: "elevated",
+          className: "ds:my-auto ds:min-w-0 ds:[inline-size:100%] ds:max-w-[28rem]",
+          children: [
+            /* @__PURE__ */ e(X.Header, { children: /* @__PURE__ */ e(
+              "h1",
+              {
+                ref: N,
+                tabIndex: -1,
+                className: "type-title-card ds:m-0 ds:outline-none",
+                children: /* @__PURE__ */ e(
+                  D,
+                  {
+                    t: v,
+                    ns: "ui",
+                    i18nKey: "signing.handoff.title",
+                    values: { name: x },
+                    components: { name: /* @__PURE__ */ e("bdi", {}) }
+                  }
+                )
+              }
+            ) }),
+            /* @__PURE__ */ e(X.Body, { children: /* @__PURE__ */ o("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: [
+              /* @__PURE__ */ e("p", { className: "type-body ds:m-0 ds:text-[var(--muted-foreground)]", children: /* @__PURE__ */ e(
+                D,
+                {
+                  t: v,
+                  ns: "ui",
+                  i18nKey: "signing.handoff.body",
+                  values: { next: w },
+                  components: { next: /* @__PURE__ */ e("bdi", {}) }
+                }
+              ) }),
+              /* @__PURE__ */ e("span", { role: "status", className: "ds:sr-only", children: m ? v("signing.roster.status.verifying") : "" }),
+              n ? /* @__PURE__ */ e(de, { ...n, privacy: g }) : null,
+              /* @__PURE__ */ e(
+                H,
+                {
+                  intent: "primary",
+                  size: "lg",
+                  type: "button",
+                  loading: m,
+                  "data-action": "continue",
+                  onClick: s,
+                  children: !g && r !== void 0 ? r : /* @__PURE__ */ e(
+                    D,
+                    {
+                      t: v,
+                      ns: "ui",
+                      i18nKey: "signing.handoff.continue",
+                      values: { next: w },
+                      components: { next: /* @__PURE__ */ e("bdi", {}) }
+                    }
+                  )
+                }
+              )
+            ] }) })
+          ]
+        }
+      )
+    }
+  );
+  return f ? /* @__PURE__ */ e(W, { brand: d, brandLabel: u, children: S }) : S;
+}
+function an({
+  signerName: i,
+  nextName: t,
+  secondaryPending: n = !1,
+  withChrome: s = !0,
+  brand: r,
+  brandLabel: m,
+  privacy: a = !1,
+  className: f
+}) {
+  const { t: d } = z("ui"), u = a ? M() : i, g = n || !t || t.trim() === "", h = a ? M() : t ?? "", v = /* @__PURE__ */ e(
+    "div",
+    {
+      "data-component": "signing-awaiting-screen",
+      "data-privacy": a ? "masked" : void 0,
+      className: `ds:flex ds:flex-1 ds:flex-col${f ? ` ${f}` : ""}`,
+      children: /* @__PURE__ */ e(
+        Y,
+        {
+          title: d("signing.awaiting.title"),
+          body: /* @__PURE__ */ e(
+            D,
+            {
+              t: d,
+              ns: "ui",
+              i18nKey: g ? "signing.awaiting.pendingBody" : "signing.awaiting.body",
+              values: { name: u, next: h },
+              components: { name: /* @__PURE__ */ e("bdi", {}), next: /* @__PURE__ */ e("bdi", {}) }
+            }
+          ),
+          autoCloseSeconds: 0
+        }
+      )
+    }
+  );
+  return s ? /* @__PURE__ */ e(W, { brand: r, brandLabel: m, children: v }) : v;
+}
+function rn({
+  reason: i = "signed",
+  practiceName: t,
+  title: n,
+  body: s,
+  action: r,
+  withChrome: m = !0,
+  brand: a,
+  brandLabel: f,
+  className: d
+}) {
+  const { t: u } = z("ui"), g = t !== void 0 && t.trim() !== "", h = u(i === "all-signed" ? "signing.finished.allSigned.title" : "signing.finished.signed.title"), v = i === "all-signed" ? u("signing.finished.allSigned.body") : g ? /* @__PURE__ */ e(
+    D,
+    {
+      t: u,
+      ns: "ui",
+      i18nKey: "signing.finished.signed.body",
+      values: { practice: t },
+      components: { practice: /* @__PURE__ */ e("bdi", {}) }
+    }
+  ) : u("signing.finished.signed.bodyNoPractice"), N = r.onClick !== void 0 || r.href !== void 0, x = /* @__PURE__ */ e(
+    "div",
+    {
+      "data-component": "signing-finished-screen",
+      "data-reason": i,
+      className: `ds:flex ds:flex-1 ds:flex-col${d ? ` ${d}` : ""}`,
+      children: /* @__PURE__ */ e(
+        Y,
+        {
+          title: n ?? h,
+          body: s ?? v,
+          action: N ? {
+            ...r,
+            label: r.label ?? u("signing.finished.action")
+          } : void 0,
+          autoCloseSeconds: N ? void 0 : 0
+        }
+      )
+    }
+  );
+  return m ? /* @__PURE__ */ e(W, { brand: a, brandLabel: f, children: x }) : x;
+}
+function ln({
+  reason: i,
+  practiceName: t,
+  title: n,
+  body: s,
+  withChrome: r = !0,
+  brand: m,
+  brandLabel: a,
+  className: f
+}) {
+  const { t: d } = z("ui"), u = t !== void 0 && t.trim() !== "", g = (x) => /* @__PURE__ */ e(
+    D,
+    {
+      t: d,
+      ns: "ui",
+      i18nKey: x,
+      values: { practice: t },
+      components: { practice: /* @__PURE__ */ e("bdi", {}) }
+    }
+  );
+  let h, v;
+  i === "expired" ? (h = d("signing.end.expired.title"), v = u ? g("signing.end.expired.body") : d("signing.end.expired.bodyNoPractice")) : i === "already-completed" ? (h = d("signing.end.alreadyCompleted.title"), v = u ? g("signing.end.alreadyCompleted.body") : d("signing.end.alreadyCompleted.bodyNoPractice")) : (h = d("signing.end.cancelled.title"), v = u ? g("signing.end.cancelled.body") : d("signing.end.cancelled.bodyNoPractice"));
+  const N = /* @__PURE__ */ e(
+    "div",
+    {
+      "data-component": "signing-end-screen",
+      "data-reason": i,
+      className: `ds:flex ds:flex-1 ds:flex-col${f ? ` ${f}` : ""}`,
+      children: /* @__PURE__ */ e(
+        Y,
+        {
+          title: n ?? h,
+          body: s ?? v,
+          icon: i === "expired" ? /* @__PURE__ */ e(Ne, {}) : i === "cancelled" ? /* @__PURE__ */ e(Ie, {}) : void 0,
+          autoCloseSeconds: 0
+        }
+      )
+    }
+  );
+  return r ? /* @__PURE__ */ e(W, { brand: m, brandLabel: a, children: N }) : N;
+}
+export {
+  we as M,
+  an as S,
+  W as a,
+  nn as b,
+  ln as c,
+  rn as d,
+  ze as e,
+  sn as f,
+  tn as g,
+  Ce as h,
+  de as i,
+  dn as j
+};
+//# sourceMappingURL=signing-end-screen-an9P8DOT.js.map