@alfadocs/ui-kit 1.51.0 → 1.53.0

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

@@ -1,2045 +0,0 @@
-import { jsx as e, jsxs as m, Fragment as Y } from "react/jsx-runtime";
-import { c as et } from "./index-D2ZczOXr.js";
-import { useId as Ue, useRef as C, forwardRef as Gt, useEffect as pe, useMemo as gt, useState as _, useCallback as Vt } from "react";
-import { useTranslation as O } from "react-i18next";
-import { u as Yt } from "./registry-DvAUVLHh.js";
-import { u as te } from "./use-isomorphic-layout-effect-BGfaCOP1.js";
-import { c as Qt } from "./compose-refs-C0k0tdqF.js";
-import { h as qe, g as Ge } from "./handled-rejection-6gqCf5vt.js";
-import { a as Jt, b as vt } from "./privacy-mask-TzMlEu3Q.js";
-import { A as z } from "./alert-CiQ5Pa3Q.js";
-import { B as L } from "./button-CYPx2xFq.js";
-import { I as Dt } from "./icon-button-JAXAkqWC.js";
-import { B as Xt } from "./button-group-t9RrsCS6.js";
-import { D as Me } from "./dropdown-menu-DIzxr_lp.js";
-import { E as Et } from "./editable-description-CRQib91p.js";
-import { N as Ve } from "./note-timeline-CVnKL0p6.js";
-import { P as Ct } from "./panel-header-D_mTdhUp.js";
-import { P as Ke } from "./panel-subview-DAY-ToM3.js";
-import { P as Rt } from "./patient-summary-card-DI0BH-Fe.js";
-import { S as ne } from "./section-card-XR2bW1Ie.js";
-import { C as Zt, S as ue } from "./skeleton-B1KTdJ4N.js";
-import { T as en } from "./text-area-Bt3p7Pt0.js";
-import { T as tn } from "./tooltip-Cp-PLePW.js";
-import { T as Pt } from "./treatment-receipt-C-gWZ6uv.js";
-import { a as yt } from "./whatsapp-button-Ai4YAVkl.js";
-import { a as Ye, W as nn } from "./workflow-status-jHfsIDzi.js";
-import { u as tt, a as bt, i as an } from "./appointment-workflow-status-CS8ufF1f.js";
-import { E as sn } from "./empty-state-Ck1wVWdN.js";
-import { T as Ne } from "./timeline-ChY7iZrs.js";
-import { C as nt } from "./calendar-clock-hbObjfGY.js";
-import { T as Lt } from "./trash-2-uumy3fy1.js";
-import { A as kt } from "./entity-card-D1Yrh9wf.js";
-import { P as Qe } from "./pencil-B1sKKyuT.js";
-import { A as on } from "./arrow-right-KsIrLdt0.js";
-import { C as Mt } from "./clock-Drd4Wtis.js";
-import { c as Oe } from "./createLucideIcon-DhHxpK9K.js";
-import { C as rn } from "./calendar-plus-BFrIRE4r.js";
-import { A as _t } from "./avatar-BVvjKNTp.js";
-import { B as He } from "./badge-BAkd6_Pj.js";
-import { H as at } from "./heart-pulse-BCppJyN2.js";
-import { G as ln } from "./globe-sHBW1JN5.js";
-import { T as dn } from "./triangle-alert-CBnO6nq_.js";
-import { E as cn } from "./euro-Dsuz4ixO.js";
-import { V as it } from "./video-BheNGvsu.js";
-import { R as zt } from "./repeat-CvQa5rZt.js";
-import { C as un } from "./counter-WsvRuum1.js";
-import { D as _e } from "./description-list-DOPu69Jg.js";
-import { T as pn } from "./timestamp-BV2lC-wV.js";
-import { T as mn } from "./transaction-chip-CwgcJiqF.js";
-import { H as me } from "./hover-card-BM0vNmq4.js";
-import { S as hn } from "./smartphone-C0rFF2if.js";
-import { P as fn } from "./phone-FceYcIFQ.js";
-import { M as gn } from "./mail-BqXVF2zH.js";
-import { M as vn } from "./map-pin-BaY37-Km.js";
-import { C as yn } from "./calendar-days-BGWklvE-.js";
-import { H as bn } from "./patient-field-row-CT04C_lZ.js";
-import { A as wt } from "./armchair-BaLDW6Hz.js";
-import { B as kn } from "./building-2-D33bLCWL.js";
-import { N as wn } from "./notebook-pen-CO7HoM-W.js";
-import { C as Ot } from "./clipboard-list-rSzfIYZB.js";
-import { C as xn } from "./copy-vRpqqHtY.js";
-import { P as Nn } from "./plus-DzMQ_c6b.js";
-import { S as An } from "./square-check-big-dj0o8yA3.js";
-import { H as xt } from "./history-CK2JaU2g.js";
-import { C as Tn } from "./chevron-down-DWE7GSq9.js";
-import { C as Sn } from "./camera-VSklPDCv.js";
-import { F as In } from "./file-BuG1VMAy.js";
-import { F as Dn } from "./file-text-5yv6r2ls.js";
-import { F as En } from "./folder-BghC8_S2.js";
-import { R as Cn } 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 Rn = [
-  ["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" }]
-], Pn = Oe("cake", Rn);
-/**
- * @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 Ln = [
-  ["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" }]
-], Nt = Oe("clipboard-paste", Ln);
-/**
- * @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: "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" }]
-], _n = Oe("id-card", 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: "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" }]
-], Ht = Oe("move", zn), On = '[data-component="button-group"] [data-component="icon-button"][aria-haspopup="menu"]', Hn = {
-  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 ${On}, 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 Je(t) {
-  const n = document.activeElement;
-  n && n !== document.body || t == null || t.focus({ preventScroll: !0 });
-}
-function Ae(t) {
-  const n = document.getElementById(t);
-  n && !n.hasAttribute("tabindex") && (n.tabIndex = -1), Je(n);
-}
-function Xe(t) {
-  return typeof t == "string" && /^\d{4}-\d{2}-\d{2}$/.test(t) ? /* @__PURE__ */ new Date(`${t}T00:00:00`) : new Date(t);
-}
-function ze(t, n) {
-  try {
-    return new Intl.DateTimeFormat(t, {
-      weekday: "long",
-      day: "numeric",
-      month: "long",
-      year: "numeric"
-    }).format(Xe(n));
-  } catch {
-    return "";
-  }
-}
-function $n(t, n, i) {
-  const o = new Date(n), r = i ? new Date(i) : o;
-  try {
-    const a = new Intl.DateTimeFormat(t, {
-      hour: "2-digit",
-      minute: "2-digit",
-      hour12: !1
-    });
-    return typeof a.formatRange == "function" ? a.formatRange(o, r) : `${a.format(o)} – ${a.format(r)}`;
-  } catch {
-    return "";
-  }
-}
-const $t = {
-  weekday: "short",
-  day: "numeric",
-  month: "short",
-  hour: "2-digit",
-  minute: "2-digit"
-};
-function Bn(t, n) {
-  const i = Xe(t), o = Xe(n);
-  let r = o.getFullYear() - i.getFullYear();
-  const a = o.getMonth() - i.getMonth();
-  return (a < 0 || a === 0 && o.getDate() < i.getDate()) && (r -= 1), Math.max(0, r);
-}
-const Fn = /^(\d{4})-(\d{2})-(\d{2})T(\d{2}):(\d{2}):(\d{2})$/;
-function Wn(t) {
-  const n = typeof t == "string" ? Fn.exec(t) : null;
-  if (!n) return;
-  const [i, o, r, a, d, u] = n.slice(1).map(Number), s = /* @__PURE__ */ new Date(0);
-  if (s.setFullYear(i, o, 0), o < 1 || o > 12 || r < 1 || r > s.getDate() || a > 23 || d > 59 || u > 59)
-    return;
-  const l = /* @__PURE__ */ new Date(0);
-  return l.setFullYear(i, o - 1, r), l.setHours(a, d, u, 0), l;
-}
-function jn(t) {
-  return t.map((n) => {
-    const i = Date.parse(n.atIso);
-    return { entry: n, time: Number.isFinite(i) ? i : -1 / 0 };
-  }).sort((n, i) => n.time === i.time ? 0 : i.time - n.time).map(({ entry: n }) => n);
-}
-const qn = {
-  daily: "recurrenceDaily",
-  weekly: "recurrenceWeekly",
-  monthly: "recurrenceMonthly",
-  quarterly: "recurrenceQuarterly",
-  semiannual: "recurrenceSemiannual",
-  yearly: "recurrenceYearly"
-};
-function Kn(t) {
-  return t.phones ? t.phones : t.phone ? [{ label: "mobile", number: t.phone }] : [];
-}
-function Bt(t) {
-  return [t.address, t.postalCode, t.city].filter((n) => !!n).join(", ");
-}
-function Un(t) {
-  return [t.address, t.city].filter((n) => !!n).join(", ");
-}
-function Gn(t) {
-  const n = Bt(t);
-  return `https://www.google.com/maps/search/?api=1&query=${encodeURIComponent(n)}`;
-}
-const V = (t) => `calendarWorkspace.details.${t}`;
-function Vn({
-  history: t,
-  locale: n
-}) {
-  const { t: i, i18n: o } = O(), { optionFor: r } = tt(null), a = n ?? o.language, d = (s) => {
-    try {
-      return new Intl.DateTimeFormat(a, $t).format(
-        new Date(s)
-      );
-    } catch {
-      return s;
-    }
-  }, u = (s) => {
-    switch (s.kind) {
-      case "created":
-        return {
-          type: "success",
-          icon: /* @__PURE__ */ e(rn, { size: 16, "aria-hidden": "true" })
-        };
-      case "moved":
-        return {
-          type: "info",
-          icon: /* @__PURE__ */ e(Ht, { size: 16, "aria-hidden": "true" }),
-          detail: i(V("history.movedDetail"), {
-            from: d(s.fromIso),
-            to: d(s.toIso)
-          })
-        };
-      case "resized":
-        return {
-          type: "info",
-          icon: /* @__PURE__ */ e(Mt, { size: 16, "aria-hidden": "true" }),
-          detail: i(V("history.resizedDetail"), {
-            from: s.fromMin,
-            to: s.toMin
-          })
-        };
-      case "status": {
-        const l = kt[s.to].Icon, p = r(s.from), g = r(s.to), I = i(V("history.statusDetail"), {
-          from: p.label,
-          to: g.label
-        });
-        return {
-          type: s.to === "cancelled" || s.to === "absent" ? "warning" : "neutral",
-          icon: /* @__PURE__ */ e(l, { size: 16, "aria-hidden": "true" }),
-          detail: /* @__PURE__ */ e("div", { role: "group", "aria-label": I, children: /* @__PURE__ */ m(
-            "div",
-            {
-              "aria-hidden": "true",
-              className: "ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-xs)]",
-              children: [
-                /* @__PURE__ */ e(
-                  Ye,
-                  {
-                    value: s.from,
-                    option: p,
-                    size: "sm"
-                  }
-                ),
-                /* @__PURE__ */ e(
-                  on,
-                  {
-                    className: "ds:size-4 ds:shrink-0 ds:rtl:rotate-180",
-                    "aria-hidden": "true"
-                  }
-                ),
-                /* @__PURE__ */ e(
-                  Ye,
-                  {
-                    value: s.to,
-                    option: g,
-                    size: "sm"
-                  }
-                )
-              ]
-            }
-          ) })
-        };
-      }
-      case "edited":
-        return {
-          type: "neutral",
-          icon: /* @__PURE__ */ e(Qe, { size: 16, "aria-hidden": "true" }),
-          /* The platform log carries no field list: no "Changed" line. */
-          detail: s.fields.length > 0 ? i(V("history.editedDetail"), {
-            fields: s.fields.map((l) => i(V(`history.fields.${l}`))).join(", ")
-          }) : void 0
-        };
-      case "confirmedByPatient": {
-        const l = kt.confirmed.Icon;
-        return {
-          type: "success",
-          icon: /* @__PURE__ */ e(l, { size: 16, "aria-hidden": "true" })
-        };
-      }
-      case "deleted":
-        return {
-          type: "error",
-          icon: /* @__PURE__ */ e(Lt, { size: 16, "aria-hidden": "true" })
-        };
-    }
-  };
-  return t.length === 0 ? /* @__PURE__ */ e(
-    sn,
-    {
-      variant: "first-use",
-      size: "sm",
-      title: i(V("historyEmpty"))
-    }
-  ) : /* @__PURE__ */ e(Ne, { order: "newest-first", "aria-label": i(V("historyTitle")), children: jn(t).map((s) => {
-    const l = u(s);
-    return /* @__PURE__ */ m(
-      Ne.Event,
-      {
-        eventId: s.id,
-        type: l.type,
-        className: "ds:[column-gap:var(--spacing-sm)] ds:[padding-block-end:var(--spacing-lg)] ds:before:bg-[var(--primary)]",
-        children: [
-          /* @__PURE__ */ e(Ne.Dot, { icon: l.icon }),
-          /* @__PURE__ */ e(
-            Ne.Content,
-            {
-              title: i(V(`history.${s.kind}`)),
-              description: l.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: s.actor.trim() ? { name: s.actor } : void 0,
-              children: /* @__PURE__ */ m("span", { className: "ds:mt-[var(--spacing-sm)] ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]", children: [
-                /* @__PURE__ */ e(
-                  nt,
-                  {
-                    "aria-hidden": "true",
-                    className: "ds:size-4 ds:shrink-0 ds:text-[color:var(--muted-foreground)]"
-                  }
-                ),
-                /* @__PURE__ */ e(
-                  Ne.Timestamp,
-                  {
-                    date: s.atIso,
-                    relative: !1,
-                    locale: a
-                  }
-                )
-              ] })
-            }
-          )
-        ]
-      },
-      s.id
-    );
-  }) });
-}
-const Yn = {
-  confirmed: "success",
-  waiting: "info",
-  in_care: "accentSoft",
-  done: "success",
-  cancelled: "error",
-  absent: "warning"
-};
-function Qn({ event: t }) {
-  const { t: n } = O(), i = (r) => `calendarWorkspace.details.indicators.${r}`, o = [];
-  return t.isBookedOnline && o.push({
-    id: "online",
-    icon: /* @__PURE__ */ e(ln, { "aria-hidden": "true" }),
-    label: n(i("bookedOnline")),
-    variant: "info"
-  }), t.hasUnassignedPatient && o.push({
-    id: "unassigned",
-    icon: /* @__PURE__ */ e(dn, { "aria-hidden": "true" }),
-    label: n(i("unassignedPatient")),
-    variant: "warning"
-  }), t.hasHighlightedAnamnesis && o.push({
-    id: "anamnesis",
-    icon: /* @__PURE__ */ e(at, { "aria-hidden": "true" }),
-    label: n(i("anamnesis")),
-    variant: "accentSoft"
-  }), t.hasBillableAmount && o.push({
-    id: "billable",
-    icon: /* @__PURE__ */ e(cn, { "aria-hidden": "true" }),
-    label: n(i("billable")),
-    variant: "warning"
-  }), t.isTelehealth && o.push({
-    id: "telehealth",
-    icon: /* @__PURE__ */ e(it, { "aria-hidden": "true" }),
-    label: n(i("telehealth")),
-    variant: "info"
-  }), t.isRecurring && o.push({
-    id: "recurring",
-    icon: /* @__PURE__ */ e(zt, { "aria-hidden": "true" }),
-    label: n(i("recurring")),
-    variant: "info"
-  }), o.length === 0 ? null : /* @__PURE__ */ e("span", { className: "ds:flex ds:flex-wrap ds:gap-[var(--spacing-2xs)]", children: o.map((r) => /* @__PURE__ */ e(
-    He,
-    {
-      variant: r.variant,
-      size: "sm",
-      leading: r.icon,
-      children: r.label
-    },
-    r.id
-  )) });
-}
-function Jn({
-  name: t,
-  avatarSrc: n,
-  unresolved: i = !1,
-  status: o,
-  flags: r,
-  age: a,
-  onOpenPatient: d,
-  highlightedAnamnesisCount: u = 0,
-  expiredAnamnesisCount: s = 0,
-  anamnesisAnswers: l = [],
-  locale: p
-}) {
-  const { t: g, i18n: I } = O(), v = (y) => `calendarWorkspace.details.${y}`, { optionFor: R } = tt(o), w = o ? R(o) : void 0, T = u, S = s;
-  return /* @__PURE__ */ m("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)] ds:p-[var(--spacing-md)] ds:pb-0", children: [
-    /* @__PURE__ */ m("div", { className: "ds:flex ds:items-center ds:gap-[var(--spacing-sm)]", children: [
-      /* @__PURE__ */ e(_t, { name: t, src: n }),
-      /* @__PURE__ */ m("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-2xs)] ds:[min-inline-size:0]", children: [
-        /* @__PURE__ */ m("span", { className: "ds:flex ds:flex-wrap ds:items-baseline ds:gap-[var(--spacing-2xs)] ds:text-start", children: [
-          d ? /* @__PURE__ */ e(L, { size: "sm", intent: "link", onClick: () => d(), children: t }) : /* @__PURE__ */ e("span", { className: "ds:font-[var(--font-weight-semibold)] ds:truncate", children: t }),
-          a !== void 0 ? /* @__PURE__ */ e("span", { className: "type-body-sm ds:text-[color:var(--muted-foreground)]", children: g(v("patientAge"), { n: a }) }) : null
-        ] }),
-        i ? /* @__PURE__ */ e("span", { className: "type-body-sm ds:text-start ds:text-[color:var(--muted-foreground)]", children: g(v("patientNotLoaded")) }) : null,
-        o && w ? /* @__PURE__ */ e("span", { children: /* @__PURE__ */ e(
-          He,
-          {
-            variant: Yn[o],
-            size: "sm",
-            leading: w.icon,
-            children: w.label
-          }
-        ) }) : null,
-        /* @__PURE__ */ e(Qn, { event: r })
-      ] })
-    ] }),
-    T + S > 0 ? /* @__PURE__ */ m(
-      z,
-      {
-        variant: "warning",
-        announce: "off",
-        icon: /* @__PURE__ */ e(at, { "aria-hidden": "true" }),
-        children: [
-          /* @__PURE__ */ e(z.Title, { as: "p", children: g(v("anamnesisTitle")) }),
-          /* @__PURE__ */ e(z.Description, { children: [
-            T > 0 ? g(v("anamnesisHighlighted"), { n: T }) : null,
-            S > 0 ? g(v("anamnesisExpired"), { n: S }) : null
-          ].filter((y) => y !== null).join(" · ") }),
-          l.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: l.map((y) => /* @__PURE__ */ m("li", { className: "ds:text-start", children: [
-              /* @__PURE__ */ e("span", { className: "ds:font-[var(--font-weight-semibold)]", children: y.question }),
-              ` · ${g(v(y.yes ? "anamnesisYes" : "anamnesisNo"))}`,
-              y.answer ? ` · ${y.answer}` : "",
-              ` · ${ze(p ?? I.language, y.interviewIso)}`
-            ] }, y.question)) })
-          ) : null
-        ]
-      }
-    ) : null
-  ] });
-}
-function Ze({
-  eyebrow: t,
-  heading: n,
-  facts: i
-}) {
-  return /* @__PURE__ */ m(Y, { children: [
-    /* @__PURE__ */ e(me.Eyebrow, { children: t }),
-    /* @__PURE__ */ e(me.Heading, { children: n }),
-    i && i.length > 0 ? /* @__PURE__ */ e(me.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: i.map((o, r) => /* @__PURE__ */ e(
-      "li",
-      {
-        className: o.muted ? "ds:text-[color:var(--muted-foreground)]" : void 0,
-        children: o.text
-      },
-      r
-    )) }) }) : null
-  ] });
-}
-const Xn = "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 At({
-  id: t,
-  eyebrow: n,
-  heading: i,
-  facts: o,
-  children: r
-}) {
-  return /* @__PURE__ */ m(me, { children: [
-    /* @__PURE__ */ e(me.Trigger, { asChild: !0, children: /* @__PURE__ */ e("button", { type: "button", "data-chip-hover": t, className: Xn, children: r }) }),
-    /* @__PURE__ */ e(me.Content, { side: "bottom", align: "start", size: "sm", children: /* @__PURE__ */ e(Ze, { eyebrow: n, heading: i, facts: o }) })
-  ] });
-}
-const c = (t) => `calendarWorkspace.details.${t}`, Zn = "type-body-sm ds:text-[color:var(--muted-foreground)]", Ft = (t) => /* @__PURE__ */ e("a", { href: `tel:${t.replace(/\s/g, "")}`, dir: "ltr", children: t }), Wt = (t) => /* @__PURE__ */ e("a", { href: `mailto:${t}`, dir: "ltr", children: t }), jt = (t, n, i) => new Intl.NumberFormat(t, { style: "currency", currency: i }).format(n);
-function Tt({ rows: t }) {
-  const n = t.filter((i) => !!i);
-  return n.length === 0 ? null : /* @__PURE__ */ e(_e, { layout: "inline", density: "compact", children: n.map((i) => /* @__PURE__ */ m(
-    _e.Row,
-    {
-      "data-row": i.id,
-      icon: i.icon,
-      children: [
-        /* @__PURE__ */ e(_e.Term, { children: i.label }),
-        /* @__PURE__ */ e(_e.Detail, { children: i.value })
-      ]
-    },
-    i.id
-  )) });
-}
-function ea({
-  details: t,
-  locale: n,
-  currency: i,
-  now: o,
-  mapsLink: r = !1
-}) {
-  const { t: a } = O(), { patient: d, signing: u, money: s, booking: l } = t;
-  if (!d) return null;
-  const p = u && u.required > 0 ? u : void 0, g = ((p == null ? void 0 : p.toComplete) ?? 0) > 0, I = p ? [
-    {
-      text: g ? p.requestedVia === "sms" ? a(c("signingRequestedSms")) : p.requestedVia === "email" ? a(c("signingRequestedEmail")) : a(c("signingNotRequested")) : a(c("signingAllSigned"))
-    },
-    ...p.aesSetUp ? [] : [{ text: a(c("aesMissing")), muted: !0 }]
-  ] : [], v = d.highlightedAnamnesisCount ?? 0, R = d.expiredAnamnesisCount ?? 0, w = (d.highlightedAnamnesisAnswers ?? []).map((N) => ({
-    text: [
-      N.question,
-      a(c(N.yes ? "anamnesisYes" : "anamnesisNo")),
-      N.answer,
-      ze(n, N.interviewIso)
-    ].filter(Boolean).join(" · ")
-  })), T = Bt(d), S = Un(d) || T, y = [
-    ...d.dobIso ? [
-      {
-        id: "dob",
-        label: a(c("dob")),
-        icon: /* @__PURE__ */ e(Pn, {}),
-        value: `${ze(n, d.dobIso)} ${a(
-          c("patientAge"),
-          {
-            n: Bn(d.dobIso, o)
-          }
-        )}`
-      }
-    ] : [],
-    ...Kn(d).map((N, W) => {
-      const j = N.label === "mobile" || N.label === "home" || N.label === "work";
-      return {
-        id: `phone-${W}`,
-        label: a(j ? `calendarWorkspace.print.phoneLabels.${N.label}` : c("phone")),
-        icon: N.label === "mobile" ? /* @__PURE__ */ e(hn, {}) : /* @__PURE__ */ e(fn, {}),
-        value: Ft(N.number)
-      };
-    }),
-    ...d.email ? [
-      {
-        id: "email",
-        label: a(c("email")),
-        icon: /* @__PURE__ */ e(gn, {}),
-        value: Wt(d.email)
-      }
-    ] : [],
-    ...r ? [
-      {
-        id: "address",
-        label: a(c("address")),
-        icon: /* @__PURE__ */ e(vn, {}),
-        value: T ? /* @__PURE__ */ e(
-          "a",
-          {
-            href: Gn(d),
-            target: "_blank",
-            rel: "noopener noreferrer",
-            "aria-label": `${a(c("mapsLink"))}: ${S}`,
-            children: S
-          }
-        ) : /* @__PURE__ */ e("span", { className: Zn, children: a(c("noAddress")) })
-      }
-    ] : []
-  ], x = (s == null ? void 0 : s.unpaidAmount) ?? 0, D = (s == null ? void 0 : s.billableAmount) ?? 0, E = (l == null ? void 0 : l.paidOnlineAmount) ?? 0, Q = (N, W, j, U, ae, ie) => /* @__PURE__ */ e(
-    At,
-    {
-      id: j,
-      eyebrow: a(c("hoverBilling")),
-      heading: a(c(U), {
-        amount: jt(n, W, i)
-      }),
-      facts: [{ text: a(c(ae)) }],
-      children: /* @__PURE__ */ e(
-        mn,
-        {
-          "data-chip": j,
-          state: N,
-          amount: W,
-          currency: i,
-          locale: n,
-          size: "md",
-          showLabel: !0,
-          label: ie,
-          showIcon: !1
-        }
-      )
-    }
-  );
-  return /* @__PURE__ */ e(
-    Rt,
-    {
-      "data-card": "patient",
-      name: d.name,
-      avatarUrl: d.avatarSrc,
-      locale: n,
-      surface: "elevated",
-      density: "compact",
-      flags: {
-        unsignedDocumentsCount: (p == null ? void 0 : p.toComplete) ?? 0,
-        highlightedAnamnesisCount: v
-      },
-      flagHover: {
-        ...p ? {
-          unsignedDocuments: /* @__PURE__ */ e(
-            Ze,
-            {
-              eyebrow: a(c("sectionSigning")),
-              heading: p.toComplete === 1 ? a(c("signingToSignOne")) : a(c("signingToSignMany"), {
-                n: p.toComplete
-              }),
-              facts: I
-            }
-          )
-        } : {},
-        highlightedAnamnesis: /* @__PURE__ */ e(
-          Ze,
-          {
-            eyebrow: a(c("anamnesisTitle")),
-            heading: a(c("anamnesisHighlighted"), { n: v }),
-            facts: w
-          }
-        )
-      },
-      extraChips: x > 0 || D > 0 || E > 0 || R > 0 ? /* @__PURE__ */ m(Y, { children: [
-        /* @__PURE__ */ m("span", { className: "ds:inline-flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-xs)]", children: [
-          x > 0 ? Q(
-            "debt",
-            x,
-            "unpaid",
-            "hoverUnpaidHeading",
-            "hoverUnpaidFact"
-          ) : null,
-          D > 0 ? Q(
-            "to-invoice",
-            D,
-            "billable",
-            "hoverBillableHeading",
-            "hoverBillableFact"
-          ) : null,
-          E > 0 ? Q(
-            "settled",
-            E,
-            "paidOnline",
-            "hoverPaidOnlineHeading",
-            "hoverPaidOnlineFact",
-            /* A deposit is settled money, but "Settled" hides where
-               it came from: the chip says what its hover card says. */
-            a(c("paidOnline"))
-          ) : null
-        ] }),
-        R > 0 ? /* @__PURE__ */ e(
-          At,
-          {
-            id: "anamnesisExpired",
-            eyebrow: a(c("anamnesisTitle")),
-            heading: a(c("anamnesisExpired"), { n: R }),
-            facts: [{ text: a(c("hoverAnamnesisExpiredFact")) }],
-            children: /* @__PURE__ */ e(
-              He,
-              {
-                "data-chip": "anamnesisExpired",
-                variant: "warning",
-                size: "md",
-                leading: /* @__PURE__ */ e(at, {}),
-                children: a(c("anamnesisExpired"), { n: R })
-              }
-            )
-          }
-        ) : null
-      ] }) : void 0,
-      visibleFieldOrder: y.map((N) => N.id),
-      sections: y.length > 0 ? [{ id: "contact", heading: a(c("sectionPatient")), fields: y }] : void 0
-    }
-  );
-}
-function ta({
-  details: t,
-  locale: n,
-  currency: i,
-  operator: o,
-  chair: r,
-  description: a,
-  privacy: d = !1
-}) {
-  const { t: u } = O(), { appointment: s, booking: l, patient: p } = t, g = (E) => u(`calendarWorkspace.editor.${E}`), I = new Date(s.startIso), v = new Date(I.getTime() + s.durationMin * 6e4), R = Number.isFinite(I.getTime()), { recurrence: w } = s, T = w && qn[w.frequency], S = T ? u(`calendarWorkspace.editor.${T}`) : void 0, y = l ? [
-    l.bookedAtIso && {
-      id: "bookedAt",
-      label: u(c("bookedAt")),
-      value: /* @__PURE__ */ e(
-        pn,
-        {
-          value: l.bookedAtIso,
-          format: "absolute",
-          shape: "bare",
-          locale: n,
-          absoluteFormat: $t
-        }
-      )
-    },
-    l.typedName && {
-      id: "bookingName",
-      label: u(c("bookingName")),
-      value: l.typedName
-    },
-    l.phone && {
-      id: "bookingPhone",
-      label: u(c("bookingPhone")),
-      value: Ft(l.phone)
-    },
-    l.email && {
-      id: "bookingEmail",
-      label: u(c("bookingEmail")),
-      value: Wt(l.email)
-    },
-    l.note && {
-      id: "bookingNote",
-      label: u(c("bookingNote")),
-      value: l.note
-    },
-    /* With a patient the amount is a chip on the patient card. */
-    !p && l.paidOnlineAmount !== void 0 && {
-      id: "paidOnline",
-      label: u(c("paidOnline")),
-      value: jt(n, l.paidOnlineAmount, i)
-    }
-  ] : [], x = d ? y.filter((E) => E && E.id === "bookedAt") : y, D = x.some(Boolean);
-  return /* @__PURE__ */ m(
-    ne,
-    {
-      "data-card": "appointment",
-      title: u(c("sectionAppointment")),
-      headingLevel: 3,
-      children: [
-        a,
-        /* @__PURE__ */ e(
-          Tt,
-          {
-            rows: [
-              R && {
-                id: "date",
-                label: g("date"),
-                icon: /* @__PURE__ */ e(yn, {}),
-                value: ze(n, I)
-              },
-              R && {
-                id: "time",
-                label: u(c("time")),
-                icon: /* @__PURE__ */ e(Mt, {}),
-                value: s.allDay ? g("allDay") : $n(n, I, v)
-              },
-              !s.allDay && {
-                id: "duration",
-                label: g("duration"),
-                icon: /* @__PURE__ */ e(bn, {}),
-                value: `${s.durationMin} ${g("durationUnit")}`
-              },
-              s.isTelehealth && {
-                id: "type",
-                label: g("type"),
-                icon: /* @__PURE__ */ e(it, {}),
-                value: g("typeTelehealth")
-              },
-              o && {
-                id: "operator",
-                label: u(c("operator")),
-                /* A person, as on the grid: the avatar fills the icon slot. */
-                icon: /* @__PURE__ */ e(_t, { name: o.name, src: o.avatarSrc, size: "xs" }),
-                value: o.name
-              },
-              r && {
-                id: "chair",
-                label: u(c("chair")),
-                icon: /* @__PURE__ */ e(wt, {}),
-                value: /* @__PURE__ */ e(He, { variant: "neutral", size: "sm", leading: /* @__PURE__ */ e(wt, {}), children: r.name })
-              },
-              s.branchLabel && {
-                id: "branch",
-                label: g("branch"),
-                icon: /* @__PURE__ */ e(kn, {}),
-                value: s.branchLabel
-              },
-              S && w && {
-                id: "series",
-                label: u(c("seriesLabel")),
-                icon: /* @__PURE__ */ e(zt, {}),
-                value: w.count === void 0 ? S : u(c("seriesRule"), {
-                  frequency: S,
-                  count: w.count
-                })
-              }
-            ]
-          }
-        ),
-        D ? /* @__PURE__ */ m(
-          "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: u(c("sectionBooking")) }),
-              /* @__PURE__ */ e(Tt, { rows: x })
-            ]
-          }
-        ) : null
-      ]
-    }
-  );
-}
-function na({
-  details: t,
-  locale: n,
-  currency: i,
-  privacy: o = !1
-}) {
-  const { t: r } = O(), { care: a } = t, d = o || a == null ? void 0 : a.plan;
-  return !a || !d && a.lines.length === 0 ? null : /* @__PURE__ */ m(
-    ne,
-    {
-      "data-card": "treatments",
-      title: r(c("sectionTreatments")),
-      headingLevel: 3,
-      children: [
-        d ? /* @__PURE__ */ m("span", { className: "ds:flex ds:items-center ds:gap-[var(--spacing-xs)] type-title-item", children: [
-          /* @__PURE__ */ e(
-            Ot,
-            {
-              "aria-hidden": "true",
-              className: "ds:size-4 ds:shrink-0 ds:text-[color:var(--muted-foreground)]"
-            }
-          ),
-          d.number ? r(c("planLine"), { number: d.number, name: d.name }) : d.name
-        ] }) : null,
-        a.lines.length > 0 ? /* @__PURE__ */ e(
-          Pt,
-          {
-            lines: a.lines.map(({ entryId: u, careId: s, ...l }) => ({
-              id: u,
-              ...l
-            })),
-            locale: n,
-            currency: i
-          }
-        ) : null
-      ]
-    }
-  );
-}
-const St = 3;
-function aa({
-  preview: t,
-  onOpenNotes: n,
-  locale: i
-}) {
-  const { t: o } = O(), r = Ue(), a = t.status ?? "ready", d = C(!1);
-  te(() => {
-    d.current && (a !== "loading" && (d.current = !1), Ae(r));
-  }, [a, r]);
-  const u = t.total ?? (a === "ready" ? t.notes.length : null), s = Math.max(0, (u ?? 0) - St), l = s > 0 ? o(c("notesMore"), { n: s }) : o(c("notesPreviewOpen"));
-  return /* @__PURE__ */ m(
-    ne,
-    {
-      "data-card": "notes",
-      headingId: r,
-      headingLevel: 3,
-      title: u === null ? o("notesPanel.title") : o(c("notesPreviewTitle"), { count: u }),
-      headerAction: n && (u ?? 0) > 0 ? /* @__PURE__ */ m("span", { className: "ds:relative ds:inline-flex", children: [
-        /* @__PURE__ */ e(
-          Dt,
-          {
-            icon: /* @__PURE__ */ e(wn, { "aria-hidden": "true" }),
-            intent: "outline",
-            size: "sm",
-            "data-action": "open-patient-notes",
-            "aria-label": l,
-            tooltip: l,
-            onClick: () => n()
-          }
-        ),
-        s > 0 ? (
-          /* Decorative: the button's name already says the count. */
-          /* @__PURE__ */ e(
-            un,
-            {
-              variant: "outline",
-              size: "sm",
-              background: "surface",
-              count: s,
-              "aria-hidden": "true",
-              className: "ds:pointer-events-none ds:absolute ds:-top-[var(--spacing-2xs)] ds:-end-[var(--spacing-2xs)]"
-            }
-          )
-        ) : null
-      ] }) : void 0,
-      children: [
-        a === "error" ? /* @__PURE__ */ m(z, { variant: "error", children: [
-          /* @__PURE__ */ e(z.Description, { children: o("notesPanel.loadError") }),
-          t.onRetry ? /* @__PURE__ */ e(z.Action, { children: /* @__PURE__ */ e(
-            L,
-            {
-              intent: "secondary",
-              size: "sm",
-              onClick: () => {
-                var p;
-                d.current = !0, (p = t.onRetry) == null || p.call(t);
-              },
-              children: o("notesPanel.retry")
-            }
-          ) }) : null
-        ] }) : null,
-        t.notes.length === 0 && a === "loading" ? /* @__PURE__ */ m(Y, { children: [
-          /* @__PURE__ */ e("span", { role: "status", className: "ds:sr-only", children: o("notesPanel.loading") }),
-          /* @__PURE__ */ e(Ve, { notes: [], loading: !0, loadingRows: 2 })
-        ] }) : a !== "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(
-            Ve,
-            {
-              notes: t.notes,
-              maxItems: St,
-              locale: i,
-              "aria-labelledby": r,
-              onNoteActivate: n,
-              emptyState: /* @__PURE__ */ e("p", { className: "ds:m-0 type-body-sm ds:text-[color:var(--muted-foreground)]", children: o(c("notesPreviewEmpty")) })
-            }
-          )
-        ) : null
-      ]
-    }
-  );
-}
-const ia = et("ds:flex ds:h-full ds:min-h-0 ds:flex-col"), sa = et(
-  "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)]"
-), oa = et(
-  "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)]"
-), K = "ds:[.theme-accessible_&]:[min-block-size:var(--min-target-size)]", ra = "ds:[.theme-accessible_&>button]:[min-block-size:var(--min-target-size)]", la = [
-  "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(" "), qt = ["40%", "33%", "50%", "25%"], da = [
-  "bill",
-  "folder",
-  "template",
-  "empty",
-  "identification",
-  "webcam"
-], ca = {
-  bill: /* @__PURE__ */ e(Cn, { "aria-hidden": "true" }),
-  folder: /* @__PURE__ */ e(En, { "aria-hidden": "true" }),
-  template: /* @__PURE__ */ e(Dn, { "aria-hidden": "true" }),
-  empty: /* @__PURE__ */ e(In, { "aria-hidden": "true" }),
-  identification: /* @__PURE__ */ e(_n, { "aria-hidden": "true" }),
-  webcam: /* @__PURE__ */ e(Sn, { "aria-hidden": "true" })
-}, k = (t) => `calendarWorkspace.details.${t}`;
-function It({
-  children: t,
-  startIcon: n,
-  overflowItems: i,
-  "data-action": o,
-  intent: r,
-  background: a,
-  size: d,
-  hideLabel: u
-}) {
-  return /* @__PURE__ */ m(Me.Root, { children: [
-    /* @__PURE__ */ e(tn, { label: t, side: "top", children: /* @__PURE__ */ e(Me.Trigger, { asChild: !0, children: /* @__PURE__ */ e(
-      L,
-      {
-        intent: r,
-        background: a,
-        size: d,
-        "data-action": o,
-        className: K,
-        startIcon: n,
-        "aria-haspopup": "menu",
-        endIcon: /* @__PURE__ */ e(Tn, { "aria-hidden": "true" }),
-        children: u ? /* @__PURE__ */ e("span", { className: "ds:sr-only", children: t }) : t
-      }
-    ) }) }),
-    /* @__PURE__ */ e(Me.Content, { align: "end", children: i.map((s) => /* @__PURE__ */ e(
-      Me.Item,
-      {
-        "data-action": s.action,
-        startIcon: s.icon,
-        onSelect: s.onSelect,
-        children: s.label
-      },
-      s.label
-    )) })
-  ] });
-}
-function ua() {
-  const { t } = O();
-  return /* @__PURE__ */ m(Y, { children: [
-    /* @__PURE__ */ e("span", { role: "status", className: "ds:sr-only", children: t("common.loading") }),
-    /* @__PURE__ */ m(
-      "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(
-            Rt,
-            {
-              name: "",
-              loading: !0,
-              surface: "elevated",
-              density: "compact"
-            }
-          ),
-          /* @__PURE__ */ m(ne, { title: t(k("sectionAppointment")), headingLevel: 3, children: [
-            /* @__PURE__ */ e(Et, { loading: !0, maxLines: 2 }),
-            /* @__PURE__ */ e("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: qt.map((n, i) => /* @__PURE__ */ m(
-              "div",
-              {
-                className: "ds:flex ds:items-center ds:gap-[var(--spacing-sm)]",
-                children: [
-                  /* @__PURE__ */ e(
-                    ue,
-                    {
-                      variant: "rounded",
-                      stagger: i + 2,
-                      width: "var(--spacing-md)",
-                      height: "var(--spacing-md)",
-                      className: "ds:shrink-0"
-                    }
-                  ),
-                  /* @__PURE__ */ e(
-                    ue,
-                    {
-                      variant: "text",
-                      size: "sm",
-                      stagger: i + 2,
-                      width: n
-                    }
-                  )
-                ]
-              },
-              n
-            )) })
-          ] }),
-          /* @__PURE__ */ e(ne, { title: t("notesPanel.title"), headingLevel: 3, children: /* @__PURE__ */ e(Ve, { notes: [], loading: !0, loadingRows: 2 }) }),
-          /* @__PURE__ */ e(ne, { title: t(k("sectionTreatments")), headingLevel: 3, children: /* @__PURE__ */ e(Pt, { lines: [], loading: !0 }) })
-        ]
-      }
-    ),
-    /* @__PURE__ */ m(
-      "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 pa({
-  history: t,
-  locale: n,
-  onRetry: i
-}) {
-  var g;
-  const { t: o } = O(), r = t.status ?? (t.entries ? "ready" : "loading"), a = r === "error" ? void 0 : t.entries, d = r === "loading" || r !== "error" && !a, [u, s] = _(!1);
-  pe(() => s(!0), []);
-  let l = "";
-  d ? l = o("common.loading") : a && (l = a.length === 0 ? o(k("historyEmpty")) : o(k("historyLoaded"), { n: a.length }));
-  let p;
-  return r === "error" ? p = /* @__PURE__ */ m("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
-    /* @__PURE__ */ e(z, { variant: "error", children: /* @__PURE__ */ e(z.Description, { children: ((g = t.message) == null ? void 0 : g.trim()) || o("emptyState.error.description") }) }),
-    i ? /* @__PURE__ */ e(
-      L,
-      {
-        intent: "outline",
-        "data-action": "retry-history",
-        onClick: () => i(),
-        children: o("emptyState.error.cta")
-      }
-    ) : null
-  ] }) : d || !a ? p = /* @__PURE__ */ e(
-    "div",
-    {
-      "aria-hidden": "true",
-      className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]",
-      children: qt.slice(0, 3).map((I, v) => /* @__PURE__ */ m(
-        "div",
-        {
-          className: "ds:flex ds:items-start ds:gap-[var(--spacing-sm)]",
-          children: [
-            /* @__PURE__ */ e(
-              ue,
-              {
-                variant: "circular",
-                stagger: v,
-                width: "var(--spacing-xl)",
-                height: "var(--spacing-xl)",
-                className: "ds:shrink-0"
-              }
-            ),
-            /* @__PURE__ */ e(
-              ue,
-              {
-                variant: "rounded",
-                stagger: v,
-                width: I,
-                height: "var(--spacing-2xl)"
-              }
-            )
-          ]
-        },
-        I
-      ))
-    }
-  ) : p = /* @__PURE__ */ e(Vn, { history: a, locale: n }), /* @__PURE__ */ m(Y, { children: [
-    /* @__PURE__ */ e("span", { role: "status", className: "ds:sr-only", children: u ? l : "" }),
-    p
-  ] });
-}
-function ma({
-  read: t,
-  refreshing: n,
-  currency: i,
-  now: o,
-  locale: r,
-  shownTitle: a,
-  headingId: d,
-  enter: u,
-  live: s,
-  statusControl: l,
-  patientId: p = ((De) => (De = t.patient) == null ? void 0 : De.id)(),
-  operator: g,
-  chair: I,
-  privacy: v = !1,
-  privacyTitle: R,
-  mapsLink: w,
-  notesPreview: T,
-  onOpenNotes: S,
-  history: y,
-  onOpenHistory: x,
-  readOnly: D = !1,
-  onStatusChange: E,
-  allowedStatuses: Q = bt,
-  onDescriptionChange: N,
-  onEdit: W,
-  onMove: j,
-  onCopy: U,
-  onDelete: ae,
-  onJoinTelehealth: ie,
-  onWhatsApp: Te,
-  whatsappUrl: Se,
-  createTaskUrl: Ie,
-  documents: J
-}) {
-  var mt, ht;
-  const { t: h } = O(), { eventId: P } = t, [$e] = _(u), se = { details: t, locale: r, currency: i }, A = y ? y.eventId !== void 0 && y.eventId !== P ? { status: "loading" } : y : t.history ? { entries: t.history } : void 0, Ee = (T == null ? void 0 : T.patientId) === void 0 || T.patientId === p, oe = T ? Ee ? T : p ? { notes: [], status: "loading", total: null } : void 0 : void 0, X = !!N && !D && !v, [he, G] = _(!1), [fe, q] = _(!1), Z = he && A !== void 0, Ce = fe && X, ge = () => {
-    Z || !A || (G(!0), x == null || x(P));
-  }, Re = C({ history: !1, editor: !1 });
-  te(() => {
-    const f = Re.current;
-    Re.current = { history: Z, editor: Ce };
-    const ce = f.history && A === void 0, ft = f.editor && !X;
-    ce && G(!1), ft && q(!1), (ce || ft) && Ae(d);
-  });
-  const re = C(null), M = C(!1), ve = (A == null ? void 0 : A.status) ?? (A != null && A.entries ? "ready" : "loading");
-  te(() => {
-    M.current && (ve !== "loading" && (M.current = !1), Je(re.current));
-  }, [ve]);
-  const [F, ye] = _(t.appointment.name ?? "");
-  pe(() => {
-    ye(t.appointment.name ?? "");
-  }, [t.appointment.name]);
-  const [be, ee] = _(""), [le, ke] = _(!1), [b, H] = _(), de = C(null);
-  pe(() => {
-    fe && (ee(F), H(void 0));
-  }, [fe]);
-  const Pe = async () => {
-    if (!N) return;
-    const f = be.trim();
-    ke(!0), H(void 0);
-    try {
-      await N(f, P), ye(f), q(!1);
-    } catch (ce) {
-      H(
-        Ge(ce, h(k("descriptionSaveFailed")))
-      );
-    } finally {
-      ke(!1);
-    }
-  }, [$, Be] = _(t.appointment.status);
-  pe(() => {
-    Be(t.appointment.status);
-  }, [t.appointment.status]);
-  const st = C(n);
-  te(() => {
-    const f = st.current && !n;
-    st.current = n, f && (Be(t.appointment.status), ye(t.appointment.name ?? ""));
-  }, [n]);
-  const Le = bt.filter(
-    (f) => Q.includes(f)
-  ), we = tt($, {
-    statuses: Le,
-    /* Shown so the control can say it, but not a choice. */
-    disabledStatuses: $ && !Le.includes($) ? [$] : []
-  }), xe = !!E && !D && Le.some((f) => f !== $), Kt = async (f) => {
-    if (!(!E || !an(f))) {
-      try {
-        await E(f, P);
-      } catch (ce) {
-        throw new Error(Ge(ce, h(k("statusSaveFailed"))));
-      }
-      Be(f);
-    }
-  }, ot = v ? void 0 : Se, rt = da.filter(
-    (f) => J == null ? void 0 : J.kinds.includes(f)
-  ), Ut = (((mt = t.care) == null ? void 0 : mt.lines.length) ?? 0) > 0, lt = p !== void 0 && p !== "", Fe = h(k("status")), dt = `${Fe}: ${we.option.label}`, We = C(null), ct = C(xe);
-  te(() => {
-    const f = ct.current && !xe;
-    ct.current = xe, f && (We.current ? Je(We.current) : Ae(d));
-  });
-  const ut = xe ? /* @__PURE__ */ e(
-    nn,
-    {
-      ref: l,
-      value: we.value,
-      options: we.options,
-      size: "sm",
-      workflowLabel: Fe,
-      className: `ds:[&>button]:bg-[color:var(--background)] ${ra}`,
-      "aria-label": dt,
-      onValueChange: Kt
-    }
-  ) : $ ? (
-    /* Named as the control is, "Status: Confirmed": the small display
-       prints the value alone. */
-    /* @__PURE__ */ e(
-      "div",
-      {
-        ref: We,
-        role: "group",
-        "aria-label": dt,
-        tabIndex: -1,
-        "data-status-display": "",
-        className: oa(),
-        children: /* @__PURE__ */ e(
-          Ye,
-          {
-            value: we.value,
-            size: "sm",
-            workflowLabel: Fe,
-            option: we.option
-          }
-        )
-      }
-    )
-  ) : null, B = [];
-  ie && B.push([
-    "join-telehealth",
-    /* @__PURE__ */ e(
-      L,
-      {
-        intent: "primary",
-        "data-action": "join-telehealth",
-        className: K,
-        startIcon: /* @__PURE__ */ e(it, { "aria-hidden": "true" }),
-        onClick: () => ie(P),
-        children: h(k("joinTelehealth"))
-      },
-      "join"
-    )
-  ]), !D && W && B.push([
-    "edit-appointment",
-    /* @__PURE__ */ e(
-      L,
-      {
-        "data-action": "edit-appointment",
-        className: K,
-        startIcon: /* @__PURE__ */ e(Qe, { "aria-hidden": "true" }),
-        onClick: () => W(P),
-        children: h("calendarWorkspace.editor.editTitle")
-      },
-      "edit"
-    )
-  ]), !D && j && B.push([
-    "move-appointment",
-    /* @__PURE__ */ e(
-      L,
-      {
-        "data-action": "move-appointment",
-        className: K,
-        startIcon: /* @__PURE__ */ e(Ht, { "aria-hidden": "true" }),
-        onClick: () => j(P),
-        children: h(k("move"))
-      },
-      "move"
-    )
-  ]), !D && U && B.push([
-    "copy-appointment",
-    Ut ? /* @__PURE__ */ e(
-      It,
-      {
-        "data-action": "copy-appointment",
-        "data-overflow-tip": !1,
-        startIcon: /* @__PURE__ */ e(Nt, { "aria-hidden": "true" }),
-        overflowItems: [
-          {
-            label: h("calendarWorkspace.editor.duplicateAppointmentOnly"),
-            icon: /* @__PURE__ */ e(xn, { "aria-hidden": "true" }),
-            action: "copy-appointment-only",
-            onSelect: () => U(!1, P)
-          },
-          {
-            label: h("calendarWorkspace.editor.duplicateWithTreatments"),
-            icon: /* @__PURE__ */ e(Ot, { "aria-hidden": "true" }),
-            action: "copy-appointment-with-treatments",
-            onSelect: () => U(!0, P)
-          }
-        ],
-        children: h(k("copy"))
-      },
-      "copy"
-    ) : /* @__PURE__ */ e(
-      L,
-      {
-        "data-action": "copy-appointment",
-        className: K,
-        startIcon: /* @__PURE__ */ e(Nt, { "aria-hidden": "true" }),
-        onClick: () => U(!1, P),
-        children: h(k("copy"))
-      },
-      "copy"
-    )
-  ]), J && rt.length > 0 && B.push([
-    "open-create-document",
-    /* @__PURE__ */ e(
-      It,
-      {
-        "data-action": "open-create-document",
-        "data-overflow-tip": !1,
-        startIcon: /* @__PURE__ */ e(Nn, { "aria-hidden": "true" }),
-        overflowItems: rt.map((f) => ({
-          label: h(k(`documents.${f}`)),
-          icon: ca[f],
-          action: `create-document-${f}`,
-          onSelect: () => J.onCreate(f, P)
-        })),
-        children: h(k("documents.label"))
-      },
-      "documents"
-    )
-  ]), Te ? B.push([
-    "open-whatsapp",
-    /* @__PURE__ */ e(
-      L,
-      {
-        "data-action": "open-whatsapp",
-        className: K,
-        startIcon: /* @__PURE__ */ e(yt, { "aria-hidden": "true" }),
-        onClick: () => Te(P),
-        children: h(k("remindWhatsApp"))
-      },
-      "whatsapp"
-    )
-  ]) : ot && B.push([
-    "open-whatsapp",
-    /* @__PURE__ */ e(
-      L,
-      {
-        asChild: !0,
-        "data-action": "open-whatsapp",
-        className: K,
-        startIcon: /* @__PURE__ */ e(yt, { "aria-hidden": "true" }),
-        children: /* @__PURE__ */ e("a", { href: ot, target: "_blank", rel: "noopener noreferrer", children: h(k("remindWhatsApp")) })
-      },
-      "whatsapp"
-    )
-  ]), Ie && B.push([
-    "create-task",
-    /* @__PURE__ */ e(
-      L,
-      {
-        asChild: !0,
-        "data-action": "create-task",
-        className: K,
-        startIcon: /* @__PURE__ */ e(An, { "aria-hidden": "true" }),
-        children: /* @__PURE__ */ e("a", { href: Ie, children: h(k("createTask")) })
-      },
-      "task"
-    )
-  ]), !D && ae && B.push([
-    "delete-appointment",
-    /* @__PURE__ */ e(
-      L,
-      {
-        intent: "destructiveOutline",
-        "data-action": "delete-appointment",
-        className: K,
-        startIcon: /* @__PURE__ */ e(Lt, { "aria-hidden": "true" }),
-        onClick: () => ae(P),
-        children: h("calendarWorkspace.editor.delete")
-      },
-      "delete"
-    )
-  ]);
-  const je = B.map(([, f]) => f);
-  s.current = {
-    status: $ ?? null,
-    allowed: xe ? Le : [],
-    offered: B.map(([f]) => f),
-    historyAvailable: A !== void 0,
-    historyOpen: Z,
-    openHistory: ge,
-    closeHistory: () => G(!1)
-  };
-  const pt = h(k("historyBack"));
-  return /* @__PURE__ */ e(
-    "div",
-    {
-      className: `ds:flex ds:min-h-0 ds:flex-1 ds:flex-col ${$e ? Zt : ""}`,
-      children: /* @__PURE__ */ m(Ke.Host, { children: [
-        /* @__PURE__ */ e(
-          Ct,
-          {
-            title: a,
-            headingId: d,
-            icon: /* @__PURE__ */ e(nt, { "aria-hidden": "true" }),
-            sticky: !0,
-            divider: !0,
-            actions: A ? /* @__PURE__ */ e(
-              Dt,
-              {
-                size: "sm",
-                intent: "ghost",
-                icon: /* @__PURE__ */ e(xt, { "aria-hidden": "true" }),
-                "aria-label": h(k("historyAction")),
-                tooltip: h(k("historyAction")),
-                "data-action": "open-history",
-                onClick: ge
-              }
-            ) : 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__ */ m("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)] ds:p-[var(--spacing-md)]", children: [
-              v ? /* @__PURE__ */ e(Jt, { mask: R }) : t.patient ? /* @__PURE__ */ e(ea, { ...se, now: o, mapsLink: w }) : (
-                /* No patient card to carry the identity: a patient-less, an
-                   unassigned or an unresolved booking keeps the strip. */
-                /* @__PURE__ */ e(
-                  Jn,
-                  {
-                    name: t.appointment.title.trim() ? t.appointment.title : h(k("patientNotLoaded")),
-                    unresolved: lt,
-                    status: $,
-                    flags: {
-                      isTelehealth: t.appointment.isTelehealth,
-                      isBookedOnline: t.appointment.bookedOnline,
-                      isRecurring: t.appointment.recurrence !== void 0,
-                      hasUnassignedPatient: t.appointment.bookedOnline && !lt,
-                      hasHighlightedAnamnesis: !1,
-                      hasBillableAmount: (((ht = t.money) == null ? void 0 : ht.billableAmount) ?? 0) > 0
-                    },
-                    locale: r
-                  }
-                )
-              ),
-              /* @__PURE__ */ e(
-                ta,
-                {
-                  ...se,
-                  operator: g,
-                  chair: I,
-                  privacy: v,
-                  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. */
-                    v ? F ? /* @__PURE__ */ e(vt, { block: "description" }) : void 0 : F || N && !D ? /* @__PURE__ */ e(
-                      Et,
-                      {
-                        "data-block": "description",
-                        role: "group",
-                        "aria-label": h("calendarWorkspace.editor.description"),
-                        value: F,
-                        editLabel: h(k("editDescription")),
-                        onEdit: N && !D ? () => q(!0) : void 0
-                      }
-                    ) : void 0
-                  )
-                }
-              ),
-              oe && v ? /* @__PURE__ */ e(
-                ne,
-                {
-                  "data-card": "notes",
-                  title: h("notesPanel.title"),
-                  headingLevel: 3,
-                  children: /* @__PURE__ */ e(vt, {})
-                }
-              ) : oe ? /* @__PURE__ */ e(
-                aa,
-                {
-                  preview: oe,
-                  onOpenNotes: Ee ? S : void 0,
-                  locale: r
-                }
-              ) : null,
-              /* @__PURE__ */ e(na, { ...se, privacy: v })
-            ] })
-          }
-        ),
-        ut || je.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__ */ m("div", { className: sa(), children: [
-            ut,
-            je.length > 0 ? /* @__PURE__ */ e(
-              Xt,
-              {
-                label: h(k("actionsLabel")),
-                overflow: "menu",
-                collapseToIcons: !0,
-                background: "surface",
-                size: "sm",
-                className: `ds:min-w-0 ds:flex-1 ds:text-end ${la}`,
-                children: je
-              }
-            ) : null
-          ] })
-        ) : null,
-        A ? /* @__PURE__ */ e(
-          Ke,
-          {
-            ref: re,
-            open: Z,
-            icon: /* @__PURE__ */ e(xt, { "aria-hidden": "true" }),
-            title: h(k("historyTitle")),
-            backLabel: pt,
-            headingLevel: 3,
-            onBack: () => G(!1),
-            "data-details-subview": "history",
-            children: /* @__PURE__ */ e("div", { className: "ds:p-[var(--spacing-md)]", children: /* @__PURE__ */ e(
-              pa,
-              {
-                history: A,
-                locale: r,
-                onRetry: A.onRetry ? () => {
-                  var f;
-                  M.current = !0, (f = A.onRetry) == null || f.call(A);
-                } : void 0
-              }
-            ) })
-          }
-        ) : null,
-        X ? /* @__PURE__ */ e(
-          Ke,
-          {
-            open: Ce,
-            icon: /* @__PURE__ */ e(Qe, { "aria-hidden": "true" }),
-            title: h(k("editDescription")),
-            backLabel: pt,
-            headingLevel: 3,
-            initialFocusRef: de,
-            onBack: () => {
-              le || q(!1);
-            },
-            "data-details-subview": "description",
-            footer: /* @__PURE__ */ m(Y, { children: [
-              /* @__PURE__ */ e(
-                L,
-                {
-                  intent: "secondary",
-                  disabled: le,
-                  onClick: () => q(!1),
-                  children: h(k("noteCancel"))
-                }
-              ),
-              /* @__PURE__ */ e(
-                L,
-                {
-                  intent: "primary",
-                  "data-action": "save-description",
-                  loading: le,
-                  onClick: () => void Pe(),
-                  children: h(k("descriptionSave"))
-                }
-              )
-            ] }),
-            children: /* @__PURE__ */ m("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)] ds:p-[var(--spacing-md)]", children: [
-              b ? /* @__PURE__ */ e(z, { variant: "error", children: /* @__PURE__ */ e(z.Description, { children: b }) }) : null,
-              /* @__PURE__ */ e(
-                en,
-                {
-                  ref: de,
-                  value: be,
-                  minRows: 6,
-                  autoResize: !0,
-                  "aria-label": h("calendarWorkspace.editor.description"),
-                  onChange: (f) => ee(f.target.value)
-                }
-              )
-            ] })
-          }
-        ) : null
-      ] })
-    }
-  );
-}
-const ha = Gt(function({
-  state: n,
-  onRetry: i,
-  patientId: o,
-  operator: r,
-  chair: a,
-  currency: d = "EUR",
-  now: u,
-  locale: s,
-  title: l,
-  privacy: p = !1,
-  privacyTitle: g,
-  mapsLink: I,
-  notesPreview: v,
-  onOpenNotes: R,
-  history: w,
-  onOpenHistory: T,
-  readOnly: S = !1,
-  onStatusChange: y,
-  allowedStatuses: x,
-  onDescriptionChange: D,
-  onEdit: E,
-  onMove: Q,
-  onCopy: N,
-  onDelete: W,
-  onJoinTelehealth: j,
-  onWhatsApp: U,
-  whatsappUrl: ae,
-  createTaskUrl: ie,
-  documents: Te,
-  id: Se,
-  className: Ie,
-  ...J
-}, De) {
-  var le, ke;
-  const { t: h, i18n: P } = O(), $e = Ue(), se = Se ?? $e, A = Ue(), Ee = s ?? P.language, oe = !p && (l != null && l.trim()) ? l : h(k("region")), X = n.status === "ready" ? n.read : void 0, he = n.status === "ready" ? n.read.eventId : n.eventId, G = C(
-    void 0
-  ), fe = G.current !== void 0 && G.current !== "ready";
-  pe(() => {
-    G.current = n.status;
-  }, [n.status]);
-  const q = !!i && (n.status === "error" || n.status === "refused" && n.retryable === !0), Z = C(null), Ce = gt(() => Qt(De, Z), [De]), ge = C(!1);
-  typeof document < "u" && (ge.current = ((le = Z.current) == null ? void 0 : le.contains(document.activeElement)) ?? !1);
-  const Re = X ? `ready:${X.eventId}` : n.status, re = C(!1);
-  te(() => {
-    re.current ? (n.status !== "loading" && (re.current = !1), Ae(A)) : ge.current && Ae(A);
-  }, [Re, A]);
-  const M = C(null);
-  X || (M.current = null);
-  const ve = C(null), F = C({ state: n, eventId: he, privacy: p, retryOffered: q, onRetry: i });
-  F.current = { state: n, eventId: he, privacy: p, retryOffered: q, onRetry: i };
-  const ye = gt(
-    () => ({
-      getEventId: () => F.current.eventId ?? null,
-      getLoadStatus: () => F.current.state.status,
-      getAppointmentStatus: () => {
-        var b;
-        return ((b = M.current) == null ? void 0 : b.status) ?? null;
-      },
-      getAllowedStatuses: () => {
-        var b;
-        return [...((b = M.current) == null ? void 0 : b.allowed) ?? []];
-      },
-      getOfferedActions: () => {
-        var b;
-        return [...((b = M.current) == null ? void 0 : b.offered) ?? []];
-      },
-      isHistoryOpen: () => {
-        var b;
-        return ((b = M.current) == null ? void 0 : b.historyOpen) ?? !1;
-      },
-      isPrivacy: () => F.current.privacy,
-      openHistory: () => {
-        var b;
-        if (!((b = M.current) != null && b.historyAvailable))
-          throw new Error("AppointmentDetailsPanel: History is not offered.");
-        M.current.openHistory();
-      },
-      closeHistory: () => {
-        var b;
-        (b = M.current) == null || b.closeHistory();
-      },
-      setAppointmentStatus: (b) => {
-        const H = M.current, de = ve.current;
-        if (!H || !de || H.allowed.length === 0)
-          return qe(
-            new Error("AppointmentDetailsPanel: the status is read-only.")
-          );
-        if (b === H.status) return Promise.resolve();
-        if (!H.allowed.includes(b))
-          return qe(
-            new Error(`AppointmentDetailsPanel: "${b}" is not allowed.`)
-          );
-        const Pe = () => qe(
-          new Error("AppointmentDetailsPanel: a status save is in flight.")
-        );
-        if (de.getIsSaving()) return Pe();
-        const $ = de.setValue(b);
-        return $ === void 0 ? Pe() : $;
-      },
-      retry: () => {
-        const { retryOffered: b, onRetry: H } = F.current;
-        if (!b || !H)
-          throw new Error("AppointmentDetailsPanel: Retry is not offered.");
-        H();
-      }
-    }),
-    []
-  );
-  Yt(Hn, ye, se);
-  const be = /* @__PURE__ */ e(
-    Ct,
-    {
-      title: oe,
-      headingId: A,
-      icon: /* @__PURE__ */ e(nt, { "aria-hidden": "true" }),
-      sticky: !0,
-      divider: !0
-    }
-  );
-  let ee;
-  return n.status === "ready" ? ee = /* @__PURE__ */ e(
-    ma,
-    {
-      read: n.read,
-      refreshing: n.refreshing === !0,
-      currency: d,
-      now: u ?? /* @__PURE__ */ new Date(),
-      locale: Ee,
-      shownTitle: oe,
-      headingId: A,
-      enter: fe,
-      live: M,
-      statusControl: ve,
-      patientId: o,
-      operator: r,
-      chair: a,
-      privacy: p,
-      privacyTitle: g,
-      mapsLink: I,
-      notesPreview: v,
-      onOpenNotes: R,
-      history: w,
-      onOpenHistory: T,
-      readOnly: S,
-      onStatusChange: y,
-      allowedStatuses: x,
-      onDescriptionChange: D,
-      onEdit: E,
-      onMove: Q,
-      onCopy: N,
-      onDelete: W,
-      onJoinTelehealth: j,
-      onWhatsApp: U,
-      whatsappUrl: ae,
-      createTaskUrl: ie,
-      documents: Te
-    },
-    n.read.eventId
-  ) : n.status === "loading" ? ee = /* @__PURE__ */ m(Y, { children: [
-    be,
-    /* @__PURE__ */ e(ua, {})
-  ] }) : ee = /* @__PURE__ */ m(Y, { children: [
-    be,
-    /* @__PURE__ */ m("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)] ds:p-[var(--spacing-md)]", children: [
-      /* @__PURE__ */ e(z, { variant: n.status === "error" ? "error" : "warning", children: /* @__PURE__ */ e(z.Description, { children: n.status === "error" ? ((ke = n.message) == null ? void 0 : ke.trim()) || h("emptyState.error.description") : n.reason }) }),
-      q ? /* @__PURE__ */ e(
-        L,
-        {
-          intent: "outline",
-          "data-action": "retry-load",
-          onClick: () => {
-            re.current = !0, i == null || i();
-          },
-          children: h("emptyState.error.cta")
-        }
-      ) : null
-    ] })
-  ] }), /* @__PURE__ */ e(
-    "div",
-    {
-      ref: Ce,
-      id: Se,
-      "data-component": "appointment-details-panel",
-      "data-component-id": se,
-      "data-event-id": he,
-      "data-status": n.status,
-      "aria-busy": n.status === "loading" || void 0,
-      className: ia({ className: Ie }),
-      ...J,
-      children: ee
-    }
-  );
-});
-ha.displayName = "AppointmentDetailsPanel";
-function Ri({
-  eventId: t,
-  load: n,
-  reloadKey: i
-}) {
-  const { t: o } = O(), r = C("");
-  r.current = o("emptyState.error.description");
-  const a = C(n);
-  te(() => {
-    a.current = n;
-  });
-  const [d, u] = _(0), [s, l] = _(), p = JSON.stringify([i ?? null, d]), [g, I] = _({ eventId: t, count: 0 }), v = g.eventId === t ? g.count : g.count + 1;
-  g.eventId !== t && I({ eventId: t, count: v }), pe(() => {
-    if (t === null) {
-      l(void 0);
-      return;
-    }
-    const S = new AbortController(), y = (x) => {
-      S.signal.aborted || l({ eventId: t, selection: v, request: p, value: x });
-    };
-    return Promise.resolve().then(() => a.current(t, { signal: S.signal })).then((x) => {
-      var D, E;
-      if (x.status !== "ready") {
-        y({
-          status: "refused",
-          eventId: t,
-          reason: x.reason,
-          retryable: x.retryable
-        });
-        return;
-      }
-      if (((D = x.details) == null ? void 0 : D.eventId) !== t || !Wn((E = x.details.appointment) == null ? void 0 : E.startIso))
-        throw new Error(r.current);
-      y({ status: "ready", read: x.details });
-    }).catch((x) => {
-      y({
-        status: "error",
-        eventId: t,
-        message: Ge(x, r.current)
-      });
-    }), () => S.abort();
-  }, [t, v, p]);
-  const R = Vt(() => u((S) => S + 1), []);
-  if (t === null) return { state: null, retry: R };
-  const w = (s == null ? void 0 : s.eventId) === t && s.selection === v ? s : void 0;
-  let T = { status: "loading", eventId: t };
-  return (w == null ? void 0 : w.request) === p ? T = w.value : (w == null ? void 0 : w.value.status) === "ready" && (T = { status: "ready", read: w.value.read, refreshing: !0 }), { state: T, retry: R };
-}
-export {
-  ha as A,
-  Nt as C,
-  $t as D,
-  Qn as I,
-  Ht as M,
-  qn as R,
-  Hn as a,
-  Xe as b,
-  Bn as c,
-  Kn as d,
-  Yn as e,
-  ze as f,
-  Vn as g,
-  Bt as h,
-  Un as i,
-  Gn as j,
-  Jn as k,
-  $n as l,
-  Wn as p,
-  jn as s,
-  Ri as u
-};
-//# sourceMappingURL=use-appointment-details-read-uEnJLVfA.js.map