@alfadocs/ui-kit-debug 1.132.0 → 1.134.0

package/dist/_chunks/portal-documents-D8skew0h.js

@@ -0,0 +1,902 @@
+import { jsx as e, jsxs as l, Fragment as L } from "react/jsx-runtime";
+import { useRef as T, useEffect as M, useId as te, useState as ie } from "react";
+import { useTranslation as q, Trans as j } from "react-i18next";
+import { B as C } from "./button-DohK_Ak_.js";
+import { T as se } from "./tab-bar-CeC2QOwB.js";
+import { p as ae } from "./privacy-mask-text-B8YfzB7L.js";
+import { c as D, b as de } from "./patient-sign-in-steps-C2JSqlok.js";
+import { g as ce, a as W, S as pe, b as F, u as G, P as J, e as $, h as V, i as R, j as me, t as Z, c as E, d as ne, k as _ } from "./portal-parts-BdR29P7z.js";
+import { H as ue } from "./house-DGCypGTo.js";
+import { C as he } from "./calendar-days-BGWklvE-.js";
+import { F as re } from "./file-text-5yv6r2ls.js";
+import { U as fe } from "./user-B12p7bVF.js";
+import { L as Pe } from "./log-out-oDS6zO5d.js";
+import { W as ge } from "./whatsapp-button-XbozeDl_.js";
+import { P as oe } from "./phone-FceYcIFQ.js";
+import { i as be } from "./is-safe-url-CEy9CEml.js";
+import { D as H } from "./dialog-CVTxyR0v.js";
+import { V as ye } from "./visually-hidden-BHxEUGyT.js";
+import { u as ve } from "./use-controllable-state-BiY4xTzM.js";
+import { A as ee } from "./alert-C4WKViaS.js";
+import { D as xe } from "./document-preview-DLVIrOYV.js";
+import { D as ke } from "./download-CfYKJO_j.js";
+function _e({
+  activeTab: p,
+  onTabChange: y,
+  tabs: k,
+  renderLink: f,
+  patientName: g,
+  onSignOut: o,
+  remainingMs: N,
+  totalMs: n,
+  sessionWarnAtMs: S,
+  onSessionExpire: c,
+  sessionEnded: v = null,
+  idleMinutes: i,
+  onSignInAgain: P,
+  status: a = "ready",
+  onRetry: r,
+  children: m,
+  focusOnMount: w = !1,
+  privacy: x = !1,
+  className: u
+}) {
+  const { t: b } = q("ui"), A = T(null), B = v !== null;
+  M(() => {
+    var z;
+    if (!w || B) return;
+    const d = ((z = A.current) == null ? void 0 : z.querySelector("h1, h2")) ?? A.current;
+    d == null || d.focus({ preventScroll: !0 });
+  }, []);
+  const s = [
+    "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]",
+    u
+  ].filter(Boolean).join(" ");
+  if (v !== null)
+    return /* @__PURE__ */ e(
+      "div",
+      {
+        "data-component": "portal-shell",
+        "data-state": "ended",
+        "data-privacy": x ? "masked" : void 0,
+        className: s,
+        children: v === "timed-out" && i !== void 0 ? /* @__PURE__ */ e(
+          D,
+          {
+            reason: "timed-out",
+            idleMinutes: i,
+            onSignIn: P,
+            focusOnMount: w
+          }
+        ) : /* @__PURE__ */ e(
+          D,
+          {
+            reason: "signed-out",
+            onSignIn: P,
+            focusOnMount: w
+          }
+        )
+      }
+    );
+  const O = k ?? [
+    {
+      id: "home",
+      label: b("patientPortal.nav.home"),
+      icon: /* @__PURE__ */ e(ue, { "aria-hidden": "true" })
+    },
+    {
+      id: "appointments",
+      label: b("patientPortal.nav.appointments"),
+      icon: /* @__PURE__ */ e(he, { "aria-hidden": "true" })
+    },
+    {
+      id: "documents",
+      label: b("patientPortal.nav.documents"),
+      icon: /* @__PURE__ */ e(re, { "aria-hidden": "true" })
+    },
+    {
+      id: "details",
+      label: b("patientPortal.nav.details"),
+      icon: /* @__PURE__ */ e(fe, { "aria-hidden": "true" })
+    }
+  ], I = g == null ? void 0 : g.trim();
+  return /* @__PURE__ */ l(
+    "div",
+    {
+      "data-component": "portal-shell",
+      "data-privacy": x ? "masked" : void 0,
+      className: s,
+      children: [
+        I ? /* @__PURE__ */ e(
+          "p",
+          {
+            dir: "auto",
+            className: "type-body-sm ds:m-0 ds:break-words ds:text-[color:var(--muted-foreground)]",
+            children: x ? ae() : I
+          }
+        ) : null,
+        N !== void 0 ? /* @__PURE__ */ e(
+          de,
+          {
+            remainingMs: N,
+            totalMs: n,
+            warnAtMs: S,
+            onSignOut: o,
+            onExpire: c
+          }
+        ) : /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
+          C,
+          {
+            type: "button",
+            intent: "outline",
+            className: "ds:min-h-[var(--min-target-size)]",
+            startIcon: /* @__PURE__ */ e(Pe, { "aria-hidden": "true" }),
+            "data-action": "sign-out",
+            onClick: o,
+            children: b("patientSignIn.session.signOut")
+          }
+        ) }),
+        /* @__PURE__ */ e(
+          se,
+          {
+            fill: !0,
+            collapseToMenu: !0,
+            ariaLabel: b("patientPortal.nav.label"),
+            items: O.map((d) => ({
+              id: d.id,
+              label: d.label,
+              icon: d.icon,
+              href: d.href,
+              isActive: d.id === p
+            })),
+            renderLink: f,
+            onSelect: y
+          }
+        ),
+        /* @__PURE__ */ l(
+          "div",
+          {
+            ref: A,
+            tabIndex: -1,
+            "data-state": a,
+            className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)] ds:outline-none",
+            children: [
+              /* @__PURE__ */ e(
+                ce,
+                {
+                  message: a === "loading" ? b("patientPortal.shell.loading") : a === "error" ? b("patientPortal.shell.errorTitle") : ""
+                }
+              ),
+              a === "loading" ? /* @__PURE__ */ e(W, {}) : a === "error" ? /* @__PURE__ */ e(
+                pe.Provider,
+                {
+                  value: () => {
+                    var d;
+                    return (d = A.current) == null ? void 0 : d.focus({ preventScroll: !0 });
+                  },
+                  children: /* @__PURE__ */ e(
+                    F,
+                    {
+                      kind: "error",
+                      title: b("patientPortal.shell.errorTitle"),
+                      body: b("patientPortal.shell.errorBody"),
+                      headingLevel: 1,
+                      onRetry: r
+                    }
+                  )
+                }
+              ) : m
+            ]
+          }
+        )
+      ]
+    }
+  );
+}
+function we({
+  practices: p,
+  headingLevel: y = 2,
+  className: k
+}) {
+  const { t: f } = q("ui"), g = te(), o = p.filter(
+    (n) => n.whatsAppNumber || Z(n.phone)
+  );
+  if (o.length === 0) return null;
+  const N = y === 2 ? "h2" : "h3";
+  return /* @__PURE__ */ l(
+    "section",
+    {
+      "data-component": "portal-practice-contact",
+      "aria-labelledby": g,
+      className: ["ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", k].filter(Boolean).join(" "),
+      children: [
+        /* @__PURE__ */ e(N, { id: g, className: "type-title-card ds:m-0", children: f("patientPortal.contact.title") }),
+        /* @__PURE__ */ e("ul", { className: "ds:m-0 ds:flex ds:list-none ds:flex-col ds:gap-[var(--spacing-md)] ds:p-0", children: o.map((n) => {
+          const S = Z(n.phone), c = n.name;
+          return /* @__PURE__ */ e(
+            "li",
+            {
+              "data-practice-id": n.id,
+              className: "ds:flex ds:flex-col ds:items-start ds:gap-[var(--spacing-xs)]",
+              children: n.whatsAppNumber ? /* @__PURE__ */ l(L, { children: [
+                /* @__PURE__ */ e("p", { className: "type-body-sm ds:m-0 ds:break-words ds:text-[color:var(--muted-foreground)]", children: /* @__PURE__ */ e(
+                  j,
+                  {
+                    t: f,
+                    ns: "ui",
+                    i18nKey: "patientPortal.contact.whatsAppBody",
+                    values: { practice: c },
+                    components: { practice: /* @__PURE__ */ e("bdi", {}) }
+                  }
+                ) }),
+                /* @__PURE__ */ e(
+                  ge,
+                  {
+                    size: "lg",
+                    phoneNumber: n.whatsAppNumber,
+                    message: n.whatsAppMessage ?? f("patientPortal.contact.whatsAppMessage"),
+                    label: f("patientPortal.contact.whatsAppLabel", {
+                      practice: c
+                    }),
+                    "data-action": "whatsapp"
+                  }
+                )
+              ] }) : S ? /* @__PURE__ */ l(L, { children: [
+                /* @__PURE__ */ e("p", { className: "type-body-sm ds:m-0 ds:break-words ds:text-[color:var(--muted-foreground)]", children: /* @__PURE__ */ e(
+                  j,
+                  {
+                    t: f,
+                    ns: "ui",
+                    i18nKey: "patientPortal.contact.phoneBody",
+                    values: { practice: c },
+                    components: { practice: /* @__PURE__ */ e("bdi", {}) }
+                  }
+                ) }),
+                /* @__PURE__ */ e(
+                  C,
+                  {
+                    asChild: !0,
+                    intent: "secondary",
+                    className: "ds:min-h-[var(--min-target-size)]",
+                    startIcon: /* @__PURE__ */ e(oe, { "aria-hidden": "true" }),
+                    children: /* @__PURE__ */ e("a", { href: S, "data-action": "call-practice", children: /* @__PURE__ */ e(
+                      j,
+                      {
+                        t: f,
+                        ns: "ui",
+                        i18nKey: "patientPortal.contact.call",
+                        values: {
+                          phone: n.phoneDisplay ?? n.phone ?? ""
+                        },
+                        components: { phone: /* @__PURE__ */ e("bdi", { dir: "ltr" }) }
+                      }
+                    ) })
+                  }
+                )
+              ] }) : null
+            },
+            n.id
+          );
+        }) })
+      ]
+    }
+  );
+}
+function Ge({
+  appointments: p = [],
+  practices: y = [],
+  patientName: k,
+  status: f = "ready",
+  onRetry: g,
+  onCheckIn: o,
+  locale: N,
+  headingLevel: n = 1,
+  focusOnMount: S = !1,
+  privacy: c = !1,
+  className: v
+}) {
+  const { t: i } = q("ui"), P = G(N), a = k == null ? void 0 : k.trim(), r = p.filter(
+    (m) => m.status !== "past"
+  );
+  return /* @__PURE__ */ e(
+    J,
+    {
+      component: "portal-home",
+      title: a && !c ? /* @__PURE__ */ e(
+        j,
+        {
+          t: i,
+          ns: "ui",
+          i18nKey: "patientPortal.home.title",
+          values: { name: a },
+          components: { name: /* @__PURE__ */ e("bdi", {}) }
+        }
+      ) : i("patientPortal.home.titleNoName"),
+      headingLevel: n,
+      focusOnMount: S,
+      privacy: c,
+      className: v,
+      status: f,
+      loadingLabel: i("patientPortal.home.loading"),
+      errorLabel: i("patientPortal.home.error.title"),
+      children: f === "loading" ? /* @__PURE__ */ e(W, {}) : f === "error" ? /* @__PURE__ */ e(
+        F,
+        {
+          kind: "error",
+          title: i("patientPortal.home.error.title"),
+          body: i("patientPortal.home.error.body"),
+          headingLevel: n,
+          onRetry: g
+        }
+      ) : /* @__PURE__ */ l(L, { children: [
+        r.length === 0 ? /* @__PURE__ */ e(
+          F,
+          {
+            kind: "empty",
+            title: i("patientPortal.home.empty.title"),
+            body: i("patientPortal.home.empty.body"),
+            headingLevel: n
+          }
+        ) : /* @__PURE__ */ e(
+          $,
+          {
+            title: i("patientPortal.home.upcoming"),
+            headingLevel: n,
+            section: "upcoming",
+            children: /* @__PURE__ */ e(V, { children: r.map((m) => /* @__PURE__ */ e(
+              R,
+              {
+                appointment: m,
+                locale: P,
+                privacy: c,
+                children: m.checkInDue && m.status === "upcoming" ? /* @__PURE__ */ l("div", { className: "ds:flex ds:flex-wrap ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)] ds:rounded-[var(--radius-md)] ds:bg-[var(--primary-soft)] ds:p-[var(--spacing-md)]", children: [
+                  /* @__PURE__ */ e("p", { className: "type-body-sm ds:m-0 ds:text-[color:var(--primary-soft-foreground)]", children: i("patientPortal.home.checkInDue") }),
+                  o ? /* @__PURE__ */ e(
+                    C,
+                    {
+                      type: "button",
+                      intent: "primary",
+                      className: "ds:min-h-[var(--min-target-size)]",
+                      "data-action": "check-in",
+                      "aria-label": `${i("patientPortal.home.checkIn")}. ${i(
+                        "patientPortal.appointments.confirmWhen",
+                        {
+                          when: me(
+                            m.startIso,
+                            P,
+                            m.practice.timeZone
+                          ),
+                          practice: m.practice.name
+                        }
+                      )}`,
+                      onClick: () => o(m.id),
+                      children: i("patientPortal.home.checkIn")
+                    }
+                  ) : null
+                ] }) : null
+              },
+              m.id
+            )) })
+          }
+        ),
+        /* @__PURE__ */ e(
+          we,
+          {
+            practices: y,
+            headingLevel: n === 1 ? 2 : 3
+          }
+        )
+      ] })
+    }
+  );
+}
+function Je({
+  appointments: p = [],
+  status: y = "ready",
+  onRetry: k,
+  confirmingId: f,
+  defaultConfirmingId: g = null,
+  onConfirmingChange: o,
+  onCancelAppointment: N,
+  stepUp: n = null,
+  locale: S,
+  headingLevel: c = 1,
+  focusOnMount: v = !1,
+  privacy: i = !1,
+  className: P
+}) {
+  const { t: a } = q("ui"), r = G(S), [m, w] = ve({
+    value: f,
+    defaultValue: g,
+    onChange: o
+  }), x = m ?? null, u = x === null ? void 0 : p.find(
+    (t) => t.id === x && t.status === "upcoming"
+  ), b = u !== void 0 && !n, A = p.filter((t) => t.status === "upcoming"), B = p.filter((t) => t.status === "cancelled"), s = p.filter((t) => t.status === "past"), O = T(null), I = T(null);
+  x !== null && (I.current = x);
+  const d = (t) => {
+    var Y;
+    if (t === null) return;
+    const h = Array.from(
+      ((Y = O.current) == null ? void 0 : Y.querySelectorAll("[data-appointment-id]")) ?? []
+    ).find((le) => le.dataset.appointmentId === t);
+    if (!h) return;
+    (h.querySelector(
+      '[data-action="cancel-appointment"]'
+    ) ?? h).focus({ preventScroll: !0 });
+  }, z = T(/* @__PURE__ */ new Map()), [K, U] = ie("");
+  M(() => {
+    let t = null;
+    for (const h of p)
+      h.status === "cancelled" && z.current.get(h.id) === "upcoming" && (t = h.id);
+    z.current = new Map(p.map((h) => [h.id, h.status])), t !== null && (U(a("patientPortal.appointments.cancelledStatus")), d(t));
+  }, [p]);
+  const Q = T(!1);
+  M(() => {
+    const t = Q.current && !n;
+    Q.current = !!n, t && d(I.current);
+  }, [n]);
+  const X = (t) => _(
+    t.startIso,
+    r,
+    t.practice.timeZone
+  );
+  return /* @__PURE__ */ l(
+    J,
+    {
+      component: "portal-appointments",
+      title: a("patientPortal.appointments.title"),
+      headingLevel: c,
+      focusOnMount: v,
+      privacy: i,
+      className: P,
+      rootRef: O,
+      status: y,
+      loadingLabel: a("patientPortal.appointments.loading"),
+      errorLabel: a("patientPortal.appointments.error.title"),
+      message: K,
+      children: [
+        y === "loading" ? /* @__PURE__ */ e(W, {}) : y === "error" ? /* @__PURE__ */ e(
+          F,
+          {
+            kind: "error",
+            title: a("patientPortal.appointments.error.title"),
+            body: a("patientPortal.home.error.body"),
+            headingLevel: c,
+            onRetry: k
+          }
+        ) : p.length === 0 ? /* @__PURE__ */ e(
+          F,
+          {
+            kind: "empty",
+            title: a("patientPortal.appointments.empty.title"),
+            body: a("patientPortal.appointments.empty.body"),
+            headingLevel: c
+          }
+        ) : /* @__PURE__ */ l(L, { children: [
+          A.length > 0 ? /* @__PURE__ */ e(
+            $,
+            {
+              title: a("patientPortal.appointments.upcoming"),
+              headingLevel: c,
+              section: "upcoming",
+              children: /* @__PURE__ */ e(V, { children: A.map((t) => {
+                const h = Z(t.practice.phone);
+                return /* @__PURE__ */ e(
+                  R,
+                  {
+                    appointment: t,
+                    locale: r,
+                    privacy: i,
+                    children: t.insideCutOff ? /* @__PURE__ */ l(L, { children: [
+                      /* @__PURE__ */ e(E, { children: t.cutOffHours !== void 0 ? a("patientPortal.appointments.cutOff", {
+                        count: t.cutOffHours
+                      }) : a("patientPortal.appointments.cutOffNoHours") }),
+                      h ? /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
+                        C,
+                        {
+                          asChild: !0,
+                          intent: "secondary",
+                          className: "ds:min-h-[var(--min-target-size)]",
+                          startIcon: /* @__PURE__ */ e(oe, { "aria-hidden": "true" }),
+                          children: /* @__PURE__ */ e("a", { href: h, "data-action": "call-practice", children: /* @__PURE__ */ e(
+                            j,
+                            {
+                              t: a,
+                              ns: "ui",
+                              i18nKey: "patientPortal.appointments.call",
+                              values: {
+                                phone: t.practice.phoneDisplay ?? t.practice.phone ?? ""
+                              },
+                              components: { phone: /* @__PURE__ */ e("bdi", { dir: "ltr" }) }
+                            }
+                          ) })
+                        }
+                      ) }) : null
+                    ] }) : /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
+                      C,
+                      {
+                        type: "button",
+                        intent: "destructiveOutline",
+                        className: "ds:min-h-[var(--min-target-size)]",
+                        "data-action": "cancel-appointment",
+                        "aria-label": a(
+                          "patientPortal.appointments.cancelFor",
+                          {
+                            when: X(t),
+                            practice: t.practice.name
+                          }
+                        ),
+                        onClick: () => w(t.id),
+                        children: a("patientPortal.appointments.cancel")
+                      }
+                    ) })
+                  },
+                  t.id
+                );
+              }) })
+            }
+          ) : null,
+          B.length > 0 ? /* @__PURE__ */ e(
+            $,
+            {
+              title: a("patientPortal.appointments.cancelledHeading"),
+              headingLevel: c,
+              section: "cancelled",
+              children: /* @__PURE__ */ e(V, { children: B.map((t) => {
+                const h = t.practice.bookingUrl;
+                return /* @__PURE__ */ l(
+                  R,
+                  {
+                    appointment: t,
+                    locale: r,
+                    privacy: i,
+                    children: [
+                      /* @__PURE__ */ e(E, { children: a("patientPortal.appointments.cancelled") }),
+                      h && be(h) ? /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
+                        C,
+                        {
+                          asChild: !0,
+                          intent: "primary",
+                          className: "ds:min-h-[var(--min-target-size)]",
+                          children: /* @__PURE__ */ l(
+                            "a",
+                            {
+                              href: h,
+                              target: "_blank",
+                              rel: "noopener noreferrer",
+                              "data-action": "rebook",
+                              children: [
+                                a("patientPortal.appointments.rebook"),
+                                /* @__PURE__ */ l(ye, { children: [
+                                  " ",
+                                  a("patientPortal.appointments.rebookAt", {
+                                    practice: t.practice.name
+                                  }),
+                                  " ",
+                                  a("link.opensInNewTab")
+                                ] })
+                              ]
+                            }
+                          )
+                        }
+                      ) }) : null
+                    ]
+                  },
+                  t.id
+                );
+              }) })
+            }
+          ) : null,
+          s.length > 0 ? /* @__PURE__ */ e(
+            $,
+            {
+              title: a("patientPortal.appointments.past"),
+              headingLevel: c,
+              section: "past",
+              children: /* @__PURE__ */ e(V, { children: s.map((t) => /* @__PURE__ */ e(
+                R,
+                {
+                  appointment: t,
+                  locale: r,
+                  privacy: i
+                },
+                t.id
+              )) })
+            }
+          ) : null
+        ] }),
+        /* @__PURE__ */ e(
+          H.Root,
+          {
+            open: b,
+            onOpenChange: (t) => {
+              t || w(null);
+            },
+            children: /* @__PURE__ */ l(
+              H.Content,
+              {
+                size: "sm",
+                variant: "alert",
+                onCloseAutoFocus: (t) => {
+                  n || (t.preventDefault(), d(I.current));
+                },
+                children: [
+                  /* @__PURE__ */ l(H.Header, { children: [
+                    /* @__PURE__ */ e(H.Title, { children: a("patientPortal.appointments.confirmTitle") }),
+                    /* @__PURE__ */ l(H.Description, { children: [
+                      a("patientPortal.appointments.confirmBody"),
+                      u ? /* @__PURE__ */ l(L, { children: [
+                        " ",
+                        /* @__PURE__ */ e(
+                          j,
+                          {
+                            t: a,
+                            ns: "ui",
+                            i18nKey: "patientPortal.appointments.confirmWhenRich",
+                            values: {
+                              when: X(u),
+                              practice: u.practice.name
+                            },
+                            components: { practice: /* @__PURE__ */ e("bdi", {}) }
+                          }
+                        )
+                      ] }) : null
+                    ] })
+                  ] }),
+                  /* @__PURE__ */ e(H.Body, { children: /* @__PURE__ */ e("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: u ? /* @__PURE__ */ e(
+                    R,
+                    {
+                      standalone: !0,
+                      appointment: u,
+                      locale: r,
+                      privacy: i
+                    }
+                  ) : null }) }),
+                  /* @__PURE__ */ l(H.Footer, { children: [
+                    /* @__PURE__ */ e(
+                      C,
+                      {
+                        type: "button",
+                        intent: "ghost",
+                        className: "ds:min-h-[var(--min-target-size)]",
+                        "data-action": "keep-appointment",
+                        onClick: () => w(null),
+                        children: a("patientPortal.appointments.keep")
+                      }
+                    ),
+                    /* @__PURE__ */ e(
+                      C,
+                      {
+                        type: "button",
+                        intent: "destructive",
+                        className: "ds:min-h-[var(--min-target-size)]",
+                        "data-action": "confirm-cancel",
+                        onClick: () => {
+                          u && N(u.id);
+                        },
+                        children: a("patientPortal.appointments.confirm")
+                      }
+                    )
+                  ] })
+                ]
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ e(
+          ne,
+          {
+            config: n,
+            privacy: i,
+            defaultSubject: u ? a("patientPortal.appointments.stepUp.cancelSubject", {
+              date: _(
+                u.startIso,
+                r,
+                u.practice.timeZone
+              )
+            }) : void 0
+          }
+        )
+      ]
+    }
+  );
+}
+function Qe({
+  documents: p = [],
+  status: y = "ready",
+  onRetry: k,
+  onOpenDocument: f,
+  onDownloadDocument: g,
+  openDocument: o = null,
+  onCloseDocument: N,
+  stepUp: n = null,
+  locale: S,
+  timeZone: c,
+  headingLevel: v = 1,
+  focusOnMount: i = !1,
+  privacy: P = !1,
+  className: a
+}) {
+  const { t: r } = q("ui"), m = G(S), w = te(), x = (s) => P ? ae() : s, u = T(null), b = T((o == null ? void 0 : o.id) ?? null), A = T(o !== null), B = (o == null ? void 0 : o.id) ?? null;
+  return M(() => {
+    var O, I, d, z;
+    const s = B !== null;
+    if (s !== A.current)
+      if (A.current = s, s)
+        b.current = B, (I = (O = u.current) == null ? void 0 : O.querySelector('[data-section="opened"] > :first-child')) == null || I.focus({ preventScroll: !0 });
+      else {
+        const K = Array.from(
+          ((d = u.current) == null ? void 0 : d.querySelectorAll("[data-document-id]")) ?? []
+        ).find((U) => U.dataset.documentId === b.current);
+        (z = K == null ? void 0 : K.querySelector('[data-action="open-document"]')) == null || z.focus({ preventScroll: !0 });
+      }
+  }, [B]), /* @__PURE__ */ l(
+    J,
+    {
+      component: "portal-documents",
+      title: r("patientPortal.documents.title"),
+      headingLevel: v,
+      focusOnMount: i,
+      privacy: P,
+      className: a,
+      rootRef: u,
+      message: o ? r("patientPortal.documents.opened", {
+        name: x(o.name),
+        interpolation: { escapeValue: !1 }
+      }).replace(/<\/?name>/g, "") : void 0,
+      status: y,
+      loadingLabel: r("patientPortal.documents.loading"),
+      errorLabel: r("patientPortal.documents.error.title"),
+      children: [
+        y === "loading" ? /* @__PURE__ */ e(W, {}) : y === "error" ? /* @__PURE__ */ e(
+          F,
+          {
+            kind: "error",
+            title: r("patientPortal.documents.error.title"),
+            body: r("patientPortal.home.error.body"),
+            headingLevel: v,
+            onRetry: k
+          }
+        ) : o ? /* @__PURE__ */ l(
+          $,
+          {
+            title: r("patientPortal.documents.section"),
+            headingLevel: v,
+            section: "opened",
+            children: [
+              /* @__PURE__ */ e(ee, { variant: "success", announce: "off", children: /* @__PURE__ */ e(ee.Description, { children: /* @__PURE__ */ e(
+                j,
+                {
+                  t: r,
+                  ns: "ui",
+                  i18nKey: "patientPortal.documents.opened",
+                  values: { name: x(o.name) },
+                  components: { name: /* @__PURE__ */ e("bdi", {}) }
+                }
+              ) }) }),
+              /* @__PURE__ */ e(
+                xe,
+                {
+                  name: o.name,
+                  mimeType: o.mimeType,
+                  src: o.src,
+                  metadata: { createdBy: o.practiceName },
+                  onClose: N,
+                  onDownload: g ? () => g(o.id) : void 0,
+                  privacy: P,
+                  locale: m
+                }
+              )
+            ]
+          }
+        ) : p.length === 0 ? /* @__PURE__ */ e(
+          F,
+          {
+            kind: "empty",
+            title: r("patientPortal.documents.empty.title"),
+            body: r("patientPortal.documents.empty.body"),
+            headingLevel: v
+          }
+        ) : /* @__PURE__ */ l(
+          $,
+          {
+            title: r("patientPortal.documents.section"),
+            headingLevel: v,
+            section: "shared",
+            children: [
+              /* @__PURE__ */ e(E, { children: r("patientPortal.documents.intro") }),
+              /* @__PURE__ */ e("ul", { className: "ds:m-0 ds:flex ds:list-none ds:flex-col ds:gap-[var(--spacing-sm)] ds:p-0", children: p.map((s) => /* @__PURE__ */ l(
+                "li",
+                {
+                  "data-document-id": s.id,
+                  className: "ds:flex ds:flex-wrap ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)] ds:rounded-[var(--radius-md)] ds:border ds:border-[color:var(--border)] ds:p-[var(--spacing-md)]",
+                  children: [
+                    /* @__PURE__ */ l("span", { className: "ds:flex ds:min-w-0 ds:items-start ds:gap-[var(--spacing-sm)]", children: [
+                      /* @__PURE__ */ e(
+                        re,
+                        {
+                          "aria-hidden": "true",
+                          className: "ds:size-5 ds:shrink-0 ds:text-[color:var(--muted-foreground)]"
+                        }
+                      ),
+                      /* @__PURE__ */ l("span", { className: "ds:flex ds:min-w-0 ds:flex-col ds:gap-[var(--spacing-2xs)]", children: [
+                        /* @__PURE__ */ e(
+                          "span",
+                          {
+                            dir: "auto",
+                            className: "type-title-item ds:min-w-0 ds:break-words",
+                            children: x(s.name)
+                          }
+                        ),
+                        /* @__PURE__ */ l(
+                          "span",
+                          {
+                            id: `${w}-${s.id}-meta`,
+                            className: "type-meta ds:flex ds:flex-wrap ds:gap-x-[var(--spacing-xs)] ds:text-[color:var(--muted-foreground)]",
+                            children: [
+                              /* @__PURE__ */ e("span", { dir: "auto", children: s.practiceName }),
+                              /* @__PURE__ */ e("span", { children: r("patientPortal.documents.sharedOn", {
+                                date: _(
+                                  s.sharedAt,
+                                  m,
+                                  c
+                                )
+                              }) })
+                            ]
+                          }
+                        )
+                      ] })
+                    ] }),
+                    /* @__PURE__ */ l("span", { className: "ds:flex ds:flex-wrap ds:gap-[var(--spacing-xs)]", children: [
+                      /* @__PURE__ */ e(
+                        C,
+                        {
+                          type: "button",
+                          intent: "secondary",
+                          className: "ds:min-h-[var(--min-target-size)]",
+                          "data-action": "open-document",
+                          "aria-describedby": P ? `${w}-${s.id}-meta` : void 0,
+                          "aria-label": P ? void 0 : r("patientPortal.documents.openLabel", {
+                            name: s.name
+                          }),
+                          onClick: () => f(s.id),
+                          children: r("patientPortal.documents.open")
+                        }
+                      ),
+                      g ? /* @__PURE__ */ e(
+                        C,
+                        {
+                          type: "button",
+                          intent: "outline",
+                          className: "ds:min-h-[var(--min-target-size)]",
+                          startIcon: /* @__PURE__ */ e(ke, { "aria-hidden": "true" }),
+                          "data-action": "download-document",
+                          "aria-describedby": P ? `${w}-${s.id}-meta` : void 0,
+                          "aria-label": P ? void 0 : r("patientPortal.documents.downloadLabel", {
+                            name: s.name
+                          }),
+                          onClick: () => g(s.id),
+                          children: r("patientPortal.documents.download")
+                        }
+                      ) : null
+                    ] })
+                  ]
+                },
+                s.id
+              )) })
+            ]
+          }
+        ),
+        /* @__PURE__ */ e(ne, { config: n, privacy: P })
+      ]
+    }
+  );
+}
+export {
+  Je as P,
+  Qe as a,
+  Ge as b,
+  we as c,
+  _e as d
+};
+//# sourceMappingURL=portal-documents-D8skew0h.js.map