@alfadocs/ui-kit 1.4.8 → 1.4.10

package/dist/_chunks/anamnesis-summary-card-CpQViN5l.js

@@ -0,0 +1,392 @@
+import { jsxs as r, jsx as a } from "react/jsx-runtime";
+import { forwardRef as de, useId as ne, useMemo as H, useImperativeHandle as ie } from "react";
+import { c as g } from "./index-D2ZczOXr.js";
+import { useTranslation as oe } from "react-i18next";
+import { B as M } from "./badge-DCOqV9mI.js";
+import { C as y } from "./card-DPmk26CL.js";
+import { S as P } from "./skeleton-CZbwyJAA.js";
+import { a as le, T as ce } from "./tooltip-DvmfrNvB.js";
+import { u as me } from "./registry-DvAUVLHh.js";
+import { H as E } from "./heart-pulse-BCppJyN2.js";
+import { c as R } from "./createLucideIcon-DhHxpK9K.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 ue = [
+  [
+    "path",
+    {
+      d: "M2.992 16.342a2 2 0 0 1 .094 1.167l-1.065 3.29a1 1 0 0 0 1.236 1.168l3.413-.998a2 2 0 0 1 1.099.092 10 10 0 1 0-4.777-4.719",
+      key: "1sd12s"
+    }
+  ],
+  ["path", { d: "M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3", key: "1u773s" }],
+  ["path", { d: "M12 17h.01", key: "p32p05" }]
+], pe = R("message-circle-question-mark", ue);
+/**
+ * @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 ge = [
+  [
+    "path",
+    {
+      d: "M2.992 16.342a2 2 0 0 1 .094 1.167l-1.065 3.29a1 1 0 0 0 1.236 1.168l3.413-.998a2 2 0 0 1 1.099.092 10 10 0 1 0-4.777-4.719",
+      key: "1sd12s"
+    }
+  ],
+  ["path", { d: "m10 15-3-3 3-3", key: "1pgupc" }],
+  ["path", { d: "M7 12h8a2 2 0 0 1 2 2v1", key: "89sh1g" }]
+], he = R("message-circle-reply", ge), fe = {
+  id: "anamnesis-summary-card",
+  // The card is read-only: the only handle method is a getSummary
+  // projection, so there is no capability to declare.
+  capabilities: [],
+  state: {
+    summary: {
+      type: "{ id?: string; sectionCount: number; answerCount: number; highlightedCount: number; unansweredCount: number }",
+      descriptionKey: "ui.agent.anamnesisSummaryCard.state.summary",
+      description: "Structural summary of the anamnesis card — section, answer, highlighted and unanswered counts plus the consumer id. Never question labels or answer values.",
+      read: (d) => d.getSummary()
+    }
+  },
+  actions: {},
+  domHooks: {
+    root: {
+      attr: "data-component",
+      value: "anamnesis-summary-card",
+      description: "Marks the AnamnesisSummaryCard root region."
+    },
+    instanceId: {
+      attr: "data-component-id",
+      sourceProp: "id",
+      description: "Sourced from the id prop."
+    },
+    item: {
+      attr: "data-answer-id",
+      description: "One per answer row (KeyValuePair); the value is the intake field key. Highlighted rows also carry data-highlighted."
+    }
+  }
+}, ve = g("ds:w-full ds:text-[color:var(--foreground)]", {
+  variants: {
+    // Same `surface` vocabulary as PatientSummaryCard / ContactProfileCard.
+    // Both surfaces keep the Card chrome — `flat` only drops the shadow.
+    surface: {
+      flat: "",
+      elevated: ""
+    },
+    density: {
+      comfortable: "",
+      compact: ""
+    }
+  },
+  defaultVariants: {
+    surface: "elevated",
+    density: "comfortable"
+  }
+}), ye = g("ds:flex ds:flex-col", {
+  variants: {
+    density: {
+      comfortable: "ds:gap-[var(--spacing-lg)]",
+      compact: "ds:gap-[var(--spacing-md)]"
+    }
+  },
+  defaultVariants: { density: "comfortable" }
+}), be = g("", {
+  variants: {
+    density: {
+      comfortable: "",
+      compact: "ds:p-[var(--spacing-sm)] ds:pb-0"
+    }
+  },
+  defaultVariants: { density: "comfortable" }
+}), xe = g("", {
+  variants: {
+    density: {
+      comfortable: "",
+      compact: "ds:p-[var(--spacing-sm)]"
+    }
+  },
+  defaultVariants: { density: "comfortable" }
+}), Ne = g("", {
+  variants: {
+    density: {
+      comfortable: "",
+      compact: "ds:p-[var(--spacing-sm)] ds:pt-0"
+    }
+  },
+  defaultVariants: { density: "comfortable" }
+}), Ce = /^(\d{4})-(\d{2})-(\d{2})$/, Se = /^(\d{4})-(\d{2})-(\d{2})T(\d{2}):(\d{2})(?::(\d{2}))?$/, we = /^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}/;
+function Ae(d) {
+  const l = Ce.exec(d);
+  if (l)
+    return {
+      date: new Date(Number(l[1]), Number(l[2]) - 1, Number(l[3])),
+      hasTime: !1
+    };
+  const t = Se.exec(d);
+  if (t)
+    return {
+      date: new Date(
+        Number(t[1]),
+        Number(t[2]) - 1,
+        Number(t[3]),
+        Number(t[4]),
+        Number(t[5]),
+        t[6] ? Number(t[6]) : 0
+      ),
+      hasTime: !0
+    };
+  const i = new Date(d);
+  return Number.isNaN(i.getTime()) ? null : { date: i, hasTime: we.test(d) };
+}
+function B(d, l) {
+  const t = Ae(d);
+  if (!t) return null;
+  const i = t.hasTime ? { dateStyle: "medium", timeStyle: "short" } : { dateStyle: "medium" };
+  try {
+    return new Intl.DateTimeFormat(l, i).format(t.date);
+  } catch {
+    return new Intl.DateTimeFormat(void 0, i).format(t.date);
+  }
+}
+const Te = "ds:rounded-[var(--radius-md)] ds:bg-[color:color-mix(in_srgb,var(--accent)_6%,transparent)] ds:px-[var(--spacing-xs)] ds:-mx-[var(--spacing-xs)]", Le = 'ds:relative ds:inline-flex ds:appearance-none ds:border-0 ds:bg-transparent ds:p-0 ds:m-0 ds:cursor-default ds:rounded-[var(--radius-full)] ds:before:absolute ds:before:content-[""] ds:before:inset-x-[calc((var(--min-target-size)-100%)/-2)] ds:before:inset-y-[calc((var(--min-target-size)-100%)/-2)] ds:sm:before:inset-x-[calc((var(--spacing-lg)-100%)/-2)] ds:sm:before:inset-y-[calc((var(--spacing-lg)-100%)/-2)] ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid ds:focus-visible:outline-[var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)] ds:forced-colors:focus-visible:outline-[CanvasText]', D = "ds:mt-[var(--spacing-2xs)] ds:size-4 ds:shrink-0 ds:text-[color:var(--accent)]", b = "type-body-sm ds:m-0 ds:text-[color:var(--muted-foreground)]", ke = de(
+  ({
+    sections: d,
+    title: l,
+    subtitle: t,
+    unansweredCount: i = 0,
+    locale: $,
+    highlightedFirst: C = !0,
+    highlightedGroup: j = !0,
+    highlightedOnly: m = !1,
+    surface: S = "elevated",
+    density: c = "comfortable",
+    loading: h = !1,
+    actionSlot: w,
+    id: p,
+    className: z,
+    "aria-label": G,
+    ...O
+  }, q) => {
+    const { t: o, i18n: F } = oe(), K = ne(), A = $ ?? F.language ?? "en", u = H(
+      () => d.filter((e) => e.answers.length > 0).map((e) => ({
+        ...e,
+        answers: C ? [...e.answers].sort(
+          (s, n) => +!!n.highlighted - +!!s.highlighted
+        ) : e.answers
+      })),
+      [d, C]
+    ), T = u.reduce(
+      (e, s) => e + s.answers.length,
+      0
+    ), f = u.reduce(
+      (e, s) => e + s.answers.filter((n) => n.highlighted).length,
+      0
+    ), L = u.length, x = u.flatMap(
+      (e) => e.answers.filter((s) => s.highlighted)
+    ), Q = m ? [] : u, U = (e) => {
+      const s = e.reportedAtIso ? B(e.reportedAtIso, A) : null, n = [e.sourceLabel, s].filter(
+        (v) => !!v
+      );
+      return n.length > 0 ? n.join(" · ") : null;
+    }, N = H(
+      () => ({
+        getSummary: () => ({
+          id: p,
+          sectionCount: L,
+          answerCount: T,
+          highlightedCount: f,
+          unansweredCount: i
+        })
+      }),
+      [p, L, T, f, i]
+    );
+    ie(q, () => N, [N]), me(fe, N, p);
+    const W = o("anamnesisSummaryCard.regionLabel", {
+      defaultValue: "Anamnesis summary"
+    }), k = l ?? W, Y = G ?? k, V = o("anamnesisSummaryCard.highlighted", {
+      defaultValue: "Highlighted"
+    }), J = c === "comfortable" ? "type-title-card" : "type-title-item", X = c === "comfortable" ? "md" : "sm", Z = (e) => {
+      const s = e.reportedAtIso ? B(e.reportedAtIso, A) : null, n = s && e.sourceLabel ? o("anamnesisSummaryCard.reportedOnFrom", {
+        date: s,
+        source: e.sourceLabel,
+        defaultValue: "Highlighted on {{date}} · {{source}}"
+      }) : s ? o("anamnesisSummaryCard.reportedOn", {
+        date: s,
+        defaultValue: "Highlighted on {{date}}"
+      }) : V;
+      return /* @__PURE__ */ a(ce, { label: n, side: "top", children: /* @__PURE__ */ a(
+        "button",
+        {
+          type: "button",
+          className: Le,
+          "data-highlighted-chip": "",
+          children: /* @__PURE__ */ a(
+            M,
+            {
+              variant: "accentSoft",
+              size: "sm",
+              leading: /* @__PURE__ */ a(E, { "aria-hidden": "true" }),
+              children: V
+            }
+          )
+        }
+      ) });
+    }, ee = /* @__PURE__ */ r("div", { className: "ds:flex ds:flex-wrap ds:items-start ds:gap-[var(--spacing-sm)]", children: [
+      /* @__PURE__ */ r("div", { className: "ds:flex ds:min-w-0 ds:flex-1 ds:flex-col ds:gap-[var(--spacing-2xs)]", children: [
+        /* @__PURE__ */ a(
+          "h3",
+          {
+            id: K,
+            className: `ds:m-0 ${J} ds:text-[color:var(--foreground)]`,
+            children: k
+          }
+        ),
+        t ? /* @__PURE__ */ a("p", { className: b, children: t }) : null
+      ] }),
+      !h && f > 0 ? /* @__PURE__ */ a(
+        M,
+        {
+          variant: "accentSoft",
+          size: "sm",
+          leading: /* @__PURE__ */ a(E, { "aria-hidden": "true" }),
+          className: "ds:shrink-0",
+          children: o("anamnesisSummaryCard.highlightedCount", {
+            count: f,
+            defaultValue: "{{count}} highlighted"
+          })
+        }
+      ) : null,
+      w ? /* @__PURE__ */ a("div", { className: "ds:ms-auto ds:flex ds:shrink-0 ds:items-center ds:gap-[var(--spacing-xs)]", children: w }) : null
+    ] }), ae = /* @__PURE__ */ r("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
+      /* @__PURE__ */ a(P, { variant: "text", width: "40%" }),
+      /* @__PURE__ */ a(P, { variant: "text", lines: 4 })
+    ] }), se = /* @__PURE__ */ a("p", { className: b, children: o("anamnesisSummaryCard.empty", {
+      defaultValue: "No answers recorded yet"
+    }) }), _ = [
+      "ds:m-0 ds:grid ds:grid-cols-1 ds:@[672px]/afields:grid-cols-2",
+      "ds:gap-x-[var(--spacing-lg)]",
+      X === "md" ? "ds:gap-y-[var(--spacing-md)]" : "ds:gap-y-[var(--spacing-sm)]"
+    ].join(" "), I = (e, s) => {
+      const n = s.chip && e.highlighted, v = s.recorded ? U(e) : null;
+      return /* @__PURE__ */ r(
+        "div",
+        {
+          "data-answer-id": e.id,
+          "data-highlighted": e.highlighted ? "" : void 0,
+          className: [
+            "ds:flex ds:min-w-0 ds:flex-col ds:gap-[var(--spacing-2xs)]",
+            n ? Te : ""
+          ].filter(Boolean).join(" "),
+          children: [
+            /* @__PURE__ */ r("dt", { className: "type-label ds:m-0 ds:flex ds:items-start ds:gap-[var(--spacing-xs)] ds:text-[color:var(--muted-foreground)]", children: [
+              /* @__PURE__ */ a(
+                pe,
+                {
+                  "aria-hidden": "true",
+                  className: D
+                }
+              ),
+              /* @__PURE__ */ a("span", { children: e.label })
+            ] }),
+            /* @__PURE__ */ r("dd", { className: "type-body ds:m-0 ds:flex ds:items-start ds:gap-[var(--spacing-xs)] ds:text-[color:var(--foreground)]", children: [
+              /* @__PURE__ */ a(he, { "aria-hidden": "true", className: D }),
+              /* @__PURE__ */ r("span", { className: "ds:flex ds:min-w-0 ds:flex-col ds:gap-[var(--spacing-2xs)]", children: [
+                /* @__PURE__ */ r("span", { className: "ds:inline-flex ds:flex-wrap ds:items-center ds:gap-x-[var(--spacing-xs)] ds:gap-y-[var(--spacing-2xs)]", children: [
+                  /* @__PURE__ */ a("span", { children: e.value }),
+                  e.unit ? /* @__PURE__ */ a("span", { className: "type-body-sm ds:text-[color:var(--muted-foreground)]", children: e.unit }) : null,
+                  n ? Z(e) : null
+                ] }),
+                v ? /* @__PURE__ */ a("span", { className: b, children: v }) : null
+              ] })
+            ] })
+          ]
+        },
+        `${s.keyPrefix}${e.id}`
+      );
+    }, te = /* @__PURE__ */ r(
+      "div",
+      {
+        role: "group",
+        "aria-label": o("anamnesisSummaryCard.sectionsLabel", {
+          defaultValue: "Anamnesis sections"
+        }),
+        className: ye({ density: c }),
+        children: [
+          (j || m) && x.length > 0 ? /* @__PURE__ */ r(
+            "div",
+            {
+              "data-highlighted-group": "",
+              className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]",
+              children: [
+                m ? null : /* @__PURE__ */ a("h4", { className: "ds:m-0 type-eyebrow ds:text-[color:var(--muted-foreground)]", children: o("anamnesisSummaryCard.highlightedGroup", {
+                  defaultValue: "Highlighted answers"
+                }) }),
+                /* @__PURE__ */ a("div", { className: "ds:@container/afields", children: /* @__PURE__ */ a("dl", { className: _, children: x.map(
+                  (e) => I(e, {
+                    recorded: !0,
+                    chip: !1,
+                    keyPrefix: "highlighted-"
+                  })
+                ) }) })
+              ]
+            }
+          ) : null,
+          Q.map((e) => /* @__PURE__ */ r(
+            "div",
+            {
+              "data-section-id": e.id,
+              className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]",
+              children: [
+                /* @__PURE__ */ a("h4", { className: "ds:m-0 type-eyebrow ds:text-[color:var(--muted-foreground)]", children: e.heading }),
+                /* @__PURE__ */ a("div", { className: "ds:@container/afields", children: /* @__PURE__ */ a("dl", { className: _, children: e.answers.map(
+                  (s) => I(s, {
+                    recorded: !1,
+                    chip: !0,
+                    keyPrefix: ""
+                  })
+                ) }) })
+              ]
+            },
+            e.id
+          ))
+        ]
+      }
+    ), re = h ? ae : u.length === 0 || m && x.length === 0 ? se : te;
+    return /* @__PURE__ */ a(
+      "div",
+      {
+        role: "region",
+        "aria-label": Y,
+        "aria-busy": h || void 0,
+        "data-component": "anamnesis-summary-card",
+        "data-component-id": p,
+        "data-density": c,
+        "data-highlighted-only": m ? "" : void 0,
+        id: p,
+        className: ve({ surface: S, density: c, className: z }),
+        ...O,
+        children: /* @__PURE__ */ r(y, { variant: S === "flat" ? "outlined" : "elevated", children: [
+          /* @__PURE__ */ a(y.Header, { className: be({ density: c }), children: ee }),
+          /* @__PURE__ */ a(le, { children: /* @__PURE__ */ a(y.Body, { className: xe({ density: c }), children: re }) }),
+          !h && !m && i > 0 ? /* @__PURE__ */ a(y.Footer, { className: Ne({ density: c }), children: /* @__PURE__ */ a("p", { className: b, children: o("anamnesisSummaryCard.unanswered", {
+            count: i,
+            defaultValue: "{{count}} questions not answered"
+          }) }) }) : null
+        ] })
+      }
+    );
+  }
+);
+ke.displayName = "AnamnesisSummaryCard";
+export {
+  ke as A,
+  fe as a
+};
+//# sourceMappingURL=anamnesis-summary-card-CpQViN5l.js.map