@alfadocs/ui-kit 1.9.2 → 1.9.4

package/dist/_chunks/{patient-table-6XnaWimB.js → balance-badge-cell-DHTiSFyD.js}

@@ -1,57 +1,42 @@
-import { jsxs as O, jsx as g } from "react/jsx-runtime";
-import { createElement as x, useRef as k, useEffect as ee, useCallback as z, forwardRef as he, useState as te, useImperativeHandle as pe, useMemo as Y } from "react";
+import { jsx as g, jsxs as O } from "react/jsx-runtime";
+import { createElement as x, useRef as k, useEffect as te, useCallback as z, forwardRef as pe, useState as ne, useImperativeHandle as be, useMemo as Y } from "react";
 import { useTranslation as $ } from "react-i18next";
-import { a as p, T as b, A as be, d as ne, D as P, e as ge } from "./actions-cell-renderer-B2pw6iH8.js";
-import { S as Ce } from "./select-BW5ecXlX.js";
-import { u as ve } from "./registry-DvAUVLHh.js";
-import { I as Ne, L as we, b as L, a as _, c as U, N as H, d as F, S as R, T as ie, D as K, C as Te, g as Fe, f as Re, U as Ie, e as ye } from "./link-cell-renderer-BqO66pIA.js";
-import { B as ae } from "./badge-sTusUqZD.js";
-import { c as Pe } from "./index-D2ZczOXr.js";
-import { T as We } from "./timestamp-BV2lC-wV.js";
-import { C as Se } from "./calendar-clock-hbObjfGY.js";
-import { E as Ae } from "./eye-BjhN2nYf.js";
-import { P as Be } from "./pencil-B1sKKyuT.js";
-import { M as De } from "./mail-BqXVF2zH.js";
-import { M as Ve } from "./message-square-Bye4ATvx.js";
-import { U as xe } from "./users-BjS_Gg1E.js";
-import { T as Ee } from "./trash-2-uumy3fy1.js";
-const Oe = 5e4;
-function ke(e) {
-  return e === 0 ? { variant: "success", statusKey: "settled" } : e <= Oe ? { variant: "warning", statusKey: "pending" } : { variant: "error", statusKey: "overdue" };
+import { a as p, T as b, A as ge, d as ie, D as y, e as Ce } from "./actions-cell-renderer-WUTyAes8.js";
+import { S as ve } from "./select-BW5ecXlX.js";
+import { u as Ne } from "./registry-DvAUVLHh.js";
+import { I as Te, L as we, b as L, a as _, c as U, N as H, d as F, S as R, T as ae, D as K, g as Fe, f as Re, U as Ie, e as Pe } from "./link-cell-renderer-Cp2MSlJl.js";
+import { T as ye } from "./transaction-chip-DJCstquX.js";
+import { B as le } from "./badge-sTusUqZD.js";
+import { c as We } from "./index-D2ZczOXr.js";
+import { T as Se } from "./timestamp-BV2lC-wV.js";
+import { C as Ae } from "./calendar-clock-hbObjfGY.js";
+import { E as Be } from "./eye-BjhN2nYf.js";
+import { P as De } from "./pencil-B1sKKyuT.js";
+import { M as Ve } from "./mail-BqXVF2zH.js";
+import { M as xe } from "./message-square-Bye4ATvx.js";
+import { U as Ee } from "./users-BjS_Gg1E.js";
+import { T as Oe } from "./trash-2-uumy3fy1.js";
+function J(e) {
+  const { value: n, positiveState: d, showLabel: s = !0 } = e, r = typeof n == "number" && Number.isFinite(n) ? n : null;
+  if (r === null) return null;
+  const l = r > 0 ? d : "settled";
+  return /* @__PURE__ */ g(ye, { state: l, amount: r / 100, showLabel: s });
 }
-function Me(e) {
-  if (e == null || e === "") return null;
-  const i = typeof e == "number" ? e : Number(e);
-  return Number.isFinite(i) ? i : null;
-}
-function Ge(e) {
-  const { value: i, currency: c = "EUR", options: s } = e, { t: o, i18n: l } = $("ui"), u = Me(i);
-  if (u === null) return null;
-  const f = l.language || "en", d = new Intl.NumberFormat(f, {
-    style: "currency",
-    currency: c,
-    ...s
-  }).format(u / 100), { variant: m, statusKey: C } = ke(u), a = o(`patientTable.balance.status.${C}`);
-  return /* @__PURE__ */ O(ae, { variant: m, withDot: !0, size: "sm", className: "ds:tabular-nums", children: [
-    /* @__PURE__ */ g("span", { children: d }),
-    /* @__PURE__ */ g("span", { className: "ds:sr-only", children: a })
-  ] });
-}
-const Le = {
+const ke = {
   accepted: "success",
   estimate: "info",
   none: "neutral"
 };
-function _e(e) {
+function Me(e) {
   return e === "accepted" || e === "estimate" || e === "none";
 }
-function Ue(e) {
-  const { t: i } = $("ui"), { data: c, value: s, size: o = "sm" } = e, l = (c == null ? void 0 : c.carePlanStatus) ?? s;
-  if (!_e(l)) return null;
-  const u = Le[l];
-  return /* @__PURE__ */ g(ae, { variant: u, withDot: !0, size: o, children: i(`patientTable.carePlanStatus.${l}`) });
+function Ge(e) {
+  const { t: n } = $("ui"), { data: d, value: s, size: r = "sm" } = e, l = (d == null ? void 0 : d.carePlanStatus) ?? s;
+  if (!Me(l)) return null;
+  const u = ke[l];
+  return /* @__PURE__ */ g(le, { variant: u, withDot: !0, size: r, children: n(`patientTable.carePlanStatus.${l}`) });
 }
-const J = Pe(
+const Z = We(
   "ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)] ds:whitespace-nowrap",
   {
     variants: {
@@ -66,39 +51,39 @@ const J = Pe(
     },
     defaultVariants: { tone: "default" }
   }
-), He = 1440 * 60 * 1e3, ze = 7;
-function $e(e) {
+), Le = 1440 * 60 * 1e3, _e = 7;
+function Ue(e) {
   if (e == null || e === "") return null;
-  const i = e instanceof Date ? e.getTime() : typeof e == "number" ? e : new Date(String(e)).getTime();
-  return Number.isNaN(i) ? null : i;
+  const n = e instanceof Date ? e.getTime() : typeof e == "number" ? e : new Date(String(e)).getTime();
+  return Number.isNaN(n) ? null : n;
 }
-function je(e, i) {
-  if (i <= 0) return "default";
-  const c = e - Date.now();
-  return c < 0 ? "default" : c <= i * He ? "soon" : "default";
+function He(e, n) {
+  if (n <= 0) return "default";
+  const d = e - Date.now();
+  return d < 0 ? "default" : d <= n * Le ? "soon" : "default";
 }
-function Ke(e) {
-  const { t: i } = $("ui"), { data: c, value: s, soonWithinDays: o = ze } = e, l = $e((c == null ? void 0 : c.nextAppointment) ?? s);
+function ze(e) {
+  const { t: n } = $("ui"), { data: d, value: s, soonWithinDays: r = _e } = e, l = Ue((d == null ? void 0 : d.nextAppointment) ?? s);
   if (l === null)
-    return /* @__PURE__ */ g("span", { className: J({ tone: "empty" }), children: i("patientTable.nextAppointment.none") });
-  const u = je(l, o);
-  return /* @__PURE__ */ O("span", { className: J({ tone: u }), children: [
-    u === "soon" ? /* @__PURE__ */ g(Se, { "aria-hidden": "true", className: "ds:size-3.5 ds:shrink-0" }) : null,
-    /* @__PURE__ */ g(We, { value: l, format: "relative", shape: "bare" })
+    return /* @__PURE__ */ g("span", { className: Z({ tone: "empty" }), children: n("patientTable.nextAppointment.none") });
+  const u = He(l, r);
+  return /* @__PURE__ */ O("span", { className: Z({ tone: u }), children: [
+    u === "soon" ? /* @__PURE__ */ g(Ae, { "aria-hidden": "true", className: "ds:size-3.5 ds:shrink-0" }) : null,
+    /* @__PURE__ */ g(Se, { value: l, format: "relative", shape: "bare" })
   ] });
 }
 function q(e) {
   return e.responsiveTier;
 }
-const Ye = 6;
-function qe(e, i) {
-  const c = (o) => (l) => {
-    i == null || i(o, l);
-  }, s = (o, l) => ({
-    icon: o.icon,
-    label: o.label,
-    variant: o.variant,
-    onClick: c(o),
+const $e = 6;
+function je(e, n) {
+  const d = (r) => (l) => {
+    n == null || n(r, l);
+  }, s = (r, l) => ({
+    icon: r.icon,
+    label: r.label,
+    variant: r.variant,
+    onClick: d(r),
     ...l
   });
   return [
@@ -106,7 +91,7 @@ function qe(e, i) {
       {
         id: "show",
         label: e("patientTable.actions.show"),
-        icon: x(Ae, { "aria-hidden": "true" })
+        icon: x(Be, { "aria-hidden": "true" })
       },
       {}
     ),
@@ -114,7 +99,7 @@ function qe(e, i) {
       {
         id: "edit",
         label: e("patientTable.actions.edit"),
-        icon: x(Be, { "aria-hidden": "true" })
+        icon: x(De, { "aria-hidden": "true" })
       },
       {}
     ),
@@ -122,27 +107,27 @@ function qe(e, i) {
       {
         id: "sendEmailReminder",
         label: e("patientTable.actions.sendEmailReminder"),
-        icon: x(De, { "aria-hidden": "true" })
+        icon: x(Ve, { "aria-hidden": "true" })
       },
       // Hidden when the patient has email contact disabled (spec).
-      { hidden: (o) => !o.emailEnabled }
+      { hidden: (r) => !r.emailEnabled }
     ),
     s(
       {
         id: "sendSmsReminder",
         label: e("patientTable.actions.sendSmsReminder"),
-        icon: x(Ve, { "aria-hidden": "true" })
+        icon: x(xe, { "aria-hidden": "true" })
       },
       // Hidden when no phone number is SMS-enabled (spec).
       {
-        hidden: (o) => !(o.phoneNumbers ?? []).some((l) => l.smsEnabled)
+        hidden: (r) => !(r.phoneNumbers ?? []).some((l) => l.smsEnabled)
       }
     ),
     s(
       {
         id: "reassign",
         label: e("patientTable.actions.reassign"),
-        icon: x(xe, { "aria-hidden": "true" })
+        icon: x(Ee, { "aria-hidden": "true" })
       },
       {}
     ),
@@ -150,42 +135,42 @@ function qe(e, i) {
       {
         id: "delete",
         label: e("patientTable.actions.delete"),
-        icon: x(Ee, { "aria-hidden": "true" }),
+        icon: x(Oe, { "aria-hidden": "true" }),
         variant: "destructive"
       },
       // Disabled (with a reason) for archived patients — the row model's
       // closest "cannot delete" signal. Surfaced as the inline tooltip.
       {
-        disabled: (o) => !!o.isArchived,
+        disabled: (r) => !!r.isArchived,
         disabledReason: e("patientTable.actions.deleteLocked")
       }
     )
   ];
 }
-const Qe = () => !1, B = "✓", W = "—";
-function Xe(e) {
+const Ke = () => !1, B = "✓", W = "—";
+function Ye(e) {
   if (!e) return null;
-  const i = new Date(e), c = i.getTime();
-  if (Number.isNaN(c)) return null;
+  const n = new Date(e), d = n.getTime();
+  if (Number.isNaN(d)) return null;
   const s = /* @__PURE__ */ new Date();
-  let o = s.getFullYear() - i.getFullYear();
-  const l = s.getMonth() - i.getMonth();
-  return (l < 0 || l === 0 && s.getDate() < i.getDate()) && (o -= 1), o >= 0 ? o : null;
+  let r = s.getFullYear() - n.getFullYear();
+  const l = s.getMonth() - n.getMonth();
+  return (l < 0 || l === 0 && s.getDate() < n.getDate()) && (r -= 1), r >= 0 ? r : null;
 }
-function Je(e) {
-  return e.map((i) => {
-    var o;
+function qe(e) {
+  return e.map((n) => {
+    var r;
     const s = {
-      colId: `custom:${i.fieldName}`,
-      headerName: i.label,
+      colId: `custom:${n.fieldName}`,
+      headerName: n.label,
       hide: !0
       // No tier — custom fields are opt-in via ColumnToggle only.
     };
-    return i.type === "checkbox" ? {
+    return n.type === "checkbox" ? {
       ...s,
       valueGetter: (l) => {
         var u, f;
-        return ((f = (u = l.data) == null ? void 0 : u.customFields) == null ? void 0 : f[i.fieldName]) === !0;
+        return ((f = (u = l.data) == null ? void 0 : u.customFields) == null ? void 0 : f[n.fieldName]) === !0;
       },
       valueFormatter: (l) => l.value === !0 ? B : W,
       filter: R,
@@ -198,18 +183,18 @@ function Je(e) {
       },
       minWidth: 110,
       width: 130
-    } : i.type === "dropdown" ? {
+    } : n.type === "dropdown" ? {
       ...s,
       // TagListCellRenderer expects an array; wrap the single value.
       valueGetter: (l) => {
-        var f, d;
-        const u = (d = (f = l.data) == null ? void 0 : f.customFields) == null ? void 0 : d[i.fieldName];
+        var f, c;
+        const u = (c = (f = l.data) == null ? void 0 : f.customFields) == null ? void 0 : c[n.fieldName];
         return typeof u == "string" && u ? [u] : [];
       },
-      cellRenderer: ie,
+      cellRenderer: ae,
       filterValueGetter: (l) => {
-        var f, d;
-        const u = (d = (f = l.data) == null ? void 0 : f.customFields) == null ? void 0 : d[i.fieldName];
+        var f, c;
+        const u = (c = (f = l.data) == null ? void 0 : f.customFields) == null ? void 0 : c[n.fieldName];
         return typeof u == "string" ? u : "";
       },
       filter: R,
@@ -218,7 +203,7 @@ function Je(e) {
         // Undefined (not []) when the field declares no options, so the
         // filter derives its choices from the rows. An empty array would
         // mean "this column has no facets" and leave the filter unusable.
-        options: (o = i.options) == null ? void 0 : o.map((l) => ({
+        options: (r = n.options) == null ? void 0 : r.map((l) => ({
           value: l,
           label: l
         }))
@@ -229,8 +214,8 @@ function Je(e) {
     } : {
       ...s,
       valueGetter: (l) => {
-        var f, d;
-        const u = (d = (f = l.data) == null ? void 0 : f.customFields) == null ? void 0 : d[i.fieldName];
+        var f, c;
+        const u = (c = (f = l.data) == null ? void 0 : f.customFields) == null ? void 0 : c[n.fieldName];
         return typeof u == "string" ? u : "";
       },
       filter: b,
@@ -240,14 +225,14 @@ function Je(e) {
     };
   });
 }
-function Ze(e, i = {}) {
+function Qe(e, n = {}) {
   const {
-    hideDetails: c = !1,
-    getActionsCompact: s = Qe,
-    onRowAction: o,
+    hideDetails: d = !1,
+    getActionsCompact: s = Ke,
+    onRowAction: r,
     identityHref: l,
     customFields: u = []
-  } = i, f = qe(e, o), d = {
+  } = n, f = je(e, r), c = {
     m: e("patientTable.gender.m"),
     f: e("patientTable.gender.f"),
     x: e("patientTable.gender.x")
@@ -272,7 +257,7 @@ function Ze(e, i = {}) {
       headerName: a("avatar"),
       headerClass: "sr-only-th",
       pinned: "left",
-      cellRenderer: Ne,
+      cellRenderer: Te,
       cellRendererParams: {
         srcField: "avatarUrl",
         fallbackField: "lastName",
@@ -282,6 +267,7 @@ function Ze(e, i = {}) {
       sortable: !1,
       filter: !1,
       resizable: !1,
+      cellClass: "ag-cell-graphic",
       // Hug the 32px (size="sm") avatar + cell padding — a tight fixed column,
       // not a wide empty one. width === minWidth === maxWidth pins it to size so
       // the pinned group can't stretch it (pinned columns never flex).
@@ -319,7 +305,7 @@ function Ze(e, i = {}) {
         href: l,
         // When no detail href is supplied the cell renders a button; route its
         // click through the same `show` row action.
-        onClick: o ? (t) => o(
+        onClick: r ? (t) => r(
           { id: "show", label: e("patientTable.actions.show") },
           t
         ) : void 0
@@ -339,8 +325,8 @@ function Ze(e, i = {}) {
       responsiveTier: "P1",
       // The primary phone number string (prefix + number).
       valueGetter: (t) => {
-        var n, r, h;
-        return ((h = (r = (n = t.data) == null ? void 0 : n.phoneNumbers) == null ? void 0 : r[0]) == null ? void 0 : h.number) ?? "";
+        var i, o, h;
+        return ((h = (o = (i = t.data) == null ? void 0 : i.phoneNumbers) == null ? void 0 : o[0]) == null ? void 0 : h.number) ?? "";
       },
       filter: b,
       floatingFilterComponent: p,
@@ -353,7 +339,7 @@ function Ze(e, i = {}) {
       headerName: a("nextAppointment"),
       responsiveTier: "P1",
       field: "nextAppointment",
-      cellRenderer: Ke,
+      cellRenderer: ze,
       filter: _,
       floatingFilterComponent: L,
       minWidth: 160,
@@ -366,7 +352,9 @@ function Ze(e, i = {}) {
       responsiveTier: "P1",
       field: "unpaidAmount",
       type: "numericColumn",
-      cellRenderer: Ge,
+      // The kit's financial-state pill: `debt` while anything is owed, `settled` at zero.
+      cellRenderer: J,
+      cellRendererParams: { positiveState: "debt" },
       filter: H,
       floatingFilterComponent: U,
       // Money is integer cents; the inRange filter compares cents directly.
@@ -383,7 +371,7 @@ function Ze(e, i = {}) {
       // Emit `hide` ONLY when masking (never a literal `hide: false`). A static
       // `hide: false` is re-applied by AG Grid on every `columnDefs` reconcile,
       // clobbering a runtime hide from the ViewSwitcher / responsive hook.
-      hide: c || void 0,
+      hide: d || void 0,
       filter: b,
       floatingFilterComponent: p,
       minWidth: 200,
@@ -395,7 +383,7 @@ function Ze(e, i = {}) {
       headerName: a("carePlanStatus"),
       responsiveTier: "P2",
       field: "carePlanStatus",
-      cellRenderer: Ue,
+      cellRenderer: Ge,
       filter: R,
       floatingFilterComponent: F,
       filterParams: {
@@ -435,8 +423,8 @@ function Ze(e, i = {}) {
       // header + cell) is for ledger figures, not a 2-digit age. Sort stays
       // numeric because the valueGetter returns a number.
       valueGetter: (t) => {
-        var n;
-        return Xe((n = t.data) == null ? void 0 : n.dateOfBirth) ?? void 0;
+        var i;
+        return Ye((i = t.data) == null ? void 0 : i.dateOfBirth) ?? void 0;
       },
       filter: H,
       floatingFilterComponent: U,
@@ -450,16 +438,16 @@ function Ze(e, i = {}) {
       responsiveTier: "P3",
       // Map the raw code to a localised label for both cell + set filter.
       valueGetter: (t) => {
-        var n;
-        return (n = t.data) != null && n.gender ? d[t.data.gender] : W;
+        var i;
+        return (i = t.data) != null && i.gender ? c[t.data.gender] : W;
       },
       filter: R,
       floatingFilterComponent: F,
       filterParams: {
         options: [
-          { value: d.m, label: d.m },
-          { value: d.f, label: d.f },
-          { value: d.x, label: d.x }
+          { value: c.m, label: c.m },
+          { value: c.f, label: c.f },
+          { value: c.x, label: c.x }
         ]
       },
       minWidth: 110,
@@ -472,14 +460,14 @@ function Ze(e, i = {}) {
       responsiveTier: "P3",
       // TagListCellRenderer expects an array; wrap the resolved source string.
       valueGetter: (t) => {
-        var r, h;
-        const n = ((r = t.data) == null ? void 0 : r.source) ?? ((h = t.data) == null ? void 0 : h.customSource);
-        return n ? [n] : [];
+        var o, h;
+        const i = ((o = t.data) == null ? void 0 : o.source) ?? ((h = t.data) == null ? void 0 : h.customSource);
+        return i ? [i] : [];
       },
-      cellRenderer: ie,
+      cellRenderer: ae,
       filterValueGetter: (t) => {
-        var n, r;
-        return ((n = t.data) == null ? void 0 : n.source) ?? ((r = t.data) == null ? void 0 : r.customSource) ?? "";
+        var i, o;
+        return ((i = t.data) == null ? void 0 : i.source) ?? ((o = t.data) == null ? void 0 : o.customSource) ?? "";
       },
       filter: R,
       floatingFilterComponent: F,
@@ -526,8 +514,8 @@ function Ze(e, i = {}) {
       headerName: a("smsReminders"),
       hide: !0,
       valueGetter: (t) => {
-        var n;
-        return !!((n = t.data) != null && n.smsReminderEligible);
+        var i;
+        return !!((i = t.data) != null && i.smsReminderEligible);
       },
       valueFormatter: (t) => t.value === !0 ? B : W,
       filter: R,
@@ -546,8 +534,8 @@ function Ze(e, i = {}) {
       headerName: a("emailReminders"),
       hide: !0,
       valueGetter: (t) => {
-        var n;
-        return !!((n = t.data) != null && n.emailReminderEligible);
+        var i;
+        return !!((i = t.data) != null && i.emailReminderEligible);
       },
       valueFormatter: (t) => t.value === !0 ? B : W,
       filter: R,
@@ -590,14 +578,15 @@ function Ze(e, i = {}) {
       headerName: a("billableAmount"),
       hide: !0,
       type: "numericColumn",
-      cellRenderer: Te,
-      // Cents → major unit at the render boundary. No `field` — the valueGetter
-      // takes precedence over `field` in AG Grid for both cell + sort, so a
-      // `field: 'billableAmount'` would be dead (and misleadingly imply the raw
-      // cents drive the renderer).
-      valueGetter: (t) => t.data ? t.data.billableAmount / 100 : void 0,
+      field: "billableAmount",
+      // "Fatturabile" is the chip's own `to-invoice` state; `settled` at zero.
+      // Same shape as unpaidBalance: the cell value stays in cents and the
+      // renderer converts, so the inRange filter compares cents directly.
+      cellRenderer: J,
+      cellRendererParams: { positiveState: "to-invoice" },
       filter: H,
       floatingFilterComponent: U,
+      filterParams: { defaultOperator: "inRange", min: 0 },
       minWidth: 140,
       width: 160
     },
@@ -640,13 +629,13 @@ function Ze(e, i = {}) {
       hide: !0,
       cellRenderer: Ie,
       valueGetter: (t) => {
-        var n;
-        return (n = t.data) != null && n.personalAssistant ? { name: t.data.personalAssistant } : null;
+        var i;
+        return (i = t.data) != null && i.personalAssistant ? { name: t.data.personalAssistant } : null;
       },
-      comparator: (t, n) => ((t == null ? void 0 : t.name) ?? "").localeCompare((n == null ? void 0 : n.name) ?? ""),
+      comparator: (t, i) => ((t == null ? void 0 : t.name) ?? "").localeCompare((i == null ? void 0 : i.name) ?? ""),
       filterValueGetter: (t) => {
-        var n;
-        return ((n = t.data) == null ? void 0 : n.personalAssistant) ?? "";
+        var i;
+        return ((i = t.data) == null ? void 0 : i.personalAssistant) ?? "";
       },
       filter: Re,
       floatingFilterComponent: Fe,
@@ -668,13 +657,13 @@ function Ze(e, i = {}) {
       colId: "marketingConsent",
       headerName: a("marketingConsent"),
       hide: !0,
-      cellRenderer: ye,
+      cellRenderer: Pe,
       cellRendererParams: {
         variantMap: C
       },
       valueGetter: (t) => {
-        var n;
-        switch ((n = t.data) == null ? void 0 : n.marketingConsent) {
+        var i;
+        switch ((i = t.data) == null ? void 0 : i.marketingConsent) {
           case 1:
             return m.yes;
           case 0:
@@ -706,8 +695,8 @@ function Ze(e, i = {}) {
       // `YYYY/N` yearly numbering.
       valueGetter: (t) => {
         var h, v;
-        const n = (h = t.data) == null ? void 0 : h.yearlyNumberingYear, r = (v = t.data) == null ? void 0 : v.yearlyNumberingNumber;
-        return n != null && r != null ? `${n}/${r}` : "";
+        const i = (h = t.data) == null ? void 0 : h.yearlyNumberingYear, o = (v = t.data) == null ? void 0 : v.yearlyNumberingNumber;
+        return i != null && o != null ? `${i}/${o}` : "";
       },
       filter: b,
       floatingFilterComponent: p,
@@ -719,8 +708,8 @@ function Ze(e, i = {}) {
       headerName: a("portal"),
       hide: !0,
       valueGetter: (t) => {
-        var n;
-        return !!((n = t.data) != null && n.mydentista);
+        var i;
+        return !!((i = t.data) != null && i.mydentista);
       },
       valueFormatter: (t) => t.value === !0 ? B : W,
       filter: R,
@@ -798,7 +787,7 @@ function Ze(e, i = {}) {
       width: 220
     },
     /* ── Custom fields (per-practice, dynamic) — appended, hidden ──── */
-    ...Je(u),
+    ...qe(u),
     /* ── Actions (P0, pinned-end) ──────────────────────────────────── */
     {
       colId: "actions",
@@ -813,8 +802,8 @@ function Ze(e, i = {}) {
       // Header + action group left-aligned (justify-start), consistent with every
       // other column — no right-aligned header (the actions still sit at the
       // pinned inline-end edge, the group just starts at the cell's leading edge).
-      cellClass: "ds:justify-start",
-      cellRenderer: be,
+      cellClass: "ds:justify-start ag-cell-graphic",
+      cellRenderer: ge,
       cellRendererParams: {
         actions: f,
         intent: "ghost",
@@ -828,119 +817,119 @@ function Ze(e, i = {}) {
       // The renderer collapses to a single overflow trigger via
       // `getActionsCompact`; the expanded width is DERIVED from the action count
       // so a row showing every action can't clip — 88px collapsed → fits-all.
-      width: ne(f.length),
+      width: ie(f.length),
       minWidth: 88
       // Anchor — never auto-hidden (no tier).
     }
   ];
 }
-const et = [
+const Xe = [
   { minWidth: 0, tier: "P0" },
   { minWidth: 640, tier: "P1" },
   { minWidth: 900, tier: "P2" },
   { minWidth: 1200, tier: "P3" }
 ];
-function Z(e, i) {
-  const c = /* @__PURE__ */ new Set();
-  for (const s of i)
-    e >= s.minWidth && c.add(s.tier);
-  return c.add("P0"), c;
+function ee(e, n) {
+  const d = /* @__PURE__ */ new Set();
+  for (const s of n)
+    e >= s.minWidth && d.add(s.tier);
+  return d.add("P0"), d;
 }
-function tt(e, i) {
+function Je(e, n) {
   const {
-    containerRef: c,
+    containerRef: d,
     enabled: s = !0,
-    breakpoints: o = et
-  } = i, l = k(/* @__PURE__ */ new Set()), u = k(!1);
-  return ee(() => {
-    const d = c.current;
-    if (!s || !d) return;
+    breakpoints: r = Xe
+  } = n, l = k(/* @__PURE__ */ new Set()), u = k(!1);
+  return te(() => {
+    const c = d.current;
+    if (!s || !c) return;
     const m = () => {
-      var r;
-      return (r = e.current) == null ? void 0 : r.getRawApi();
-    }, C = (r) => {
-      if (u.current || r.source === "api") return;
-      const h = r.columns ?? (r.column ? [r.column] : []);
+      var o;
+      return (o = e.current) == null ? void 0 : o.getRawApi();
+    }, C = (o) => {
+      if (u.current || o.source === "api") return;
+      const h = o.columns ?? (o.column ? [o.column] : []);
       for (const v of h)
         l.current.add(v.getColId());
     };
     let a = !1;
-    const w = (r) => {
+    const T = (o) => {
       if (a) return;
       a = !0;
-      const h = r.getColumns(), v = d.getBoundingClientRect().width, D = Z(v, o);
+      const h = o.getColumns(), v = c.getBoundingClientRect().width, D = ee(v, r);
       if (h)
-        for (const T of h) {
-          const I = q(T.getColDef());
-          I && !T.isVisible() && D.has(I) && l.current.add(T.getColId());
+        for (const w of h) {
+          const I = q(w.getColDef());
+          I && !w.isVisible() && D.has(I) && l.current.add(w.getColId());
         }
-      r.addEventListener("columnVisible", C);
+      o.addEventListener("columnVisible", C);
     }, t = () => {
-      const r = m();
-      if (!r) return;
-      w(r);
-      const h = r.getColumns();
+      const o = m();
+      if (!o) return;
+      T(o);
+      const h = o.getColumns();
       if (!h) return;
-      const v = d.getBoundingClientRect().width, D = Z(v, o), T = [], I = [];
+      const v = c.getBoundingClientRect().width, D = ee(v, r), w = [], I = [];
       for (const S of h) {
         const V = S.getColId();
         if (l.current.has(V)) continue;
         const A = q(S.getColDef());
         if (!A) continue;
         const E = D.has(A);
-        E && !S.isVisible() ? T.push(S) : !E && S.isVisible() && I.push(S);
+        E && !S.isVisible() ? w.push(S) : !E && S.isVisible() && I.push(S);
       }
-      if (!(T.length === 0 && I.length === 0)) {
+      if (!(w.length === 0 && I.length === 0)) {
         u.current = !0;
         try {
-          T.length > 0 && r.setColumnsVisible(T, !0), I.length > 0 && r.setColumnsVisible(I, !1);
+          w.length > 0 && o.setColumnsVisible(w, !0), I.length > 0 && o.setColumnsVisible(I, !1);
         } finally {
           u.current = !1;
         }
       }
-    }, n = new ResizeObserver(() => t());
-    return n.observe(d), t(), () => {
-      var r;
-      n.disconnect(), (r = m()) == null || r.removeEventListener("columnVisible", C);
+    }, i = new ResizeObserver(() => t());
+    return i.observe(c), t(), () => {
+      var o;
+      i.disconnect(), (o = m()) == null || o.removeEventListener("columnVisible", C);
     };
-  }, [c, s, o, e]), { lockColumns: z((d) => {
-    for (const m of d) l.current.add(m);
+  }, [d, s, r, e]), { lockColumns: z((c) => {
+    for (const m of c) l.current.add(m);
   }, []) };
 }
-function nt(e) {
-  var i;
-  return (i = e.data) != null && i.isArchived ? "data-table-row-archived" : void 0;
+function Ze(e) {
+  var n;
+  return (n = e.data) != null && n.isArchived ? "data-table-row-archived" : void 0;
 }
-function it(e) {
+function et(e) {
   return e.data.id;
 }
-function at({
+function tt({
   views: e,
-  handleRef: i,
-  lockColumns: c,
+  handleRef: n,
+  lockColumns: d,
   label: s
 }) {
-  const [o, l] = te(""), u = Y(
+  const [r, l] = ne(""), u = Y(
     () => e.map((m) => ({ value: m.id, label: m.label })),
     [e]
   ), f = z(
     (m) => {
-      const C = e.find((t) => t.id === m), a = i.current;
+      const C = e.find((t) => t.id === m), a = n.current;
       if (!C || !a) return;
-      const w = a.getRawApi();
-      if (w) {
-        const t = new Set(C.columns), n = [], r = [];
-        for (const h of w.getColumns() ?? []) {
+      const T = a.getRawApi();
+      if (T) {
+        const t = new Set(C.columns), i = [], o = [];
+        for (const h of T.getColumns() ?? []) {
           if (q(h.getColDef()) === void 0) continue;
           const v = h.getColId();
-          t.has(v) ? n.push(v) : r.push(v);
+          t.has(v) ? i.push(v) : o.push(v);
         }
-        c([...n, ...r]), n.length > 0 && w.setColumnsVisible(n, !0), r.length > 0 && w.setColumnsVisible(r, !1);
+        d([...i, ...o]), i.length > 0 && T.setColumnsVisible(i, !0), o.length > 0 && T.setColumnsVisible(o, !1);
       }
-      a.setFilter(C.filterModel), a.setSort(C.sortModel), w == null || w.onFilterChanged();
+      a.setFilter(C.filterModel), a.setSort(C.sortModel), T == null || T.onFilterChanged();
     },
-    [e, i, c]
-  ), d = z(
+    [e, n, d]
+  ), c = z(
     (m) => {
       l(m), m && f(m);
     },
@@ -951,63 +940,63 @@ function at({
     // the Select's intrinsic `w-full` trigger sizes to a compact, legible width
     // instead of absorbing the whole FilterBar row.
     /* @__PURE__ */ g("div", { className: "ds:w-[12rem] ds:max-w-full ds:min-w-0 ds:shrink-0", children: /* @__PURE__ */ g(
-      Ce,
+      ve,
       {
         options: u,
-        value: o,
-        onValueChange: d,
+        value: r,
+        onValueChange: c,
         size: "sm",
         "aria-label": s
       }
     ) })
   );
 }
-const lt = he(
+const nt = pe(
   function({
-    rowData: i,
-    columns: c,
+    rowData: n,
+    columns: d,
     gridId: s,
-    density: o,
+    density: r,
     actionsCompact: l,
     heightClass: u,
     responsive: f = !0,
-    views: d,
+    views: c,
     onRowAction: m,
     bulkActions: C,
     loading: a = !1,
-    toolbar: w,
+    toolbar: T,
     hideQuickSearch: t = !1,
-    pagination: n = !1,
-    paginationPageSizeSelector: r,
+    pagination: i = !1,
+    paginationPageSizeSelector: o,
     hideDetails: h = !1,
     identityHref: v,
     customFields: D,
-    "aria-label": T,
+    "aria-label": w,
     className: I
   }, S) {
-    const { t: V } = $("ui"), A = k(null), E = k(null), [M, le] = te(null);
-    pe(
+    const { t: V } = $("ui"), A = k(null), E = k(null), [M, re] = ne(null);
+    be(
       S,
       () => M ?? A.current,
       [M]
     );
-    const { lockColumns: re } = tt(A, {
+    const { lockColumns: oe } = Je(A, {
       containerRef: E,
       enabled: f
-    }), G = l ?? o === "compact", Q = k(G), X = z(() => Q.current, []);
-    ee(() => {
-      var y;
+    }), G = l ?? r === "compact", Q = k(G), X = z(() => Q.current, []);
+    te(() => {
+      var P;
       Q.current = G;
-      const N = (y = A.current) == null ? void 0 : y.getRawApi();
+      const N = (P = A.current) == null ? void 0 : P.getRawApi();
       N && (N.setColumnWidths([
         {
           key: "actions",
-          newWidth: G ? 88 : ne(Ye)
+          newWidth: G ? 88 : ie($e)
         }
       ]), N.refreshCells({ force: !0 }));
     }, [G, M]);
-    const oe = Y(
-      () => c ?? Ze(V, {
+    const se = Y(
+      () => d ?? Qe(V, {
         hideDetails: h,
         onRowAction: m,
         identityHref: v,
@@ -1015,7 +1004,7 @@ const lt = he(
         getActionsCompact: X
       }),
       [
-        c,
+        d,
         V,
         h,
         m,
@@ -1023,40 +1012,40 @@ const lt = he(
         D,
         X
       ]
-    ), se = ((d == null ? void 0 : d.length) ?? 0) > 0, de = /* @__PURE__ */ O(P.Toolbar, { children: [
-      /* @__PURE__ */ O(P.Toolbar.FilterBar, { children: [
-        se && d ? /* @__PURE__ */ g(
-          at,
+    ), de = ((c == null ? void 0 : c.length) ?? 0) > 0, ce = /* @__PURE__ */ O(y.Toolbar, { children: [
+      /* @__PURE__ */ O(y.Toolbar.FilterBar, { children: [
+        de && c ? /* @__PURE__ */ g(
+          tt,
           {
-            views: d,
+            views: c,
             handleRef: A,
-            lockColumns: re,
+            lockColumns: oe,
             label: V("patientTable.views.label")
           }
         ) : null,
-        t ? null : /* @__PURE__ */ g(P.Toolbar.QuickSearch, {}),
-        /* @__PURE__ */ g(P.Toolbar.FilterChips, {})
+        t ? null : /* @__PURE__ */ g(y.Toolbar.QuickSearch, {}),
+        /* @__PURE__ */ g(y.Toolbar.FilterChips, {})
       ] }),
-      /* @__PURE__ */ O(P.Toolbar.Actions, { children: [
+      /* @__PURE__ */ O(y.Toolbar.Actions, { children: [
         C == null ? void 0 : C.map((N) => /* @__PURE__ */ g(
-          P.Toolbar.BulkAction,
+          y.Toolbar.BulkAction,
           {
             label: N.label,
             icon: N.icon,
             variant: N.variant,
-            onClick: (y) => {
-              const fe = (y == null ? void 0 : y.getSelectedNodes().map((j) => j.id).filter((j) => j != null)) ?? [];
-              N.onSelect(fe);
+            onClick: (P) => {
+              const he = (P == null ? void 0 : P.getSelectedNodes().map((j) => j.id).filter((j) => j != null)) ?? [];
+              N.onSelect(he);
             }
           },
           N.id
         )),
-        /* @__PURE__ */ g(P.Toolbar.ColumnToggle, {}),
-        /* @__PURE__ */ g(P.Toolbar.ExportMenu, {})
+        /* @__PURE__ */ g(y.Toolbar.ColumnToggle, {}),
+        /* @__PURE__ */ g(y.Toolbar.ExportMenu, {})
       ] })
-    ] }), ce = w ?? de, ue = a ? void 0 : i, me = Y(() => ({ getRowId: it }), []);
-    return ve(
-      ge,
+    ] }), ue = T ?? ce, me = a ? void 0 : n, fe = Y(() => ({ getRowId: et }), []);
+    return Ne(
+      Ce,
       M,
       s
     ), /* @__PURE__ */ g(
@@ -1064,45 +1053,68 @@ const lt = he(
       {
         ref: E,
         role: "region",
-        "aria-label": T ?? V("patientTable.regionLabel"),
+        "aria-label": w ?? V("patientTable.regionLabel"),
         "data-component": "patient-table",
         "data-component-id": s,
         className: "ds:flex ds:w-full ds:min-h-0 ds:flex-1 ds:flex-col",
         children: /* @__PURE__ */ g(
-          P,
+          y,
           {
             ref: (N) => {
-              A.current = N, le(
-                (y) => y === N ? y : N
+              A.current = N, re(
+                (P) => P === N ? P : N
               );
             },
             gridId: s,
-            columnDefs: oe,
-            rowData: ue,
+            columnDefs: se,
+            rowData: me,
             rowSelection: "multiple",
-            pagination: n,
+            pagination: i,
             ...u !== void 0 ? { heightClass: u } : {},
-            ...r !== void 0 ? { paginationPageSizeSelector: r } : {},
-            density: o,
-            getRowClass: nt,
-            gridOptions: me,
+            ...o !== void 0 ? { paginationPageSizeSelector: o } : {},
+            density: r,
+            getRowClass: Ze,
+            gridOptions: fe,
             className: I,
-            children: ce
+            children: ue
           }
         )
       }
     );
   }
 );
-lt.displayName = "PatientTable";
+nt.displayName = "PatientTable";
+const it = 5e4;
+function at(e) {
+  return e === 0 ? { variant: "success", statusKey: "settled" } : e <= it ? { variant: "warning", statusKey: "pending" } : { variant: "error", statusKey: "overdue" };
+}
+function lt(e) {
+  if (e == null || e === "") return null;
+  const n = typeof e == "number" ? e : Number(e);
+  return Number.isFinite(n) ? n : null;
+}
+function Rt(e) {
+  const { value: n, currency: d = "EUR", options: s } = e, { t: r, i18n: l } = $("ui"), u = lt(n);
+  if (u === null) return null;
+  const f = l.language || "en", c = new Intl.NumberFormat(f, {
+    style: "currency",
+    currency: d,
+    ...s
+  }).format(u / 100), { variant: m, statusKey: C } = at(u), a = r(`patientTable.balance.status.${C}`);
+  return /* @__PURE__ */ O(le, { variant: m, withDot: !0, size: "sm", className: "ds:tabular-nums", children: [
+    /* @__PURE__ */ g("span", { children: c }),
+    /* @__PURE__ */ g("span", { className: "ds:sr-only", children: a })
+  ] });
+}
 export {
-  Ge as B,
-  Ue as C,
-  Ke as N,
-  Ye as P,
-  lt as a,
-  Ze as b,
+  Rt as B,
+  Ge as C,
+  ze as N,
+  $e as P,
+  J as T,
+  nt as a,
+  Qe as b,
   q as g,
-  tt as u
+  Je as u
 };
-//# sourceMappingURL=patient-table-6XnaWimB.js.map
+//# sourceMappingURL=balance-badge-cell-DHTiSFyD.js.map