@alfadocs/ui-kit 1.33.0 → 1.35.0

package/dist/_chunks/notes-panel-C4G-mhZ9.js

@@ -1,380 +0,0 @@
-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-D2WTV2CO.js";
-import { R as Ae } from "./rich-text-editor-CQ7yZdG3.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-C4G-mhZ9.js.map