@alfadocs/ui-kit 0.80.1 → 0.82.0

package/dist/_chunks/{chart-CMr3eW62.js → chart-CpkpA74k.js}

@@ -1,13 +1,13 @@
-import { jsxs as S, jsx as c } from "react/jsx-runtime";
-import { forwardRef as X, useId as tt, useMemo as d, useRef as et, useState as $, useEffect as G, useImperativeHandle as rt } from "react";
-import { c as at } from "./index-D2ZczOXr.js";
-import { useTranslation as ot } from "react-i18next";
-import nt from "react-apexcharts";
-import U from "apexcharts";
-import { u as it, g as k } from "./apexcharts-theme-BJigns_V.js";
-import { u as st } from "./use-prefers-reduced-motion-BMwIQRjB.js";
-import { u as ct } from "./registry-DvAUVLHh.js";
-const dt = {
+import { jsxs as S, jsx as d } from "react/jsx-runtime";
+import { forwardRef as et, useId as rt, useMemo as c, useRef as at, useState as U, useEffect as k, useImperativeHandle as ot } from "react";
+import { c as nt } from "./index-D2ZczOXr.js";
+import { useTranslation as it } from "react-i18next";
+import st from "react-apexcharts";
+import H from "apexcharts";
+import { u as ct, g as _ } from "./apexcharts-theme-BJigns_V.js";
+import { u as dt } from "./use-prefers-reduced-motion-BMwIQRjB.js";
+import { u as lt } from "./registry-DvAUVLHh.js";
+const mt = {
   id: "chart",
   capabilities: [],
   state: {},
@@ -75,7 +75,7 @@ const dt = {
       description: "Sourced from the id prop."
     }
   }
-}, lt = at("ds:relative ds:block ds:w-full", {
+}, ut = nt("ds:relative ds:block ds:w-full", {
   variants: {
     density: {
       compact: "ds:min-h-[var(--chart-min-height-compact)]",
@@ -87,20 +87,20 @@ const dt = {
     }
   },
   defaultVariants: { density: "comfortable" }
-}), mt = [
+}), pt = [
   "verticalLines",
   "horizontalLines",
   "slantedLines",
   "squares",
   "circles"
-], ut = ["line", "bar", "area"], pt = ["pie", "donut", "radialBar"];
+], ht = ["line", "bar", "area"], ft = ["pie", "donut", "radialBar"];
 function T(o) {
-  return pt.includes(o);
+  return ft.includes(o);
 }
-function ht(o) {
-  return ut.includes(o);
+function bt(o) {
+  return ht.includes(o);
 }
-function ft(o, l) {
+function gt(o, l) {
   return T(l) ? [
     {
       name: "",
@@ -108,45 +108,46 @@ function ft(o, l) {
     }
   ] : o;
 }
-const bt = X(
+const yt = et(
   ({
     title: o,
     id: l,
     type: r,
     series: h,
-    categories: g,
-    labels: y,
+    categories: y,
+    labels: f,
     height: O,
-    width: H,
+    width: M,
     patterns: A = !1,
     colors: v,
     toolbar: x = !1,
-    locale: _,
+    locale: j,
     radialValueFormatter: m,
-    density: M,
-    className: j
-  }, D) => {
-    const { t: a, i18n: W } = ot(), N = tt(), u = d(
-      () => `chart-${N.replace(/[^a-zA-Z0-9-_]/g, "")}`,
-      [N]
-    ), R = `${u}-summary`, I = et(null), [P, q] = $(0);
-    it(I);
-    const p = _ ?? W.language ?? "en", [z, Y] = $(
+    valueFormatter: N,
+    density: D,
+    className: W
+  }, q) => {
+    const { t: a, i18n: Y } = it(), P = rt(), u = c(
+      () => `chart-${P.replace(/[^a-zA-Z0-9-_]/g, "")}`,
+      [P]
+    ), R = `${u}-summary`, I = at(null), [z, Z] = U(0);
+    ct(I);
+    const p = j ?? Y.language ?? "en", [B, K] = U(
       () => {
         try {
-          return k();
+          return _();
         } catch {
           return {};
         }
       }
     );
-    G(() => {
+    k(() => {
       if (typeof document > "u") return;
       let t;
       const e = new MutationObserver(() => {
         clearTimeout(t), t = setTimeout(() => {
           try {
-            Y(k());
+            K(_());
           } catch {
           }
         }, 50);
@@ -157,36 +158,39 @@ const bt = X(
       }), () => {
         clearTimeout(t), e.disconnect();
       };
-    }, []), G(() => {
+    }, []), k(() => {
       const t = I.current;
       if (!t || typeof ResizeObserver > "u") return;
       const e = new ResizeObserver((n) => {
         const i = n[0];
-        i && q(Math.floor(i.contentRect.width));
+        i && Z(Math.floor(i.contentRect.width));
       });
       return e.observe(t), () => e.disconnect();
     }, []);
-    const C = d(
+    const C = c(
       () => ({
         async dataURI() {
-          const t = U.getChartByID(u);
+          const t = H.getChartByID(u);
           return t ? (await t.dataURI()).imgURI : "";
         },
         updateSeries(t) {
-          const e = U.getChartByID(u);
+          const e = H.getChartByID(u);
           e && (T(r), e.updateSeries(t));
         }
       }),
       [u, r]
     );
-    rt(D, () => C, [C]), ct(dt, C, l);
-    const w = typeof document < "u" && document.documentElement.dir === "rtl", B = d(
-      () => ft(h, r),
+    ot(q, () => C, [C]), lt(mt, C, l);
+    const w = typeof document < "u" && document.documentElement.dir === "rtl", E = c(
+      () => gt(h, r),
       [h, r]
-    ), f = d(
+    ), $ = c(
       () => new Intl.NumberFormat(p),
       [p]
-    ), E = d(
+    ), b = c(
+      () => N ?? ((t) => $.format(t)),
+      [N, $]
+    ), G = c(
       () => ({
         name: p,
         options: {
@@ -205,9 +209,9 @@ const bt = X(
         }
       }),
       [p, a]
-    ), L = st(), Z = d(() => {
-      var n, i, b;
-      const t = z, e = {
+    ), L = dt(), V = c(() => {
+      var n, i, g;
+      const t = B, e = {
         ...t,
         chart: {
           ...t.chart,
@@ -218,11 +222,17 @@ const bt = X(
             enabled: !L,
             dynamicAnimation: { enabled: !L }
           },
-          locales: [E],
+          locales: [G],
           defaultLocale: p,
           parentHeightOffset: 0
         },
-        labels: y,
+        // Only set `labels` when the consumer actually supplied them (slice
+        // charts). Emitting `labels: undefined` crashes ApexCharts' bar
+        // renderer — `parseDataAxisCharts` reads `labels.length` and throws
+        // "Cannot read properties of undefined (reading 'length')", which
+        // aborts the render and leaves a blank chart. Absent is safe; area /
+        // line tolerate the undefined but bar does not, so never pass it.
+        ...f ? { labels: f } : {},
         legend: {
           ...t.legend,
           position: "bottom",
@@ -236,21 +246,21 @@ const bt = X(
         tooltip: {
           ...t.tooltip,
           y: {
-            formatter: (s) => f.format(s)
+            formatter: (s) => b(s)
           }
         },
         noData: {
           text: a("chart.noData")
         }
       };
-      if (v && v.length > 0 && (e.colors = v), ht(r) && (e.xaxis = {
+      if (v && v.length > 0 && (e.colors = v), bt(r) && (e.xaxis = {
         ...t.xaxis,
-        categories: g ?? []
+        categories: y ?? []
       }, e.yaxis = {
         ...t.yaxis,
         opposite: w,
         labels: {
-          formatter: (s) => f.format(s)
+          formatter: (s) => b(s)
         }
       }, e.stroke = {
         curve: "smooth",
@@ -264,8 +274,8 @@ const bt = X(
             dataLabels: {
               ...((n = s.radialBar) == null ? void 0 : n.dataLabels) ?? {},
               value: {
-                ...((b = (i = s.radialBar) == null ? void 0 : i.dataLabels) == null ? void 0 : b.value) ?? {},
-                formatter: (Q) => m(Number(Q))
+                ...((g = (i = s.radialBar) == null ? void 0 : i.dataLabels) == null ? void 0 : g.value) ?? {},
+                formatter: (tt) => m(Number(tt))
               }
             }
           }
@@ -275,7 +285,7 @@ const bt = X(
         type: "pattern",
         opacity: r === "area" ? 0.3 : 1,
         pattern: {
-          style: [...mt],
+          style: [...pt],
           strokeWidth: 2
         }
       } : r === "area" && (e.fill = {
@@ -283,45 +293,45 @@ const bt = X(
         opacity: 0.3
       }), e;
     }, [
-      z,
+      B,
       u,
       x,
       L,
-      E,
+      G,
       p,
-      y,
       f,
+      b,
       a,
       r,
-      g,
+      y,
       w,
       A,
       v,
       m
-    ]), K = H ?? (P > 0 ? P : "100%"), F = O ?? 320, V = d(() => {
-      const t = T(r) ? y ?? [] : g ?? [], e = B;
+    ]), F = M ?? (z > 0 ? z : "100%"), J = O ?? 320, Q = c(() => {
+      const t = T(r) ? f ?? [] : y ?? [], e = E;
       return /* @__PURE__ */ S("table", { id: R, className: "ds:sr-only", children: [
-        /* @__PURE__ */ c("caption", { children: o }),
-        /* @__PURE__ */ c("thead", { children: /* @__PURE__ */ S("tr", { children: [
-          /* @__PURE__ */ c("th", { scope: "col", children: a("chart.table.series") }),
-          t.map((n, i) => /* @__PURE__ */ c("th", { scope: "col", children: n }, `${n}-${i}`))
+        /* @__PURE__ */ d("caption", { children: o }),
+        /* @__PURE__ */ d("thead", { children: /* @__PURE__ */ S("tr", { children: [
+          /* @__PURE__ */ d("th", { scope: "col", children: a("chart.table.series") }),
+          t.map((n, i) => /* @__PURE__ */ d("th", { scope: "col", children: n }, `${n}-${i}`))
         ] }) }),
-        /* @__PURE__ */ c("tbody", { children: e.map((n, i) => /* @__PURE__ */ S("tr", { children: [
-          /* @__PURE__ */ c("th", { scope: "row", children: n.name || a("chart.table.value") }),
-          n.data.map((b, s) => /* @__PURE__ */ c("td", { children: r === "radialBar" && m ? m(b) : f.format(b) }, `${i}-${s}`))
+        /* @__PURE__ */ d("tbody", { children: e.map((n, i) => /* @__PURE__ */ S("tr", { children: [
+          /* @__PURE__ */ d("th", { scope: "row", children: n.name || a("chart.table.value") }),
+          n.data.map((g, s) => /* @__PURE__ */ d("td", { children: r === "radialBar" && m ? m(g) : b(g) }, `${i}-${s}`))
         ] }, `${n.name}-${i}`)) })
       ] });
     }, [
       r,
-      B,
+      E,
+      f,
       y,
-      g,
       R,
       o,
       a,
-      f,
+      b,
       m
-    ]), J = d(() => (T(r), h), [h, r]);
+    ]), X = c(() => (T(r), h), [h, r]);
     return /* @__PURE__ */ S(
       "div",
       {
@@ -329,24 +339,24 @@ const bt = X(
         role: "img",
         "aria-label": o,
         "aria-describedby": R,
-        className: lt({
+        className: ut({
           // Explicit height wins over the density min-height unless the
           // caller also asked for a density explicitly.
-          density: M ?? (O !== void 0 ? "none" : void 0),
-          className: j
+          density: D ?? (O !== void 0 ? "none" : void 0),
+          className: W
         }),
         "data-component": "chart",
         "data-component-id": l,
         children: [
-          V,
-          /* @__PURE__ */ c(
-            nt,
+          Q,
+          /* @__PURE__ */ d(
+            st,
             {
               type: r,
-              series: J,
-              options: Z,
-              width: K,
-              height: F,
+              series: X,
+              options: V,
+              width: F,
+              height: J,
               "aria-hidden": "true"
             }
           )
@@ -355,10 +365,10 @@ const bt = X(
     );
   }
 );
-bt.displayName = "Chart";
+yt.displayName = "Chart";
 export {
-  bt as C,
-  lt as a,
-  dt as c
+  yt as C,
+  ut as a,
+  mt as c
 };
-//# sourceMappingURL=chart-CMr3eW62.js.map
+//# sourceMappingURL=chart-CpkpA74k.js.map

package/dist/_chunks/{payment-request-card-C0fqlKqO.js → payment-request-card-d-RmzsUd.js}

@@ -3,7 +3,7 @@ import { forwardRef as $, useId as H, useMemo as I } from "react";
 import { c as B } from "./index-D2ZczOXr.js";
 import { useTranslation as G } from "react-i18next";
 import { B as K } from "./badge-DCOqV9mI.js";
-import { C as R } from "./card-DPmk26CL.js";
+import { C as k } from "./card-DPmk26CL.js";
 import { D as d } from "./description-list-ClNLdRMy.js";
 import { K as O, a as Y } from "./key-value-pair-LHKfDT_9.js";
 import { T as j, A as te } from "./transaction-chip-DJCstquX.js";
@@ -100,7 +100,7 @@ const ue = [
   },
   defaultVariants: { surface: "elevated" }
 });
-function k(a, l, r) {
+function R(a, l, r) {
   try {
     return new Intl.NumberFormat(r, {
       style: "currency",
@@ -200,13 +200,13 @@ const xe = $(
       value: i.operatorName
     });
     const U = I(
-      () => n != null ? k(n, u, o) : void 0,
+      () => n != null ? R(n, u, o) : void 0,
       [n, u, o]
     ), _ = I(
-      () => h != null ? k(h, u, o) : void 0,
+      () => h != null ? R(h, u, o) : void 0,
       [h, u, o]
     ), V = I(
-      () => m != null ? k(m, u, o) : void 0,
+      () => m != null ? R(m, u, o) : void 0,
       [m, u, o]
     ), Z = U != null || _ != null || V != null, ee = !!b && b.length > 0, F = /* @__PURE__ */ c("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: [
       /* @__PURE__ */ c("div", { className: "ds:flex ds:items-start ds:gap-[var(--spacing-md)] ds:flex-wrap", children: [
@@ -274,7 +274,7 @@ const xe = $(
                     vat: s.vatPercentage,
                     defaultValue: "{{description}} (VAT {{vat}}%)"
                   }) : s.description }),
-                  /* @__PURE__ */ e(d.Detail, { numeric: !0, children: k(s.amountCents, u, o) })
+                  /* @__PURE__ */ e(d.Detail, { numeric: !0, children: R(s.amountCents, u, o) })
                 ] }, `${s.description}-${ae}`))
               }
             )
@@ -297,7 +297,7 @@ const xe = $(
         id: a,
         className: ge({ surface: x, className: f }),
         ...S,
-        children: x === "elevated" ? /* @__PURE__ */ e(R, { variant: "elevated", children: /* @__PURE__ */ e(R.Body, { children: F }) }) : /* @__PURE__ */ e("div", { className: X({ surface: "flat" }), children: F })
+        children: x === "elevated" ? /* @__PURE__ */ e(k, { variant: "elevated", children: /* @__PURE__ */ e(k.Body, { children: F }) }) : /* @__PURE__ */ e("div", { className: X({ surface: "flat" }), children: F })
       }
     );
   }
@@ -341,7 +341,7 @@ const Pe = {
   paid: "Paid",
   failed: "Failed",
   cancelled: "Cancelled"
-}, ke = B("ds:w-full ds:text-[color:var(--foreground)]", {
+}, Re = B("ds:w-full ds:text-[color:var(--foreground)]", {
   variants: {
     surface: {
       flat: "",
@@ -350,7 +350,7 @@ const Pe = {
   },
   defaultVariants: { surface: "elevated" }
 });
-function Re(a, l) {
+function ke(a, l) {
   const r = new Date(a);
   if (Number.isNaN(r.getTime())) return a;
   try {
@@ -398,7 +398,7 @@ const De = $(
       key: "dueDate",
       icon: /* @__PURE__ */ e(se, { "aria-hidden": "true" }),
       label: f("paymentRequestCard.label.dueDate", "Due date"),
-      value: Re(v, t)
+      value: ke(v, t)
     }), m && g.push({
       key: "carePlan",
       icon: /* @__PURE__ */ e(Q, { "aria-hidden": "true" }),
@@ -451,18 +451,20 @@ const De = $(
         "data-component-id": a,
         "data-status": n,
         id: a,
-        className: ke({ surface: b, className: u }),
+        className: Re({ surface: b, className: u }),
         ...x,
-        children: b === "elevated" ? /* @__PURE__ */ e(R, { variant: "elevated", children: /* @__PURE__ */ e(R.Body, { children: T }) }) : /* @__PURE__ */ e("div", { className: X({ surface: "flat" }), children: T })
+        children: b === "elevated" ? /* @__PURE__ */ e(k, { variant: "elevated", children: /* @__PURE__ */ e(k.Body, { children: T }) }) : /* @__PURE__ */ e("div", { className: X({ surface: "flat" }), children: T })
       }
     );
   }
 );
 De.displayName = "PaymentRequestCard";
 export {
+  M as C,
   xe as P,
+  pe as R,
   De as a,
   Pe as b,
   he as p
 };
-//# sourceMappingURL=payment-request-card-C0fqlKqO.js.map
+//# sourceMappingURL=payment-request-card-d-RmzsUd.js.map

package/dist/agent-catalog.json

@@ -1,6 +1,6 @@
 {
   "schemaVersion": 1,
-  "packageVersion": "0.80.1",
+  "packageVersion": "0.82.0",
   "components": [
     {
       "kind": "component",
@@ -15223,6 +15223,88 @@
         }
       ]
     },
+    {
+      "kind": "pattern",
+      "id": "payment-automation-upsell",
+      "composes": [
+        {
+          "component": "card",
+          "as": "heroCard"
+        },
+        {
+          "component": "benefit-card",
+          "as": "howItWorks",
+          "entity": "step"
+        },
+        {
+          "component": "card",
+          "as": "previewCard"
+        },
+        {
+          "component": "list",
+          "as": "previewList",
+          "entity": "paymentRequest"
+        },
+        {
+          "component": "badge",
+          "as": "requestStatus"
+        },
+        {
+          "component": "stat",
+          "as": "proofMetric",
+          "entity": "metric"
+        },
+        {
+          "component": "card",
+          "as": "featuresCard"
+        },
+        {
+          "component": "list",
+          "as": "featureList",
+          "entity": "feature"
+        },
+        {
+          "component": "button",
+          "as": "activate"
+        },
+        {
+          "component": "button",
+          "as": "notifyAdmin"
+        }
+      ],
+      "workflows": [
+        {
+          "name": "view_upsell",
+          "safety": "read",
+          "description": "Read the Payment Automation value preview: the how-it-works steps, the sample payment-request list, and the included-features checklist.",
+          "descriptionKey": "ui.agent.paymentAutomationUpsell.workflows.viewUpsell",
+          "uiActions": [],
+          "apiActions": [
+            "paymentAutomation.getModuleStatus"
+          ]
+        },
+        {
+          "name": "activate_module",
+          "safety": "write",
+          "description": "As the practice owner, activate the Payment Automation module on the subscription. Persists a billing change.",
+          "descriptionKey": "ui.agent.paymentAutomationUpsell.workflows.activateModule",
+          "uiActions": [],
+          "apiActions": [
+            "subscription.enableModule"
+          ]
+        },
+        {
+          "name": "notify_admin",
+          "safety": "write",
+          "description": "As a non-owner member, notify the practice owner / admin to activate the Payment Automation module.",
+          "descriptionKey": "ui.agent.paymentAutomationUpsell.workflows.notifyAdmin",
+          "uiActions": [],
+          "apiActions": [
+            "notification.notifyOwner"
+          ]
+        }
+      ]
+    },
     {
       "kind": "pattern",
       "id": "practice-profile-hero",

package/dist/agent-i18n/en.json

@@ -1497,6 +1497,13 @@
         "exportRoster": "Export the current (optionally filtered) patient roster from the page-header table-tools cluster — CSV / Excel / PDF."
       }
     },
+    "paymentAutomationUpsell": {
+      "workflows": {
+        "viewUpsell": "Read the Payment Automation value preview: the how-it-works steps, the sample payment-request list, and the included-features checklist.",
+        "activateModule": "As the practice owner, activate the Payment Automation module on the subscription. Persists a billing change.",
+        "notifyAdmin": "As a non-owner member, notify the practice owner / admin to activate the Payment Automation module."
+      }
+    },
     "practiceProfileHero": {
       "workflows": {
         "viewProfile": "Read the practice's public profile summary — name, tagline, average rating, review count, and trust badges."

package/dist/components/chart/chart.d.ts

@@ -50,6 +50,16 @@ export interface ChartProps extends VariantProps<typeof chartVariants> {
      * Ignored for every other chart type. Defaults to ApexCharts' `${value}%`.
      */
     radialValueFormatter?: (value: number) => string;
+    /**
+     * Formats the numeric value of each data point wherever it is surfaced as
+     * text — the tooltip, the value (y) axis on categorical charts, and the
+     * screen-reader summary table. Use it to append a unit or currency symbol,
+     * e.g. `(v) => new Intl.NumberFormat(locale, { style: 'currency', currency:
+     * 'EUR' }).format(v)`. Defaults to `Intl.NumberFormat(locale)` (grouped
+     * number, no unit). Does not apply to a `radialBar` ring centre — use
+     * `radialValueFormatter` for that.
+     */
+    valueFormatter?: (value: number) => string;
     /** Extra class names on the wrapper. */
     className?: string;
 }

package/dist/components/chart/index.js

@@ -1,4 +1,4 @@
-import { C as t, c as s, a as c } from "../../_chunks/chart-CMr3eW62.js";
+import { C as t, c as s, a as c } from "../../_chunks/chart-CpkpA74k.js";
 export {
   t as Chart,
   s as chartAgent,

package/dist/components/index.d.ts

@@ -198,6 +198,7 @@ export * from './whatsapp-button';
 export * from './workflow';
 export * from '../patterns/alia-assistant';
 export * from '../patterns/marketplace-app-shell';
+export * from '../patterns/payment-automation-upsell';
 export * from '../patterns/signature-request';
 export * from './dependent-selector';
 export * from './document-preview';

package/dist/components/payment-card/index.js

@@ -1,4 +1,4 @@
-import { P as t, a as n, p as r, b as s } from "../../_chunks/payment-request-card-C0fqlKqO.js";
+import { P as t, a as n, p as r, b as s } from "../../_chunks/payment-request-card-d-RmzsUd.js";
 export {
   t as PaymentCard,
   n as PaymentRequestCard,