@alfadocs/ui-kit-debug 1.37.0 → 1.38.0

package/dist/_chunks/notes-panel-4y5JioWN.js

@@ -1,556 +0,0 @@
-import { jsxs as d, jsx as n, Fragment as We } from "react/jsx-runtime";
-import { forwardRef as Oe, useRef as f, useState as C, useId as Ge, useCallback as x, useEffect as ue, useImperativeHandle as Ye, useMemo as Je } from "react";
-import { c as Qe } from "./index-D2ZczOXr.js";
-import { useTranslation as Ue } from "react-i18next";
-import { u as Xe } from "./registry-DvAUVLHh.js";
-import { C as Ze } from "./clinical-note-card-DdsGYMmI.js";
-import { R as $e } from "./rich-text-editor-BTXlorm5.js";
-import { T as et } from "./text-area-Bt3p7Pt0.js";
-import { A as j } from "./alert-CiQ5Pa3Q.js";
-import { B as S } from "./button-nJaPh_HC.js";
-import { I as fe } from "./icon-button-8xqRnkdG.js";
-import { C as tt } from "./checkbox-CZkipDn7.js";
-import { S as nt } from "./spinner-hbwuKwMf.js";
-import { D as h } from "./dialog-BJiLqhx6.js";
-import { P as it } from "./panel-header-D_mTdhUp.js";
-import { a as at, u as rt, R as lt } from "./use-list-reflow-Cw43nxw5.js";
-import { u as st } from "./use-theme-CAuo6EYT.js";
-import { N as ot } from "./notebook-pen-CO7HoM-W.js";
-import { P as dt } from "./pencil-B1sKKyuT.js";
-import { T as ct } from "./trash-2-uumy3fy1.js";
-function pe(a, c) {
-  return typeof a == "object" && a !== null && "message" in a && typeof a.message == "string" && a.message.trim() ? a.message : c;
-}
-const ut = {
-  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: (a) => a.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: (a) => a.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: (a) => a.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: (a, c) => a.addNote(c)
-    },
-    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: (a, c) => {
-        a.togglePin(c.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: (a, c) => {
-        a.toggleFlag(c.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."
-    }
-  }
-}, ft = Qe(
-  "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 }
-  }
-), pt = "ds:opacity-0", mt = [
-  "ds:transition-opacity ds:duration-[var(--animation-duration)]",
-  "ds:ease-[var(--ease-out)] ds:motion-reduce:transition-none"
-].join(" ");
-function me(a) {
-  return a ? /<img\b/i.test(a) ? !0 : a.replace(/<[^>]*>/g, "").replace(/&nbsp;/gi, " ").trim().length > 0 : !1;
-}
-const Ht = Oe(
-  function({
-    id: c,
-    notes: z,
-    onAddNote: p,
-    status: M = "ready",
-    onRetry: X,
-    currentNoteId: y,
-    currentNoteKey: ge,
-    composer: m = "rich",
-    editorToolbar: he = "standard",
-    redactor: ve,
-    imageUploadUrl: ye,
-    showClinicalToggle: be = !0,
-    canAddClinicalNote: N = !0,
-    clinicalGatedReason: Pe,
-    defaultClinical: w = !1,
-    onRequestAiDraft: Ce,
-    aiDraftFormat: xe,
-    aiPrivacyNotice: we,
-    onDictate: Re,
-    onProofread: Ve,
-    onAutoFormat: ke,
-    onTogglePin: A,
-    onToggleFlag: H,
-    noteActions: Z,
-    onEditNote: R,
-    editClinical: Te = !1,
-    onDeleteNote: g,
-    confirmDelete: W = !0,
-    title: Ie,
-    composerPlaceholder: Ee,
-    addNoteLabel: je,
-    emptyState: Se,
-    className: ze,
-    "aria-label": O,
-    ...Ne
-  }, Ae) {
-    const { t: i, i18n: $ } = Ue(), v = f(null), [b, V] = C(""), [L, _] = C(w), [u, ee] = C(!1), [te, k] = C(null), [l, G] = C(null), He = Ie ?? i("notesPanel.title", { defaultValue: "Notes" }), ne = Ge(), ie = Ee ?? i("notesPanel.placeholder", { defaultValue: "Add a note…" }), ae = l !== null ? i("notesPanel.edit", { defaultValue: "Edit note" }) : i("notesPanel.composerLabel", { defaultValue: "New note" }), Le = m === "rich" ? me(b) : b.trim().length > 0, _e = x(() => {
-      var E;
-      if (!(l !== null ? R : p) || u) return;
-      const t = m === "rich", o = t ? ((E = v.current) == null ? void 0 : E.getHTML()) ?? b : b.trim();
-      if (t ? !me(o) : !o) return;
-      const s = () => {
-        var P;
-        t && ((P = v.current) == null || P.clear()), V(""), _(w), G(null);
-      };
-      k(null);
-      let r;
-      try {
-        r = l !== null && R ? R(l, { content: o, clinical: L }) : p == null ? void 0 : p({ content: o, clinical: L });
-      } catch (P) {
-        k(pe(P, i("notesPanel.addFailed")));
-        return;
-      }
-      if (!r || typeof r.then != "function") return s();
-      ee(!0), Promise.resolve(r).then(
-        s,
-        (P) => k(pe(P, i("notesPanel.addFailed")))
-      ).finally(() => ee(!1));
-    }, [
-      m,
-      b,
-      L,
-      w,
-      l,
-      p,
-      R,
-      u,
-      i
-    ]), re = be && (l === null || Te), le = x(
-      (e) => {
-        try {
-          return new Intl.DateTimeFormat($.language, {
-            day: "numeric",
-            month: "long",
-            year: "numeric",
-            hour: "2-digit",
-            minute: "2-digit"
-          }).format(new Date(e.dateIso));
-        } catch {
-          return e.dateIso;
-        }
-      },
-      [$.language]
-    ), Be = x(
-      (e) => {
-        var o, s, r;
-        if (!e.id || u) return;
-        const t = e.content ?? "";
-        k(null), G(e.id), _(e.clinical ?? !1), V(t), m === "rich" && ((o = v.current) == null || o.clear(), (s = v.current) == null || s.insertAtCursor(t, { asHtml: !0 })), (r = v.current) == null || r.focus();
-      },
-      [m, u]
-    ), B = x(() => {
-      var e;
-      m === "rich" && ((e = v.current) == null || e.clear()), V(""), _(w), k(null), G(null);
-    }, [m, w]), se = l === null || z.some((e) => e.id === l && !e.deleted);
-    ue(() => {
-      se || B();
-    }, [se, B]);
-    const Y = [...z].sort(
-      (e, t) => Number(t.pinned ?? !1) - Number(e.pinned ?? !1)
-    ), { resolvedTheme: De } = st(), oe = De.endsWith("-accessible") || void 0, { containerRef: qe } = at({
-      key: Y.map((e) => e.id).join(),
-      reduceMotion: oe
-    }), T = rt({ reduceMotion: oe }), [D, q] = C(null), Fe = x(
-      (e) => {
-        g && (W ? q(e) : T.leave(e, () => g(e)));
-      },
-      [W, T, g]
-    ), Ke = x(() => {
-      if (!D || !g) return;
-      const e = D;
-      q(null), T.leave(e, () => g(e));
-    }, [D, g, T]), J = f(null);
-    ue(() => {
-      var e, t;
-      y && ((e = J.current) == null || e.scrollIntoView({ block: "center" }), (t = J.current) == null || t.focus());
-    }, [y, ge]);
-    const Q = f(z);
-    Q.current = z;
-    const I = f(p);
-    I.current = p;
-    const F = f(A);
-    F.current = A;
-    const K = f(H);
-    K.current = H;
-    const U = f(N);
-    U.current = N;
-    const de = f(y);
-    de.current = y;
-    const ce = f(null);
-    Ye(Ae, () => ce.current, []);
-    const Me = Je(
-      () => ({
-        // Ids + flags only — never the note body or author (both PHI).
-        getNotes: () => Q.current.map((e) => ({
-          id: e.id,
-          pinned: !!e.pinned,
-          flagged: !!e.flagged,
-          clinical: !!e.clinical
-        })),
-        canAddNote: () => !!I.current,
-        canAddClinical: () => U.current,
-        getCurrentNoteId: () => de.current ?? null,
-        addNote: (e) => {
-          var t;
-          if (!(e.clinical && !U.current))
-            return (t = I.current) == null ? void 0 : t.call(I, e);
-        },
-        togglePin: (e) => {
-          var o, s;
-          const t = Q.current.find((r) => r.id === e);
-          t && (t.deleted || ((o = t.actions) == null ? void 0 : o.pin) === !1) || (s = F.current) == null || s.call(F, e);
-        },
-        toggleFlag: (e) => {
-          var t;
-          return (t = K.current) == null ? void 0 : t.call(K, e);
-        }
-      }),
-      []
-    );
-    return Xe(ut, Me, c), /* @__PURE__ */ d(
-      "section",
-      {
-        ref: ce,
-        "data-component": "notes-panel",
-        "data-component-id": c,
-        "aria-labelledby": O ? void 0 : ne,
-        "aria-label": O,
-        className: ["ds:flex ds:flex-col", ze].filter(Boolean).join(" "),
-        ...Ne,
-        children: [
-          /* @__PURE__ */ n(
-            it,
-            {
-              title: He,
-              icon: /* @__PURE__ */ n(ot, { "aria-hidden": "true" }),
-              headingId: O ? void 0 : ne,
-              sticky: !0,
-              divider: !0
-            }
-          ),
-          /* @__PURE__ */ d("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)] ds:p-[var(--spacing-md)]", children: [
-            p || l !== null ? /* @__PURE__ */ d(
-              "div",
-              {
-                "data-notes-panel-composer": l !== null ? "edit" : "add",
-                className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]",
-                children: [
-                  m === "rich" ? /* @__PURE__ */ n(
-                    $e,
-                    {
-                      ref: v,
-                      ariaLabel: ae,
-                      placeholder: ie,
-                      toolbar: he,
-                      minHeight: "fill",
-                      redactor: ve,
-                      imageUploadUrl: ye,
-                      readOnly: u,
-                      onChange: ({ html: e }) => V(e),
-                      onRequestAiDraft: Ce,
-                      aiDraftFormat: xe,
-                      aiPrivacyNotice: we,
-                      onDictate: Re,
-                      onProofread: Ve,
-                      onAutoFormat: ke
-                    }
-                  ) : /* @__PURE__ */ n(
-                    et,
-                    {
-                      value: b,
-                      readOnly: u,
-                      onChange: (e) => V(e.target.value),
-                      placeholder: ie,
-                      autoResize: !0,
-                      minRows: 2,
-                      maxRows: 6,
-                      "aria-label": ae
-                    }
-                  ),
-                  /* @__PURE__ */ d(
-                    "div",
-                    {
-                      className: [
-                        "ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-sm)]",
-                        re ? "ds:justify-between" : "ds:justify-end"
-                      ].join(" "),
-                      children: [
-                        re ? /* @__PURE__ */ n(
-                          tt,
-                          {
-                            size: "sm",
-                            label: i("notesPanel.clinicalToggle", {
-                              defaultValue: "Clinical note"
-                            }),
-                            checked: L,
-                            onCheckedChange: (e) => _(e === !0),
-                            disabled: u || !N,
-                            disabledReason: N ? void 0 : Pe ?? i("notesPanel.clinicalGated", {
-                              defaultValue: "You do not have permission to write clinical notes."
-                            })
-                          }
-                        ) : null,
-                        /* @__PURE__ */ d("span", { className: "ds:flex ds:items-center ds:gap-[var(--spacing-xs)]", children: [
-                          l !== null ? /* @__PURE__ */ n(
-                            S,
-                            {
-                              type: "button",
-                              size: "sm",
-                              intent: "ghost",
-                              onClick: B,
-                              disabled: u,
-                              children: i("notesPanel.cancelEdit", { defaultValue: "Cancel" })
-                            }
-                          ) : null,
-                          /* @__PURE__ */ n(
-                            S,
-                            {
-                              type: "button",
-                              size: "sm",
-                              onClick: _e,
-                              disabled: !Le,
-                              loading: u,
-                              children: l !== null ? i("notesPanel.saveEdit", { defaultValue: "Save note" }) : je ?? i("notesPanel.add", { defaultValue: "Add note" })
-                            }
-                          )
-                        ] })
-                      ]
-                    }
-                  ),
-                  te ? /* @__PURE__ */ n(j, { variant: "error", children: /* @__PURE__ */ n(j.Description, { children: te }) }) : null
-                ]
-              }
-            ) : null,
-            M === "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__ */ n(nt, { size: "sm", label: i("notesPanel.loading") }),
-              /* @__PURE__ */ n("span", { "aria-hidden": "true", children: i("notesPanel.loading") })
-            ] }) : M === "error" ? /* @__PURE__ */ d(j, { variant: "error", children: [
-              /* @__PURE__ */ n(j.Description, { children: i("notesPanel.loadError") }),
-              X ? /* @__PURE__ */ n(j.Action, { children: /* @__PURE__ */ n(S, { intent: "secondary", size: "sm", onClick: X, children: i("notesPanel.retry") }) }) : null
-            ] }) : null,
-            Y.length > 0 ? /* @__PURE__ */ n(
-              "ul",
-              {
-                ref: qe,
-                className: "ds:m-0 ds:flex ds:list-none ds:flex-col ds:gap-[var(--spacing-sm)] ds:p-0",
-                children: Y.map(({ actions: e, ...t }, o) => {
-                  const s = y != null && t.id === y, r = t.id, E = r != null && T.isLeaving(r);
-                  return /* @__PURE__ */ d(
-                    "li",
-                    {
-                      ref: s ? J : void 0,
-                      tabIndex: s ? -1 : void 0,
-                      "aria-current": s ? "true" : void 0,
-                      "data-reflow-id": r,
-                      "data-leaving": E ? "" : void 0,
-                      "data-editing": l === r ? "" : void 0,
-                      className: [
-                        ft({
-                          current: s || l === r
-                        }),
-                        mt,
-                        lt,
-                        E ? pt : ""
-                      ].filter(Boolean).join(" "),
-                      children: [
-                        s ? /* @__PURE__ */ n("span", { className: "ds:sr-only", children: i("notesPanel.current", {
-                          defaultValue: "Current note"
-                        }) }) : null,
-                        /* @__PURE__ */ n(
-                          Ze,
-                          {
-                            surface: "elevated",
-                            truncate: !s,
-                            headerActions: /* @__PURE__ */ d(We, { children: [
-                              Z ? Z({ ...t, actions: e }) : null,
-                              R && r && !t.deleted && (e == null ? void 0 : e.edit) !== !1 ? /* @__PURE__ */ n(
-                                fe,
-                                {
-                                  icon: /* @__PURE__ */ n(dt, {}),
-                                  intent: "ghost",
-                                  size: "sm",
-                                  "aria-label": i("notesPanel.editNamed", {
-                                    date: le(t),
-                                    defaultValue: "Edit note · {{date}}"
-                                  }),
-                                  tooltip: i("notesPanel.edit", {
-                                    defaultValue: "Edit note"
-                                  }),
-                                  "aria-pressed": l === r,
-                                  disabled: u,
-                                  "data-notes-panel-edit": "",
-                                  onClick: () => l === r ? B() : Be(t)
-                                }
-                              ) : null,
-                              g && r && !t.deleted ? /* @__PURE__ */ n(
-                                fe,
-                                {
-                                  icon: /* @__PURE__ */ n(ct, {}),
-                                  intent: "ghost",
-                                  size: "sm",
-                                  "aria-label": i("notesPanel.deleteNamed", {
-                                    date: le(t),
-                                    defaultValue: "Delete note · {{date}}"
-                                  }),
-                                  tooltip: i("notesPanel.delete", {
-                                    defaultValue: "Delete note"
-                                  }),
-                                  onClick: () => Fe(r)
-                                }
-                              ) : null
-                            ] }),
-                            ...t,
-                            onTogglePin: A && t.id && (e == null ? void 0 : e.pin) !== !1 && !t.deleted ? () => A(t.id) : void 0,
-                            onToggleFlag: H && t.id ? () => H(t.id) : void 0
-                          }
-                        )
-                      ]
-                    },
-                    t.id ?? o
-                  );
-                })
-              }
-            ) : M !== "ready" ? null : Se ?? /* @__PURE__ */ n("p", { className: "ds:m-0 type-body-sm ds:text-[color:var(--muted-foreground)]", children: i("notesPanel.empty", { defaultValue: "No notes yet." }) })
-          ] }),
-          g && W ? /* @__PURE__ */ n(
-            h,
-            {
-              open: D !== null,
-              onOpenChange: (e) => !e && q(null),
-              children: /* @__PURE__ */ d(h.Content, { variant: "alert", size: "sm", children: [
-                /* @__PURE__ */ n(h.Header, { children: /* @__PURE__ */ n(h.Title, { children: i("notesPanel.deleteConfirmTitle", {
-                  defaultValue: "Delete this note?"
-                }) }) }),
-                /* @__PURE__ */ n(h.Body, { children: /* @__PURE__ */ n(h.Description, { children: i("notesPanel.deleteConfirmBody", {
-                  defaultValue: "The note will be removed from the record."
-                }) }) }),
-                /* @__PURE__ */ d(h.Footer, { children: [
-                  /* @__PURE__ */ n(h.Close, { asChild: !0, children: /* @__PURE__ */ n(
-                    S,
-                    {
-                      intent: "secondary",
-                      size: "sm",
-                      onClick: () => q(null),
-                      children: i("notesPanel.deleteConfirmCancel", {
-                        defaultValue: "Cancel"
-                      })
-                    }
-                  ) }),
-                  /* @__PURE__ */ n(
-                    S,
-                    {
-                      intent: "destructive",
-                      size: "sm",
-                      onClick: Ke,
-                      children: i("notesPanel.deleteConfirmAction", {
-                        defaultValue: "Delete"
-                      })
-                    }
-                  )
-                ] })
-              ] })
-            }
-          ) : null
-        ]
-      }
-    );
-  }
-);
-export {
-  Ht as N,
-  pe as g
-};
-//# sourceMappingURL=notes-panel-4y5JioWN.js.map