@alfadocs/ui-kit 1.29.0 → 1.31.0

package/dist/_chunks/notes-panel-am6e-Lwh.js

@@ -0,0 +1,380 @@
+import { jsxs as d, jsx as r } from "react/jsx-runtime";
+import { forwardRef as be, useRef as o, useState as w, useId as Pe, useCallback as xe, useEffect as Ne, useImperativeHandle as Ce, useMemo as we } from "react";
+import { c as Re } from "./index-D2ZczOXr.js";
+import { useTranslation as ke } from "react-i18next";
+import { u as je } from "./registry-DvAUVLHh.js";
+import { C as Ve } from "./clinical-note-card-yCTR9DB6.js";
+import { R as Ae } from "./rich-text-editor-VJATL1Tk.js";
+import { T as Ie } from "./text-area-Bt3p7Pt0.js";
+import { A as h } from "./alert-CiJT540z.js";
+import { B as J } from "./button-nJaPh_HC.js";
+import { C as He } from "./checkbox-BuZ1u__2.js";
+import { S as Se } from "./spinner-hbwuKwMf.js";
+import { P as qe } from "./panel-header-D313n_9-.js";
+import { N as Ee } from "./notebook-pen-CO7HoM-W.js";
+function Q(n, a) {
+  return typeof n == "object" && n !== null && "message" in n && typeof n.message == "string" && n.message.trim() ? n.message : a;
+}
+const Ke = {
+  id: "notes-panel",
+  // 'submit' backs add_note (compose + commit a note). pin / flag are toggles
+  // with no dedicated capability in the closed vocabulary.
+  capabilities: ["submit"],
+  state: {
+    notes: {
+      type: "Array<{ id?: string; pinned: boolean; flagged: boolean; clinical: boolean }>",
+      descriptionKey: "ui.agent.notesPanel.state.notes",
+      description: "Timeline note ids + pinned / flagged / clinical flags. Never the note body or author (both PHI).",
+      read: (n) => n.getNotes()
+    },
+    canAddClinical: {
+      type: "boolean",
+      descriptionKey: "ui.agent.notesPanel.state.canAddClinical",
+      description: "Whether the current user may write clinical notes (the practice_add_clinical_note permission gate).",
+      read: (n) => n.canAddClinical()
+    },
+    currentNoteId: {
+      type: "string | null",
+      descriptionKey: "ui.agent.notesPanel.state.currentNoteId",
+      description: "Id of the note the host has addressed — the one marked, scrolled to and focused. Null when none is. An id only, never note content.",
+      read: (n) => n.getCurrentNoteId()
+    }
+  },
+  actions: {
+    add_note: {
+      // Writes a clinical/admin note body — patient-identifiable content. PHI.
+      safety: "phi",
+      argsType: "{ content: string; clinical: boolean }",
+      argsSchema: {
+        type: "object",
+        properties: {
+          content: {
+            type: "string",
+            description: "Note body. Rich HTML for the rich composer, else plain text."
+          },
+          clinical: {
+            type: "boolean",
+            description: "Whether the note is clinical. Requires the clinical-note permission; the submission is dropped when the gate is closed."
+          }
+        },
+        required: ["content", "clinical"]
+      },
+      openWorld: !0,
+      descriptionKey: "ui.agent.notesPanel.actions.addNote",
+      description: "Compose and commit a new note. A clinical note requires the clinical-note permission (read canAddClinical first).",
+      examples: [
+        {
+          args: { content: "Patient reported improvement.", clinical: !0 },
+          note: "Add a clinical note."
+        }
+      ],
+      invoke: (n, a) => n.addNote(a)
+    },
+    toggle_pin: {
+      // Re-orders the timeline (pinned notes lead) — reversible view write.
+      safety: "write",
+      argsType: "{ id: string }",
+      argsSchema: {
+        type: "object",
+        properties: { id: { type: "string" } },
+        required: ["id"]
+      },
+      idempotent: !1,
+      descriptionKey: "ui.agent.notesPanel.actions.togglePin",
+      description: "Toggle the pinned state of the note with the given id. Refused for a deleted note or one whose actions.pin is false.",
+      invoke: (n, a) => {
+        n.togglePin(a.id);
+      }
+    },
+    toggle_flag: {
+      safety: "write",
+      argsType: "{ id: string }",
+      argsSchema: {
+        type: "object",
+        properties: { id: { type: "string" } },
+        required: ["id"]
+      },
+      idempotent: !1,
+      descriptionKey: "ui.agent.notesPanel.actions.toggleFlag",
+      description: "Toggle the flagged state of the note with the given id.",
+      invoke: (n, a) => {
+        n.toggleFlag(a.id);
+      }
+    }
+  },
+  domHooks: {
+    root: {
+      attr: "data-component",
+      value: "notes-panel",
+      description: "Marks the NotesPanel region."
+    },
+    instanceId: {
+      attr: "data-component-id",
+      sourceProp: "id",
+      description: "Sourced from the id prop. Required to address a specific notes panel from the agent."
+    }
+  }
+}, Te = Re(
+  "ds:flex ds:flex-col ds:rounded-[var(--radius-md)] ds:border-s-2 ds:ps-[var(--spacing-sm)]",
+  {
+    variants: {
+      current: {
+        true: "ds:border-[color:var(--info)] ds:bg-[color:var(--info)]/10 ds:focus:outline-[length:var(--focus-ring-width)] ds:focus:outline-solid ds:focus:outline-[color:var(--ring)] ds:focus:outline-offset-[length:var(--focus-ring-offset)]",
+        false: "ds:border-transparent"
+      }
+    },
+    defaultVariants: { current: !1 }
+  }
+);
+function U(n) {
+  return n ? /<img\b/i.test(n) ? !0 : n.replace(/<[^>]*>/g, "").replace(/&nbsp;/gi, " ").trim().length > 0 : !1;
+}
+const Xe = be(
+  function({
+    id: a,
+    notes: R,
+    onAddNote: c,
+    status: k = "ready",
+    onRetry: T,
+    currentNoteId: u,
+    currentNoteKey: X,
+    composer: y = "rich",
+    editorToolbar: Z = "standard",
+    redactor: $,
+    imageUploadUrl: ee,
+    showClinicalToggle: _ = !0,
+    canAddClinicalNote: v = !0,
+    clinicalGatedReason: te,
+    defaultClinical: j = !1,
+    onRequestAiDraft: ne,
+    aiDraftFormat: re,
+    aiPrivacyNotice: ie,
+    onDictate: se,
+    onProofread: ae,
+    onAutoFormat: oe,
+    onTogglePin: b,
+    onToggleFlag: P,
+    noteActions: z,
+    title: le,
+    composerPlaceholder: de,
+    addNoteLabel: ce,
+    emptyState: ue,
+    className: pe,
+    "aria-label": V,
+    ...fe
+  }, me) {
+    const { t: i } = ke(), A = o(null), [p, I] = w(""), [H, M] = w(j), [f, B] = w(!1), [D, S] = w(null), ge = le ?? i("notesPanel.title", { defaultValue: "Notes" }), L = Pe(), W = de ?? i("notesPanel.placeholder", { defaultValue: "Add a note…" }), F = i("notesPanel.composerLabel", {
+      defaultValue: "New note"
+    }), he = y === "rich" ? U(p) : p.trim().length > 0, ye = xe(() => {
+      var C;
+      if (!c || f) return;
+      const e = y === "rich", t = e ? ((C = A.current) == null ? void 0 : C.getHTML()) ?? p : p.trim();
+      if (e ? !U(t) : !t) return;
+      const l = () => {
+        var m;
+        e && ((m = A.current) == null || m.clear()), I(""), M(j);
+      };
+      S(null);
+      let s;
+      try {
+        s = c({ content: t, clinical: H });
+      } catch (m) {
+        S(Q(m, i("notesPanel.addFailed")));
+        return;
+      }
+      if (!s || typeof s.then != "function") return l();
+      B(!0), Promise.resolve(s).then(
+        l,
+        (m) => S(Q(m, i("notesPanel.addFailed")))
+      ).finally(() => B(!1));
+    }, [y, p, H, j, c, f, i]), O = [...R].sort(
+      (e, t) => Number(t.pinned ?? !1) - Number(e.pinned ?? !1)
+    ), q = o(null);
+    Ne(() => {
+      var e, t;
+      u && ((e = q.current) == null || e.scrollIntoView({ block: "center" }), (t = q.current) == null || t.focus());
+    }, [u, X]);
+    const E = o(R);
+    E.current = R;
+    const g = o(c);
+    g.current = c;
+    const x = o(b);
+    x.current = b;
+    const N = o(P);
+    N.current = P;
+    const K = o(v);
+    K.current = v;
+    const G = o(u);
+    G.current = u;
+    const Y = o(null);
+    Ce(me, () => Y.current, []);
+    const ve = we(
+      () => ({
+        // Ids + flags only — never the note body or author (both PHI).
+        getNotes: () => E.current.map((e) => ({
+          id: e.id,
+          pinned: !!e.pinned,
+          flagged: !!e.flagged,
+          clinical: !!e.clinical
+        })),
+        canAddNote: () => !!g.current,
+        canAddClinical: () => K.current,
+        getCurrentNoteId: () => G.current ?? null,
+        addNote: (e) => {
+          var t;
+          if (!(e.clinical && !K.current))
+            return (t = g.current) == null ? void 0 : t.call(g, e);
+        },
+        togglePin: (e) => {
+          var l, s;
+          const t = E.current.find((C) => C.id === e);
+          t && (t.deleted || ((l = t.actions) == null ? void 0 : l.pin) === !1) || (s = x.current) == null || s.call(x, e);
+        },
+        toggleFlag: (e) => {
+          var t;
+          return (t = N.current) == null ? void 0 : t.call(N, e);
+        }
+      }),
+      []
+    );
+    return je(Ke, ve, a), /* @__PURE__ */ d(
+      "section",
+      {
+        ref: Y,
+        "data-component": "notes-panel",
+        "data-component-id": a,
+        "aria-labelledby": V ? void 0 : L,
+        "aria-label": V,
+        className: ["ds:flex ds:flex-col", pe].filter(Boolean).join(" "),
+        ...fe,
+        children: [
+          /* @__PURE__ */ r(
+            qe,
+            {
+              title: ge,
+              icon: /* @__PURE__ */ r(Ee, { "aria-hidden": "true" }),
+              headingId: V ? void 0 : L,
+              sticky: !0,
+              divider: !0
+            }
+          ),
+          /* @__PURE__ */ d("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)] ds:p-[var(--spacing-md)]", children: [
+            c ? /* @__PURE__ */ d("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
+              y === "rich" ? /* @__PURE__ */ r(
+                Ae,
+                {
+                  ref: A,
+                  ariaLabel: F,
+                  placeholder: W,
+                  toolbar: Z,
+                  minHeight: "sm",
+                  redactor: $,
+                  imageUploadUrl: ee,
+                  readOnly: f,
+                  onChange: ({ html: e }) => I(e),
+                  onRequestAiDraft: ne,
+                  aiDraftFormat: re,
+                  aiPrivacyNotice: ie,
+                  onDictate: se,
+                  onProofread: ae,
+                  onAutoFormat: oe
+                }
+              ) : /* @__PURE__ */ r(
+                Ie,
+                {
+                  value: p,
+                  readOnly: f,
+                  onChange: (e) => I(e.target.value),
+                  placeholder: W,
+                  autoResize: !0,
+                  minRows: 2,
+                  maxRows: 6,
+                  "aria-label": F
+                }
+              ),
+              /* @__PURE__ */ d(
+                "div",
+                {
+                  className: [
+                    "ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-sm)]",
+                    _ ? "ds:justify-between" : "ds:justify-end"
+                  ].join(" "),
+                  children: [
+                    _ ? /* @__PURE__ */ r(
+                      He,
+                      {
+                        size: "sm",
+                        label: i("notesPanel.clinicalToggle", {
+                          defaultValue: "Clinical note"
+                        }),
+                        checked: H,
+                        onCheckedChange: (e) => M(e === !0),
+                        disabled: f || !v,
+                        disabledReason: v ? void 0 : te ?? i("notesPanel.clinicalGated", {
+                          defaultValue: "You do not have permission to write clinical notes."
+                        })
+                      }
+                    ) : null,
+                    /* @__PURE__ */ r(
+                      J,
+                      {
+                        type: "button",
+                        size: "sm",
+                        onClick: ye,
+                        disabled: !he,
+                        loading: f,
+                        children: ce ?? i("notesPanel.add", { defaultValue: "Add note" })
+                      }
+                    )
+                  ]
+                }
+              ),
+              D ? /* @__PURE__ */ r(h, { variant: "error", children: /* @__PURE__ */ r(h.Description, { children: D }) }) : null
+            ] }) : null,
+            k === "loading" ? /* @__PURE__ */ d("p", { className: "ds:m-0 ds:flex ds:items-center ds:gap-[var(--spacing-xs)] type-body-sm ds:text-[color:var(--muted-foreground)]", children: [
+              /* @__PURE__ */ r(Se, { size: "sm", label: i("notesPanel.loading") }),
+              /* @__PURE__ */ r("span", { "aria-hidden": "true", children: i("notesPanel.loading") })
+            ] }) : k === "error" ? /* @__PURE__ */ d(h, { variant: "error", children: [
+              /* @__PURE__ */ r(h.Description, { children: i("notesPanel.loadError") }),
+              T ? /* @__PURE__ */ r(h.Action, { children: /* @__PURE__ */ r(J, { intent: "secondary", size: "sm", onClick: T, children: i("notesPanel.retry") }) }) : null
+            ] }) : null,
+            O.length > 0 ? /* @__PURE__ */ r("ul", { className: "ds:m-0 ds:flex ds:list-none ds:flex-col ds:gap-[var(--spacing-sm)] ds:p-0", children: O.map(({ actions: e, ...t }, l) => {
+              const s = u != null && t.id === u;
+              return /* @__PURE__ */ d(
+                "li",
+                {
+                  ref: s ? q : void 0,
+                  tabIndex: s ? -1 : void 0,
+                  "aria-current": s ? "true" : void 0,
+                  className: Te({ current: s }),
+                  children: [
+                    s ? /* @__PURE__ */ r("span", { className: "ds:sr-only", children: i("notesPanel.current", {
+                      defaultValue: "Current note"
+                    }) }) : null,
+                    /* @__PURE__ */ r(
+                      Ve,
+                      {
+                        surface: "elevated",
+                        truncate: !s,
+                        ...t,
+                        onTogglePin: b && t.id && (e == null ? void 0 : e.pin) !== !1 && !t.deleted ? () => b(t.id) : void 0,
+                        onToggleFlag: P && t.id ? () => P(t.id) : void 0
+                      }
+                    ),
+                    z ? /* @__PURE__ */ r("div", { className: "ds:flex ds:justify-end ds:gap-[var(--spacing-2xs)] ds:pt-[var(--spacing-2xs)]", children: z({ ...t, actions: e }) }) : null
+                  ]
+                },
+                t.id ?? l
+              );
+            }) }) : k !== "ready" ? null : ue ?? /* @__PURE__ */ r("p", { className: "ds:m-0 type-body-sm ds:text-[color:var(--muted-foreground)]", children: i("notesPanel.empty", { defaultValue: "No notes yet." }) })
+          ] })
+        ]
+      }
+    );
+  }
+);
+export {
+  Xe as N,
+  Q as g
+};
+//# sourceMappingURL=notes-panel-am6e-Lwh.js.map

package/dist/_chunks/{patient-details-DYAmq76G.js → patient-details-CdfursHt.js}

@@ -17,8 +17,8 @@ import { S as be } from "./select-Bi8zril7.js";
 import { S as ye } from "./switch-OILsBLWo.js";
 import { T as he } from "./text-area-Bt3p7Pt0.js";
 import { T as ve } from "./text-input-CUvCb6ST.js";
-import { C as xe } from "./country-select-DzbPFktV.js";
-import { P as Ne } from "./province-select-BBc7s7vR.js";
+import { C as xe } from "./country-select-CfDNFG5c.js";
+import { P as Ne } from "./province-select-BaUnkg4S.js";
 import { P as Ce } from "./postal-code-input-BznBxVxf.js";
 import { C as Ve } from "./city-input-DaQc-Hbj.js";
 import { u as we } from "./registry-DvAUVLHh.js";
@@ -757,4 +757,4 @@ export {
   Ae as P,
   Oe as p
 };
-//# sourceMappingURL=patient-details-DYAmq76G.js.map
+//# sourceMappingURL=patient-details-CdfursHt.js.map

package/dist/_chunks/{province-select-BBc7s7vR.js → province-select-BaUnkg4S.js}

@@ -1,7 +1,7 @@
 import { jsx as l } from "react/jsx-runtime";
 import { forwardRef as N, useMemo as p, useCallback as O, useRef as h, useEffect as z } from "react";
 import { useTranslation as U } from "react-i18next";
-import { C as F } from "./combobox-D7_NLE2Z.js";
+import { C as F } from "./combobox-DnSdYssy.js";
 import { u as y } from "./use-controllable-state-BiY4xTzM.js";
 import { u as G } from "./registry-DvAUVLHh.js";
 const w = [
@@ -258,4 +258,4 @@ export {
   k as P,
   _ as p
 };
-//# sourceMappingURL=province-select-BBc7s7vR.js.map
+//# sourceMappingURL=province-select-BaUnkg4S.js.map

package/dist/_chunks/{rich-text-editor-lSCiE0Zz.js → rich-text-editor-VJATL1Tk.js}

@@ -19,7 +19,7 @@ import { a as pt } from "./tooltip-DvmfrNvB.js";
 import { P as q } from "./popover-DP6WCVwm.js";
 import { D as Ae } from "./dropdown-menu-DU-Hrf33.js";
 import { D as B } from "./dialog-UbKJCi1X.js";
-import { C as We } from "./color-picker-CU303VjY.js";
+import { C as We } from "./color-picker-Bl5f0iK1.js";
 import { T as Ie } from "./text-input-CUvCb6ST.js";
 import { C as Xt } from "./checkbox-BuZ1u__2.js";
 import { F as Ut } from "./file-upload-CwxdqkMK.js";
@@ -2626,4 +2626,4 @@ export {
   hn as r,
   Qn as w
 };
-//# sourceMappingURL=rich-text-editor-lSCiE0Zz.js.map
+//# sourceMappingURL=rich-text-editor-VJATL1Tk.js.map