@alfadocs/ui-kit 1.45.0 → 1.47.0

package/dist/_chunks/{patient-summary-card-BhmKB2KR.js → patient-summary-card-CmEFflGS.js}

@@ -1,5 +1,5 @@
 import { jsx as e, jsxs as n } from "react/jsx-runtime";
-import { forwardRef as ze, useId as Ie, useMemo as De } from "react";
+import { forwardRef as $e, useId as Ie, useMemo as De } from "react";
 import { c as Ge } from "./index-D2ZczOXr.js";
 import { useTranslation as Le } from "react-i18next";
 import { A as re } from "./avatar-CkDeQOSI.js";
@@ -12,16 +12,16 @@ import { S as k } from "./skeleton-B1KTdJ4N.js";
 import { T as oe } from "./tag-Ci3xJPcH.js";
 import { T as Ke } from "./transaction-chip-CwgcJiqF.js";
 import { T as je } from "./tooltip-Cp-PLePW.js";
-import { H as G } from "./hover-card-BMJBVqIf.js";
+import { H as G } from "./hover-card-nUae8NPJ.js";
 import { i as de } from "./is-safe-url-DkETxeHz.js";
-import { u as qe, r as We, a as He, b as Je, F as Qe, S as Xe, A as Ye, N as Ze } from "./patient-field-row-BRSOKvme.js";
+import { u as qe, r as We, a as He, b as Je, F as Qe, S as Xe, A as Ye, N as Ze } from "./patient-field-row-DCMkFGqI.js";
 import { u as Oe } from "./registry-DvAUVLHh.js";
 import { M as ea } from "./mail-BqXVF2zH.js";
 import { P as aa } from "./phone-FceYcIFQ.js";
 import { M as ta } from "./map-pin-BaY37-Km.js";
 import { S as na } from "./shield-check-DCJALLVh.js";
-import { A as sa } from "./astroid-BN4f5VXU.js";
-import { U as ia } from "./users-BjS_Gg1E.js";
+import { A as ia } from "./astroid-BN4f5VXU.js";
+import { U as sa } from "./users-BjS_Gg1E.js";
 import { c as ce } from "./createLucideIcon-DhHxpK9K.js";
 import { A as ra } from "./arrow-up-right-C2v_MKsK.js";
 import { C as la } from "./calendar-days-BGWklvE-.js";
@@ -123,7 +123,7 @@ const ga = {
   yes: "Yes",
   no: "No",
   not_specified: "Not specified"
-}, Ca = ze(
+}, Ca = $e(
   ({
     name: o,
     title: P,
@@ -141,7 +141,7 @@ const ga = {
     cityProvince: j,
     marketingConsent: h,
     aiConsent: d,
-    flags: s,
+    flags: i,
     familyRelations: T,
     assignedTo: C,
     currency: pe = "EUR",
@@ -158,16 +158,16 @@ const ga = {
     onActivate: J,
     surface: Q = "elevated",
     density: f = "comfortable",
-    "aria-label": $,
+    "aria-label": E,
     id: g,
     className: ve,
     ...ye
   }, be) => {
-    const { t, i18n: Ce } = Le("ui"), E = Ie(), xe = q ?? Ce.language ?? "en", _ = s == null ? void 0 : s.unpaidAmountCents, N = (s == null ? void 0 : s.unsignedDocumentsCount) ?? 0, A = (s == null ? void 0 : s.highlightedAnamnesisCount) ?? 0, z = _ != null && _ > 0, Se = De(
+    const { t, i18n: Ce } = Le("ui"), _ = Ie(), xe = q ?? Ce.language ?? "en", z = i == null ? void 0 : i.unpaidAmountCents, N = (i == null ? void 0 : i.unsignedDocumentsCount) ?? 0, A = (i == null ? void 0 : i.highlightedAnamnesisCount) ?? 0, $ = z != null && z > 0, Se = De(
       () => ({
         getSummary: () => ({
           id: g,
-          hasUnpaid: z,
+          hasUnpaid: $,
           unsignedDocumentsCount: N,
           highlightedAnamnesisCount: A,
           aiConsentGranted: d != null
@@ -175,7 +175,7 @@ const ga = {
       }),
       [
         g,
-        z,
+        $,
         N,
         A,
         d
@@ -185,12 +185,16 @@ const ga = {
     const X = !!u && !!K, m = qe(u ?? pa, {
       value: R,
       onChange: K
-    }), Ne = $ ?? t("patientSummaryCard.regionLabel", { defaultValue: "Patient overview" }), Ae = {
+    }), Ne = E ?? t("patientSummaryCard.regionLabel", { defaultValue: "Patient overview" }), Ae = {
       mr: "Mr.",
       ms: "Ms."
     }, Y = P ? t(`patientSummaryCard.title.${P}`, {
       defaultValue: Ae[P]
-    }) : void 0, Z = Y ? `${Y} ${o}` : o, v = [];
+    }) : void 0, Z = Y ? t("patientSummaryCard.nameWithHonorific", {
+      honorific: Y,
+      name: o,
+      defaultValue: "{{honorific}} {{name}}"
+    }) : o, v = [];
     B && v.push(/* @__PURE__ */ e(Xe, { code: B }, "sex")), L != null && v.push(/* @__PURE__ */ e(Ye, { years: L }, "age")), U && v.push(
       /* @__PURE__ */ e(Ze, { icon: /* @__PURE__ */ e(la, {}), children: U }, "dob")
     );
@@ -199,7 +203,16 @@ const ga = {
       key: "email",
       icon: /* @__PURE__ */ e(ea, { "aria-hidden": "true" }),
       label: t("patientSummaryCard.label.email", { defaultValue: "Email" }),
-      value: me ? /* @__PURE__ */ e(V, { href: `mailto:${b}`, intent: "default", onClick: J, children: b }) : /* @__PURE__ */ e("span", { className: "ds:text-[color:var(--muted-foreground)]", children: b })
+      value: me ? /* @__PURE__ */ e(
+        V,
+        {
+          href: `mailto:${b}`,
+          intent: "default",
+          onClick: J,
+          dir: "ltr",
+          children: b
+        }
+      ) : /* @__PURE__ */ e("span", { className: "ds:text-[color:var(--muted-foreground)]", dir: "ltr", children: b })
     }), p && c.push({
       key: "phone",
       icon: /* @__PURE__ */ e(aa, { "aria-hidden": "true" }),
@@ -210,6 +223,7 @@ const ga = {
           {
             href: `tel:${fa(p.prefixAndNumber)}`,
             intent: "default",
+            dir: "ltr",
             children: p.prefixAndNumber
           }
         ),
@@ -243,7 +257,7 @@ const ga = {
       )
     }), d && c.push({
       key: "aiConsent",
-      icon: /* @__PURE__ */ e(sa, { "aria-hidden": "true" }),
+      icon: /* @__PURE__ */ e(ia, { "aria-hidden": "true" }),
       label: t("patientSummaryCard.label.aiConsent", {
         defaultValue: "AI consent"
       }),
@@ -257,7 +271,7 @@ const ga = {
       })
     }), C && c.push({
       key: "assignedTo",
-      icon: /* @__PURE__ */ e(ia, { "aria-hidden": "true" }),
+      icon: /* @__PURE__ */ e(sa, { "aria-hidden": "true" }),
       label: t("patientSummaryCard.label.assignedTo", {
         defaultValue: "Assigned to"
       }),
@@ -282,41 +296,41 @@ const ga = {
       count: N
     });
     const ae = (a, r) => {
-      const i = w == null ? void 0 : w[a], l = F == null ? void 0 : F[a];
-      if (l == null && !i) return r;
-      const se = "ds:inline-flex ds:cursor-pointer ds:rounded-[var(--radius-full)] ds:p-0 ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid ds:focus-visible:outline-[color:var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]";
+      const s = w == null ? void 0 : w[a], l = F == null ? void 0 : F[a];
+      if (l == null && !s) return r;
+      const ie = "ds:inline-flex ds:cursor-pointer ds:rounded-[var(--radius-full)] ds:p-0 ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid ds:focus-visible:outline-[color:var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]";
       if (l == null)
         return /* @__PURE__ */ e(
           "button",
           {
             type: "button",
             "data-flag-action": a,
-            onClick: i,
-            className: se,
+            onClick: s,
+            className: ie,
             children: r
           },
           a
         );
-      const ie = /* @__PURE__ */ e(
+      const se = /* @__PURE__ */ e(
         "button",
         {
           type: "button",
-          "data-flag-action": i ? a : void 0,
+          "data-flag-action": s ? a : void 0,
           "data-flag-hover": a,
-          className: se,
+          className: ie,
           children: r
         },
         a
       );
-      return typeof l == "string" ? /* @__PURE__ */ e(je, { label: l, side: "bottom", children: ie }, a) : /* @__PURE__ */ n(G, { children: [
-        /* @__PURE__ */ e(G.Trigger, { asChild: !0, children: ie }),
+      return typeof l == "string" ? /* @__PURE__ */ e(je, { label: l, side: "bottom", children: se }, a) : /* @__PURE__ */ n(G, { children: [
+        /* @__PURE__ */ e(G.Trigger, { asChild: !0, children: se }),
         /* @__PURE__ */ e(
           G.Content,
           {
             side: "bottom",
             align: "start",
             size: "sm",
-            headerAction: i && (S != null && S[a]) ? /* @__PURE__ */ e(
+            headerAction: s && (S != null && S[a]) ? /* @__PURE__ */ e(
               Ue,
               {
                 icon: /* @__PURE__ */ e(ra, {}),
@@ -324,7 +338,7 @@ const ga = {
                 background: "surface",
                 size: "sm",
                 "aria-label": S[a],
-                onClick: i
+                onClick: s
               }
             ) : void 0,
             children: l
@@ -332,14 +346,14 @@ const ga = {
         )
       ] }, a);
     }, y = [];
-    z && y.push(
+    $ && y.push(
       ae(
         "unpaid",
         /* @__PURE__ */ e(
           Ke,
           {
             state: "debt",
-            amount: _ / 100,
+            amount: z / 100,
             currency: pe,
             locale: xe,
             size: "md",
@@ -349,7 +363,7 @@ const ga = {
         )
       )
     ), I.forEach(({ key: a, count: r }) => {
-      const i = ga[a];
+      const s = ga[a];
       y.push(
         ae(
           a,
@@ -358,7 +372,7 @@ const ga = {
             {
               variant: va[a],
               size: "md",
-              leading: /* @__PURE__ */ e(i, { "aria-hidden": "true" }),
+              leading: /* @__PURE__ */ e(s, { "aria-hidden": "true" }),
               children: t(`patientSummaryCard.flag.${a}`, {
                 count: r,
                 defaultValue: ya[a]
@@ -386,12 +400,12 @@ const ga = {
         weight: "strong",
         onClick: J,
         className: `${O} ds:no-underline`,
-        children: /* @__PURE__ */ e("span", { id: E, children: Z })
+        children: /* @__PURE__ */ e("span", { id: _, children: Z })
       }
     ) : /* @__PURE__ */ e(
       "span",
       {
-        id: E,
+        id: _,
         className: `${O} ds:text-[color:var(--foreground)]`,
         children: Z
       }
@@ -431,12 +445,12 @@ const ga = {
         defaultValue: "Family relations"
       }) }),
       /* @__PURE__ */ e("div", { className: "ds:flex ds:flex-wrap ds:gap-[var(--spacing-2xs)]", children: T.map((a, r) => {
-        const i = !!a.relatedPatient.url && de(a.relatedPatient.url), l = t("patientSummaryCard.value.familyRelation", {
+        const s = !!a.relatedPatient.url && de(a.relatedPatient.url), l = t("patientSummaryCard.value.familyRelation", {
           relation: a.relation,
           name: a.relatedPatient.name,
           defaultValue: "{{relation}}: {{name}}"
         });
-        return i ? /* @__PURE__ */ e(
+        return s ? /* @__PURE__ */ e(
           V,
           {
             href: a.relatedPatient.url,
@@ -459,12 +473,12 @@ const ga = {
       label: a.label,
       value: a.value,
       icon: a.icon
-    })), $e = u ?? [
+    })), Ee = u ?? [
       { id: "contact", heading: "", fields: Fe }
-    ], Ee = u ? m.visible : R, te = We(
-      $e,
-      Ee
-    ).flatMap((a) => a.fields), _e = /* @__PURE__ */ n("div", { className: `ds:flex ds:flex-col ${ee}`, children: [
+    ], _e = u ? m.visible : R, te = We(
+      Ee,
+      _e
+    ).flatMap((a) => a.fields), ze = /* @__PURE__ */ n("div", { className: `ds:flex ds:flex-col ${ee}`, children: [
       Te,
       te.length > 0 ? (
         // Container-queried so the fields flow into two columns when the
@@ -505,14 +519,14 @@ const ga = {
         ) })
       ) : null,
       we
-    ] }), ne = x ? Pe : _e;
+    ] }), ne = x ? Pe : ze;
     return /* @__PURE__ */ e(
       "div",
       {
         ref: be,
         role: "region",
-        "aria-label": x || $ ? Ne : void 0,
-        "aria-labelledby": x || $ ? void 0 : E,
+        "aria-label": x || E ? Ne : void 0,
+        "aria-labelledby": x || E ? void 0 : _,
         "aria-busy": x || void 0,
         "data-component": "patient-summary-card",
         "data-component-id": g,
@@ -530,4 +544,4 @@ export {
   Ca as P,
   ma as p
 };
-//# sourceMappingURL=patient-summary-card-BhmKB2KR.js.map
+//# sourceMappingURL=patient-summary-card-CmEFflGS.js.map