@alfadocs/ui-kit 1.51.0 → 1.52.0

package/dist/_chunks/use-appointment-details-read-YsuJgYeB.js

@@ -0,0 +1,2198 @@
+import { jsx as e, jsxs as p, Fragment as Q } from "react/jsx-runtime";
+import { c as st } from "./index-D2ZczOXr.js";
+import { useId as Ye, useRef as M, forwardRef as Qt, useEffect as pe, useMemo as wt, useState as B, useCallback as Xt } from "react";
+import { useTranslation as $ } from "react-i18next";
+import { u as Jt } from "./registry-DvAUVLHh.js";
+import { u as te } from "./use-isomorphic-layout-effect-BGfaCOP1.js";
+import { c as Zt } from "./compose-refs-C0k0tdqF.js";
+import { h as Ue, g as Qe } from "./handled-rejection-6gqCf5vt.js";
+import { a as en, b as xt } from "./privacy-mask-noG15O9q.js";
+import { A as F } from "./alert-BhCstf2h.js";
+import { B as _ } from "./button-CYPx2xFq.js";
+import { I as Lt } from "./icon-button-JAXAkqWC.js";
+import { B as tn } from "./button-group-DnSR6eN6.js";
+import { D as _e } from "./dropdown-menu-B5mgV1kV.js";
+import { E as zt } from "./editable-description-Cy3AZ5K2.js";
+import { N as Xe } from "./note-timeline-CZUmobcn.js";
+import { P as _t } from "./panel-header-D_mTdhUp.js";
+import { P as Ge } from "./panel-subview-DAY-ToM3.js";
+import { P as Ot } from "./patient-summary-card-DF-Mxcma.js";
+import { S as ne } from "./section-card-XR2bW1Ie.js";
+import { C as nn, S as ue } from "./skeleton-B1KTdJ4N.js";
+import { T as an } from "./text-area-Cjtw7mna.js";
+import { T as sn } from "./tooltip-Cp-PLePW.js";
+import { T as Bt } from "./treatment-receipt-DF2Slh-x.js";
+import { a as Nt } from "./whatsapp-button-DV9JFmtq.js";
+import { a as Ft, W as on } from "./workflow-status-DDnsIrLt.js";
+import { u as ot, a as At, i as rn } from "./appointment-workflow-status-DrWCNLbB.js";
+import { E as dn } from "./empty-state-DActfjdn.js";
+import { T as Ae } from "./timeline-CVLjybJ3.js";
+import { C as rt } from "./calendar-clock-hbObjfGY.js";
+import { T as $t } from "./trash-2-uumy3fy1.js";
+import { A as Ve } from "./entity-card-D1Yrh9wf.js";
+import { C as ln } from "./calendar-plus-BFrIRE4r.js";
+import { P as me } from "./pencil-B1sKKyuT.js";
+import { C as Je } from "./clock-Drd4Wtis.js";
+import { c as Fe } from "./createLucideIcon-DhHxpK9K.js";
+import { A as cn } from "./arrow-right-KsIrLdt0.js";
+import { A as Ze } from "./avatar-DYtwj1-R.js";
+import { B as $e } from "./badge-hnBt8o7n.js";
+import { H as dt } from "./heart-pulse-BCppJyN2.js";
+import { G as un } from "./globe-sHBW1JN5.js";
+import { T as mn } from "./triangle-alert-CBnO6nq_.js";
+import { E as pn } from "./euro-Dsuz4ixO.js";
+import { V as lt } from "./video-BheNGvsu.js";
+import { R as Ht } from "./repeat-CvQa5rZt.js";
+import { C as hn } from "./counter-WsvRuum1.js";
+import { D as Oe } from "./description-list-9rchqp5q.js";
+import { T as St } from "./timestamp-DPLDWdxA.js";
+import { T as fn } from "./transaction-chip-CohY6sTA.js";
+import { H as he } from "./hover-card-DEMPFs9M.js";
+import { S as gn } from "./smartphone-C0rFF2if.js";
+import { P as vn } from "./phone-FceYcIFQ.js";
+import { M as yn } from "./mail-BqXVF2zH.js";
+import { M as bn } from "./map-pin-BaY37-Km.js";
+import { C as kn } from "./calendar-days-BGWklvE-.js";
+import { H as wn } from "./patient-field-row-dUF2cW2G.js";
+import { A as It } from "./armchair-BaLDW6Hz.js";
+import { B as xn } from "./building-2-D33bLCWL.js";
+import { N as Nn } from "./notebook-pen-CO7HoM-W.js";
+import { C as Wt } from "./clipboard-list-rSzfIYZB.js";
+import { C as An } from "./copy-vRpqqHtY.js";
+import { P as Sn } from "./plus-DzMQ_c6b.js";
+import { S as In } from "./square-check-big-dj0o8yA3.js";
+import { H as Tt } from "./history-CK2JaU2g.js";
+import { C as Tn } from "./chevron-down-DWE7GSq9.js";
+import { C as Dn } from "./camera-VSklPDCv.js";
+import { F as Cn } from "./file-BuG1VMAy.js";
+import { F as En } from "./file-text-5yv6r2ls.js";
+import { F as Rn } from "./folder-BghC8_S2.js";
+import { R as Pn } from "./receipt-euro-B1cLM_TN.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 Mn = [
+  ["path", { d: "M20 21v-8a2 2 0 0 0-2-2H6a2 2 0 0 0-2 2v8", key: "1w3rig" }],
+  ["path", { d: "M4 16s.5-1 2-1 2.5 2 4 2 2.5-2 4-2 2.5 2 4 2 2-1 2-1", key: "n2jgmb" }],
+  ["path", { d: "M2 21h20", key: "1nyx9w" }],
+  ["path", { d: "M7 8v3", key: "1qtyvj" }],
+  ["path", { d: "M12 8v3", key: "hwp4zt" }],
+  ["path", { d: "M17 8v3", key: "1i6e5u" }],
+  ["path", { d: "M7 4h.01", key: "1bh4kh" }],
+  ["path", { d: "M12 4h.01", key: "1ujb9j" }],
+  ["path", { d: "M17 4h.01", key: "1upcoc" }]
+], Ln = Fe("cake", Mn);
+/**
+ * @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 zn = [
+  ["path", { d: "M11 14h10", key: "1w8e9d" }],
+  ["path", { d: "M16 4h2a2 2 0 0 1 2 2v1.344", key: "1e62lh" }],
+  ["path", { d: "m17 18 4-4-4-4", key: "z2g111" }],
+  ["path", { d: "M8 4H6a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h12a2 2 0 0 0 1.793-1.113", key: "bjbb7m" }],
+  ["rect", { x: "8", y: "2", width: "8", height: "4", rx: "1", key: "ublpy" }]
+], Dt = Fe("clipboard-paste", zn);
+/**
+ * @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 _n = [
+  ["path", { d: "M16 10h2", key: "8sgtl7" }],
+  ["path", { d: "M16 14h2", key: "epxaof" }],
+  ["path", { d: "M6.17 15a3 3 0 0 1 5.66 0", key: "n6f512" }],
+  ["circle", { cx: "9", cy: "11", r: "2", key: "yxgjnd" }],
+  ["rect", { x: "2", y: "5", width: "20", height: "14", rx: "2", key: "qneu4z" }]
+], On = Fe("id-card", _n);
+/**
+ * @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 Bn = [
+  ["path", { d: "M12 2v20", key: "t6zp3m" }],
+  ["path", { d: "m15 19-3 3-3-3", key: "11eu04" }],
+  ["path", { d: "m19 9 3 3-3 3", key: "1mg7y2" }],
+  ["path", { d: "M2 12h20", key: "9i4pu4" }],
+  ["path", { d: "m5 9-3 3 3 3", key: "j64kie" }],
+  ["path", { d: "m9 5 3-3 3 3", key: "l8vdw6" }]
+], et = Fe("move", Bn), Fn = '[data-component="button-group"] [data-component="icon-button"][aria-haspopup="menu"]', $n = {
+  id: "appointment-details-panel",
+  // open and close back open_history and close_history; set_value backs
+  // set_status.
+  capabilities: ["open", "close", "set_value"],
+  state: {
+    eventId: {
+      type: "string | null",
+      descriptionKey: "ui.agent.appointmentDetailsPanel.state.eventId",
+      description: "The occurrence on screen or being read, as the host identifies it. After a failed or refused read, the occurrence it was for when the host says so. Null when there is none, or the host did not say.",
+      read: (t) => t.getEventId()
+    },
+    loadStatus: {
+      type: "'loading' | 'ready' | 'error' | 'refused'",
+      descriptionKey: "ui.agent.appointmentDetailsPanel.state.loadStatus",
+      description: "Where the read is: loading, ready, failed (with Retry) or refused. Actions need ready.",
+      read: (t) => t.getLoadStatus()
+    },
+    appointmentStatus: {
+      type: "'confirmed' | 'waiting' | 'in_care' | 'done' | 'cancelled' | 'absent' | null",
+      descriptionKey: "ui.agent.appointmentDetailsPanel.state.appointmentStatus",
+      description: "The appointment status as last saved here or read. Null when none is recorded or nothing is on screen.",
+      read: (t) => t.getAppointmentStatus()
+    },
+    allowedStatuses: {
+      type: "string[]",
+      descriptionKey: "ui.agent.appointmentDetailsPanel.state.allowedStatuses",
+      description: "The statuses set_status accepts now, in menu order. Empty when the status is read-only.",
+      read: (t) => t.getAllowedStatuses()
+    },
+    offeredActions: {
+      type: "string[]",
+      descriptionKey: "ui.agent.appointmentDetailsPanel.state.offeredActions",
+      description: "The footer actions on offer, as their data-action values (for example edit-appointment, delete-appointment), in footer order, including any folded into More.",
+      read: (t) => t.getOfferedActions()
+    },
+    historyOpen: {
+      type: "boolean",
+      descriptionKey: "ui.agent.appointmentDetailsPanel.state.historyOpen",
+      description: "Whether the History sub-view covers the details.",
+      read: (t) => t.isHistoryOpen()
+    },
+    privacy: {
+      type: "boolean",
+      descriptionKey: "ui.agent.appointmentDetailsPanel.state.privacy",
+      description: "Whether privacy mode is on. The patient identity and personal fields are then masked on screen.",
+      read: (t) => t.isPrivacy()
+    }
+  },
+  actions: {
+    open_history: {
+      safety: "read",
+      openWorld: !0,
+      idempotent: !0,
+      errors: ["No appointment is on screen, or History is not offered."],
+      descriptionKey: "ui.agent.appointmentDetailsPanel.actions.openHistory",
+      description: "Slide the appointment's history over the details, as its header button does; the host reads it then if it did not send it with the details. It lists who changed what, and when.",
+      invoke: (t) => t.openHistory()
+    },
+    close_history: {
+      safety: "read",
+      idempotent: !0,
+      descriptionKey: "ui.agent.appointmentDetailsPanel.actions.closeHistory",
+      description: "Return from History to the details.",
+      invoke: (t) => t.closeHistory()
+    },
+    set_status: {
+      safety: "phi",
+      openWorld: !0,
+      idempotent: !0,
+      argsType: "{ status: string }",
+      argsSchema: {
+        type: "object",
+        properties: {
+          status: {
+            type: "string",
+            enum: [
+              "confirmed",
+              "waiting",
+              "in_care",
+              "done",
+              "cancelled",
+              "absent"
+            ]
+          }
+        },
+        required: ["status"]
+      },
+      errors: [
+        "The status is read-only: no appointment on screen, no host save, readOnly, or no allowed statuses.",
+        "The status is not in allowedStatuses.",
+        "A status save is already in flight.",
+        "The host refused the change. The previous status stays and the panel shows the message."
+      ],
+      examples: [{ args: { status: "waiting" } }],
+      descriptionKey: "ui.agent.appointmentDetailsPanel.actions.setStatus",
+      description: "Save a new appointment status through the host, as the footer control does. Resolves once the host has saved it.",
+      invoke: (t, n) => t.setAppointmentStatus(
+        n.status
+      )
+    },
+    retry: {
+      safety: "read",
+      openWorld: !0,
+      errors: [
+        "Retry is not offered: the read has not failed or been refused as retryable, or the host offers no Retry."
+      ],
+      descriptionKey: "ui.agent.appointmentDetailsPanel.actions.retry",
+      description: "Ask the host to read the appointment again, after a failed read or a refusal it marked retryable.",
+      invoke: (t) => t.retry()
+    }
+  },
+  domHooks: {
+    root: {
+      attr: "data-component",
+      value: "appointment-details-panel",
+      description: `Marks the panel. It also carries data-event-id and data-status. Inside, cards carry data-card (patient, appointment, notes, treatments), footer actions data-action, and the History and description sub-views data-details-subview. An action in offeredActions with no data-action in the footer strip is folded into More: click the panel's ${Fn}, and its menu item carries the same data-action.`
+    },
+    instanceId: {
+      attr: "data-component-id",
+      sourceProp: "id",
+      description: "Sourced from the id prop, or generated."
+    }
+  }
+};
+function tt(t) {
+  const n = document.activeElement;
+  n && n !== document.body || t == null || t.focus({ preventScroll: !0 });
+}
+function Se(t) {
+  const n = document.getElementById(t);
+  n && !n.hasAttribute("tabindex") && (n.tabIndex = -1), tt(n);
+}
+function nt(t) {
+  return typeof t == "string" && /^\d{4}-\d{2}-\d{2}$/.test(t) ? /* @__PURE__ */ new Date(`${t}T00:00:00`) : new Date(t);
+}
+function Be(t, n) {
+  try {
+    return new Intl.DateTimeFormat(t, {
+      weekday: "long",
+      day: "numeric",
+      month: "long",
+      year: "numeric"
+    }).format(nt(n));
+  } catch {
+    return "";
+  }
+}
+function Hn(t, n, o) {
+  const r = new Date(n), i = o ? new Date(o) : r;
+  try {
+    const s = new Intl.DateTimeFormat(t, {
+      hour: "2-digit",
+      minute: "2-digit",
+      hour12: !1
+    });
+    return typeof s.formatRange == "function" ? s.formatRange(r, i) : `${s.format(r)} – ${s.format(i)}`;
+  } catch {
+    return "";
+  }
+}
+const at = {
+  weekday: "short",
+  day: "numeric",
+  month: "short",
+  hour: "2-digit",
+  minute: "2-digit"
+};
+function Wn(t, n) {
+  const o = nt(t), r = nt(n);
+  let i = r.getFullYear() - o.getFullYear();
+  const s = r.getMonth() - o.getMonth();
+  return (s < 0 || s === 0 && r.getDate() < o.getDate()) && (i -= 1), Math.max(0, i);
+}
+const jn = /^(\d{4})-(\d{2})-(\d{2})T(\d{2}):(\d{2}):(\d{2})$/;
+function qn(t) {
+  const n = typeof t == "string" ? jn.exec(t) : null;
+  if (!n) return;
+  const [o, r, i, s, l, b] = n.slice(1).map(Number), d = /* @__PURE__ */ new Date(0);
+  if (d.setFullYear(o, r, 0), r < 1 || r > 12 || i < 1 || i > d.getDate() || s > 23 || l > 59 || b > 59)
+    return;
+  const f = /* @__PURE__ */ new Date(0);
+  return f.setFullYear(o, r - 1, i), f.setHours(s, l, b, 0), f;
+}
+function Kn(t) {
+  return t.map((n) => {
+    const o = Date.parse(n.atIso);
+    return { entry: n, time: Number.isFinite(o) ? o : -1 / 0 };
+  }).sort((n, o) => n.time === o.time ? 0 : o.time - n.time).map(({ entry: n }) => n);
+}
+const Un = {
+  daily: "recurrenceDaily",
+  weekly: "recurrenceWeekly",
+  monthly: "recurrenceMonthly",
+  quarterly: "recurrenceQuarterly",
+  semiannual: "recurrenceSemiannual",
+  yearly: "recurrenceYearly"
+};
+function Gn(t) {
+  return t.phones ? t.phones : t.phone ? [{ label: "mobile", number: t.phone }] : [];
+}
+function jt(t) {
+  return [t.address, t.postalCode, t.city].filter((n) => !!n).join(", ");
+}
+function Vn(t) {
+  return [t.address, t.city].filter((n) => !!n).join(", ");
+}
+function Yn(t) {
+  const n = jt(t);
+  return `https://www.google.com/maps/search/?api=1&query=${encodeURIComponent(n)}`;
+}
+const R = (t) => `calendarWorkspace.details.${t}`, Qn = /* @__PURE__ */ new Set(["patient", "care"]), Ct = /^#?(?:[0-9a-f]{3}|[0-9a-f]{6}|[0-9a-f]{8})$/i, Xn = (t) => {
+  switch (t.field) {
+    case "time":
+      return !!(t.fromIso || t.toIso);
+    case "duration":
+      return t.fromMin !== void 0 || t.toMin !== void 0;
+    default:
+      return !!(t.from || t.to);
+  }
+};
+function Jn(t) {
+  const n = t.kind === "moved" ? [{ field: "time", fromIso: t.fromIso, toIso: t.toIso }] : t.kind === "resized" ? [{ field: "duration", fromMin: t.fromMin, toMin: t.toMin }] : t.kind === "status" ? [{ field: "status", from: t.from, to: t.to }] : [], o = ("changes" in t ? t.changes ?? [] : []).filter(
+    Xn
+  ), r = new Set(n.map((i) => i.field));
+  return [
+    ...n,
+    ...o.filter((i) => r.has(i.field) ? !1 : (r.add(i.field), !0))
+  ];
+}
+const Zn = (t, n) => t.getFullYear() === n.getFullYear() && t.getMonth() === n.getMonth() && t.getDate() === n.getDate();
+function ea({
+  history: t,
+  locale: n,
+  noteUnrecordedEdits: o = !1,
+  privacy: r = !1
+}) {
+  const { t: i, i18n: s } = $("ui"), { optionFor: l } = ot(null), b = n ?? s.language, d = (a, u) => {
+    try {
+      return new Intl.DateTimeFormat(b, u).format(
+        new Date(a)
+      );
+    } catch {
+      return a;
+    }
+  }, f = (a) => d(a, at), c = i(R("history.notSet")), C = (a) => {
+    switch (a.field) {
+      case "status":
+        return {
+          from: a.from && l(a.from).label,
+          to: a.to && l(a.to).label
+        };
+      case "time": {
+        const u = a.fromIso && new Date(a.fromIso), k = a.toIso && new Date(a.toIso), h = u && k && Zn(u, k) ? d(a.toIso, {
+          hour: "2-digit",
+          minute: "2-digit"
+        }) : void 0;
+        return {
+          from: a.fromIso && f(a.fromIso),
+          to: h ?? (a.toIso && f(a.toIso))
+        };
+      }
+      case "duration":
+        return {
+          from: a.fromMin === void 0 ? void 0 : i(R("history.minutes"), { n: a.fromMin }),
+          to: a.toMin === void 0 ? void 0 : i(R("history.minutes"), { n: a.toMin })
+        };
+      default:
+        return { from: a.from || void 0, to: a.to || void 0 };
+    }
+  }, E = (a) => {
+    const u = i(R(`history.fields.${a.field}`)), { from: k, to: h } = C(a);
+    return a.field === "colour" && [k, h].some((N) => N && Ct.test(N)) ? i(R("history.changed.colour")) : k && !h ? i(R("history.changeCleared"), { field: u, from: k }) : !k && h ? i(R("history.changeSet"), { field: u, to: h }) : i(R("history.changeFromTo"), {
+      field: u,
+      from: k ?? c,
+      to: h ?? c
+    });
+  }, g = (a) => {
+    const u = (A, S) => A && a.field === "colour" && Ct.test(A) ? /* @__PURE__ */ e(
+      "span",
+      {
+        className: "ds:inline-block ds:size-4 ds:shrink-0 ds:rounded-[var(--radius-full)] ds:border ds:border-[color:var(--border)] ds:[background-color:var(--history-swatch)] ds:forced-colors:[forced-color-adjust:none]",
+        style: {
+          "--history-swatch": A.startsWith("#") ? A : `#${A}`
+        }
+      }
+    ) : A ? /* @__PURE__ */ e(
+      "span",
+      {
+        className: S ? "ds:min-w-0 ds:font-[var(--font-weight-medium)] ds:text-[color:var(--foreground)]" : "ds:min-w-0 ds:text-[color:var(--muted-foreground)]",
+        children: A
+      }
+    ) : /* @__PURE__ */ e("span", { className: "ds:min-w-0 ds:text-[color:var(--muted-foreground)]", children: c }), k = (A) => A ? /* @__PURE__ */ e(
+      Ft,
+      {
+        value: A,
+        option: l(A),
+        size: "sm"
+      }
+    ) : u(void 0, !1), { from: h, to: N } = C(a);
+    return /* @__PURE__ */ p("div", { className: "ds:min-w-0", "data-history-change": a.field, children: [
+      /* @__PURE__ */ e("span", { className: "ds:sr-only", children: E(a) }),
+      /* @__PURE__ */ p(
+        "div",
+        {
+          "aria-hidden": "true",
+          className: "ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-xs)]",
+          children: [
+            a.field === "status" ? k(a.from) : u(h, !1),
+            /* @__PURE__ */ e(
+              cn,
+              {
+                className: "ds:size-4 ds:shrink-0 ds:text-[color:var(--muted-foreground)] ds:rtl:rotate-180",
+                "aria-hidden": "true"
+              }
+            ),
+            a.field === "status" ? k(a.to) : u(N, !0)
+          ]
+        }
+      )
+    ] });
+  }, P = (a) => {
+    switch (a.kind) {
+      case "created":
+        return {
+          title: i(R("history.created")),
+          type: "success",
+          icon: /* @__PURE__ */ e(ln, { size: 16, "aria-hidden": "true" })
+        };
+      case "confirmedByPatient": {
+        const y = Ve.confirmed.Icon;
+        return {
+          title: i(R("history.confirmedByPatient")),
+          type: "success",
+          icon: /* @__PURE__ */ e(y, { size: 16, "aria-hidden": "true" })
+        };
+      }
+      case "deleted":
+        return {
+          title: i(R("history.deleted")),
+          type: "error",
+          icon: /* @__PURE__ */ e($t, { size: 16, "aria-hidden": "true" })
+        };
+    }
+    const u = Jn(a), k = r ? u.filter((y) => !Qn.has(y.field)) : u, h = new Set(k.map((y) => y.field)), N = [
+      ...a.kind === "edited" ? a.fields : [],
+      ...u.filter((y) => !h.has(y.field)).map((y) => y.field)
+    ].filter(
+      (y, v, L) => y !== "status" && !h.has(y) && L.indexOf(y) === v
+    ), A = N.length > 0 ? i(R("history.editedDetail"), {
+      fields: N.map((y) => i(R(`history.fields.${y}`))).join(", ")
+    }) : void 0, [S] = k;
+    if (k.length === 1 && S && !A)
+      switch (S.field) {
+        case "status": {
+          const { to: y } = S, v = y ? Ve[y].Icon : me;
+          return {
+            title: i(R("history.status")),
+            type: y === "cancelled" || y === "absent" ? "warning" : "neutral",
+            icon: /* @__PURE__ */ e(v, { size: 16, "aria-hidden": "true" }),
+            detail: g(S)
+          };
+        }
+        case "time":
+          return {
+            title: i(R("history.moved")),
+            type: "info",
+            icon: /* @__PURE__ */ e(et, { size: 16, "aria-hidden": "true" }),
+            detail: g(S)
+          };
+        case "duration":
+          return {
+            title: i(R("history.resized")),
+            type: "info",
+            icon: /* @__PURE__ */ e(Je, { size: 16, "aria-hidden": "true" }),
+            detail: g(S)
+          };
+        default:
+          return {
+            title: i(R(`history.changed.${S.field}`)),
+            type: "neutral",
+            icon: /* @__PURE__ */ e(me, { size: 16, "aria-hidden": "true" }),
+            detail: g(S)
+          };
+      }
+    if (k.length > 0) {
+      const y = a.kind === "moved" ? {
+        title: "history.moved",
+        icon: /* @__PURE__ */ e(et, { size: 16, "aria-hidden": "true" })
+      } : a.kind === "resized" ? {
+        title: "history.resized",
+        icon: /* @__PURE__ */ e(Je, { size: 16, "aria-hidden": "true" })
+      } : a.kind === "status" ? {
+        title: "history.status",
+        icon: (() => {
+          const v = Ve[a.to].Icon;
+          return /* @__PURE__ */ e(v, { size: 16, "aria-hidden": "true" });
+        })()
+      } : {
+        title: "history.edited",
+        icon: /* @__PURE__ */ e(me, { size: 16, "aria-hidden": "true" })
+      };
+      return {
+        title: i(R(y.title)),
+        type: a.kind === "moved" || a.kind === "resized" ? "info" : a.kind === "status" && (a.to === "cancelled" || a.to === "absent") ? "warning" : "neutral",
+        icon: y.icon,
+        detail: /* @__PURE__ */ p("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]", children: [
+          /* @__PURE__ */ e(
+            "dl",
+            {
+              "aria-label": i(R("history.changesLabel")),
+              className: "ds:m-0 ds:grid ds:grid-cols-[auto_minmax(0,1fr)] ds:items-baseline ds:gap-x-[var(--spacing-sm)] ds:gap-y-[var(--spacing-xs)]",
+              children: k.map((v) => /* @__PURE__ */ p("div", { className: "ds:contents", children: [
+                /* @__PURE__ */ e("dt", { className: "type-label ds:text-[color:var(--muted-foreground)]", children: i(R(`history.fields.${v.field}`)) }),
+                /* @__PURE__ */ e("dd", { className: "ds:m-0 ds:min-w-0", children: g(v) })
+              ] }, v.field))
+            }
+          ),
+          A ? /* @__PURE__ */ e("p", { className: "ds:m-0", children: A }) : null
+        ] })
+      };
+    }
+    return {
+      title: i(R("history.edited")),
+      type: "neutral",
+      icon: /* @__PURE__ */ e(me, { size: 16, "aria-hidden": "true" }),
+      detail: A || (o ? /* @__PURE__ */ e("span", { className: "ds:text-[color:var(--muted-foreground)]", children: i(R("history.notRecorded")) }) : void 0)
+    };
+  };
+  return t.length === 0 ? /* @__PURE__ */ e(
+    dn,
+    {
+      variant: "first-use",
+      size: "sm",
+      title: i(R("historyEmpty"))
+    }
+  ) : /* @__PURE__ */ e(Ae, { order: "newest-first", "aria-label": i(R("historyTitle")), children: Kn(t).map((a) => {
+    const u = P(a);
+    return /* @__PURE__ */ p(
+      Ae.Event,
+      {
+        eventId: a.id,
+        type: u.type,
+        className: "ds:[column-gap:var(--spacing-sm)] ds:[padding-block-end:var(--spacing-lg)] ds:before:bg-[var(--primary)]",
+        children: [
+          /* @__PURE__ */ e(Ae.Dot, { icon: u.icon }),
+          /* @__PURE__ */ e(
+            Ae.Content,
+            {
+              title: u.title,
+              description: u.detail,
+              className: "ds:[padding-block-end:0] ds:[&>[data-component=card]]:border-[color:var(--card-border)] ds:[&>[data-component=card]]:shadow-[var(--shadow-card)]",
+              actor: a.actor.trim() ? { name: a.actor } : void 0,
+              children: /* @__PURE__ */ p("span", { className: "ds:mt-[var(--spacing-sm)] ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]", children: [
+                /* @__PURE__ */ e(
+                  rt,
+                  {
+                    "aria-hidden": "true",
+                    className: "ds:size-4 ds:shrink-0 ds:text-[color:var(--muted-foreground)]"
+                  }
+                ),
+                /* @__PURE__ */ e(
+                  Ae.Timestamp,
+                  {
+                    date: a.atIso,
+                    relative: !1,
+                    locale: b
+                  }
+                )
+              ] })
+            }
+          )
+        ]
+      },
+      a.id
+    );
+  }) });
+}
+const ta = {
+  confirmed: "success",
+  waiting: "info",
+  in_care: "accentSoft",
+  done: "success",
+  cancelled: "error",
+  absent: "warning"
+};
+function na({ event: t }) {
+  const { t: n } = $("ui"), o = (i) => `calendarWorkspace.details.indicators.${i}`, r = [];
+  return t.isBookedOnline && r.push({
+    id: "online",
+    icon: /* @__PURE__ */ e(un, { "aria-hidden": "true" }),
+    label: n(o("bookedOnline")),
+    variant: "info"
+  }), t.hasUnassignedPatient && r.push({
+    id: "unassigned",
+    icon: /* @__PURE__ */ e(mn, { "aria-hidden": "true" }),
+    label: n(o("unassignedPatient")),
+    variant: "warning"
+  }), t.hasHighlightedAnamnesis && r.push({
+    id: "anamnesis",
+    icon: /* @__PURE__ */ e(dt, { "aria-hidden": "true" }),
+    label: n(o("anamnesis")),
+    variant: "accentSoft"
+  }), t.hasBillableAmount && r.push({
+    id: "billable",
+    icon: /* @__PURE__ */ e(pn, { "aria-hidden": "true" }),
+    label: n(o("billable")),
+    variant: "warning"
+  }), t.isTelehealth && r.push({
+    id: "telehealth",
+    icon: /* @__PURE__ */ e(lt, { "aria-hidden": "true" }),
+    label: n(o("telehealth")),
+    variant: "info"
+  }), t.isRecurring && r.push({
+    id: "recurring",
+    icon: /* @__PURE__ */ e(Ht, { "aria-hidden": "true" }),
+    label: n(o("recurring")),
+    variant: "info"
+  }), r.length === 0 ? null : /* @__PURE__ */ e("span", { className: "ds:flex ds:flex-wrap ds:gap-[var(--spacing-2xs)]", children: r.map((i) => /* @__PURE__ */ e(
+    $e,
+    {
+      variant: i.variant,
+      size: "sm",
+      leading: i.icon,
+      children: i.label
+    },
+    i.id
+  )) });
+}
+function aa({
+  name: t,
+  avatarSrc: n,
+  unresolved: o = !1,
+  status: r,
+  flags: i,
+  age: s,
+  onOpenPatient: l,
+  highlightedAnamnesisCount: b = 0,
+  expiredAnamnesisCount: d = 0,
+  anamnesisAnswers: f = [],
+  locale: c
+}) {
+  const { t: C, i18n: E } = $("ui"), g = (h) => `calendarWorkspace.details.${h}`, { optionFor: P } = ot(r), a = r ? P(r) : void 0, u = b, k = d;
+  return /* @__PURE__ */ p("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)] ds:p-[var(--spacing-md)] ds:pb-0", children: [
+    /* @__PURE__ */ p("div", { className: "ds:flex ds:items-center ds:gap-[var(--spacing-sm)]", children: [
+      /* @__PURE__ */ e(Ze, { name: t, src: n }),
+      /* @__PURE__ */ p("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-2xs)] ds:[min-inline-size:0]", children: [
+        /* @__PURE__ */ p("span", { className: "ds:flex ds:flex-wrap ds:items-baseline ds:gap-[var(--spacing-2xs)] ds:text-start", children: [
+          l ? /* @__PURE__ */ e(_, { size: "sm", intent: "link", onClick: () => l(), children: t }) : /* @__PURE__ */ e("span", { className: "ds:font-[var(--font-weight-semibold)] ds:truncate", children: t }),
+          s !== void 0 ? /* @__PURE__ */ e("span", { className: "type-body-sm ds:text-[color:var(--muted-foreground)]", children: C(g("patientAge"), { n: s }) }) : null
+        ] }),
+        o ? /* @__PURE__ */ e("span", { className: "type-body-sm ds:text-start ds:text-[color:var(--muted-foreground)]", children: C(g("patientNotLoaded")) }) : null,
+        r && a ? /* @__PURE__ */ e("span", { children: /* @__PURE__ */ e(
+          $e,
+          {
+            variant: ta[r],
+            size: "sm",
+            leading: a.icon,
+            children: a.label
+          }
+        ) }) : null,
+        /* @__PURE__ */ e(na, { event: i })
+      ] })
+    ] }),
+    u + k > 0 ? /* @__PURE__ */ p(
+      F,
+      {
+        variant: "warning",
+        announce: "off",
+        icon: /* @__PURE__ */ e(dt, { "aria-hidden": "true" }),
+        children: [
+          /* @__PURE__ */ e(F.Title, { as: "p", children: C(g("anamnesisTitle")) }),
+          /* @__PURE__ */ e(F.Description, { children: [
+            u > 0 ? C(g("anamnesisHighlighted"), { n: u }) : null,
+            k > 0 ? C(g("anamnesisExpired"), { n: k }) : null
+          ].filter((h) => h !== null).join(" · ") }),
+          f.length > 0 ? (
+            /* Question · yes or no · answer · interview date, as the
+               platform's details dialog lists them. A list, not a
+               Description, which renders a <p>. */
+            /* @__PURE__ */ e("ul", { className: "type-body-sm ds:m-0 ds:mt-[var(--spacing-xs)] ds:flex ds:list-none ds:flex-col ds:gap-[var(--spacing-2xs)] ds:p-0", children: f.map((h) => /* @__PURE__ */ p("li", { className: "ds:text-start", children: [
+              /* @__PURE__ */ e("span", { className: "ds:font-[var(--font-weight-semibold)]", children: h.question }),
+              ` · ${C(g(h.yes ? "anamnesisYes" : "anamnesisNo"))}`,
+              h.answer ? ` · ${h.answer}` : "",
+              ` · ${Be(c ?? E.language, h.interviewIso)}`
+            ] }, h.question)) })
+          ) : null
+        ]
+      }
+    ) : null
+  ] });
+}
+function it({
+  eyebrow: t,
+  heading: n,
+  facts: o
+}) {
+  return /* @__PURE__ */ p(Q, { children: [
+    /* @__PURE__ */ e(he.Eyebrow, { children: t }),
+    /* @__PURE__ */ e(he.Heading, { children: n }),
+    o && o.length > 0 ? /* @__PURE__ */ e(he.Body, { children: /* @__PURE__ */ e("ul", { className: "ds:m-0 ds:flex ds:list-none ds:flex-col ds:gap-[var(--spacing-2xs)] ds:p-0 type-body-sm", children: o.map((r, i) => /* @__PURE__ */ e(
+      "li",
+      {
+        className: r.muted ? "ds:text-[color:var(--muted-foreground)]" : void 0,
+        children: r.text
+      },
+      i
+    )) }) }) : null
+  ] });
+}
+const ia = "ds:inline-flex ds:cursor-pointer ds:rounded-[var(--radius-full)] ds:p-0 ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid ds:focus-visible:outline-[color:var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]";
+function Et({
+  id: t,
+  eyebrow: n,
+  heading: o,
+  facts: r,
+  children: i
+}) {
+  return /* @__PURE__ */ p(he, { children: [
+    /* @__PURE__ */ e(he.Trigger, { asChild: !0, children: /* @__PURE__ */ e("button", { type: "button", "data-chip-hover": t, className: ia, children: i }) }),
+    /* @__PURE__ */ e(he.Content, { side: "bottom", align: "start", size: "sm", children: /* @__PURE__ */ e(it, { eyebrow: n, heading: o, facts: r }) })
+  ] });
+}
+const m = (t) => `calendarWorkspace.details.${t}`, sa = "type-body-sm ds:text-[color:var(--muted-foreground)]", qt = (t) => /* @__PURE__ */ e("a", { href: `tel:${t.replace(/\s/g, "")}`, dir: "ltr", children: t }), Kt = (t) => /* @__PURE__ */ e("a", { href: `mailto:${t}`, dir: "ltr", children: t }), Ut = (t, n, o) => new Intl.NumberFormat(t, { style: "currency", currency: o }).format(n);
+function Rt({ rows: t }) {
+  const n = t.filter((o) => !!o);
+  return n.length === 0 ? null : /* @__PURE__ */ e(Oe, { layout: "inline", density: "compact", children: n.map((o) => /* @__PURE__ */ p(
+    Oe.Row,
+    {
+      "data-row": o.id,
+      icon: o.icon,
+      children: [
+        /* @__PURE__ */ e(Oe.Term, { children: o.label }),
+        /* @__PURE__ */ e(Oe.Detail, { children: o.value })
+      ]
+    },
+    o.id
+  )) });
+}
+function oa({
+  details: t,
+  locale: n,
+  currency: o,
+  now: r,
+  mapsLink: i = !1
+}) {
+  const { t: s } = $("ui"), { patient: l, signing: b, money: d, booking: f } = t;
+  if (!l) return null;
+  const c = b && b.required > 0 ? b : void 0, C = ((c == null ? void 0 : c.toComplete) ?? 0) > 0, E = c ? [
+    {
+      text: C ? c.requestedVia === "sms" ? s(m("signingRequestedSms")) : c.requestedVia === "email" ? s(m("signingRequestedEmail")) : s(m("signingNotRequested")) : s(m("signingAllSigned"))
+    },
+    ...c.aesSetUp ? [] : [{ text: s(m("aesMissing")), muted: !0 }]
+  ] : [], g = l.highlightedAnamnesisCount ?? 0, P = l.expiredAnamnesisCount ?? 0, a = (l.highlightedAnamnesisAnswers ?? []).map((v) => ({
+    text: [
+      v.question,
+      s(m(v.yes ? "anamnesisYes" : "anamnesisNo")),
+      v.answer,
+      Be(n, v.interviewIso)
+    ].filter(Boolean).join(" · ")
+  })), u = jt(l), k = Vn(l) || u, h = [
+    ...l.dobIso ? [
+      {
+        id: "dob",
+        label: s(m("dob")),
+        icon: /* @__PURE__ */ e(Ln, {}),
+        value: `${Be(n, l.dobIso)} ${s(
+          m("patientAge"),
+          {
+            n: Wn(l.dobIso, r)
+          }
+        )}`
+      }
+    ] : [],
+    ...Gn(l).map((v, L) => {
+      const K = v.label === "mobile" || v.label === "home" || v.label === "work";
+      return {
+        id: `phone-${L}`,
+        label: s(K ? `calendarWorkspace.print.phoneLabels.${v.label}` : m("phone")),
+        icon: v.label === "mobile" ? /* @__PURE__ */ e(gn, {}) : /* @__PURE__ */ e(vn, {}),
+        value: qt(v.number)
+      };
+    }),
+    ...l.email ? [
+      {
+        id: "email",
+        label: s(m("email")),
+        icon: /* @__PURE__ */ e(yn, {}),
+        value: Kt(l.email)
+      }
+    ] : [],
+    ...i ? [
+      {
+        id: "address",
+        label: s(m("address")),
+        icon: /* @__PURE__ */ e(bn, {}),
+        value: u ? /* @__PURE__ */ e(
+          "a",
+          {
+            href: Yn(l),
+            target: "_blank",
+            rel: "noopener noreferrer",
+            "aria-label": `${s(m("mapsLink"))}: ${k}`,
+            children: k
+          }
+        ) : /* @__PURE__ */ e("span", { className: sa, children: s(m("noAddress")) })
+      }
+    ] : []
+  ], N = (d == null ? void 0 : d.unpaidAmount) ?? 0, A = (d == null ? void 0 : d.billableAmount) ?? 0, S = (f == null ? void 0 : f.paidOnlineAmount) ?? 0, y = (v, L, K, ae, V, ie) => /* @__PURE__ */ e(
+    Et,
+    {
+      id: K,
+      eyebrow: s(m("hoverBilling")),
+      heading: s(m(ae), {
+        amount: Ut(n, L, o)
+      }),
+      facts: [{ text: s(m(V)) }],
+      children: /* @__PURE__ */ e(
+        fn,
+        {
+          "data-chip": K,
+          state: v,
+          amount: L,
+          currency: o,
+          locale: n,
+          size: "md",
+          showLabel: !0,
+          label: ie,
+          showIcon: !1
+        }
+      )
+    }
+  );
+  return /* @__PURE__ */ e(
+    Ot,
+    {
+      "data-card": "patient",
+      name: l.name,
+      avatarUrl: l.avatarSrc,
+      locale: n,
+      surface: "elevated",
+      density: "compact",
+      flags: {
+        unsignedDocumentsCount: (c == null ? void 0 : c.toComplete) ?? 0,
+        highlightedAnamnesisCount: g
+      },
+      flagHover: {
+        ...c ? {
+          unsignedDocuments: /* @__PURE__ */ e(
+            it,
+            {
+              eyebrow: s(m("sectionSigning")),
+              heading: c.toComplete === 1 ? s(m("signingToSignOne")) : s(m("signingToSignMany"), {
+                n: c.toComplete
+              }),
+              facts: E
+            }
+          )
+        } : {},
+        highlightedAnamnesis: /* @__PURE__ */ e(
+          it,
+          {
+            eyebrow: s(m("anamnesisTitle")),
+            heading: s(m("anamnesisHighlighted"), { n: g }),
+            facts: a
+          }
+        )
+      },
+      extraChips: N > 0 || A > 0 || S > 0 || P > 0 ? /* @__PURE__ */ p(Q, { children: [
+        /* @__PURE__ */ p("span", { className: "ds:inline-flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-xs)]", children: [
+          N > 0 ? y(
+            "debt",
+            N,
+            "unpaid",
+            "hoverUnpaidHeading",
+            "hoverUnpaidFact"
+          ) : null,
+          A > 0 ? y(
+            "to-invoice",
+            A,
+            "billable",
+            "hoverBillableHeading",
+            "hoverBillableFact"
+          ) : null,
+          S > 0 ? y(
+            "settled",
+            S,
+            "paidOnline",
+            "hoverPaidOnlineHeading",
+            "hoverPaidOnlineFact",
+            /* A deposit is settled money, but "Settled" hides where
+               it came from: the chip says what its hover card says. */
+            s(m("paidOnline"))
+          ) : null
+        ] }),
+        P > 0 ? /* @__PURE__ */ e(
+          Et,
+          {
+            id: "anamnesisExpired",
+            eyebrow: s(m("anamnesisTitle")),
+            heading: s(m("anamnesisExpired"), { n: P }),
+            facts: [{ text: s(m("hoverAnamnesisExpiredFact")) }],
+            children: /* @__PURE__ */ e(
+              $e,
+              {
+                "data-chip": "anamnesisExpired",
+                variant: "warning",
+                size: "md",
+                leading: /* @__PURE__ */ e(dt, {}),
+                children: s(m("anamnesisExpired"), { n: P })
+              }
+            )
+          }
+        ) : null
+      ] }) : void 0,
+      visibleFieldOrder: h.map((v) => v.id),
+      sections: h.length > 0 ? [{ id: "contact", heading: s(m("sectionPatient")), fields: h }] : void 0
+    }
+  );
+}
+function ra({
+  details: t,
+  locale: n,
+  currency: o,
+  operator: r,
+  chair: i,
+  description: s,
+  privacy: l = !1,
+  history: b
+}) {
+  const { t: d } = $("ui"), { appointment: f, booking: c, patient: C } = t, E = (v) => d(`calendarWorkspace.editor.${v}`), g = new Date(f.startIso), P = new Date(g.getTime() + f.durationMin * 6e4), a = Number.isFinite(g.getTime()), { recurrence: u } = f, k = u && Un[u.frequency], h = k ? d(`calendarWorkspace.editor.${k}`) : void 0, N = c ? [
+    c.bookedAtIso && {
+      id: "bookedAt",
+      label: d(m("bookedAt")),
+      value: /* @__PURE__ */ e(
+        St,
+        {
+          value: c.bookedAtIso,
+          format: "absolute",
+          shape: "bare",
+          locale: n,
+          absoluteFormat: at
+        }
+      )
+    },
+    c.typedName && {
+      id: "bookingName",
+      label: d(m("bookingName")),
+      value: c.typedName
+    },
+    c.phone && {
+      id: "bookingPhone",
+      label: d(m("bookingPhone")),
+      value: qt(c.phone)
+    },
+    c.email && {
+      id: "bookingEmail",
+      label: d(m("bookingEmail")),
+      value: Kt(c.email)
+    },
+    c.note && {
+      id: "bookingNote",
+      label: d(m("bookingNote")),
+      value: c.note
+    },
+    /* With a patient the amount is a chip on the patient card. */
+    !C && c.paidOnlineAmount !== void 0 && {
+      id: "paidOnline",
+      label: d(m("paidOnline")),
+      value: Ut(n, c.paidOnlineAmount, o)
+    }
+  ] : [], A = l ? N.filter((v) => v && v.id === "bookedAt") : N, S = A.some(Boolean), y = c || f.bookedOnline || b == null ? void 0 : b.filter(
+    (v) => v.kind === "created" && v.actor.trim() !== ""
+  ).sort((v, L) => Date.parse(v.atIso) - Date.parse(L.atIso))[0];
+  return /* @__PURE__ */ p(
+    ne,
+    {
+      "data-card": "appointment",
+      title: d(m("sectionAppointment")),
+      headingLevel: 3,
+      children: [
+        s,
+        /* @__PURE__ */ e(
+          Rt,
+          {
+            rows: [
+              a && {
+                id: "date",
+                label: E("date"),
+                icon: /* @__PURE__ */ e(kn, {}),
+                value: Be(n, g)
+              },
+              a && {
+                id: "time",
+                label: d(m("time")),
+                icon: /* @__PURE__ */ e(Je, {}),
+                value: f.allDay ? E("allDay") : Hn(n, g, P)
+              },
+              !f.allDay && {
+                id: "duration",
+                label: E("duration"),
+                icon: /* @__PURE__ */ e(wn, {}),
+                value: `${f.durationMin} ${E("durationUnit")}`
+              },
+              f.isTelehealth && {
+                id: "type",
+                label: E("type"),
+                icon: /* @__PURE__ */ e(lt, {}),
+                value: E("typeTelehealth")
+              },
+              r && {
+                id: "operator",
+                label: d(m("operator")),
+                /* A person, as on the grid: the avatar fills the icon slot. */
+                icon: /* @__PURE__ */ e(Ze, { name: r.name, src: r.avatarSrc, size: "xs" }),
+                value: r.name
+              },
+              i && {
+                id: "chair",
+                label: d(m("chair")),
+                icon: /* @__PURE__ */ e(It, {}),
+                value: /* @__PURE__ */ e($e, { variant: "neutral", size: "sm", leading: /* @__PURE__ */ e(It, {}), children: i.name })
+              },
+              f.branchLabel && {
+                id: "branch",
+                label: E("branch"),
+                icon: /* @__PURE__ */ e(xn, {}),
+                value: f.branchLabel
+              },
+              y && {
+                id: "createdBy",
+                label: d(m("createdBy")),
+                icon: /* @__PURE__ */ e(Ze, { name: y.actor, size: "xs" }),
+                value: /* @__PURE__ */ p("span", { className: "ds:inline-flex ds:flex-wrap ds:items-baseline ds:gap-x-[var(--spacing-xs)]", children: [
+                  /* @__PURE__ */ e("span", { children: y.actor }),
+                  " ",
+                  /* @__PURE__ */ e("span", { className: "ds:text-[color:var(--muted-foreground)]", children: /* @__PURE__ */ e(
+                    St,
+                    {
+                      value: y.atIso,
+                      format: "absolute",
+                      shape: "bare",
+                      locale: n,
+                      absoluteFormat: at
+                    }
+                  ) })
+                ] })
+              },
+              h && u && {
+                id: "series",
+                label: d(m("seriesLabel")),
+                icon: /* @__PURE__ */ e(Ht, {}),
+                value: u.count === void 0 ? h : d(m("seriesRule"), {
+                  frequency: h,
+                  count: u.count
+                })
+              }
+            ]
+          }
+        ),
+        S ? /* @__PURE__ */ p(
+          "div",
+          {
+            "data-block": "booking",
+            className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]",
+            children: [
+              /* @__PURE__ */ e("h4", { className: "ds:m-0 type-label ds:text-[color:var(--muted-foreground)]", children: d(m("sectionBooking")) }),
+              /* @__PURE__ */ e(Rt, { rows: A })
+            ]
+          }
+        ) : null
+      ]
+    }
+  );
+}
+function da({
+  details: t,
+  locale: n,
+  currency: o,
+  privacy: r = !1
+}) {
+  const { t: i } = $("ui"), { care: s } = t, l = r || s == null ? void 0 : s.plan;
+  return !s || !l && s.lines.length === 0 ? null : /* @__PURE__ */ p(
+    ne,
+    {
+      "data-card": "treatments",
+      title: i(m("sectionTreatments")),
+      headingLevel: 3,
+      children: [
+        l ? /* @__PURE__ */ p("span", { className: "ds:flex ds:items-center ds:gap-[var(--spacing-xs)] type-title-item", children: [
+          /* @__PURE__ */ e(
+            Wt,
+            {
+              "aria-hidden": "true",
+              className: "ds:size-4 ds:shrink-0 ds:text-[color:var(--muted-foreground)]"
+            }
+          ),
+          l.number ? i(m("planLine"), { number: l.number, name: l.name }) : l.name
+        ] }) : null,
+        s.lines.length > 0 ? /* @__PURE__ */ e(
+          Bt,
+          {
+            lines: s.lines.map(({ entryId: b, careId: d, ...f }) => ({
+              id: b,
+              ...f
+            })),
+            locale: n,
+            currency: o
+          }
+        ) : null
+      ]
+    }
+  );
+}
+const Pt = 3;
+function la({
+  preview: t,
+  onOpenNotes: n,
+  locale: o
+}) {
+  const { t: r } = $("ui"), i = Ye(), s = t.status ?? "ready", l = M(!1);
+  te(() => {
+    l.current && (s !== "loading" && (l.current = !1), Se(i));
+  }, [s, i]);
+  const b = t.total ?? (s === "ready" ? t.notes.length : null), d = Math.max(0, (b ?? 0) - Pt), f = d > 0 ? r(m("notesMore"), { n: d }) : r(m("notesPreviewOpen"));
+  return /* @__PURE__ */ p(
+    ne,
+    {
+      "data-card": "notes",
+      headingId: i,
+      headingLevel: 3,
+      title: b === null ? r("notesPanel.title") : r(m("notesPreviewTitle"), { count: b }),
+      headerAction: n && (b ?? 0) > 0 ? /* @__PURE__ */ p("span", { className: "ds:relative ds:inline-flex", children: [
+        /* @__PURE__ */ e(
+          Lt,
+          {
+            icon: /* @__PURE__ */ e(Nn, { "aria-hidden": "true" }),
+            intent: "outline",
+            size: "sm",
+            "data-action": "open-patient-notes",
+            "aria-label": f,
+            tooltip: f,
+            onClick: () => n()
+          }
+        ),
+        d > 0 ? (
+          /* Decorative: the button's name already says the count. */
+          /* @__PURE__ */ e(
+            hn,
+            {
+              variant: "outline",
+              size: "sm",
+              background: "surface",
+              count: d,
+              "aria-hidden": "true",
+              className: "ds:pointer-events-none ds:absolute ds:-top-[var(--spacing-2xs)] ds:-end-[var(--spacing-2xs)]"
+            }
+          )
+        ) : null
+      ] }) : void 0,
+      children: [
+        s === "error" ? /* @__PURE__ */ p(F, { variant: "error", children: [
+          /* @__PURE__ */ e(F.Description, { children: r("notesPanel.loadError") }),
+          t.onRetry ? /* @__PURE__ */ e(F.Action, { children: /* @__PURE__ */ e(
+            _,
+            {
+              intent: "secondary",
+              size: "sm",
+              onClick: () => {
+                var c;
+                l.current = !0, (c = t.onRetry) == null || c.call(t);
+              },
+              children: r("notesPanel.retry")
+            }
+          ) }) : null
+        ] }) : null,
+        t.notes.length === 0 && s === "loading" ? /* @__PURE__ */ p(Q, { children: [
+          /* @__PURE__ */ e("span", { role: "status", className: "ds:sr-only", children: r("notesPanel.loading") }),
+          /* @__PURE__ */ e(Xe, { notes: [], loading: !0, loadingRows: 2 })
+        ] }) : s !== "error" || t.notes.length > 0 ? (
+          /* A note click, or Enter or Space on it, goes straight to that note
+             in the Notes tool; the header button opens the tool at the top. */
+          /* @__PURE__ */ e(
+            Xe,
+            {
+              notes: t.notes,
+              maxItems: Pt,
+              locale: o,
+              "aria-labelledby": i,
+              onNoteActivate: n,
+              emptyState: /* @__PURE__ */ e("p", { className: "ds:m-0 type-body-sm ds:text-[color:var(--muted-foreground)]", children: r(m("notesPreviewEmpty")) })
+            }
+          )
+        ) : null
+      ]
+    }
+  );
+}
+const ca = st("ds:flex ds:h-full ds:min-h-0 ds:flex-col"), ua = st(
+  "ds:flex ds:shrink-0 ds:items-center ds:justify-end ds:gap-[var(--spacing-xs)] ds:border-t ds:border-[color:var(--border)] ds:p-[var(--spacing-sm)]"
+), ma = st(
+  "ds:shrink-0 ds:rounded-[var(--radius-md)] ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid ds:focus-visible:outline-ring ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]"
+), G = "ds:[.theme-accessible_&]:[min-block-size:var(--min-target-size)]", pa = "ds:[.theme-accessible_&>button]:[min-block-size:var(--min-target-size)]", ha = [
+  "ds:[.theme-accessible_&_button:has(svg.lucide-ellipsis)]:[min-block-size:var(--min-target-size)]",
+  "ds:[.theme-accessible_&_button:has(svg.lucide-ellipsis)]:[min-inline-size:var(--min-target-size)]"
+].join(" "), Gt = ["40%", "33%", "50%", "25%"], fa = [
+  "bill",
+  "folder",
+  "template",
+  "empty",
+  "identification",
+  "webcam"
+], ga = {
+  bill: /* @__PURE__ */ e(Pn, { "aria-hidden": "true" }),
+  folder: /* @__PURE__ */ e(Rn, { "aria-hidden": "true" }),
+  template: /* @__PURE__ */ e(En, { "aria-hidden": "true" }),
+  empty: /* @__PURE__ */ e(Cn, { "aria-hidden": "true" }),
+  identification: /* @__PURE__ */ e(On, { "aria-hidden": "true" }),
+  webcam: /* @__PURE__ */ e(Dn, { "aria-hidden": "true" })
+}, D = (t) => `calendarWorkspace.details.${t}`;
+function Mt({
+  children: t,
+  startIcon: n,
+  overflowItems: o,
+  "data-action": r,
+  intent: i,
+  background: s,
+  size: l,
+  hideLabel: b
+}) {
+  return /* @__PURE__ */ p(_e.Root, { children: [
+    /* @__PURE__ */ e(sn, { label: t, side: "top", children: /* @__PURE__ */ e(_e.Trigger, { asChild: !0, children: /* @__PURE__ */ e(
+      _,
+      {
+        intent: i,
+        background: s,
+        size: l,
+        "data-action": r,
+        className: G,
+        startIcon: n,
+        "aria-haspopup": "menu",
+        endIcon: /* @__PURE__ */ e(Tn, { "aria-hidden": "true" }),
+        children: b ? /* @__PURE__ */ e("span", { className: "ds:sr-only", children: t }) : t
+      }
+    ) }) }),
+    /* @__PURE__ */ e(_e.Content, { align: "end", children: o.map((d) => /* @__PURE__ */ e(
+      _e.Item,
+      {
+        "data-action": d.action,
+        startIcon: d.icon,
+        onSelect: d.onSelect,
+        children: d.label
+      },
+      d.label
+    )) })
+  ] });
+}
+function va() {
+  const { t } = $("ui");
+  return /* @__PURE__ */ p(Q, { children: [
+    /* @__PURE__ */ e("span", { role: "status", className: "ds:sr-only", children: t("common.loading") }),
+    /* @__PURE__ */ p(
+      "div",
+      {
+        "aria-hidden": "true",
+        className: "ds:flex ds:min-h-0 ds:flex-1 ds:flex-col ds:gap-[var(--spacing-sm)] ds:overflow-hidden ds:p-[var(--spacing-md)] ds:[&>*]:shrink-0",
+        children: [
+          /* @__PURE__ */ e(
+            Ot,
+            {
+              name: "",
+              loading: !0,
+              surface: "elevated",
+              density: "compact"
+            }
+          ),
+          /* @__PURE__ */ p(ne, { title: t(D("sectionAppointment")), headingLevel: 3, children: [
+            /* @__PURE__ */ e(zt, { loading: !0, maxLines: 2 }),
+            /* @__PURE__ */ e("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: Gt.map((n, o) => /* @__PURE__ */ p(
+              "div",
+              {
+                className: "ds:flex ds:items-center ds:gap-[var(--spacing-sm)]",
+                children: [
+                  /* @__PURE__ */ e(
+                    ue,
+                    {
+                      variant: "rounded",
+                      stagger: o + 2,
+                      width: "var(--spacing-md)",
+                      height: "var(--spacing-md)",
+                      className: "ds:shrink-0"
+                    }
+                  ),
+                  /* @__PURE__ */ e(
+                    ue,
+                    {
+                      variant: "text",
+                      size: "sm",
+                      stagger: o + 2,
+                      width: n
+                    }
+                  )
+                ]
+              },
+              n
+            )) })
+          ] }),
+          /* @__PURE__ */ e(ne, { title: t("notesPanel.title"), headingLevel: 3, children: /* @__PURE__ */ e(Xe, { notes: [], loading: !0, loadingRows: 2 }) }),
+          /* @__PURE__ */ e(ne, { title: t(D("sectionTreatments")), headingLevel: 3, children: /* @__PURE__ */ e(Bt, { lines: [], loading: !0 }) })
+        ]
+      }
+    ),
+    /* @__PURE__ */ p(
+      "div",
+      {
+        "aria-hidden": "true",
+        className: "ds:flex ds:shrink-0 ds:items-center ds:gap-[var(--spacing-sm)] ds:border-t ds:border-[color:var(--border)] ds:p-[var(--spacing-md)]",
+        children: [
+          /* @__PURE__ */ e(ue, { variant: "rounded", width: "33%", height: "var(--spacing-xl)" }),
+          /* @__PURE__ */ e(
+            ue,
+            {
+              variant: "rounded",
+              stagger: 1,
+              height: "var(--spacing-xl)",
+              className: "ds:flex-1"
+            }
+          )
+        ]
+      }
+    )
+  ] });
+}
+function ya({
+  history: t,
+  locale: n,
+  onRetry: o,
+  noteUnrecordedEdits: r,
+  privacy: i
+}) {
+  var g;
+  const { t: s } = $("ui"), l = t.status ?? (t.entries ? "ready" : "loading"), b = l === "error" ? void 0 : t.entries, d = l === "loading" || l !== "error" && !b, [f, c] = B(!1);
+  pe(() => c(!0), []);
+  let C = "";
+  d ? C = s("common.loading") : b && (C = b.length === 0 ? s(D("historyEmpty")) : s(D("historyLoaded"), { n: b.length }));
+  let E;
+  return l === "error" ? E = /* @__PURE__ */ p("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
+    /* @__PURE__ */ e(F, { variant: "error", children: /* @__PURE__ */ e(F.Description, { children: ((g = t.message) == null ? void 0 : g.trim()) || s("emptyState.error.description") }) }),
+    o ? /* @__PURE__ */ e(
+      _,
+      {
+        intent: "outline",
+        "data-action": "retry-history",
+        onClick: () => o(),
+        children: s("emptyState.error.cta")
+      }
+    ) : null
+  ] }) : d || !b ? E = /* @__PURE__ */ e(
+    "div",
+    {
+      "aria-hidden": "true",
+      className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]",
+      children: Gt.slice(0, 3).map((P, a) => /* @__PURE__ */ p(
+        "div",
+        {
+          className: "ds:flex ds:items-start ds:gap-[var(--spacing-sm)]",
+          children: [
+            /* @__PURE__ */ e(
+              ue,
+              {
+                variant: "circular",
+                stagger: a,
+                width: "var(--spacing-xl)",
+                height: "var(--spacing-xl)",
+                className: "ds:shrink-0"
+              }
+            ),
+            /* @__PURE__ */ e(
+              ue,
+              {
+                variant: "rounded",
+                stagger: a,
+                width: P,
+                height: "var(--spacing-2xl)"
+              }
+            )
+          ]
+        },
+        P
+      ))
+    }
+  ) : E = /* @__PURE__ */ e(
+    ea,
+    {
+      history: b,
+      locale: n,
+      noteUnrecordedEdits: r,
+      privacy: i
+    }
+  ), /* @__PURE__ */ p(Q, { children: [
+    /* @__PURE__ */ e("span", { role: "status", className: "ds:sr-only", children: f ? C : "" }),
+    E
+  ] });
+}
+function ba({
+  read: t,
+  refreshing: n,
+  currency: o,
+  now: r,
+  locale: i,
+  shownTitle: s,
+  headingId: l,
+  enter: b,
+  live: d,
+  statusControl: f,
+  patientId: c = ((Ee) => (Ee = t.patient) == null ? void 0 : Ee.id)(),
+  operator: C,
+  chair: E,
+  privacy: g = !1,
+  privacyTitle: P,
+  mapsLink: a,
+  notesPreview: u,
+  onOpenNotes: k,
+  history: h,
+  onOpenHistory: N,
+  noteUnrecordedEdits: A = !1,
+  readOnly: S = !1,
+  onStatusChange: y,
+  allowedStatuses: v = At,
+  onDescriptionChange: L,
+  onEdit: K,
+  onMove: ae,
+  onCopy: V,
+  onDelete: ie,
+  onJoinTelehealth: Ie,
+  onWhatsApp: Te,
+  whatsappUrl: De,
+  createTaskUrl: Ce,
+  documents: X
+}) {
+  var yt, bt;
+  const { t: w } = $("ui"), { eventId: z } = t, [He] = B(b), se = { details: t, locale: i, currency: o }, I = h ? h.eventId !== void 0 && h.eventId !== z ? { status: "loading" } : h : t.history ? { entries: t.history } : void 0, Re = (u == null ? void 0 : u.patientId) === void 0 || u.patientId === c, oe = u ? Re ? u : c ? { notes: [], status: "loading", total: null } : void 0 : void 0, J = !!L && !S && !g, [fe, Y] = B(!1), [ge, U] = B(!1), Z = fe && I !== void 0, Pe = ge && J, ve = () => {
+    Z || !I || (Y(!0), N == null || N(z));
+  }, Me = M({ history: !1, editor: !1 });
+  te(() => {
+    const x = Me.current;
+    Me.current = { history: Z, editor: Pe };
+    const ce = x.history && I === void 0, kt = x.editor && !J;
+    ce && Y(!1), kt && U(!1), (ce || kt) && Se(l);
+  });
+  const re = M(null), O = M(!1), ye = (I == null ? void 0 : I.status) ?? (I != null && I.entries ? "ready" : "loading");
+  te(() => {
+    O.current && (ye !== "loading" && (O.current = !1), tt(re.current));
+  }, [ye]);
+  const [q, be] = B(t.appointment.name ?? "");
+  pe(() => {
+    be(t.appointment.name ?? "");
+  }, [t.appointment.name]);
+  const [ke, ee] = B(""), [de, we] = B(!1), [T, H] = B(), le = M(null);
+  pe(() => {
+    ge && (ee(q), H(void 0));
+  }, [ge]);
+  const Le = async () => {
+    if (!L) return;
+    const x = ke.trim();
+    we(!0), H(void 0);
+    try {
+      await L(x, z), be(x), U(!1);
+    } catch (ce) {
+      H(
+        Qe(ce, w(D("descriptionSaveFailed")))
+      );
+    } finally {
+      we(!1);
+    }
+  }, [W, We] = B(t.appointment.status);
+  pe(() => {
+    We(t.appointment.status);
+  }, [t.appointment.status]);
+  const ct = M(n);
+  te(() => {
+    const x = ct.current && !n;
+    ct.current = n, x && (We(t.appointment.status), be(t.appointment.name ?? ""));
+  }, [n]);
+  const ze = At.filter(
+    (x) => v.includes(x)
+  ), xe = ot(W, {
+    statuses: ze,
+    /* Shown so the control can say it, but not a choice. */
+    disabledStatuses: W && !ze.includes(W) ? [W] : []
+  }), Ne = !!y && !S && ze.some((x) => x !== W), Vt = async (x) => {
+    if (!(!y || !rn(x))) {
+      try {
+        await y(x, z);
+      } catch (ce) {
+        throw new Error(Qe(ce, w(D("statusSaveFailed"))));
+      }
+      We(x);
+    }
+  }, ut = g ? void 0 : De, mt = fa.filter(
+    (x) => X == null ? void 0 : X.kinds.includes(x)
+  ), Yt = (((yt = t.care) == null ? void 0 : yt.lines.length) ?? 0) > 0, pt = c !== void 0 && c !== "", je = w(D("status")), ht = `${je}: ${xe.option.label}`, qe = M(null), ft = M(Ne);
+  te(() => {
+    const x = ft.current && !Ne;
+    ft.current = Ne, x && (qe.current ? tt(qe.current) : Se(l));
+  });
+  const gt = Ne ? /* @__PURE__ */ e(
+    on,
+    {
+      ref: f,
+      value: xe.value,
+      options: xe.options,
+      size: "sm",
+      workflowLabel: je,
+      className: `ds:[&>button]:bg-[color:var(--background)] ${pa}`,
+      "aria-label": ht,
+      onValueChange: Vt
+    }
+  ) : W ? (
+    /* Named as the control is, "Status: Confirmed": the small display
+       prints the value alone. */
+    /* @__PURE__ */ e(
+      "div",
+      {
+        ref: qe,
+        role: "group",
+        "aria-label": ht,
+        tabIndex: -1,
+        "data-status-display": "",
+        className: ma(),
+        children: /* @__PURE__ */ e(
+          Ft,
+          {
+            value: xe.value,
+            size: "sm",
+            workflowLabel: je,
+            option: xe.option
+          }
+        )
+      }
+    )
+  ) : null, j = [];
+  Ie && j.push([
+    "join-telehealth",
+    /* @__PURE__ */ e(
+      _,
+      {
+        intent: "primary",
+        "data-action": "join-telehealth",
+        className: G,
+        startIcon: /* @__PURE__ */ e(lt, { "aria-hidden": "true" }),
+        onClick: () => Ie(z),
+        children: w(D("joinTelehealth"))
+      },
+      "join"
+    )
+  ]), !S && K && j.push([
+    "edit-appointment",
+    /* @__PURE__ */ e(
+      _,
+      {
+        "data-action": "edit-appointment",
+        className: G,
+        startIcon: /* @__PURE__ */ e(me, { "aria-hidden": "true" }),
+        onClick: () => K(z),
+        children: w("calendarWorkspace.editor.editTitle")
+      },
+      "edit"
+    )
+  ]), !S && ae && j.push([
+    "move-appointment",
+    /* @__PURE__ */ e(
+      _,
+      {
+        "data-action": "move-appointment",
+        className: G,
+        startIcon: /* @__PURE__ */ e(et, { "aria-hidden": "true" }),
+        onClick: () => ae(z),
+        children: w(D("move"))
+      },
+      "move"
+    )
+  ]), !S && V && j.push([
+    "copy-appointment",
+    Yt ? /* @__PURE__ */ e(
+      Mt,
+      {
+        "data-action": "copy-appointment",
+        "data-overflow-tip": !1,
+        startIcon: /* @__PURE__ */ e(Dt, { "aria-hidden": "true" }),
+        overflowItems: [
+          {
+            label: w("calendarWorkspace.editor.duplicateAppointmentOnly"),
+            icon: /* @__PURE__ */ e(An, { "aria-hidden": "true" }),
+            action: "copy-appointment-only",
+            onSelect: () => V(!1, z)
+          },
+          {
+            label: w("calendarWorkspace.editor.duplicateWithTreatments"),
+            icon: /* @__PURE__ */ e(Wt, { "aria-hidden": "true" }),
+            action: "copy-appointment-with-treatments",
+            onSelect: () => V(!0, z)
+          }
+        ],
+        children: w(D("copy"))
+      },
+      "copy"
+    ) : /* @__PURE__ */ e(
+      _,
+      {
+        "data-action": "copy-appointment",
+        className: G,
+        startIcon: /* @__PURE__ */ e(Dt, { "aria-hidden": "true" }),
+        onClick: () => V(!1, z),
+        children: w(D("copy"))
+      },
+      "copy"
+    )
+  ]), X && mt.length > 0 && j.push([
+    "open-create-document",
+    /* @__PURE__ */ e(
+      Mt,
+      {
+        "data-action": "open-create-document",
+        "data-overflow-tip": !1,
+        startIcon: /* @__PURE__ */ e(Sn, { "aria-hidden": "true" }),
+        overflowItems: mt.map((x) => ({
+          label: w(D(`documents.${x}`)),
+          icon: ga[x],
+          action: `create-document-${x}`,
+          onSelect: () => X.onCreate(x, z)
+        })),
+        children: w(D("documents.label"))
+      },
+      "documents"
+    )
+  ]), Te ? j.push([
+    "open-whatsapp",
+    /* @__PURE__ */ e(
+      _,
+      {
+        "data-action": "open-whatsapp",
+        className: G,
+        startIcon: /* @__PURE__ */ e(Nt, { "aria-hidden": "true" }),
+        onClick: () => Te(z),
+        children: w(D("remindWhatsApp"))
+      },
+      "whatsapp"
+    )
+  ]) : ut && j.push([
+    "open-whatsapp",
+    /* @__PURE__ */ e(
+      _,
+      {
+        asChild: !0,
+        "data-action": "open-whatsapp",
+        className: G,
+        startIcon: /* @__PURE__ */ e(Nt, { "aria-hidden": "true" }),
+        children: /* @__PURE__ */ e("a", { href: ut, target: "_blank", rel: "noopener noreferrer", children: w(D("remindWhatsApp")) })
+      },
+      "whatsapp"
+    )
+  ]), Ce && j.push([
+    "create-task",
+    /* @__PURE__ */ e(
+      _,
+      {
+        asChild: !0,
+        "data-action": "create-task",
+        className: G,
+        startIcon: /* @__PURE__ */ e(In, { "aria-hidden": "true" }),
+        children: /* @__PURE__ */ e("a", { href: Ce, children: w(D("createTask")) })
+      },
+      "task"
+    )
+  ]), !S && ie && j.push([
+    "delete-appointment",
+    /* @__PURE__ */ e(
+      _,
+      {
+        intent: "destructiveOutline",
+        "data-action": "delete-appointment",
+        className: G,
+        startIcon: /* @__PURE__ */ e($t, { "aria-hidden": "true" }),
+        onClick: () => ie(z),
+        children: w("calendarWorkspace.editor.delete")
+      },
+      "delete"
+    )
+  ]);
+  const Ke = j.map(([, x]) => x);
+  d.current = {
+    status: W ?? null,
+    allowed: Ne ? ze : [],
+    offered: j.map(([x]) => x),
+    historyAvailable: I !== void 0,
+    historyOpen: Z,
+    openHistory: ve,
+    closeHistory: () => Y(!1)
+  };
+  const vt = w(D("historyBack"));
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      className: `ds:flex ds:min-h-0 ds:flex-1 ds:flex-col ${He ? nn : ""}`,
+      children: /* @__PURE__ */ p(Ge.Host, { children: [
+        /* @__PURE__ */ e(
+          _t,
+          {
+            title: s,
+            headingId: l,
+            icon: /* @__PURE__ */ e(rt, { "aria-hidden": "true" }),
+            sticky: !0,
+            divider: !0,
+            actions: I ? /* @__PURE__ */ e(
+              Lt,
+              {
+                size: "sm",
+                intent: "ghost",
+                icon: /* @__PURE__ */ e(Tt, { "aria-hidden": "true" }),
+                "aria-label": w(D("historyAction")),
+                tooltip: w(D("historyAction")),
+                "data-action": "open-history",
+                onClick: ve
+              }
+            ) : void 0
+          }
+        ),
+        /* @__PURE__ */ e(
+          "div",
+          {
+            tabIndex: 0,
+            "aria-busy": n || void 0,
+            className: "ds:[min-block-size:0] ds:flex-1 ds:overflow-y-auto",
+            children: /* @__PURE__ */ p("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)] ds:p-[var(--spacing-md)]", children: [
+              g ? /* @__PURE__ */ e(en, { mask: P }) : t.patient ? /* @__PURE__ */ e(oa, { ...se, now: r, mapsLink: a }) : (
+                /* No patient card to carry the identity: a patient-less, an
+                   unassigned or an unresolved booking keeps the strip. */
+                /* @__PURE__ */ e(
+                  aa,
+                  {
+                    name: t.appointment.title.trim() ? t.appointment.title : w(D("patientNotLoaded")),
+                    unresolved: pt,
+                    status: W,
+                    flags: {
+                      isTelehealth: t.appointment.isTelehealth,
+                      isBookedOnline: t.appointment.bookedOnline,
+                      isRecurring: t.appointment.recurrence !== void 0,
+                      hasUnassignedPatient: t.appointment.bookedOnline && !pt,
+                      hasHighlightedAnamnesis: !1,
+                      hasBillableAmount: (((bt = t.money) == null ? void 0 : bt.billableAmount) ?? 0) > 0
+                    },
+                    locale: i
+                  }
+                )
+              ),
+              /* @__PURE__ */ e(
+                ra,
+                {
+                  ...se,
+                  operator: C,
+                  chair: E,
+                  privacy: g,
+                  history: (I == null ? void 0 : I.status) === "error" || I == null ? void 0 : I.entries,
+                  description: (
+                    /* Not keyed on the text: the pencil must survive a save,
+                       so the sub-view can hand focus back to it. An empty
+                       read-only description prints nothing. Privacy hides the
+                       text and the pencil. */
+                    g ? q ? /* @__PURE__ */ e(xt, { block: "description" }) : void 0 : q || L && !S ? /* @__PURE__ */ e(
+                      zt,
+                      {
+                        "data-block": "description",
+                        role: "group",
+                        "aria-label": w("calendarWorkspace.editor.description"),
+                        value: q,
+                        editLabel: w(D("editDescription")),
+                        onEdit: L && !S ? () => U(!0) : void 0
+                      }
+                    ) : void 0
+                  )
+                }
+              ),
+              oe && g ? /* @__PURE__ */ e(
+                ne,
+                {
+                  "data-card": "notes",
+                  title: w("notesPanel.title"),
+                  headingLevel: 3,
+                  children: /* @__PURE__ */ e(xt, {})
+                }
+              ) : oe ? /* @__PURE__ */ e(
+                la,
+                {
+                  preview: oe,
+                  onOpenNotes: Re ? k : void 0,
+                  locale: i
+                }
+              ) : null,
+              /* @__PURE__ */ e(da, { ...se, privacy: g })
+            ] })
+          }
+        ),
+        gt || Ke.length > 0 ? (
+          /* The body scrolls; the status and the actions stay put. The
+             status keeps its own segment and never folds. The actions fold
+             to icons, then into More, never onto a second line. */
+          /* @__PURE__ */ p("div", { className: ua(), children: [
+            gt,
+            Ke.length > 0 ? /* @__PURE__ */ e(
+              tn,
+              {
+                label: w(D("actionsLabel")),
+                overflow: "menu",
+                collapseToIcons: !0,
+                background: "surface",
+                size: "sm",
+                className: `ds:min-w-0 ds:flex-1 ds:text-end ${ha}`,
+                children: Ke
+              }
+            ) : null
+          ] })
+        ) : null,
+        I ? /* @__PURE__ */ e(
+          Ge,
+          {
+            ref: re,
+            open: Z,
+            icon: /* @__PURE__ */ e(Tt, { "aria-hidden": "true" }),
+            title: w(D("historyTitle")),
+            backLabel: vt,
+            headingLevel: 3,
+            onBack: () => Y(!1),
+            "data-details-subview": "history",
+            children: /* @__PURE__ */ e("div", { className: "ds:p-[var(--spacing-md)]", children: /* @__PURE__ */ e(
+              ya,
+              {
+                history: I,
+                locale: i,
+                noteUnrecordedEdits: A,
+                privacy: g,
+                onRetry: I.onRetry ? () => {
+                  var x;
+                  O.current = !0, (x = I.onRetry) == null || x.call(I);
+                } : void 0
+              }
+            ) })
+          }
+        ) : null,
+        J ? /* @__PURE__ */ e(
+          Ge,
+          {
+            open: Pe,
+            icon: /* @__PURE__ */ e(me, { "aria-hidden": "true" }),
+            title: w(D("editDescription")),
+            backLabel: vt,
+            headingLevel: 3,
+            initialFocusRef: le,
+            onBack: () => {
+              de || U(!1);
+            },
+            "data-details-subview": "description",
+            footer: /* @__PURE__ */ p(Q, { children: [
+              /* @__PURE__ */ e(
+                _,
+                {
+                  intent: "secondary",
+                  disabled: de,
+                  onClick: () => U(!1),
+                  children: w(D("noteCancel"))
+                }
+              ),
+              /* @__PURE__ */ e(
+                _,
+                {
+                  intent: "primary",
+                  "data-action": "save-description",
+                  loading: de,
+                  onClick: () => void Le(),
+                  children: w(D("descriptionSave"))
+                }
+              )
+            ] }),
+            children: /* @__PURE__ */ p("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)] ds:p-[var(--spacing-md)]", children: [
+              T ? /* @__PURE__ */ e(F, { variant: "error", children: /* @__PURE__ */ e(F.Description, { children: T }) }) : null,
+              /* @__PURE__ */ e(
+                an,
+                {
+                  ref: le,
+                  value: ke,
+                  minRows: 6,
+                  autoResize: !0,
+                  "aria-label": w("calendarWorkspace.editor.description"),
+                  onChange: (x) => ee(x.target.value)
+                }
+              )
+            ] })
+          }
+        ) : null
+      ] })
+    }
+  );
+}
+const ka = Qt(function({
+  state: n,
+  onRetry: o,
+  patientId: r,
+  operator: i,
+  chair: s,
+  currency: l = "EUR",
+  now: b,
+  locale: d,
+  title: f,
+  privacy: c = !1,
+  privacyTitle: C,
+  mapsLink: E,
+  notesPreview: g,
+  onOpenNotes: P,
+  history: a,
+  onOpenHistory: u,
+  noteUnrecordedEdits: k,
+  readOnly: h = !1,
+  onStatusChange: N,
+  allowedStatuses: A,
+  onDescriptionChange: S,
+  onEdit: y,
+  onMove: v,
+  onCopy: L,
+  onDelete: K,
+  onJoinTelehealth: ae,
+  onWhatsApp: V,
+  whatsappUrl: ie,
+  createTaskUrl: Ie,
+  documents: Te,
+  id: De,
+  className: Ce,
+  ...X
+}, Ee) {
+  var de, we;
+  const { t: w, i18n: z } = $("ui"), He = Ye(), se = De ?? He, I = Ye(), Re = d ?? z.language, oe = !c && (f != null && f.trim()) ? f : w(D("region")), J = n.status === "ready" ? n.read : void 0, fe = n.status === "ready" ? n.read.eventId : n.eventId, Y = M(
+    void 0
+  ), ge = Y.current !== void 0 && Y.current !== "ready";
+  pe(() => {
+    Y.current = n.status;
+  }, [n.status]);
+  const U = !!o && (n.status === "error" || n.status === "refused" && n.retryable === !0), Z = M(null), Pe = wt(() => Zt(Ee, Z), [Ee]), ve = M(!1);
+  typeof document < "u" && (ve.current = ((de = Z.current) == null ? void 0 : de.contains(document.activeElement)) ?? !1);
+  const Me = J ? `ready:${J.eventId}` : n.status, re = M(!1);
+  te(() => {
+    re.current ? (n.status !== "loading" && (re.current = !1), Se(I)) : ve.current && Se(I);
+  }, [Me, I]);
+  const O = M(null);
+  J || (O.current = null);
+  const ye = M(null), q = M({ state: n, eventId: fe, privacy: c, retryOffered: U, onRetry: o });
+  q.current = { state: n, eventId: fe, privacy: c, retryOffered: U, onRetry: o };
+  const be = wt(
+    () => ({
+      getEventId: () => q.current.eventId ?? null,
+      getLoadStatus: () => q.current.state.status,
+      getAppointmentStatus: () => {
+        var T;
+        return ((T = O.current) == null ? void 0 : T.status) ?? null;
+      },
+      getAllowedStatuses: () => {
+        var T;
+        return [...((T = O.current) == null ? void 0 : T.allowed) ?? []];
+      },
+      getOfferedActions: () => {
+        var T;
+        return [...((T = O.current) == null ? void 0 : T.offered) ?? []];
+      },
+      isHistoryOpen: () => {
+        var T;
+        return ((T = O.current) == null ? void 0 : T.historyOpen) ?? !1;
+      },
+      isPrivacy: () => q.current.privacy,
+      openHistory: () => {
+        var T;
+        if (!((T = O.current) != null && T.historyAvailable))
+          throw new Error("AppointmentDetailsPanel: History is not offered.");
+        O.current.openHistory();
+      },
+      closeHistory: () => {
+        var T;
+        (T = O.current) == null || T.closeHistory();
+      },
+      setAppointmentStatus: (T) => {
+        const H = O.current, le = ye.current;
+        if (!H || !le || H.allowed.length === 0)
+          return Ue(
+            new Error("AppointmentDetailsPanel: the status is read-only.")
+          );
+        if (T === H.status) return Promise.resolve();
+        if (!H.allowed.includes(T))
+          return Ue(
+            new Error(`AppointmentDetailsPanel: "${T}" is not allowed.`)
+          );
+        const Le = () => Ue(
+          new Error("AppointmentDetailsPanel: a status save is in flight.")
+        );
+        if (le.getIsSaving()) return Le();
+        const W = le.setValue(T);
+        return W === void 0 ? Le() : W;
+      },
+      retry: () => {
+        const { retryOffered: T, onRetry: H } = q.current;
+        if (!T || !H)
+          throw new Error("AppointmentDetailsPanel: Retry is not offered.");
+        H();
+      }
+    }),
+    []
+  );
+  Jt($n, be, se);
+  const ke = /* @__PURE__ */ e(
+    _t,
+    {
+      title: oe,
+      headingId: I,
+      icon: /* @__PURE__ */ e(rt, { "aria-hidden": "true" }),
+      sticky: !0,
+      divider: !0
+    }
+  );
+  let ee;
+  return n.status === "ready" ? ee = /* @__PURE__ */ e(
+    ba,
+    {
+      read: n.read,
+      refreshing: n.refreshing === !0,
+      currency: l,
+      now: b ?? /* @__PURE__ */ new Date(),
+      locale: Re,
+      shownTitle: oe,
+      headingId: I,
+      enter: ge,
+      live: O,
+      statusControl: ye,
+      patientId: r,
+      operator: i,
+      chair: s,
+      privacy: c,
+      privacyTitle: C,
+      mapsLink: E,
+      notesPreview: g,
+      onOpenNotes: P,
+      history: a,
+      onOpenHistory: u,
+      noteUnrecordedEdits: k,
+      readOnly: h,
+      onStatusChange: N,
+      allowedStatuses: A,
+      onDescriptionChange: S,
+      onEdit: y,
+      onMove: v,
+      onCopy: L,
+      onDelete: K,
+      onJoinTelehealth: ae,
+      onWhatsApp: V,
+      whatsappUrl: ie,
+      createTaskUrl: Ie,
+      documents: Te
+    },
+    n.read.eventId
+  ) : n.status === "loading" ? ee = /* @__PURE__ */ p(Q, { children: [
+    ke,
+    /* @__PURE__ */ e(va, {})
+  ] }) : ee = /* @__PURE__ */ p(Q, { children: [
+    ke,
+    /* @__PURE__ */ p("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)] ds:p-[var(--spacing-md)]", children: [
+      /* @__PURE__ */ e(F, { variant: n.status === "error" ? "error" : "warning", children: /* @__PURE__ */ e(F.Description, { children: n.status === "error" ? ((we = n.message) == null ? void 0 : we.trim()) || w("emptyState.error.description") : n.reason }) }),
+      U ? /* @__PURE__ */ e(
+        _,
+        {
+          intent: "outline",
+          "data-action": "retry-load",
+          onClick: () => {
+            re.current = !0, o == null || o();
+          },
+          children: w("emptyState.error.cta")
+        }
+      ) : null
+    ] })
+  ] }), /* @__PURE__ */ e(
+    "div",
+    {
+      ref: Pe,
+      id: De,
+      "data-component": "appointment-details-panel",
+      "data-component-id": se,
+      "data-event-id": fe,
+      "data-status": n.status,
+      "aria-busy": n.status === "loading" || void 0,
+      className: ca({ className: Ce }),
+      ...X,
+      children: ee
+    }
+  );
+});
+ka.displayName = "AppointmentDetailsPanel";
+function Oi({
+  eventId: t,
+  load: n,
+  reloadKey: o
+}) {
+  const { t: r } = $("ui"), i = M("");
+  i.current = r("emptyState.error.description");
+  const s = M(n);
+  te(() => {
+    s.current = n;
+  });
+  const [l, b] = B(0), [d, f] = B(), c = JSON.stringify([o ?? null, l]), [C, E] = B({ eventId: t, count: 0 }), g = C.eventId === t ? C.count : C.count + 1;
+  C.eventId !== t && E({ eventId: t, count: g }), pe(() => {
+    if (t === null) {
+      f(void 0);
+      return;
+    }
+    const k = new AbortController(), h = (N) => {
+      k.signal.aborted || f({ eventId: t, selection: g, request: c, value: N });
+    };
+    return Promise.resolve().then(() => s.current(t, { signal: k.signal })).then((N) => {
+      var A, S;
+      if (N.status !== "ready") {
+        h({
+          status: "refused",
+          eventId: t,
+          reason: N.reason,
+          retryable: N.retryable
+        });
+        return;
+      }
+      if (((A = N.details) == null ? void 0 : A.eventId) !== t || !qn((S = N.details.appointment) == null ? void 0 : S.startIso))
+        throw new Error(i.current);
+      h({ status: "ready", read: N.details });
+    }).catch((N) => {
+      h({
+        status: "error",
+        eventId: t,
+        message: Qe(N, i.current)
+      });
+    }), () => k.abort();
+  }, [t, g, c]);
+  const P = Xt(() => b((k) => k + 1), []);
+  if (t === null) return { state: null, retry: P };
+  const a = (d == null ? void 0 : d.eventId) === t && d.selection === g ? d : void 0;
+  let u = { status: "loading", eventId: t };
+  return (a == null ? void 0 : a.request) === c ? u = a.value : (a == null ? void 0 : a.value.status) === "ready" && (u = { status: "ready", read: a.value.read, refreshing: !0 }), { state: u, retry: P };
+}
+export {
+  ka as A,
+  Dt as C,
+  at as D,
+  na as I,
+  et as M,
+  Un as R,
+  $n as a,
+  nt as b,
+  Wn as c,
+  Gn as d,
+  ta as e,
+  Be as f,
+  ea as g,
+  jt as h,
+  Vn as i,
+  Yn as j,
+  aa as k,
+  Hn as l,
+  qn as p,
+  Kn as s,
+  Oi as u
+};
+//# sourceMappingURL=use-appointment-details-read-YsuJgYeB.js.map