@alfadocs/ui-kit-debug 1.132.0 → 1.134.0

package/dist/_chunks/appointment-card-DG3m9yN-.js

@@ -0,0 +1,504 @@
+import { jsxs as r, jsx as e } from "react/jsx-runtime";
+import { forwardRef as Na, useMemo as aa, useEffect as wa } from "react";
+import { c as ka } from "./index-D2ZczOXr.js";
+import { useTranslation as ya } from "react-i18next";
+import { A as ea } from "./avatar-Dp5apm1d.js";
+import { B as c } from "./badge-BUk4RjTS.js";
+import { T as Ca } from "./tag-BNlcEJfE.js";
+import { T as za } from "./timestamp-DPLDWdxA.js";
+import { T as sa } from "./transaction-chip-CkYd-3ky.js";
+import { i as Ta } from "./is-development-CLUAnsU7.js";
+import { V as Sa } from "./visually-hidden-BHxEUGyT.js";
+import { p as Ma } from "./privacy-mask-text-B8YfzB7L.js";
+import { a as Ra } from "./workflow-status-D1WgGVTP.js";
+import { i as Aa } from "./is-safe-url-CEy9CEml.js";
+import { a as Da, b as Va, c as _a } from "./entity-card-p-LANpYt.js";
+import { V as Ia } from "./video-BheNGvsu.js";
+import { M as La } from "./map-pin-BaY37-Km.js";
+import { E as Pa } from "./eye-off-C_4xkbRP.js";
+import { U as Ea } from "./user-x-BJZg4kaP.js";
+import { B as Oa } from "./building-2-D33bLCWL.js";
+import { S as ra } from "./star-Bf9L2Uot.js";
+import { c as oa } from "./createLucideIcon-DhHxpK9K.js";
+import { A as Ua } from "./armchair-BaLDW6Hz.js";
+import { G as Fa } from "./globe-sHBW1JN5.js";
+import { R as ja } from "./repeat-CvQa5rZt.js";
+import { F as $a } from "./file-pen-line-k4uMBM3h.js";
+import { C as Ba } from "./chevron-right-I9AeSxH2.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 qa = [
+  ["rect", { width: "8", height: "4", x: "8", y: "2", rx: "1", ry: "1", key: "tgr4d6" }],
+  [
+    "path",
+    {
+      d: "M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2",
+      key: "116196"
+    }
+  ],
+  ["path", { d: "M9 14h6", key: "159ibu" }],
+  ["path", { d: "M12 17v-6", key: "1y8rbf" }]
+], Wa = oa("clipboard-plus", qa);
+/**
+ * @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 Ga = [
+  [
+    "path",
+    {
+      d: "M22 17a2 2 0 0 1-2 2H6.828a2 2 0 0 0-1.414.586l-2.202 2.202A.71.71 0 0 1 2 21.286V5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2z",
+      key: "18887p"
+    }
+  ],
+  ["path", { d: "M7 11h10", key: "1twpyw" }],
+  ["path", { d: "M7 15h6", key: "d9of3u" }],
+  ["path", { d: "M7 7h8", key: "af5zfr" }]
+], Ha = oa("message-square-text", Ga), Ka = {
+  "var(--color-violet-500)": "ds:bg-[var(--color-violet-500)]",
+  "var(--color-purple-500)": "ds:bg-[var(--color-purple-500)]",
+  "var(--color-magenta-500)": "ds:bg-[var(--color-magenta-500)]",
+  "var(--color-blue-500)": "ds:bg-[var(--color-blue-500)]",
+  "var(--color-green-500)": "ds:bg-[var(--color-green-500)]",
+  "var(--color-red-500)": "ds:bg-[var(--color-red-500)]",
+  "var(--color-yellow-500)": "ds:bg-[var(--color-yellow-500)]",
+  "var(--color-indigo-500)": "ds:bg-[var(--color-indigo-500)]",
+  "var(--color-orange-500)": "ds:bg-[var(--color-orange-500)]",
+  "var(--color-fuchsia-500)": "ds:bg-[var(--color-fuchsia-500)]",
+  "var(--color-grey-700)": "ds:bg-[var(--color-grey-700)]"
+};
+function Ya(a) {
+  return Ka[_a(a)] ?? "ds:bg-[var(--color-grey-700)]";
+}
+function Xa(a) {
+  if (!a) return;
+  const t = new Date(a);
+  if (Number.isNaN(t.getTime())) return;
+  const u = /* @__PURE__ */ new Date();
+  let o = u.getFullYear() - t.getFullYear();
+  const d = u.getMonth() - t.getMonth();
+  return (d < 0 || d === 0 && u.getDate() < t.getDate()) && o--, o < 0 || o > 130 ? void 0 : o;
+}
+const na = {
+  hour: "numeric",
+  minute: "2-digit"
+};
+function Ja(a) {
+  if (a)
+    try {
+      return new Intl.DateTimeFormat("en", { timeZone: a }).resolvedOptions().timeZone;
+    } catch {
+      return;
+    }
+}
+const Qa = ka(
+  [
+    "ds:relative ds:flex ds:items-start ds:gap-[var(--spacing-sm)]",
+    "ds:rounded-[var(--radius-md)]",
+    "ds:text-start ds:group",
+    "ds:bg-[var(--card)] ds:text-[color:var(--card-foreground)]",
+    "ds:transition-[colors,border-color,box-shadow] ds:duration-[var(--animation-duration)]",
+    "ds:motion-reduce:transition-none",
+    "ds:forced-colors:border ds:forced-colors:border-[CanvasText]"
+  ].join(" "),
+  {
+    variants: {
+      size: {
+        sm: "ds:p-[var(--spacing-sm)]",
+        md: "ds:p-[var(--spacing-md)]"
+      },
+      interactive: {
+        true: "ds:hover:bg-[color:var(--muted)]/40 ds:cursor-pointer",
+        false: ""
+      },
+      surface: {
+        // `flat` (default) is the chrome-less row used inside a bordered
+        // AppointmentTray. `elevated` gives each row its own card chrome
+        // (border + shadow) for use directly on a rail, e.g. AppointmentTimeline.
+        // Uses `--shadow-sm` (a row lift), not `--shadow-card`/`--shadow-lg`:
+        // the rail's `overflow-y:auto` scroll region clips `overflow-x` at a
+        // narrow gutter, so a wide 30px-blur shadow gets a hard-edged clip.
+        flat: "",
+        elevated: "ds:[:where(&)]:border-[length:var(--surface-border-width,var(--border-width-sm))] ds:border-[color:var(--card-border)] ds:shadow-[var(--shadow-sm)]"
+      },
+      selected: {
+        // The row the host has marked as the active/selected appointment —
+        // matches the `current` note's info-tinted accent: a solid
+        // inline-start bar plus a soft info wash, so the eye keeps its
+        // place in the list after a click.
+        true: "ds:border-s-2 ds:border-s-[color:var(--info)] ds:bg-[color:var(--info)]/10",
+        false: ""
+      },
+      dimmed: {
+        // Settled (concluded / no-show) rows: a muted wash instead of the
+        // elevated card surface, shadow dropped. Only the CHROME dims —
+        // text stays `--card-foreground` / `--muted-foreground`, so AA
+        // contrast is untouched in every theme.
+        true: "ds:bg-[color:var(--muted)]/40 ds:shadow-none",
+        false: ""
+      },
+      next: {
+        // The next appointment to start: a STEADY accent outline (a state,
+        // not a one-off address like the notes/bookings "addressed" ring,
+        // so no keyframe replay). `outline` rather than `border` keeps the
+        // row's own border/radius untouched.
+        true: "ds:outline ds:outline-2 ds:outline-[color:var(--accent)] ds:[outline-offset:-1px] ds:forced-colors:outline-[Highlight]",
+        false: ""
+      }
+    },
+    defaultVariants: {
+      size: "sm",
+      interactive: !1,
+      surface: "flat",
+      selected: !1,
+      dimmed: !1,
+      next: !1
+    }
+  }
+), Za = [
+  "ds:min-w-0",
+  "ds:[&>div]:h-auto ds:[&>div]:min-h-8 ds:[&>div]:py-[var(--spacing-2xs)]",
+  "ds:[&_[data-workflow-status-value]]:overflow-visible",
+  "ds:[&_[data-workflow-status-value]]:whitespace-normal",
+  "ds:[&_[data-workflow-status-value]]:break-words"
+].join(" "), ta = [
+  // Interactive elements need a box to remain keyboard-focusable in browsers.
+  "ds:inline-flex ds:min-w-0",
+  "ds:focus-visible:outline-none",
+  "ds:after:content-[''] ds:after:absolute ds:after:inset-0 ds:after:rounded-[var(--radius-md)]",
+  "ds:after:pointer-events-auto",
+  "ds:focus-visible:after:outline-[length:var(--focus-ring-width)]",
+  "ds:focus-visible:after:outline-solid",
+  "ds:focus-visible:after:outline-[color:var(--ring)]",
+  "ds:focus-visible:after:outline-offset-[length:var(--focus-ring-offset)]",
+  "ds:forced-colors:focus-visible:after:outline-[CanvasText]"
+].join(" "), ae = {
+  inPractice: La,
+  telehealth: Ia
+}, ee = Na(
+  ({
+    item: a,
+    size: t = "sm",
+    surface: u = "flat",
+    locale: o,
+    timeZone: d,
+    currency: C = "EUR",
+    showPatient: i = !0,
+    onActivate: p,
+    selected: z = !1,
+    hideDefaultStatus: da = !1,
+    privacy: l = !1,
+    privacyTitle: ia,
+    wrapText: b = !1,
+    className: la,
+    ...ca
+  }, pa) => {
+    var P, E, O, U, F, j, $, B, q, W, G, H, K, Y, X, J, Q, Z;
+    const { t: s } = ya("ui"), f = aa(() => Ja(d), [d]), ma = aa(
+      () => f ? { ...na, timeZone: f } : na,
+      [f]
+    );
+    wa(() => {
+      d && !f && Ta() && console.warn(
+        `AppointmentCard: "${d}" is not a time zone this browser knows, so the start time shows in the browser's own zone.`
+      );
+    }, [d, f]);
+    const g = !!p, ua = !!a.url && Aa(a.url), fa = !(da && a.state === "confirmed"), x = ((P = a.patient) == null ? void 0 : P.name) ?? s("appointmentCard.noPatient"), m = (E = a.operator) == null ? void 0 : E.name, h = s(`appointmentCard.state.${a.state}`), T = Da(a.state), ga = T.Icon, ha = ((O = a.flags) == null ? void 0 : O.noPatientAssigned) || !a.patient, S = l && i && a.patient !== void 0, M = l ? void 0 : Xa((U = a.patient) == null ? void 0 : U.dobIso), R = ((F = a.practiceName) == null ? void 0 : F.trim()) || void 0, N = t === "md" ? "md" : "sm", va = ae[a.type], A = i ? x : m ?? s("appointmentCard.appointment"), D = S ? s("appointmentCard.itemLabelGeneric", {
+      title: s("appointmentPeek.hiddenName"),
+      state: h
+    }) : i ? s("appointmentCard.itemLabel", {
+      patient: x,
+      state: h
+    }) : s("appointmentCard.itemLabelGeneric", { title: A, state: h }), w = /* @__PURE__ */ r(
+      "span",
+      {
+        className: (b ? "ds:min-w-0 ds:break-words" : "ds:min-w-0 ds:truncate") + " type-title-item ds:text-[color:var(--foreground)]",
+        children: [
+          S ? /* @__PURE__ */ r("span", { className: "ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]", children: [
+            /* @__PURE__ */ e(Pa, { "aria-hidden": "true", className: "ds:size-4 ds:shrink-0" }),
+            /* @__PURE__ */ e(Sa, { children: s("appointmentPeek.hiddenName") }),
+            /* @__PURE__ */ e("span", { "aria-hidden": "true", children: Ma(ia) })
+          ] }) : A,
+          i && M !== void 0 ? /* @__PURE__ */ r("span", { className: "ds:ms-[var(--spacing-2xs)] ds:font-normal ds:text-[color:var(--muted-foreground)]", children: [
+            "· ",
+            M
+          ] }) : null
+        ]
+      }
+    );
+    let v;
+    g && ua ? v = /* @__PURE__ */ e(
+      "a",
+      {
+        href: a.url,
+        "aria-label": D,
+        "data-action": "open-appointment",
+        className: ta,
+        onClick: (n) => {
+          n.defaultPrevented || n.metaKey || n.ctrlKey || n.shiftKey || p == null || p(a);
+        },
+        children: w
+      }
+    ) : g ? v = /* @__PURE__ */ e(
+      "button",
+      {
+        type: "button",
+        "aria-label": D,
+        "data-action": "open-appointment",
+        className: ta + " ds:bg-transparent ds:border-0 ds:p-0 ds:text-start",
+        onClick: () => p == null ? void 0 : p(a),
+        children: w
+      }
+    ) : v = w;
+    const V = (a.treatments ?? []).map((n, ba) => {
+      const xa = n.elements && n.elements.length > 0 ? s("appointmentCard.treatmentWithElements", {
+        care: n.careName,
+        elements: n.elements.join(", ")
+      }) : n.careName;
+      return /* @__PURE__ */ e(
+        Ca,
+        {
+          label: xa,
+          variant: "neutral",
+          fill: "outline",
+          size: "sm",
+          maxInlineSize: "12rem"
+        },
+        `${n.careName}-${ba}`
+      );
+    }), k = (j = a.bookingReason) == null ? void 0 : j.advanceAmountCents, _ = !l && typeof k == "number" && k > 0, y = ($ = a.money) == null ? void 0 : $.unpaidAmountCents, I = !l && typeof y == "number" && y > 0, L = !l && ((B = a.flags) == null ? void 0 : B.highlightedAnamnesis);
+    return /* @__PURE__ */ r(
+      "div",
+      {
+        ref: pa,
+        role: "listitem",
+        "data-component": "appointment-card",
+        "data-component-id": a.id,
+        "data-state": a.state,
+        "data-type": a.type,
+        "data-privacy": l ? "masked" : void 0,
+        "aria-current": z ? "true" : void 0,
+        className: Qa({
+          size: t,
+          interactive: g,
+          surface: u,
+          selected: z,
+          dimmed: a.dimmed,
+          next: a.next,
+          className: la
+        }),
+        ...ca,
+        children: [
+          /* @__PURE__ */ r("span", { className: "ds:flex ds:min-w-20 ds:shrink-0 ds:flex-col ds:items-start ds:gap-[var(--spacing-2xs)]", children: [
+            /* @__PURE__ */ r("span", { className: "ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)] ds:whitespace-nowrap ds:text-[color:var(--muted-foreground)]", children: [
+              /* @__PURE__ */ e(va, { "aria-hidden": "true", className: "ds:size-3.5 ds:shrink-0" }),
+              /* @__PURE__ */ e("span", { className: "ds:sr-only", children: s(`appointmentCard.type.${a.type}`) }),
+              /* @__PURE__ */ e(
+                za,
+                {
+                  value: a.startIso,
+                  format: "absolute",
+                  shape: "bare",
+                  locale: o,
+                  absoluteFormat: ma,
+                  className: "type-body-sm ds:font-medium ds:text-[color:var(--foreground)] ds:tabular-nums"
+                }
+              )
+            ] }),
+            /* @__PURE__ */ e("span", { className: "type-eyebrow ds:text-[color:var(--muted-foreground)]", children: s("appointmentCard.duration", { count: a.durationMin }) })
+          ] }),
+          m ? /* @__PURE__ */ r("span", { className: "ds:relative ds:shrink-0", children: [
+            /* @__PURE__ */ e(
+              ea,
+              {
+                name: m,
+                color: Va((q = a.operator) == null ? void 0 : q.colorId),
+                size: N,
+                "aria-hidden": "true",
+                role: "presentation",
+                "aria-label": void 0
+              }
+            ),
+            /* @__PURE__ */ e(
+              "span",
+              {
+                "aria-hidden": "true",
+                className: "ds:absolute ds:bottom-0 ds:end-0 ds:size-2.5 ds:rounded-[var(--radius-full)] ds:border ds:border-[color:var(--card)] " + Ya((W = a.operator) == null ? void 0 : W.colorId)
+              }
+            )
+          ] }) : null,
+          /* @__PURE__ */ r("div", { className: "ds:flex-1 ds:min-w-0 ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]", children: [
+            /* @__PURE__ */ r(
+              "div",
+              {
+                className: "ds:flex ds:items-start ds:gap-[var(--spacing-sm)]" + (b ? " ds:flex-wrap" : ""),
+                children: [
+                  /* @__PURE__ */ r("div", { className: "ds:flex-1 ds:min-w-0 ds:flex ds:items-center ds:gap-[var(--spacing-xs)]", children: [
+                    i && !l && ((G = a.patient) != null && G.avatarUrl) ? /* @__PURE__ */ e(
+                      ea,
+                      {
+                        name: x,
+                        src: a.patient.avatarUrl,
+                        size: N,
+                        className: "ds:shrink-0",
+                        "aria-hidden": "true",
+                        role: "presentation",
+                        "aria-label": void 0
+                      }
+                    ) : null,
+                    i && ha ? /* @__PURE__ */ e(
+                      "span",
+                      {
+                        className: `ds:shrink-0 ds:inline-flex ds:items-center ds:justify-center ds:rounded-[var(--radius-full)] ds:bg-[color:var(--muted)] ds:text-[color:var(--muted-foreground)] ${N === "md" ? "ds:size-10" : "ds:size-8"}`,
+                        children: /* @__PURE__ */ e(Ea, { "aria-hidden": "true", className: "ds:size-4" })
+                      }
+                    ) : null,
+                    v
+                  ] }),
+                  a.next ? /* @__PURE__ */ e(
+                    c,
+                    {
+                      variant: "accentSoft",
+                      size: "sm",
+                      className: "ds:shrink-0",
+                      "aria-hidden": "true",
+                      children: s("appointmentCard.next")
+                    }
+                  ) : null,
+                  fa ? /* @__PURE__ */ e(
+                    Ra,
+                    {
+                      size: "sm",
+                      value: a.state,
+                      option: {
+                        value: a.state,
+                        label: h,
+                        icon: /* @__PURE__ */ e(ga, { "aria-hidden": "true" }),
+                        tone: T.tone
+                      },
+                      className: b ? Za : "ds:shrink-0"
+                    }
+                  ) : null
+                ]
+              }
+            ),
+            a.next ? /* @__PURE__ */ e("span", { className: "ds:sr-only", children: s("appointmentCard.nextSr") }) : null,
+            R ? /* @__PURE__ */ r(
+              "span",
+              {
+                "data-slot": "practice",
+                className: "type-meta ds:flex ds:min-w-0 ds:items-start ds:gap-[var(--spacing-2xs)] ds:text-[color:var(--muted-foreground)]",
+                children: [
+                  /* @__PURE__ */ e("span", { className: "ds:flex ds:h-[1lh] ds:shrink-0 ds:items-center", children: /* @__PURE__ */ e(Oa, { "aria-hidden": "true", className: "ds:size-3" }) }),
+                  /* @__PURE__ */ e("span", { className: "ds:sr-only", children: s("appointmentCard.practice") }),
+                  /* @__PURE__ */ e("span", { dir: "auto", className: "ds:min-w-0 ds:break-words", children: R })
+                ]
+              }
+            ) : null,
+            i && m || (H = a.bookingReason) != null && H.specialty || a.firstVisit === "yes" || a.firstVisit === "unknown" || a.bookingNote ? /* @__PURE__ */ r("div", { className: "ds:flex ds:flex-wrap ds:items-center ds:gap-x-[var(--spacing-sm)] ds:gap-y-[var(--spacing-2xs)] type-eyebrow ds:text-[color:var(--muted-foreground)]", children: [
+              i && m ? /* @__PURE__ */ e("span", { children: m }) : null,
+              (K = a.bookingReason) != null && K.specialty ? /* @__PURE__ */ e("span", { children: a.bookingReason.specialty }) : null,
+              a.firstVisit === "yes" ? /* @__PURE__ */ r("span", { className: "ds:inline-flex ds:items-center ds:gap-[var(--spacing-2xs)]", children: [
+                /* @__PURE__ */ e(ra, { "aria-hidden": "true", className: "ds:size-3 ds:shrink-0" }),
+                s("appointmentCard.firstVisit")
+              ] }) : null,
+              a.firstVisit === "unknown" ? /* @__PURE__ */ r("span", { className: "ds:inline-flex ds:items-center ds:gap-[var(--spacing-2xs)]", children: [
+                /* @__PURE__ */ e(ra, { "aria-hidden": "true", className: "ds:size-3 ds:shrink-0" }),
+                s("appointmentCard.firstVisitUnknown")
+              ] }) : null,
+              a.bookingNote ? /* @__PURE__ */ r(
+                "span",
+                {
+                  className: "ds:inline-flex ds:items-center ds:gap-[var(--spacing-2xs)]",
+                  title: s("appointmentCard.hasBookingNote"),
+                  children: [
+                    /* @__PURE__ */ e(
+                      Ha,
+                      {
+                        "aria-hidden": "true",
+                        className: "ds:size-3 ds:shrink-0"
+                      }
+                    ),
+                    s("appointmentCard.hasBookingNote")
+                  ]
+                }
+              ) : null
+            ] }) : null,
+            (Y = a.bookingReason) != null && Y.description && !l ? /* @__PURE__ */ e("span", { className: "type-body-sm ds:text-[color:var(--foreground)] ds:truncate", children: a.bookingReason.description }) : null,
+            V.length > 0 ? /* @__PURE__ */ e("div", { className: "ds:flex ds:flex-wrap ds:gap-[var(--spacing-2xs)]", children: V }) : null,
+            a.carePlan || a.chair || (X = a.flags) != null && X.bookedOnline || L || (J = a.flags) != null && J.billable || a.recurring || a.signing || _ || I ? /* @__PURE__ */ r("div", { className: "ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-xs)]", children: [
+              a.carePlan ? /* @__PURE__ */ e(
+                c,
+                {
+                  variant: "accentSoft",
+                  size: "sm",
+                  leading: /* @__PURE__ */ e(Wa, {}),
+                  children: s("appointmentCard.carePlan", {
+                    number: a.carePlan.number
+                  })
+                }
+              ) : null,
+              a.chair ? /* @__PURE__ */ e(c, { variant: "neutral", size: "sm", leading: /* @__PURE__ */ e(Ua, {}), children: s("appointmentCard.chair", { chair: a.chair }) }) : null,
+              (Q = a.flags) != null && Q.bookedOnline ? /* @__PURE__ */ e(c, { variant: "info", size: "sm", leading: /* @__PURE__ */ e(Fa, {}), children: s("appointmentCard.flag.bookedOnline") }) : null,
+              L ? /* @__PURE__ */ e(c, { variant: "warning", size: "sm", withDot: !0, children: s("appointmentCard.flag.highlightedAnamnesis") }) : null,
+              a.recurring ? /* @__PURE__ */ e(c, { variant: "neutral", size: "sm", leading: /* @__PURE__ */ e(ja, {}), children: s("appointmentCard.recurring") }) : null,
+              a.signing ? /* @__PURE__ */ e(
+                c,
+                {
+                  variant: a.signing.toComplete >= a.signing.required ? "success" : "warning",
+                  size: "sm",
+                  leading: /* @__PURE__ */ e($a, {}),
+                  children: s("appointmentCard.signing", {
+                    complete: a.signing.toComplete,
+                    required: a.signing.required
+                  })
+                }
+              ) : null,
+              (Z = a.flags) != null && Z.billable ? /* @__PURE__ */ e(c, { variant: "success", size: "sm", withDot: !0, children: s("appointmentCard.flag.billable") }) : null,
+              _ ? /* @__PURE__ */ e(
+                sa,
+                {
+                  state: "to-invoice",
+                  amount: k / 100,
+                  currency: C,
+                  locale: o,
+                  size: "sm",
+                  showLabel: !0
+                }
+              ) : null,
+              I ? /* @__PURE__ */ e(
+                sa,
+                {
+                  state: "debt",
+                  amount: y / 100,
+                  currency: C,
+                  locale: o,
+                  size: "sm",
+                  showLabel: !0
+                }
+              ) : null
+            ] }) : null
+          ] }),
+          g ? /* @__PURE__ */ e(
+            Ba,
+            {
+              "aria-hidden": "true",
+              className: "ds:size-4 ds:shrink-0 ds:self-center ds:text-[color:var(--muted-foreground)] ds:opacity-0 ds:transition-opacity ds:motion-reduce:transition-none ds:group-hover:opacity-100 ds:group-focus-within:opacity-100 ds:rtl:rotate-180"
+            }
+          ) : null
+        ]
+      }
+    );
+  }
+);
+ee.displayName = "AppointmentCard";
+export {
+  ee as A
+};
+//# sourceMappingURL=appointment-card-DG3m9yN-.js.map

package/dist/_chunks/appointment-card-DG3m9yN-.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"appointment-card-DG3m9yN-.js","sources":["../../node_modules/lucide-react/dist/esm/icons/clipboard-plus.mjs","../../node_modules/lucide-react/dist/esm/icons/message-square-text.mjs","../../src/components/appointment-card/appointment-card.tsx"],"sourcesContent":["/**\n * @license lucide-react v1.22.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.mjs';\n\nconst __iconNode = [\n  [\"rect\", { width: \"8\", height: \"4\", x: \"8\", y: \"2\", rx: \"1\", ry: \"1\", key: \"tgr4d6\" }],\n  [\n    \"path\",\n    {\n      d: \"M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2\",\n      key: \"116196\"\n    }\n  ],\n  [\"path\", { d: \"M9 14h6\", key: \"159ibu\" }],\n  [\"path\", { d: \"M12 17v-6\", key: \"1y8rbf\" }]\n];\nconst ClipboardPlus = createLucideIcon(\"clipboard-plus\", __iconNode);\n\nexport { __iconNode, ClipboardPlus as default };\n//# sourceMappingURL=clipboard-plus.mjs.map\n","/**\n * @license lucide-react v1.22.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.mjs';\n\nconst __iconNode = [\n  [\n    \"path\",\n    {\n      d: \"M22 17a2 2 0 0 1-2 2H6.828a2 2 0 0 0-1.414.586l-2.202 2.202A.71.71 0 0 1 2 21.286V5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2z\",\n      key: \"18887p\"\n    }\n  ],\n  [\"path\", { d: \"M7 11h10\", key: \"1twpyw\" }],\n  [\"path\", { d: \"M7 15h6\", key: \"d9of3u\" }],\n  [\"path\", { d: \"M7 7h8\", key: \"af5zfr\" }]\n];\nconst MessageSquareText = createLucideIcon(\"message-square-text\", __iconNode);\n\nexport { __iconNode, MessageSquareText as default };\n//# sourceMappingURL=message-square-text.mjs.map\n","import {\n  forwardRef,\n  useEffect,\n  useMemo,\n  type HTMLAttributes,\n  type ReactNode,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport {\n  Armchair,\n  Building2,\n  ChevronRight,\n  ClipboardPlus,\n  EyeOff,\n  FileSignature,\n  Globe,\n  MapPin,\n  MessageSquareText,\n  Repeat,\n  Star,\n  UserX,\n  Video,\n} from 'lucide-react';\nimport { Avatar } from '../avatar/avatar';\nimport { Badge } from '../badge/badge';\nimport { Tag } from '../tag/tag';\nimport { Timestamp } from '../timestamp/timestamp';\nimport { TransactionChip } from '../transaction-chip/transaction-chip';\nimport {\n  appointmentStateWorkflow,\n  colorIdToToken,\n  colorIdToAvatarToken,\n  isSafeEntityUrl,\n} from '../_shared/entity-card';\nimport type { AppointmentState } from '../_shared/entity-card';\nimport { isDevelopment } from '../_shared/is-development';\nimport { privacyMask } from '../_shared/privacy-mask';\nimport { VisuallyHidden } from '../visually-hidden';\nimport { WorkflowStatusDisplay } from '../workflow-status';\n\n/*\n * Closed colour-dot class map. `colorIdToToken` resolves the operator's\n * numeric colour id to one of a fixed set of palette tokens; the operator\n * dot needs a *static* Tailwind class for each so the compiler can emit it\n * (dynamic `ds:bg-[…]` strings are not seen by the JIT). The keys mirror the\n * exact token strings the shared helper returns.\n */\nconst OPERATOR_DOT_CLASS: Record<string, string> = {\n  'var(--color-violet-500)': 'ds:bg-[var(--color-violet-500)]',\n  'var(--color-purple-500)': 'ds:bg-[var(--color-purple-500)]',\n  'var(--color-magenta-500)': 'ds:bg-[var(--color-magenta-500)]',\n  'var(--color-blue-500)': 'ds:bg-[var(--color-blue-500)]',\n  'var(--color-green-500)': 'ds:bg-[var(--color-green-500)]',\n  'var(--color-red-500)': 'ds:bg-[var(--color-red-500)]',\n  'var(--color-yellow-500)': 'ds:bg-[var(--color-yellow-500)]',\n  'var(--color-indigo-500)': 'ds:bg-[var(--color-indigo-500)]',\n  'var(--color-orange-500)': 'ds:bg-[var(--color-orange-500)]',\n  'var(--color-fuchsia-500)': 'ds:bg-[var(--color-fuchsia-500)]',\n  'var(--color-grey-700)': 'ds:bg-[var(--color-grey-700)]',\n};\n\nfunction operatorDotClass(colorId: number | string | undefined): string {\n  return (\n    OPERATOR_DOT_CLASS[colorIdToToken(colorId)] ??\n    'ds:bg-[var(--color-grey-700)]'\n  );\n}\n\n/** Age in whole years from a DOB string, or undefined if unparseable. */\nfunction ageFromDob(dobIso: string | undefined): number | undefined {\n  if (!dobIso) return undefined;\n  const dob = new Date(dobIso);\n  if (Number.isNaN(dob.getTime())) return undefined;\n  const now = new Date();\n  let age = now.getFullYear() - dob.getFullYear();\n  const monthDiff = now.getMonth() - dob.getMonth();\n  if (monthDiff < 0 || (monthDiff === 0 && now.getDate() < dob.getDate())) {\n    age--;\n  }\n  return age < 0 || age > 130 ? undefined : age;\n}\n\n/** The start time on the leading rail: hours and minutes, no date. */\nconst START_TIME_FORMAT: Intl.DateTimeFormatOptions = {\n  hour: 'numeric',\n  minute: '2-digit',\n};\n\n/**\n * The zone as `Intl` knows it, or undefined when `Intl` rejects it. An\n * unknown zone makes `Intl.DateTimeFormat` throw, which would take the\n * whole card down; undefined falls back to the browser's zone instead.\n */\nfunction supportedTimeZone(timeZone: string | undefined): string | undefined {\n  if (!timeZone) return undefined;\n  try {\n    const format = new Intl.DateTimeFormat('en', { timeZone });\n    return format.resolvedOptions().timeZone;\n  } catch {\n    return undefined;\n  }\n}\n\n/* -------------------------------------------------------------------- */\n/* AppointmentCard                                                       */\n/*                                                                       */\n/* Single-row appointment surface — sibling of AgendaCard, but richer:   */\n/* leading timestamp, operator + patient avatars with the operator       */\n/* colour dot, a lifecycle-state Badge (announced by label, never colour */\n/* alone), treatment / tooth Tags, and an optional advance-deposit       */\n/* TransactionChip. State→Badge-variant + colour-id→token + URL-safety    */\n/* come from the shared `_shared/entity-card` helpers.                   */\n/*                                                                       */\n/* Optional, for patient-facing lists across practices:                  */\n/* `item.practiceName` adds a practice line, and `timeZone` shows the    */\n/* start time on the practice's clock instead of the browser's.          */\n/*                                                                       */\n/* All visible text flows through useTranslation('ui') against the       */\n/* `appointmentCard.*` namespace (plus shared `financial.*` for money).  */\n/* -------------------------------------------------------------------- */\n\n// Back-compat / one-stop import — the URL guard lives in the shared helper.\nexport { isSafeEntityUrl as isSafeAppointmentUrl } from '../_shared/is-safe-url';\n\n/* -------------------------------------------------------------------- */\n/* Types                                                                 */\n/* -------------------------------------------------------------------- */\n\n/** Appointment delivery channel. */\nexport type AppointmentType = 'inPractice' | 'telehealth';\n\n/** First-visit tri-state flag. */\nexport type AppointmentFirstVisit = 'yes' | 'no' | 'unknown';\n\n/** Operator (clinician) summary — name + optional palette colour id. */\nexport interface AppointmentOperator {\n  /** Operator display name — drives the avatar initials + accessible name. */\n  name: string;\n  /** Numeric palette colour id, resolved to a kit token for the colour dot. */\n  colorId?: number | string;\n}\n\n/** Patient summary — identity + optional age driver. */\nexport interface AppointmentPatient {\n  /** Patient display name. */\n  name: string;\n  /** Optional avatar image URL. */\n  avatarUrl?: string;\n  /** ISO-8601 date of birth — when present, the card renders the age as a\n   * suffix on the name (e.g. \"Carol Danvers · 45\"). */\n  dobIso?: string;\n}\n\n/** One treatment line within the appointment. */\nexport interface AppointmentTreatment {\n  /** Localised care / treatment name. */\n  careName: string;\n  /** Optional tooth elements (e.g. FDI ids) the treatment targets. */\n  elements?: string[];\n}\n\n/** Booking-reason metadata captured at online-booking time. */\nexport interface AppointmentBookingReason {\n  /** Localised booking-reason description. */\n  description: string;\n  /** Expected duration in minutes. */\n  durationMin?: number;\n  /** Advance / deposit amount in cents (non-negative). */\n  advanceAmountCents?: number;\n  /** Localised specialty label. */\n  specialty?: string;\n}\n\n/** Money summary for the appointment. */\nexport interface AppointmentMoney {\n  /** Total billable amount in cents. When present, rendered as a\n   * TransactionChip. */\n  billableAmountCents?: number;\n  /** Outstanding unpaid amount in cents. When > 0, rendered as a warning\n   * TransactionChip so the front desk can flag it at a glance. */\n  unpaidAmountCents?: number;\n}\n\n/** Signing status for documents attached to the appointment. */\nexport interface AppointmentSigning {\n  /** How many documents require a signature. */\n  required: number;\n  /** How many have been completed so far. */\n  toComplete: number;\n}\n\n/** Boolean appointment flags surfaced as chips / indicators. */\nexport interface AppointmentFlags {\n  /** Shows the \"Booked online\" chip. */\n  bookedOnline?: boolean;\n  /** Shows the no-patient placeholder in place of the patient avatar. */\n  noPatientAssigned?: boolean;\n  /** Shows the \"Anamnesis flag\" warning chip. */\n  highlightedAnamnesis?: boolean;\n  /** Shows the \"Billable\" chip. */\n  billable?: boolean;\n}\n\nexport interface AppointmentItem {\n  /** Stable appointment identifier. */\n  id: string;\n  /** ISO-8601 start instant. */\n  startIso: string;\n  /** Duration in minutes. */\n  durationMin: number;\n  /** Lifecycle state — drives the Badge variant + label. */\n  state: AppointmentState;\n  /** Delivery channel — drives the leading type glyph. */\n  type: AppointmentType;\n  /** First-visit flag. */\n  firstVisit?: AppointmentFirstVisit;\n  /** Assigned operator. */\n  operator?: AppointmentOperator;\n  /** Chair / room label — surfaced as a chip. */\n  chair?: string;\n  /**\n   * The practice the appointment is at, as the practice writes its name.\n   * Shown on its own line under the title, so a patient with appointments\n   * at several practices sees where each one is. Laid out in its own\n   * direction (`dir=\"auto\"`), as text a practice writes always is. Not part\n   * of the activator's accessible name. Absent or blank, no line is shown.\n   */\n  practiceName?: string;\n  /**\n   * The care plan this appointment belongs to, when any — surfaced as a chip\n   * (`Care plan {number}`). `url` is the deep link the consumer may use for\n   * navigation; the chip itself is non-interactive so it never nests an anchor\n   * inside the row's own stretched link.\n   */\n  carePlan?: { number: string; url?: string };\n  /** Patient identity. */\n  patient?: AppointmentPatient;\n  /** Treatment lines. */\n  treatments?: AppointmentTreatment[];\n  /** Online booking-reason metadata. */\n  bookingReason?: AppointmentBookingReason;\n  /** Boolean flags. */\n  flags?: AppointmentFlags;\n  /** Money summary — billable + unpaid amounts. */\n  money?: AppointmentMoney;\n  /** Whether this appointment is part of a recurring series. */\n  recurring?: boolean;\n  /** Signing status for attached documents. */\n  signing?: AppointmentSigning;\n  /** A note left by the patient at booking time. When present, a small\n   * message icon signals it. */\n  bookingNote?: string;\n  /** Optional deep link — when present (and safe) the row renders as an anchor. */\n  url?: string;\n  /**\n   * Settle the row visually without removing it from the list — a muted\n   * wash in place of the elevated surface, shadow dropped. Text keeps its\n   * normal foreground colour so contrast is unaffected; only the chrome\n   * dims. For a row already concluded (done / no-show) that a host still\n   * wants listed alongside what's still ahead.\n   */\n  dimmed?: boolean;\n  /**\n   * Marks this as the NEXT appointment to start — a steady accent outline\n   * (a state, not a one-off address, so it never animates) plus a small\n   * \"Next\" label. The cue never rests on colour alone.\n   */\n  next?: boolean;\n}\n\n/* -------------------------------------------------------------------- */\n/* CVA — row                                                             */\n/* -------------------------------------------------------------------- */\n\nconst appointmentCardVariants = cva(\n  [\n    'ds:relative ds:flex ds:items-start ds:gap-[var(--spacing-sm)]',\n    'ds:rounded-[var(--radius-md)]',\n    'ds:text-start ds:group',\n    'ds:bg-[var(--card)] ds:text-[color:var(--card-foreground)]',\n    'ds:transition-[colors,border-color,box-shadow] ds:duration-[var(--animation-duration)]',\n    'ds:motion-reduce:transition-none',\n    'ds:forced-colors:border ds:forced-colors:border-[CanvasText]',\n  ].join(' '),\n  {\n    variants: {\n      size: {\n        sm: 'ds:p-[var(--spacing-sm)]',\n        md: 'ds:p-[var(--spacing-md)]',\n      },\n      interactive: {\n        true: 'ds:hover:bg-[color:var(--muted)]/40 ds:cursor-pointer',\n        false: '',\n      },\n      surface: {\n        // `flat` (default) is the chrome-less row used inside a bordered\n        // AppointmentTray. `elevated` gives each row its own card chrome\n        // (border + shadow) for use directly on a rail, e.g. AppointmentTimeline.\n        // Uses `--shadow-sm` (a row lift), not `--shadow-card`/`--shadow-lg`:\n        // the rail's `overflow-y:auto` scroll region clips `overflow-x` at a\n        // narrow gutter, so a wide 30px-blur shadow gets a hard-edged clip.\n        flat: '',\n        elevated:\n          'ds:[:where(&)]:border-[length:var(--surface-border-width,var(--border-width-sm))] ds:border-[color:var(--card-border)] ds:shadow-[var(--shadow-sm)]',\n      },\n      selected: {\n        // The row the host has marked as the active/selected appointment —\n        // matches the `current` note's info-tinted accent: a solid\n        // inline-start bar plus a soft info wash, so the eye keeps its\n        // place in the list after a click.\n        true: 'ds:border-s-2 ds:border-s-[color:var(--info)] ds:bg-[color:var(--info)]/10',\n        false: '',\n      },\n      dimmed: {\n        // Settled (concluded / no-show) rows: a muted wash instead of the\n        // elevated card surface, shadow dropped. Only the CHROME dims —\n        // text stays `--card-foreground` / `--muted-foreground`, so AA\n        // contrast is untouched in every theme.\n        true: 'ds:bg-[color:var(--muted)]/40 ds:shadow-none',\n        false: '',\n      },\n      next: {\n        // The next appointment to start: a STEADY accent outline (a state,\n        // not a one-off address like the notes/bookings \"addressed\" ring,\n        // so no keyframe replay). `outline` rather than `border` keeps the\n        // row's own border/radius untouched.\n        true: 'ds:outline ds:outline-2 ds:outline-[color:var(--accent)] ds:[outline-offset:-1px] ds:forced-colors:outline-[Highlight]',\n        false: '',\n      },\n    },\n    defaultVariants: {\n      size: 'sm',\n      interactive: false,\n      surface: 'flat',\n      selected: false,\n      dimmed: false,\n      next: false,\n    },\n  },\n);\n\n// The shared status surface has a fixed height and a one-line value. These\n// descendant selectors out-rank its own classes, so a long label wraps and\n// the box grows with it. Used only when `wrapText` is set.\nconst WRAPPED_STATUS_CLASS = [\n  'ds:min-w-0',\n  'ds:[&>div]:h-auto ds:[&>div]:min-h-8 ds:[&>div]:py-[var(--spacing-2xs)]',\n  'ds:[&_[data-workflow-status-value]]:overflow-visible',\n  'ds:[&_[data-workflow-status-value]]:whitespace-normal',\n  'ds:[&_[data-workflow-status-value]]:break-words',\n].join(' ');\n\nconst stretchedLinkClass = [\n  // Interactive elements need a box to remain keyboard-focusable in browsers.\n  'ds:inline-flex ds:min-w-0',\n  'ds:focus-visible:outline-none',\n  \"ds:after:content-[''] ds:after:absolute ds:after:inset-0 ds:after:rounded-[var(--radius-md)]\",\n  'ds:after:pointer-events-auto',\n  'ds:focus-visible:after:outline-[length:var(--focus-ring-width)]',\n  'ds:focus-visible:after:outline-solid',\n  'ds:focus-visible:after:outline-[color:var(--ring)]',\n  'ds:focus-visible:after:outline-offset-[length:var(--focus-ring-offset)]',\n  'ds:forced-colors:focus-visible:after:outline-[CanvasText]',\n].join(' ');\n\nconst TYPE_ICON: Record<AppointmentType, typeof MapPin> = {\n  inPractice: MapPin,\n  telehealth: Video,\n};\n\n/* -------------------------------------------------------------------- */\n/* Props                                                                 */\n/* -------------------------------------------------------------------- */\n\nexport interface AppointmentCardProps\n  extends\n    Omit<HTMLAttributes<HTMLDivElement>, 'onClick' | 'title'>,\n    VariantProps<typeof appointmentCardVariants> {\n  /** The appointment to render. */\n  item: AppointmentItem;\n  /** Visual density. */\n  size?: 'sm' | 'md';\n  /**\n   * `'flat'` (default) — chrome-less row for use inside a bordered\n   * `AppointmentTray`. `'elevated'` — each row carries its own card chrome\n   * (border + shadow), for placing rows directly on a rail (AppointmentTimeline).\n   */\n  surface?: 'flat' | 'elevated';\n  /** BCP-47 locale override for the timestamp + currency. */\n  locale?: string;\n  /**\n   * IANA time zone the start time is shown in, for example `\"Europe/Rome\"`:\n   * the practice's clock rather than the browser's, so a patient reading\n   * from another zone sees the time the practice expects them. The\n   * `<time datetime>` stays the exact UTC instant either way. Absent, the\n   * browser's own zone is used (the default behaviour). A zone the browser\n   * does not recognise is ignored the same way, with a warning in\n   * development builds.\n   */\n  timeZone?: string;\n  /** ISO-4217 currency code for the advance-deposit chip. Defaults to `EUR`. */\n  currency?: string;\n  /**\n   * Show the patient identity (avatar + name as the row title). Default `true`.\n   * Set `false` in single-patient surfaces (e.g. a patient's own\n   * `AppointmentTimeline`) where repeating the name is redundant — the row then\n   * leads with the operator as its title, falling back to a generic label.\n   */\n  showPatient?: boolean;\n  /** Fires when the row is activated. */\n  onActivate?: (item: AppointmentItem) => void;\n  /**\n   * Mark this row as the active/selected appointment — an info-tinted\n   * inline-start bar plus a soft wash, so the eye keeps its place in the\n   * list after a click. Renders `aria-current=\"true\"` for assistive tech.\n   */\n  selected?: boolean;\n  /**\n   * Withhold the lifecycle-state badge when the item's state is the\n   * default/expected one (`confirmed`) — it needs no announcement, and\n   * dropping it leaves the badge to states that actually ask for\n   * attention. Default `false` (today's behaviour: every state, including\n   * `confirmed`, shows its badge) so existing consumers are unaffected.\n   */\n  hideDefaultStatus?: boolean;\n  /**\n   * Privacy mode. The patient identity is masked and read out as \"Patient\n   * name hidden\"; the age, the photo, the anamnesis chip, the money chips\n   * and the booking-reason description are withheld. Time, place, operator,\n   * status and the other chips stay.\n   * A display mask on top of the host's own server-side masking, never\n   * instead of it. Default `false`: the card is unchanged.\n   */\n  privacy?: boolean;\n  /**\n   * The mask shown in place of the patient name under `privacy`. Absent or\n   * blank, bullets are shown. Read only under `privacy`.\n   */\n  privacyTitle?: string;\n  /**\n   * Let the title and the status label wrap onto more lines instead of\n   * being cut with an ellipsis. Use it where the card can be narrower than\n   * its content, for example a phone at 320 px: a cut title loses\n   * information (WCAG 1.4.10 Reflow). The status then drops under the title\n   * when the row is too narrow for both. Default `false`: titles and status\n   * labels truncate as before.\n   */\n  wrapText?: boolean;\n}\n\n/* -------------------------------------------------------------------- */\n/* Component                                                             */\n/* -------------------------------------------------------------------- */\n\nexport const AppointmentCard = forwardRef<HTMLDivElement, AppointmentCardProps>(\n  (\n    {\n      item,\n      size = 'sm',\n      surface = 'flat',\n      locale,\n      timeZone,\n      currency = 'EUR',\n      showPatient = true,\n      onActivate,\n      selected = false,\n      hideDefaultStatus = false,\n      privacy = false,\n      privacyTitle,\n      wrapText = false,\n      className,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation('ui');\n\n    // The start time reads in the host's zone when it names one Intl knows;\n    // otherwise in the browser's, as before the prop existed.\n    const zone = useMemo(() => supportedTimeZone(timeZone), [timeZone]);\n    const startTimeFormat = useMemo<Intl.DateTimeFormatOptions>(\n      () =>\n        zone ? { ...START_TIME_FORMAT, timeZone: zone } : START_TIME_FORMAT,\n      [zone],\n    );\n    useEffect(() => {\n      if (timeZone && !zone && isDevelopment()) {\n        console.warn(\n          `AppointmentCard: \"${timeZone}\" is not a time zone this browser knows, so the start time shows in the browser's own zone.`,\n        );\n      }\n    }, [timeZone, zone]);\n\n    const interactive = !!onActivate;\n    const hasSafeUrl = !!item.url && isSafeEntityUrl(item.url);\n    const showStatus = !(hideDefaultStatus && item.state === 'confirmed');\n\n    const patientName = item.patient?.name ?? t('appointmentCard.noPatient');\n    const operatorName = item.operator?.name;\n    const stateLabel = t(`appointmentCard.state.${item.state}`);\n    const stateWorkflow = appointmentStateWorkflow(item.state);\n    const StateIcon = stateWorkflow.Icon;\n    const noPatient = item.flags?.noPatientAssigned || !item.patient;\n    // Privacy masks every supplied patient, whatever the flags say: a host can\n    // send `noPatientAssigned` beside a name (an online booking not yet linked\n    // to a record). Only the absence of a patient says nothing personal.\n    const masked = privacy && showPatient && item.patient !== undefined;\n    const patientAge = privacy ? undefined : ageFromDob(item.patient?.dobIso);\n\n    // A blank name is no name: never a glyph beside nothing.\n    const practiceName = item.practiceName?.trim() || undefined;\n\n    const avatarSize = size === 'md' ? 'md' : 'sm';\n    const TypeIcon = TYPE_ICON[item.type];\n\n    // In single-patient context the patient name is redundant, so the row leads\n    // with the operator (the \"who am I seeing\") and falls back to a generic\n    // label when no operator is set.\n    const title = showPatient\n      ? patientName\n      : (operatorName ?? t('appointmentCard.appointment'));\n\n    const ariaLabel = masked\n      ? t('appointmentCard.itemLabelGeneric', {\n          title: t('appointmentPeek.hiddenName'),\n          state: stateLabel,\n        })\n      : showPatient\n        ? t('appointmentCard.itemLabel', {\n            patient: patientName,\n            state: stateLabel,\n          })\n        : t('appointmentCard.itemLabelGeneric', { title, state: stateLabel });\n\n    const titleNode = (\n      <span\n        className={\n          (wrapText ? 'ds:min-w-0 ds:break-words' : 'ds:min-w-0 ds:truncate') +\n          ' type-title-item ds:text-[color:var(--foreground)]'\n        }\n      >\n        {masked ? (\n          <span className=\"ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]\">\n            <EyeOff aria-hidden=\"true\" className=\"ds:size-4 ds:shrink-0\" />\n            <VisuallyHidden>{t('appointmentPeek.hiddenName')}</VisuallyHidden>\n            <span aria-hidden=\"true\">{privacyMask(privacyTitle)}</span>\n          </span>\n        ) : (\n          title\n        )}\n        {showPatient && patientAge !== undefined ? (\n          <span className=\"ds:ms-[var(--spacing-2xs)] ds:font-normal ds:text-[color:var(--muted-foreground)]\">\n            · {patientAge}\n          </span>\n        ) : null}\n      </span>\n    );\n\n    let activator: ReactNode;\n    if (interactive && hasSafeUrl) {\n      activator = (\n        <a\n          href={item.url}\n          aria-label={ariaLabel}\n          data-action=\"open-appointment\"\n          className={stretchedLinkClass}\n          onClick={(e) => {\n            if (e.defaultPrevented || e.metaKey || e.ctrlKey || e.shiftKey)\n              return;\n            onActivate?.(item);\n          }}\n        >\n          {titleNode}\n        </a>\n      );\n    } else if (interactive) {\n      activator = (\n        <button\n          type=\"button\"\n          aria-label={ariaLabel}\n          data-action=\"open-appointment\"\n          className={\n            stretchedLinkClass +\n            ' ds:bg-transparent ds:border-0 ds:p-0 ds:text-start'\n          }\n          onClick={() => onActivate?.(item)}\n        >\n          {titleNode}\n        </button>\n      );\n    } else {\n      activator = titleNode;\n    }\n\n    // Treatment / tooth-element Tags. Each treatment becomes one Tag; the\n    // tooth elements (when present) are appended to the visible label.\n    const treatmentTags = (item.treatments ?? []).map((tx, index) => {\n      const label =\n        tx.elements && tx.elements.length > 0\n          ? t('appointmentCard.treatmentWithElements', {\n              care: tx.careName,\n              elements: tx.elements.join(', '),\n            })\n          : tx.careName;\n      return (\n        <Tag\n          key={`${tx.careName}-${index}`}\n          label={label}\n          variant=\"neutral\"\n          fill=\"outline\"\n          size=\"sm\"\n          maxInlineSize=\"12rem\"\n        />\n      );\n    });\n\n    const advanceCents = item.bookingReason?.advanceAmountCents;\n    const hasAdvance =\n      !privacy && typeof advanceCents === 'number' && advanceCents > 0;\n    const unpaidCents = item.money?.unpaidAmountCents;\n    const hasUnpaid =\n      !privacy && typeof unpaidCents === 'number' && unpaidCents > 0;\n    const showAnamnesis = !privacy && item.flags?.highlightedAnamnesis;\n\n    return (\n      <div\n        ref={ref}\n        /* `listitem` by default — the card is normally a list child. A\n           consumer composing a richer row (card plus its own action row)\n           owns the semantics instead and passes `role=\"presentation\"`,\n           so the two do not nest. `rest` is spread after this. */\n        role=\"listitem\"\n        data-component=\"appointment-card\"\n        data-component-id={item.id}\n        data-state={item.state}\n        data-type={item.type}\n        data-privacy={privacy ? 'masked' : undefined}\n        aria-current={selected ? 'true' : undefined}\n        className={appointmentCardVariants({\n          size,\n          interactive,\n          surface,\n          selected,\n          dimmed: item.dimmed,\n          next: item.next,\n          className,\n        })}\n        {...rest}\n      >\n        {/* Leading rail: type glyph + start time + duration */}\n        {/* min-w, not a fixed w: a 12-hour time (\"10:30 AM\") plus the type\n            glyph is wider than 4rem, and must never wrap AM/PM onto a\n            second line. */}\n        <span className=\"ds:flex ds:min-w-20 ds:shrink-0 ds:flex-col ds:items-start ds:gap-[var(--spacing-2xs)]\">\n          <span className=\"ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)] ds:whitespace-nowrap ds:text-[color:var(--muted-foreground)]\">\n            <TypeIcon aria-hidden=\"true\" className=\"ds:size-3.5 ds:shrink-0\" />\n            <span className=\"ds:sr-only\">\n              {t(`appointmentCard.type.${item.type}`)}\n            </span>\n            <Timestamp\n              value={item.startIso}\n              format=\"absolute\"\n              shape=\"bare\"\n              locale={locale}\n              absoluteFormat={startTimeFormat}\n              className=\"type-body-sm ds:font-medium ds:text-[color:var(--foreground)] ds:tabular-nums\"\n            />\n          </span>\n          <span className=\"type-eyebrow ds:text-[color:var(--muted-foreground)]\">\n            {t('appointmentCard.duration', { count: item.durationMin })}\n          </span>\n        </span>\n\n        {/* Operator avatar with colour dot */}\n        {operatorName ? (\n          <span className=\"ds:relative ds:shrink-0\">\n            <Avatar\n              name={operatorName}\n              color={colorIdToAvatarToken(item.operator?.colorId)}\n              size={avatarSize}\n              aria-hidden=\"true\"\n              role=\"presentation\"\n              aria-label={undefined}\n            />\n            <span\n              aria-hidden=\"true\"\n              className={\n                'ds:absolute ds:bottom-0 ds:end-0 ds:size-2.5 ds:rounded-[var(--radius-full)] ds:border ds:border-[color:var(--card)] ' +\n                operatorDotClass(item.operator?.colorId)\n              }\n            />\n          </span>\n        ) : null}\n\n        {/* Main content column */}\n        <div className=\"ds:flex-1 ds:min-w-0 ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]\">\n          <div\n            className={\n              'ds:flex ds:items-start ds:gap-[var(--spacing-sm)]' +\n              (wrapText ? ' ds:flex-wrap' : '')\n            }\n          >\n            <div className=\"ds:flex-1 ds:min-w-0 ds:flex ds:items-center ds:gap-[var(--spacing-xs)]\">\n              {showPatient && !privacy && item.patient?.avatarUrl ? (\n                <Avatar\n                  name={patientName}\n                  src={item.patient.avatarUrl}\n                  size={avatarSize}\n                  className=\"ds:shrink-0\"\n                  aria-hidden=\"true\"\n                  role=\"presentation\"\n                  aria-label={undefined}\n                />\n              ) : null}\n              {showPatient && noPatient ? (\n                <span\n                  className={`ds:shrink-0 ds:inline-flex ds:items-center ds:justify-center ds:rounded-[var(--radius-full)] ds:bg-[color:var(--muted)] ds:text-[color:var(--muted-foreground)] ${\n                    avatarSize === 'md' ? 'ds:size-10' : 'ds:size-8'\n                  }`}\n                >\n                  <UserX aria-hidden=\"true\" className=\"ds:size-4\" />\n                </span>\n              ) : null}\n              {activator}\n            </div>\n            {item.next ? (\n              <Badge\n                variant=\"accentSoft\"\n                size=\"sm\"\n                className=\"ds:shrink-0\"\n                aria-hidden=\"true\"\n              >\n                {t('appointmentCard.next')}\n              </Badge>\n            ) : null}\n            {/* The kit's read-only status surface, not a bare Badge: an\n                appointment's status is the same thing on a card, in a details\n                footer and in a history entry, so it wears one face and takes\n                its tone and glyph from the shared map. `hideDefaultStatus`\n                withholds it for the expected/default state only. */}\n            {showStatus ? (\n              <WorkflowStatusDisplay\n                size=\"sm\"\n                value={item.state}\n                option={{\n                  value: item.state,\n                  label: stateLabel,\n                  icon: <StateIcon aria-hidden=\"true\" />,\n                  tone: stateWorkflow.tone,\n                }}\n                className={wrapText ? WRAPPED_STATUS_CLASS : 'ds:shrink-0'}\n              />\n            ) : null}\n          </div>\n          {item.next ? (\n            <span className=\"ds:sr-only\">{t('appointmentCard.nextSr')}</span>\n          ) : null}\n\n          {/* Practice: where the appointment is. `type-meta`, not the\n              uppercase eyebrow, because a name is a proper noun. The glyph\n              box is one line tall so it stays on the first line when a long\n              name wraps; the name keeps its own direction (§06). */}\n          {practiceName ? (\n            <span\n              data-slot=\"practice\"\n              className=\"type-meta ds:flex ds:min-w-0 ds:items-start ds:gap-[var(--spacing-2xs)] ds:text-[color:var(--muted-foreground)]\"\n            >\n              <span className=\"ds:flex ds:h-[1lh] ds:shrink-0 ds:items-center\">\n                <Building2 aria-hidden=\"true\" className=\"ds:size-3\" />\n              </span>\n              <span className=\"ds:sr-only\">\n                {t('appointmentCard.practice')}\n              </span>\n              <span dir=\"auto\" className=\"ds:min-w-0 ds:break-words\">\n                {practiceName}\n              </span>\n            </span>\n          ) : null}\n\n          {/* Meta line: operator name · specialty · first visit · booking note\n              (chair moved to a chip below). When the patient is hidden the\n              operator is promoted to the title, so it drops out of the meta. */}\n          {(showPatient && operatorName) ||\n          item.bookingReason?.specialty ||\n          item.firstVisit === 'yes' ||\n          item.firstVisit === 'unknown' ||\n          item.bookingNote ? (\n            <div className=\"ds:flex ds:flex-wrap ds:items-center ds:gap-x-[var(--spacing-sm)] ds:gap-y-[var(--spacing-2xs)] type-eyebrow ds:text-[color:var(--muted-foreground)]\">\n              {showPatient && operatorName ? <span>{operatorName}</span> : null}\n              {item.bookingReason?.specialty ? (\n                <span>{item.bookingReason.specialty}</span>\n              ) : null}\n              {item.firstVisit === 'yes' ? (\n                <span className=\"ds:inline-flex ds:items-center ds:gap-[var(--spacing-2xs)]\">\n                  <Star aria-hidden=\"true\" className=\"ds:size-3 ds:shrink-0\" />\n                  {t('appointmentCard.firstVisit')}\n                </span>\n              ) : null}\n              {item.firstVisit === 'unknown' ? (\n                <span className=\"ds:inline-flex ds:items-center ds:gap-[var(--spacing-2xs)]\">\n                  <Star aria-hidden=\"true\" className=\"ds:size-3 ds:shrink-0\" />\n                  {t('appointmentCard.firstVisitUnknown')}\n                </span>\n              ) : null}\n              {item.bookingNote ? (\n                <span\n                  className=\"ds:inline-flex ds:items-center ds:gap-[var(--spacing-2xs)]\"\n                  title={t('appointmentCard.hasBookingNote')}\n                >\n                  <MessageSquareText\n                    aria-hidden=\"true\"\n                    className=\"ds:size-3 ds:shrink-0\"\n                  />\n                  {t('appointmentCard.hasBookingNote')}\n                </span>\n              ) : null}\n            </div>\n          ) : null}\n\n          {/* Booking reason */}\n          {item.bookingReason?.description && !privacy ? (\n            <span className=\"type-body-sm ds:text-[color:var(--foreground)] ds:truncate\">\n              {item.bookingReason.description}\n            </span>\n          ) : null}\n\n          {/* Treatment / tooth Tags */}\n          {treatmentTags.length > 0 ? (\n            <div className=\"ds:flex ds:flex-wrap ds:gap-[var(--spacing-2xs)]\">\n              {treatmentTags}\n            </div>\n          ) : null}\n\n          {/* Chips: care plan · chair · flags · recurring · signing ·\n              advance-deposit · unpaid balance · billable */}\n          {item.carePlan ||\n          item.chair ||\n          item.flags?.bookedOnline ||\n          showAnamnesis ||\n          item.flags?.billable ||\n          item.recurring ||\n          item.signing ||\n          hasAdvance ||\n          hasUnpaid ? (\n            <div className=\"ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-xs)]\">\n              {item.carePlan ? (\n                <Badge\n                  variant=\"accentSoft\"\n                  size=\"sm\"\n                  leading={<ClipboardPlus />}\n                >\n                  {t('appointmentCard.carePlan', {\n                    number: item.carePlan.number,\n                  })}\n                </Badge>\n              ) : null}\n              {item.chair ? (\n                <Badge variant=\"neutral\" size=\"sm\" leading={<Armchair />}>\n                  {t('appointmentCard.chair', { chair: item.chair })}\n                </Badge>\n              ) : null}\n              {item.flags?.bookedOnline ? (\n                <Badge variant=\"info\" size=\"sm\" leading={<Globe />}>\n                  {t('appointmentCard.flag.bookedOnline')}\n                </Badge>\n              ) : null}\n              {showAnamnesis ? (\n                <Badge variant=\"warning\" size=\"sm\" withDot>\n                  {t('appointmentCard.flag.highlightedAnamnesis')}\n                </Badge>\n              ) : null}\n              {item.recurring ? (\n                <Badge variant=\"neutral\" size=\"sm\" leading={<Repeat />}>\n                  {t('appointmentCard.recurring')}\n                </Badge>\n              ) : null}\n              {item.signing ? (\n                <Badge\n                  variant={\n                    item.signing.toComplete >= item.signing.required\n                      ? 'success'\n                      : 'warning'\n                  }\n                  size=\"sm\"\n                  leading={<FileSignature />}\n                >\n                  {t('appointmentCard.signing', {\n                    complete: item.signing.toComplete,\n                    required: item.signing.required,\n                  })}\n                </Badge>\n              ) : null}\n              {item.flags?.billable ? (\n                <Badge variant=\"success\" size=\"sm\" withDot>\n                  {t('appointmentCard.flag.billable')}\n                </Badge>\n              ) : null}\n              {hasAdvance ? (\n                <TransactionChip\n                  state=\"to-invoice\"\n                  amount={(advanceCents as number) / 100}\n                  currency={currency}\n                  locale={locale}\n                  size=\"sm\"\n                  showLabel\n                />\n              ) : null}\n              {hasUnpaid ? (\n                <TransactionChip\n                  state=\"debt\"\n                  amount={unpaidCents / 100}\n                  currency={currency}\n                  locale={locale}\n                  size=\"sm\"\n                  showLabel\n                />\n              ) : null}\n            </div>\n          ) : null}\n        </div>\n\n        {interactive ? (\n          <ChevronRight\n            aria-hidden=\"true\"\n            className=\"ds:size-4 ds:shrink-0 ds:self-center ds:text-[color:var(--muted-foreground)] ds:opacity-0 ds:transition-opacity ds:motion-reduce:transition-none ds:group-hover:opacity-100 ds:group-focus-within:opacity-100 ds:rtl:rotate-180\"\n          />\n        ) : null}\n      </div>\n    );\n  },\n);\n\nAppointmentCard.displayName = 'AppointmentCard';\n"],"names":["__iconNode","ClipboardPlus","createLucideIcon","MessageSquareText","OPERATOR_DOT_CLASS","operatorDotClass","colorId","colorIdToToken","ageFromDob","dobIso","dob","now","age","monthDiff","START_TIME_FORMAT","supportedTimeZone","timeZone","appointmentCardVariants","cva","WRAPPED_STATUS_CLASS","stretchedLinkClass","TYPE_ICON","MapPin","Video","AppointmentCard","forwardRef","item","size","surface","locale","currency","showPatient","onActivate","selected","hideDefaultStatus","privacy","privacyTitle","wrapText","className","rest","ref","t","useTranslation","zone","useMemo","startTimeFormat","useEffect","isDevelopment","interactive","hasSafeUrl","isSafeEntityUrl","showStatus","patientName","_a","operatorName","_b","stateLabel","stateWorkflow","appointmentStateWorkflow","StateIcon","noPatient","_c","masked","patientAge","_d","practiceName","_e","avatarSize","TypeIcon","title","ariaLabel","titleNode","jsxs","jsx","EyeOff","VisuallyHidden","privacyMask","activator","e","treatmentTags","tx","index","label","Tag","advanceCents","_f","hasAdvance","unpaidCents","_g","hasUnpaid","showAnamnesis","_h","Timestamp","Avatar","colorIdToAvatarToken","_i","_j","_k","UserX","Badge","WorkflowStatusDisplay","Building2","_l","_m","Star","_n","_o","_p","Armchair","_q","Globe","Repeat","FileSignature","_r","TransactionChip","ChevronRight"],"mappings":"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","x_google_ignoreList":[0,1]}

package/dist/_chunks/{appointment-peek-DZa6xyUb.js → appointment-peek-BK0tDs4C.js}

@@ -10,7 +10,7 @@ import { C as I } from "./clock-Drd4Wtis.js";
 import { V as S } from "./video-BheNGvsu.js";
 import { A as W } from "./armchair-BaLDW6Hz.js";
 import { E as j } from "./eye-off-C_4xkbRP.js";
-import { a as L } from "./entity-card-fpm-KUKc.js";
+import { a as L } from "./entity-card-p-LANpYt.js";
 const R = V(
   "ds:flex ds:min-w-0 ds:flex-col ds:gap-[var(--spacing-sm)]"
 ), T = P(
@@ -120,4 +120,4 @@ T.displayName = "AppointmentPeek";
 export {
   T as A
 };
-//# sourceMappingURL=appointment-peek-DZa6xyUb.js.map
+//# sourceMappingURL=appointment-peek-BK0tDs4C.js.map