@alfadocs/ui-kit 0.69.0 → 0.70.0

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

@@ -0,0 +1,437 @@
+import { jsx as e, jsxs as n } from "react/jsx-runtime";
+import { forwardRef as Ae, useId as Ve, useMemo as ke } from "react";
+import { c as Me } from "./index-D2ZczOXr.js";
+import { useTranslation as Pe } from "react-i18next";
+import { A as X } from "./avatar-BNQNhoyL.js";
+import { B as w } from "./badge-DCOqV9mI.js";
+import { C as Y } from "./card-DPmk26CL.js";
+import { K as Fe, a as Le } from "./key-value-pair-BrgbMfbF.js";
+import { L as S } from "./link-DrD_cRUg.js";
+import { S as N } from "./skeleton-CZbwyJAA.js";
+import { T as Z } from "./tag-BQXwuJq1.js";
+import { T as Te } from "./transaction-chip-CscoQbxF.js";
+import { i as ee } from "./is-safe-url-DkETxeHz.js";
+import { u as $e, r as we, a as Ee, F as _e, S as ze, A as De, N as Ge } from "./field-value-NXYczdpO.js";
+import { u as Ie } from "./registry-DvAUVLHh.js";
+import { M as Ue } from "./mail-C8irm52s.js";
+import { P as Be } from "./phone-Bi5yUm4I.js";
+import { M as Re } from "./map-pin-B8STOPMJ.js";
+import { S as Ke } from "./shield-check-BjCGH_Sr.js";
+import { S as je } from "./sparkles-CuYXqQLg.js";
+import { U as Oe } from "./users-MBVtUzwd.js";
+import { c as ae } from "./createLucideIcon-CrFbzy84.js";
+import { C as qe } from "./calendar-days-C4BmpCZg.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 He = [
+  [
+    "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" }]
+], We = ae("file-exclamation-point", He);
+/**
+ * @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 Je = [
+  [
+    "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" }]
+], Qe = ae("message-square-warning", Je), Xe = {
+  id: "patient-summary-card",
+  // The agent surface is a structural snapshot only — the single handle method
+  // is a getSummary projection. The card MAY be human-customized (the optional
+  // per-context "Customize fields" cog), but that field reordering is a UI
+  // concern and is deliberately NOT exposed as an agent action; programmatic
+  // field-set control lives on PatientDetails' adapter (set_field_order).
+  capabilities: [],
+  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: (s) => s.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."
+    }
+  }
+}, Ye = [], Ze = Me("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 ea(s) {
+  return s.replace(/[^\d+]/g, "");
+}
+const aa = {
+  highlightedAnamnesis: Qe,
+  unsignedDocuments: We
+}, ta = {
+  highlightedAnamnesis: "warning",
+  unsignedDocuments: "error"
+}, na = {
+  highlightedAnamnesis: "{{count}} highlighted anamnesis answers",
+  unsignedDocuments: "{{count}} unsigned documents"
+}, ia = {
+  yes: "Yes",
+  no: "No",
+  not_specified: "Not specified"
+}, sa = Ae(
+  ({
+    name: s,
+    title: A,
+    ageYears: E,
+    dateOfBirth: _,
+    gender: z,
+    avatarUrl: te,
+    patientUrl: V,
+    sections: d,
+    visibleFieldOrder: D,
+    onVisibleFieldsChange: G,
+    email: f,
+    emailEnabled: ne = !1,
+    phone: c,
+    cityProvince: I,
+    marketingConsent: m,
+    aiConsent: r,
+    flags: i,
+    familyRelations: k,
+    assignedTo: g,
+    currency: ie = "EUR",
+    locale: se,
+    loading: v = !1,
+    actionSlot: U,
+    onActivate: B,
+    surface: R = "elevated",
+    density: u = "comfortable",
+    "aria-label": M,
+    id: p,
+    className: re,
+    ...le
+  }, de) => {
+    const { t, i18n: oe } = Pe(), P = Ve(), ce = se ?? oe.language ?? "en", F = i == null ? void 0 : i.unpaidAmountCents, y = (i == null ? void 0 : i.unsignedDocumentsCount) ?? 0, b = (i == null ? void 0 : i.highlightedAnamnesisCount) ?? 0, L = F != null && F > 0, me = ke(
+      () => ({
+        getSummary: () => ({
+          id: p,
+          hasUnpaid: L,
+          unsignedDocumentsCount: y,
+          highlightedAnamnesisCount: b,
+          aiConsentGranted: r != null
+        })
+      }),
+      [
+        p,
+        L,
+        y,
+        b,
+        r
+      ]
+    );
+    Ie(Xe, me, p);
+    const K = !!d && !!G, o = $e(d ?? Ye, {
+      value: D,
+      onChange: G
+    }), ue = M ?? t("patientSummaryCard.regionLabel", { defaultValue: "Patient overview" }), pe = {
+      mr: "Mr.",
+      ms: "Ms."
+    }, j = A ? t(`patientSummaryCard.title.${A}`, {
+      defaultValue: pe[A]
+    }) : void 0, O = j ? `${j} ${s}` : s, h = [];
+    z && h.push(/* @__PURE__ */ e(ze, { code: z }, "sex")), E != null && h.push(/* @__PURE__ */ e(De, { years: E }, "age")), _ && h.push(
+      /* @__PURE__ */ e(Ge, { icon: /* @__PURE__ */ e(qe, {}), children: _ }, "dob")
+    );
+    const he = !!V && ee(V), fe = u === "comfortable" ? "xl" : "lg", q = u === "comfortable" ? "type-title-card" : "type-title-item", H = u === "comfortable" ? "ds:gap-[var(--spacing-md)]" : "ds:gap-[var(--spacing-sm)]", l = [];
+    f && l.push({
+      key: "email",
+      icon: /* @__PURE__ */ e(Ue, { "aria-hidden": "true" }),
+      label: t("patientSummaryCard.label.email", { defaultValue: "Email" }),
+      value: ne ? /* @__PURE__ */ e(S, { href: `mailto:${f}`, intent: "default", onClick: B, children: f }) : /* @__PURE__ */ e("span", { className: "ds:text-[color:var(--muted-foreground)]", children: f })
+    }), c && l.push({
+      key: "phone",
+      icon: /* @__PURE__ */ e(Be, { "aria-hidden": "true" }),
+      label: c.label ?? t("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__ */ e(
+          S,
+          {
+            href: `tel:${ea(c.prefixAndNumber)}`,
+            intent: "default",
+            children: c.prefixAndNumber
+          }
+        ),
+        c.smsEnabled ? /* @__PURE__ */ e(w, { variant: "success", size: "sm", children: t("patientSummaryCard.value.smsEnabled", {
+          defaultValue: "SMS"
+        }) }) : null
+      ] })
+    }), I && l.push({
+      key: "cityProvince",
+      icon: /* @__PURE__ */ e(Re, { "aria-hidden": "true" }),
+      label: t("patientSummaryCard.label.cityProvince", {
+        defaultValue: "City / province"
+      }),
+      value: I
+    }), m && l.push({
+      key: "marketingConsent",
+      icon: /* @__PURE__ */ e(Ke, { "aria-hidden": "true" }),
+      label: t("patientSummaryCard.label.marketingConsent", {
+        defaultValue: "Marketing consent"
+      }),
+      value: /* @__PURE__ */ e(
+        w,
+        {
+          variant: m === "yes" ? "success" : m === "no" ? "error" : "neutral",
+          size: "sm",
+          withDot: !0,
+          children: t(`patientSummaryCard.marketingConsent.${m}`, {
+            defaultValue: ia[m]
+          })
+        }
+      )
+    }), r && l.push({
+      key: "aiConsent",
+      icon: /* @__PURE__ */ e(je, { "aria-hidden": "true" }),
+      label: t("patientSummaryCard.label.aiConsent", {
+        defaultValue: "AI consent"
+      }),
+      value: r.grantedBy ? t("patientSummaryCard.value.aiConsentGrantedBy", {
+        date: r.grantedAt,
+        by: r.grantedBy,
+        defaultValue: "Granted {{date}} by {{by}}"
+      }) : t("patientSummaryCard.value.aiConsentGrantedAt", {
+        date: r.grantedAt,
+        defaultValue: "Granted {{date}}"
+      })
+    }), g && l.push({
+      key: "assignedTo",
+      icon: /* @__PURE__ */ e(Oe, { "aria-hidden": "true" }),
+      label: t("patientSummaryCard.label.assignedTo", {
+        defaultValue: "Assigned to"
+      }),
+      value: /* @__PURE__ */ n("span", { className: "ds:flex ds:items-center ds:gap-[var(--spacing-xs)]", children: [
+        /* @__PURE__ */ e(
+          X,
+          {
+            size: "xs",
+            name: g.name,
+            src: g.avatarUrl
+          }
+        ),
+        /* @__PURE__ */ e("span", { children: g.name })
+      ] })
+    });
+    const T = [];
+    b > 0 && T.push({
+      key: "highlightedAnamnesis",
+      count: b
+    }), y > 0 && T.push({
+      key: "unsignedDocuments",
+      count: y
+    });
+    const x = [];
+    L && x.push(
+      /* @__PURE__ */ e(
+        Te,
+        {
+          state: "debt",
+          amount: F / 100,
+          currency: ie,
+          locale: ce,
+          size: "md",
+          showLabel: !0
+        },
+        "unpaid"
+      )
+    ), T.forEach(({ key: a, count: C }) => {
+      const $ = aa[a];
+      x.push(
+        /* @__PURE__ */ e(
+          w,
+          {
+            variant: ta[a],
+            size: "md",
+            leading: /* @__PURE__ */ e($, { "aria-hidden": "true" }),
+            children: t(`patientSummaryCard.flag.${a}`, {
+              count: C,
+              defaultValue: na[a]
+            })
+          },
+          a
+        )
+      );
+    });
+    const ge = /* @__PURE__ */ n("div", { className: `ds:flex ds:flex-col ${H}`, children: [
+      /* @__PURE__ */ n("div", { className: "ds:flex ds:items-center ds:gap-[var(--spacing-md)]", children: [
+        /* @__PURE__ */ e(N, { variant: "circular", size: "lg" }),
+        /* @__PURE__ */ n("div", { className: "ds:flex ds:flex-1 ds:flex-col ds:gap-[var(--spacing-xs)]", children: [
+          /* @__PURE__ */ e(N, { variant: "text", width: "60%" }),
+          /* @__PURE__ */ e(N, { variant: "text", width: "40%" })
+        ] })
+      ] }),
+      /* @__PURE__ */ e(N, { variant: "text", lines: 3 })
+    ] }), ve = he ? /* @__PURE__ */ e(
+      S,
+      {
+        href: V,
+        intent: "default",
+        weight: "strong",
+        onClick: B,
+        className: `${q} ds:no-underline`,
+        children: /* @__PURE__ */ e("span", { id: P, children: O })
+      }
+    ) : /* @__PURE__ */ e(
+      "span",
+      {
+        id: P,
+        className: `${q} ds:text-[color:var(--foreground)]`,
+        children: O
+      }
+    ), ye = /* @__PURE__ */ n("div", { className: "ds:flex ds:items-start ds:gap-[var(--spacing-md)]", children: [
+      /* @__PURE__ */ e(
+        X,
+        {
+          size: fe,
+          name: s,
+          src: te,
+          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: [
+        ve,
+        x.length > 0 || h.length > 0 ? /* @__PURE__ */ n("div", { className: "ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-2xs)]", children: [
+          x,
+          h
+        ] }) : null
+      ] }),
+      K || U ? /* @__PURE__ */ n("div", { className: "ds:ms-auto ds:flex ds:shrink-0 ds:items-center ds:gap-[var(--spacing-xs)]", children: [
+        K && d ? /* @__PURE__ */ e(
+          _e,
+          {
+            sections: d,
+            visible: o.visible,
+            onToggleField: o.toggleField,
+            onToggleSection: o.toggleSection,
+            onMoveFieldOnto: o.moveFieldOnto,
+            onReset: o.reset
+          }
+        ) : null,
+        U
+      ] }) : null
+    ] }), be = k && k.length > 0 ? /* @__PURE__ */ n("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]", children: [
+      /* @__PURE__ */ e("span", { className: "type-label ds:text-[color:var(--muted-foreground)]", children: t("patientSummaryCard.label.familyRelations", {
+        defaultValue: "Family relations"
+      }) }),
+      /* @__PURE__ */ e("div", { className: "ds:flex ds:flex-wrap ds:gap-[var(--spacing-2xs)]", children: k.map((a, C) => {
+        const $ = !!a.relatedPatient.url && ee(a.relatedPatient.url), Q = t("patientSummaryCard.value.familyRelation", {
+          relation: a.relation,
+          name: a.relatedPatient.name,
+          defaultValue: "{{relation}}: {{name}}"
+        });
+        return $ ? /* @__PURE__ */ e(
+          S,
+          {
+            href: a.relatedPatient.url,
+            intent: "default",
+            className: "ds:no-underline",
+            children: /* @__PURE__ */ e(Z, { label: Q, variant: "neutral" })
+          },
+          `${a.relation}-${C}`
+        ) : /* @__PURE__ */ e(
+          Z,
+          {
+            label: Q,
+            variant: "neutral"
+          },
+          `${a.relation}-${C}`
+        );
+      }) })
+    ] }) : null, xe = l.map((a) => ({
+      id: a.key,
+      label: a.label,
+      value: a.value,
+      icon: a.icon
+    })), Ce = d ?? [
+      { id: "contact", heading: "", fields: xe }
+    ], Se = d ? o.visible : D, W = we(
+      Ce,
+      Se
+    ).flatMap((a) => a.fields), Ne = /* @__PURE__ */ n("div", { className: `ds:flex ds:flex-col ${H}`, children: [
+      ye,
+      W.length > 0 ? /* @__PURE__ */ e(Fe, { rowGap: "sm", children: W.map((a) => /* @__PURE__ */ e(
+        Le,
+        {
+          icon: a.icon ?? void 0,
+          label: a.label,
+          value: /* @__PURE__ */ e(Ee, { field: a })
+        },
+        a.id
+      )) }) : null,
+      be
+    ] }), J = v ? ge : Ne;
+    return /* @__PURE__ */ e(
+      "div",
+      {
+        ref: de,
+        role: "region",
+        "aria-label": v || M ? ue : void 0,
+        "aria-labelledby": v || M ? void 0 : P,
+        "aria-busy": v || void 0,
+        "data-component": "patient-summary-card",
+        "data-component-id": p,
+        "data-density": u,
+        id: p,
+        className: Ze({ surface: R, density: u, className: re }),
+        ...le,
+        children: R === "elevated" ? /* @__PURE__ */ e(Y, { variant: "elevated", children: /* @__PURE__ */ e(Y.Body, { children: J }) }) : J
+      }
+    );
+  }
+);
+sa.displayName = "PatientSummaryCard";
+export {
+  sa as P,
+  Xe as p
+};
+//# sourceMappingURL=patient-summary-card-WySCMwwA.js.map