@alfadocs/ui-kit 0.46.0 → 0.48.0

package/dist/_chunks/patient-summary-card-BnTqxcTr.js

@@ -0,0 +1,443 @@
+import { jsx as a, jsxs as n } from "react/jsx-runtime";
+import { forwardRef as va, useId as ba, useMemo as xa } from "react";
+import { c as Sa } from "./index-D2ZczOXr.js";
+import { useTranslation as Ca } from "react-i18next";
+import { A as H } from "./avatar-BNQNhoyL.js";
+import { B as w } from "./badge-zsf5i5bH.js";
+import { C as O } from "./card-DPmk26CL.js";
+import { K as Na, a as Aa } from "./key-value-pair-CkQIb9EG.js";
+import { L as S } from "./link-DrD_cRUg.js";
+import { S as C } from "./skeleton-CZbwyJAA.js";
+import { T as W } from "./tag-CdA0s_VV.js";
+import { T as ka } from "./transaction-chip-BZCa6XDn.js";
+import { i as J } from "./is-safe-url-DkETxeHz.js";
+import { u as Va } from "./registry-nPAVE19X.js";
+import { M as Ma } from "./mail-C8irm52s.js";
+import { P as La } from "./phone-Bi5yUm4I.js";
+import { M as Pa } from "./map-pin-B8STOPMJ.js";
+import { S as wa } from "./shield-check-BjCGH_Sr.js";
+import { S as $a } from "./sparkles-CuYXqQLg.js";
+import { c as $ } from "./createLucideIcon-CrFbzy84.js";
+/**
+ * @license lucide-react v1.8.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Ea = [
+  [
+    "path",
+    {
+      d: "M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z",
+      key: "1oefj6"
+    }
+  ],
+  ["path", { d: "M12 9v4", key: "juzpu7" }],
+  ["path", { d: "M12 17h.01", key: "p32p05" }]
+], _a = $("file-exclamation-point", Ea);
+/**
+ * @license lucide-react v1.8.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Da = [
+  [
+    "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: "M12 15h.01", key: "q59x07" }],
+  ["path", { d: "M12 7v4", key: "xawao1" }]
+], Ta = $("message-square-warning", Da);
+/**
+ * @license lucide-react v1.8.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: "M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2", key: "1yyitq" }],
+  ["path", { d: "M16 3.128a4 4 0 0 1 0 7.744", key: "16gr8j" }],
+  ["path", { d: "M22 21v-2a4 4 0 0 0-3-3.87", key: "kshegd" }],
+  ["circle", { cx: "9", cy: "7", r: "4", key: "nufk8" }]
+], Fa = $("users", Ga), za = {
+  id: "patient-summary-card",
+  capabilities: ["view_change"],
+  state: {
+    summary: {
+      type: "{ id?: string; hasUnpaid: boolean; unsignedDocumentsCount: number; highlightedAnamnesisCount: number; aiConsentGranted: boolean }",
+      descriptionKey: "ui.agent.patientSummaryCard.state.summary",
+      description: "Structural summary of the patient card — identifiers, counts, and consent flags only. Never patient identity or clinical content.",
+      read: (r) => r.getSummary()
+    }
+  },
+  actions: {},
+  domHooks: {
+    root: {
+      attr: "data-component",
+      value: "patient-summary-card",
+      description: "Marks the PatientSummaryCard root region."
+    },
+    instanceId: {
+      attr: "data-component-id",
+      sourceProp: "id",
+      description: "Sourced from the id prop."
+    }
+  }
+}, Ba = Sa("ds:w-full ds:text-[color:var(--foreground)]", {
+  variants: {
+    // Matches the kit's other `surface` props (ContactProfileCard,
+    // OperatorHero). `'elevated'` wraps the content in `<Card>`.
+    surface: {
+      flat: "",
+      elevated: ""
+    },
+    // Density tunes the avatar size + body padding. `comfortable` reads
+    // as a page header; `compact` fits an embedded sidebar / aside.
+    density: {
+      comfortable: "",
+      compact: ""
+    }
+  },
+  defaultVariants: {
+    surface: "elevated",
+    density: "comfortable"
+  }
+});
+function Ia(r) {
+  return r.replace(/[^\d+]/g, "");
+}
+const Ua = {
+  highlightedAnamnesis: Ta,
+  unsignedDocuments: _a
+}, ja = {
+  highlightedAnamnesis: "warning",
+  unsignedDocuments: "error"
+}, Ra = {
+  highlightedAnamnesis: "{{count}} highlighted anamnesis answers",
+  unsignedDocuments: "{{count}} unsigned documents"
+}, Ka = {
+  yes: "Yes",
+  no: "No",
+  not_specified: "Not specified"
+}, qa = va(
+  ({
+    name: r,
+    title: N,
+    ageYears: E,
+    dateOfBirth: _,
+    gender: A,
+    avatarUrl: Q,
+    patientUrl: k,
+    email: p,
+    emailEnabled: X = !1,
+    phone: d,
+    cityProvince: D,
+    marketingConsent: o,
+    aiConsent: l,
+    flags: s,
+    familyRelations: V,
+    assignedTo: h,
+    currency: Y = "EUR",
+    locale: Z,
+    loading: f = !1,
+    actionSlot: T,
+    onActivate: G,
+    surface: F = "elevated",
+    density: c = "comfortable",
+    "aria-label": z,
+    id: m,
+    className: aa,
+    ...ea
+  }, ta) => {
+    const { t: e, i18n: na } = Ca(), M = ba(), sa = Z ?? na.language ?? "en", L = s == null ? void 0 : s.unpaidAmountCents, y = (s == null ? void 0 : s.unsignedDocumentsCount) ?? 0, g = (s == null ? void 0 : s.highlightedAnamnesisCount) ?? 0, v = L != null && L > 0, ia = xa(
+      () => ({
+        getSummary: () => ({
+          id: m,
+          hasUnpaid: v,
+          unsignedDocumentsCount: y,
+          highlightedAnamnesisCount: g,
+          aiConsentGranted: l != null
+        })
+      }),
+      [
+        m,
+        v,
+        y,
+        g,
+        l
+      ]
+    );
+    Va(za, ia, m);
+    const ra = z ?? e("patientSummaryCard.regionLabel", { defaultValue: "Patient overview" }), la = {
+      mr: "Mr.",
+      ms: "Ms."
+    }, B = N ? e(`patientSummaryCard.title.${N}`, {
+      defaultValue: la[N]
+    }) : void 0, I = B ? `${B} ${r}` : r, da = {
+      m: "Male",
+      f: "Female"
+    }, b = [];
+    A && b.push(
+      e(`patientSummaryCard.gender.${A}`, {
+        defaultValue: da[A]
+      })
+    ), E != null && b.push(
+      e("patientSummaryCard.identity.age", {
+        count: E,
+        defaultValue: "{{count}} yrs"
+      })
+    ), _ && b.push(
+      e("patientSummaryCard.identity.bornOn", {
+        date: _,
+        defaultValue: "Born {{date}}"
+      })
+    );
+    const U = b.join(
+      e("patientSummaryCard.identity.separator", { defaultValue: " · " })
+    ), oa = !!k && J(k), ca = c === "comfortable" ? "xl" : "lg", j = c === "comfortable" ? "type-title-card" : "type-title-item", R = c === "comfortable" ? "ds:gap-[var(--spacing-md)]" : "ds:gap-[var(--spacing-sm)]", i = [];
+    p && i.push({
+      key: "email",
+      icon: /* @__PURE__ */ a(Ma, { "aria-hidden": "true" }),
+      label: e("patientSummaryCard.label.email", { defaultValue: "Email" }),
+      value: X ? /* @__PURE__ */ a(S, { href: `mailto:${p}`, intent: "default", onClick: G, children: p }) : /* @__PURE__ */ a("span", { className: "ds:text-[color:var(--muted-foreground)]", children: p })
+    }), d && i.push({
+      key: "phone",
+      icon: /* @__PURE__ */ a(La, { "aria-hidden": "true" }),
+      label: d.label ?? e("patientSummaryCard.label.phone", { defaultValue: "Phone" }),
+      value: /* @__PURE__ */ n("span", { className: "ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-2xs)]", children: [
+        /* @__PURE__ */ a(
+          S,
+          {
+            href: `tel:${Ia(d.prefixAndNumber)}`,
+            intent: "default",
+            children: d.prefixAndNumber
+          }
+        ),
+        d.smsEnabled ? /* @__PURE__ */ a(w, { variant: "success", size: "sm", children: e("patientSummaryCard.value.smsEnabled", {
+          defaultValue: "SMS"
+        }) }) : null
+      ] })
+    }), D && i.push({
+      key: "cityProvince",
+      icon: /* @__PURE__ */ a(Pa, { "aria-hidden": "true" }),
+      label: e("patientSummaryCard.label.cityProvince", {
+        defaultValue: "City / province"
+      }),
+      value: D
+    }), o && i.push({
+      key: "marketingConsent",
+      icon: /* @__PURE__ */ a(wa, { "aria-hidden": "true" }),
+      label: e("patientSummaryCard.label.marketingConsent", {
+        defaultValue: "Marketing consent"
+      }),
+      value: /* @__PURE__ */ a(
+        w,
+        {
+          variant: o === "yes" ? "success" : o === "no" ? "error" : "neutral",
+          size: "sm",
+          withDot: !0,
+          children: e(`patientSummaryCard.marketingConsent.${o}`, {
+            defaultValue: Ka[o]
+          })
+        }
+      )
+    }), l && i.push({
+      key: "aiConsent",
+      icon: /* @__PURE__ */ a($a, { "aria-hidden": "true" }),
+      label: e("patientSummaryCard.label.aiConsent", {
+        defaultValue: "AI consent"
+      }),
+      value: l.grantedBy ? e("patientSummaryCard.value.aiConsentGrantedBy", {
+        date: l.grantedAt,
+        by: l.grantedBy,
+        defaultValue: "Granted {{date}} by {{by}}"
+      }) : e("patientSummaryCard.value.aiConsentGrantedAt", {
+        date: l.grantedAt,
+        defaultValue: "Granted {{date}}"
+      })
+    }), h && i.push({
+      key: "assignedTo",
+      icon: /* @__PURE__ */ a(Fa, { "aria-hidden": "true" }),
+      label: e("patientSummaryCard.label.assignedTo", {
+        defaultValue: "Assigned to"
+      }),
+      value: /* @__PURE__ */ n("span", { className: "ds:flex ds:items-center ds:gap-[var(--spacing-xs)]", children: [
+        /* @__PURE__ */ a(
+          H,
+          {
+            size: "xs",
+            name: h.name,
+            src: h.avatarUrl
+          }
+        ),
+        /* @__PURE__ */ a("span", { children: h.name })
+      ] })
+    });
+    const x = [];
+    g > 0 && x.push({
+      key: "highlightedAnamnesis",
+      count: g
+    }), y > 0 && x.push({
+      key: "unsignedDocuments",
+      count: y
+    });
+    const ma = v || x.length > 0, ua = /* @__PURE__ */ n("div", { className: `ds:flex ds:flex-col ${R}`, children: [
+      /* @__PURE__ */ n("div", { className: "ds:flex ds:items-center ds:gap-[var(--spacing-md)]", children: [
+        /* @__PURE__ */ a(C, { variant: "circular", size: "lg" }),
+        /* @__PURE__ */ n("div", { className: "ds:flex ds:flex-1 ds:flex-col ds:gap-[var(--spacing-xs)]", children: [
+          /* @__PURE__ */ a(C, { variant: "text", width: "60%" }),
+          /* @__PURE__ */ a(C, { variant: "text", width: "40%" })
+        ] })
+      ] }),
+      /* @__PURE__ */ a(C, { variant: "text", lines: 3 })
+    ] }), pa = oa ? /* @__PURE__ */ a(
+      S,
+      {
+        href: k,
+        intent: "default",
+        weight: "strong",
+        onClick: G,
+        className: `${j} ds:no-underline`,
+        children: /* @__PURE__ */ a("span", { id: M, children: I })
+      }
+    ) : /* @__PURE__ */ a(
+      "span",
+      {
+        id: M,
+        className: `${j} ds:text-[color:var(--foreground)]`,
+        children: I
+      }
+    ), ha = /* @__PURE__ */ n("div", { className: "ds:flex ds:items-start ds:gap-[var(--spacing-md)]", children: [
+      /* @__PURE__ */ a(
+        H,
+        {
+          size: ca,
+          name: r,
+          src: Q,
+          className: "ds:shrink-0"
+        }
+      ),
+      /* @__PURE__ */ n("div", { className: "ds:flex ds:min-w-0 ds:flex-1 ds:flex-col ds:gap-[var(--spacing-2xs)]", children: [
+        pa,
+        U ? /* @__PURE__ */ a("p", { className: "type-body-sm ds:m-0 ds:text-[color:var(--muted-foreground)]", children: U }) : null
+      ] }),
+      T ? /* @__PURE__ */ a("div", { className: "ds:ms-auto ds:flex ds:shrink-0 ds:items-center ds:gap-[var(--spacing-xs)]", children: T }) : null
+    ] }), fa = ma ? /* @__PURE__ */ n(
+      "div",
+      {
+        role: "list",
+        "aria-label": e("patientSummaryCard.flagsLabel", {
+          defaultValue: "Patient attention flags"
+        }),
+        className: "ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-xs)]",
+        children: [
+          v ? /* @__PURE__ */ a("span", { role: "listitem", children: /* @__PURE__ */ a(
+            ka,
+            {
+              state: "debt",
+              amount: L / 100,
+              currency: Y,
+              locale: sa,
+              size: "sm",
+              showLabel: !0
+            }
+          ) }) : null,
+          x.map(({ key: t, count: u }) => {
+            const P = Ua[t];
+            return /* @__PURE__ */ a(
+              "span",
+              {
+                role: "listitem",
+                "aria-label": e(`patientSummaryCard.flag.${t}`, {
+                  count: u,
+                  defaultValue: Ra[t]
+                }),
+                className: "ds:inline-flex",
+                children: /* @__PURE__ */ a(
+                  w,
+                  {
+                    "aria-hidden": "true",
+                    variant: ja[t],
+                    size: "md",
+                    withDot: !0,
+                    leading: /* @__PURE__ */ a(P, { "aria-hidden": "true" }),
+                    children: u
+                  }
+                )
+              },
+              t
+            );
+          })
+        ]
+      }
+    ) : null, ya = V && V.length > 0 ? /* @__PURE__ */ n("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]", children: [
+      /* @__PURE__ */ a("span", { className: "type-label ds:text-[color:var(--muted-foreground)]", children: e("patientSummaryCard.label.familyRelations", {
+        defaultValue: "Family relations"
+      }) }),
+      /* @__PURE__ */ a("div", { className: "ds:flex ds:flex-wrap ds:gap-[var(--spacing-2xs)]", children: V.map((t, u) => {
+        const P = !!t.relatedPatient.url && J(t.relatedPatient.url), q = e("patientSummaryCard.value.familyRelation", {
+          relation: t.relation,
+          name: t.relatedPatient.name,
+          defaultValue: "{{relation}}: {{name}}"
+        });
+        return P ? /* @__PURE__ */ a(
+          S,
+          {
+            href: t.relatedPatient.url,
+            intent: "default",
+            className: "ds:no-underline",
+            children: /* @__PURE__ */ a(W, { label: q, variant: "neutral" })
+          },
+          `${t.relation}-${u}`
+        ) : /* @__PURE__ */ a(
+          W,
+          {
+            label: q,
+            variant: "neutral"
+          },
+          `${t.relation}-${u}`
+        );
+      }) })
+    ] }) : null, ga = /* @__PURE__ */ n("div", { className: `ds:flex ds:flex-col ${R}`, children: [
+      ha,
+      fa,
+      i.length > 0 ? /* @__PURE__ */ a(Na, { rowGap: "sm", children: i.map((t) => /* @__PURE__ */ a(
+        Aa,
+        {
+          icon: t.icon,
+          label: t.label,
+          value: t.value
+        },
+        t.key
+      )) }) : null,
+      ya
+    ] }), K = f ? ua : ga;
+    return /* @__PURE__ */ a(
+      "div",
+      {
+        ref: ta,
+        role: "region",
+        "aria-label": f || z ? ra : void 0,
+        "aria-labelledby": f ? void 0 : M,
+        "aria-busy": f || void 0,
+        "data-component": "patient-summary-card",
+        "data-component-id": m,
+        "data-density": c,
+        id: m,
+        className: Ba({ surface: F, density: c, className: aa }),
+        ...ea,
+        children: F === "elevated" ? /* @__PURE__ */ a(O, { variant: "elevated", children: /* @__PURE__ */ a(O.Body, { children: K }) }) : K
+      }
+    );
+  }
+);
+qa.displayName = "PatientSummaryCard";
+export {
+  qa as P,
+  za as p
+};
+//# sourceMappingURL=patient-summary-card-BnTqxcTr.js.map