@alfadocs/ui-kit 1.55.0 → 1.57.0

package/dist/_chunks/{ai-credits-notice-BoNJtOuE.js → ai-credits-notice-ktklr8fy.js}

@@ -4,7 +4,7 @@ import { c as v } from "./index-D2ZczOXr.js";
 import { useTranslation as x } from "react-i18next";
 import { B as l } from "./button-Bn16lcFM.js";
 import { P as y } from "./progress-D_g_Sl2g.js";
-import { H as o } from "./hover-card-BnTueNS2.js";
+import { H as o } from "./hover-card-U_ZYoh1n.js";
 const w = v("ds:flex ds:flex-col ds:items-start", {
   variants: {
     mode: {
@@ -87,4 +87,4 @@ k.displayName = "AiCreditsNotice";
 export {
   k as A
 };
-//# sourceMappingURL=ai-credits-notice-BoNJtOuE.js.map
+//# sourceMappingURL=ai-credits-notice-ktklr8fy.js.map

package/dist/_chunks/ai-permission-notice-DyuEGwAt.js

@@ -0,0 +1,206 @@
+import { jsxs as d, jsx as n } from "react/jsx-runtime";
+import { forwardRef as z, useState as C, useRef as E, useMemo as F } from "react";
+import { c as M } from "./index-D2ZczOXr.js";
+import { useTranslation as P } from "react-i18next";
+import { A as g } from "./alert-BhCstf2h.js";
+import { B as D } from "./badge-hnBt8o7n.js";
+import { B as H } from "./button-Bn16lcFM.js";
+import { C as J } from "./checkbox--ndmyokr.js";
+import { S as U } from "./spinner-CoflYlEx.js";
+import { T as W } from "./timestamp-DPLDWdxA.js";
+import { u as _ } from "./registry-DvAUVLHh.js";
+const $ = {
+  id: "ai-consent-banner",
+  capabilities: [],
+  state: {
+    consentState: {
+      type: "'granted' | 'required' | 'pending'",
+      descriptionKey: "ui.agent.aiConsentBanner.state.consentState",
+      description: "Current consent state. Structural only — never the grantee identity.",
+      read: (i) => i.getState()
+    },
+    armed: {
+      type: "boolean",
+      descriptionKey: "ui.agent.aiConsentBanner.state.armed",
+      description: "Whether the consent confirmation checkbox is ticked (required state only).",
+      read: (i) => i.isArmed()
+    }
+  },
+  actions: {},
+  domHooks: {
+    root: {
+      attr: "data-component",
+      value: "ai-consent-banner",
+      description: "Marks the AiConsentBanner root region."
+    },
+    instanceId: {
+      attr: "data-component-id",
+      sourceProp: "id",
+      description: "Sourced from the id prop. Required to address a specific banner from the agent."
+    }
+  }
+}, O = M("ds:w-full ds:text-[color:var(--foreground)]", {
+  variants: {
+    state: {
+      granted: "",
+      required: "",
+      pending: ""
+    }
+  },
+  defaultVariants: {
+    state: "required"
+  }
+});
+function x(i, c) {
+  return c ? "pending" : i ? "granted" : "required";
+}
+const q = {
+  "patient-record": {
+    descriptionRequired: {
+      key: "aiConsentBanner.description.required",
+      fallback: "AI assistance requires recorded consent before it can run."
+    },
+    descriptionGranted: {
+      key: "aiConsentBanner.description.granted",
+      fallback: "AI assistance is enabled for this record."
+    },
+    confirmLabel: {
+      key: "aiConsentBanner.confirmLabel",
+      fallback: "I confirm consent has been obtained for AI assistance."
+    },
+    notAllowed: {
+      key: "aiConsentBanner.notAllowed",
+      fallback: "You do not have permission to grant AI assistance consent."
+    }
+  },
+  "practice-statistics": {
+    descriptionRequired: {
+      key: "aiConsentBanner.practiceStatistics.description.required",
+      fallback: "AI assistance needs consent before it can read this practice's statistics. It uses aggregate figures only, never patient data."
+    },
+    descriptionGranted: {
+      key: "aiConsentBanner.practiceStatistics.description.granted",
+      fallback: "AI assistance can read this practice's statistics. It uses aggregate figures only, never patient data."
+    },
+    confirmLabel: {
+      key: "aiConsentBanner.practiceStatistics.confirmLabel",
+      fallback: "I may decide for this practice, and I agree to AI assistance reading its statistics."
+    },
+    notAllowed: {
+      key: "aiConsentBanner.practiceStatistics.notAllowed",
+      fallback: "You do not have permission to grant AI assistance consent for this practice."
+    }
+  }
+}, Q = z(
+  ({
+    id: i,
+    granted: c,
+    grantedAt: p,
+    grantedBy: h,
+    canGrant: L = !0,
+    pending: b = !1,
+    onGrantConsent: S,
+    headingLevel: I = 5,
+    subject: k = "patient-record",
+    copy: e,
+    "aria-label": w,
+    className: R,
+    ...G
+  }, N) => {
+    const { t } = P("ui"), s = x(c, b), r = (l) => (l == null ? void 0 : l.trim()) || void 0, o = q[k] ?? q["patient-record"], a = {
+      title: r(e == null ? void 0 : e.title) || t("aiConsentBanner.title", "AI assistance consent"),
+      descriptionRequired: r(e == null ? void 0 : e.descriptionRequired) || t(o.descriptionRequired.key, o.descriptionRequired.fallback),
+      descriptionGranted: r(e == null ? void 0 : e.descriptionGranted) || t(o.descriptionGranted.key, o.descriptionGranted.fallback),
+      confirmLabel: r(e == null ? void 0 : e.confirmLabel) || t(o.confirmLabel.key, o.confirmLabel.fallback),
+      grantButton: r(e == null ? void 0 : e.grantButton) || t("aiConsentBanner.grantButton", "Grant consent"),
+      notAllowed: r(e == null ? void 0 : e.notAllowed) || t(o.notAllowed.key, o.notAllowed.fallback),
+      badgeGranted: r(e == null ? void 0 : e.badgeGranted) || t("aiConsentBanner.badge.granted", "Consent granted"),
+      pendingLabel: r(e == null ? void 0 : e.pendingLabel) || t("aiConsentBanner.pendingLabel", "Saving consent…")
+    }, m = [
+      k,
+      a.confirmLabel,
+      a.descriptionRequired
+    ].join("\0"), [T, A] = C(!1), [B, V] = C(m);
+    B !== m && (V(m), A(!1));
+    const f = T && B === m, v = E(f);
+    v.current = f;
+    const K = F(
+      () => ({
+        getState: () => x(c, b),
+        isArmed: () => v.current
+      }),
+      [c, b]
+    );
+    _($, K, i);
+    const Y = r(w) || r(e == null ? void 0 : e.title) || t("aiConsentBanner.regionLabel", "AI assistance consent"), j = s === "granted" ? "success" : "info";
+    let u;
+    return s === "granted" ? u = /* @__PURE__ */ d("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]", children: [
+      /* @__PURE__ */ d("div", { className: "ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-sm)]", children: [
+        /* @__PURE__ */ n(D, { variant: "success", children: a.badgeGranted }),
+        p !== void 0 ? /* @__PURE__ */ d("span", { className: "type-body-sm ds:text-[color:var(--muted-foreground)]", children: [
+          t("aiConsentBanner.grantedAtPrefix", "Granted"),
+          " ",
+          /* @__PURE__ */ n(W, { value: p, format: "relative", shape: "inline" })
+        ] }) : null
+      ] }),
+      h ? /* @__PURE__ */ n("p", { className: "type-body-sm ds:m-0 ds:text-[color:var(--muted-foreground)]", children: t("aiConsentBanner.grantedBy", {
+        name: h,
+        defaultValue: "By {{name}}"
+      }) }) : null
+    ] }) : s === "pending" ? u = /* @__PURE__ */ d("div", { className: "ds:flex ds:items-center ds:gap-[var(--spacing-sm)]", children: [
+      /* @__PURE__ */ n(U, { variant: "pulse", size: "sm", label: a.pendingLabel }),
+      /* @__PURE__ */ n("span", { className: "type-body-sm ds:text-[color:var(--muted-foreground)]", children: a.pendingLabel })
+    ] }) : u = L ? /* @__PURE__ */ d("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
+      /* @__PURE__ */ n(
+        J,
+        {
+          checked: f,
+          onCheckedChange: (l) => A(l === !0),
+          label: a.confirmLabel
+        }
+      ),
+      /* @__PURE__ */ n(g.Action, { children: /* @__PURE__ */ n(
+        H,
+        {
+          intent: "primary",
+          size: "sm",
+          disabled: !f,
+          onClick: S,
+          children: a.grantButton
+        }
+      ) })
+    ] }) : /* @__PURE__ */ n("p", { className: "type-body-sm ds:m-0 ds:text-[color:var(--muted-foreground)]", children: a.notAllowed }), /* @__PURE__ */ n(
+      "div",
+      {
+        ref: N,
+        role: "region",
+        "aria-label": Y,
+        "aria-busy": s === "pending" ? !0 : void 0,
+        "data-component": "ai-consent-banner",
+        "data-component-id": i,
+        "data-state": s,
+        id: i,
+        className: O({ state: s, className: R }),
+        ...G,
+        children: /* @__PURE__ */ d(
+          g,
+          {
+            variant: j,
+            icon: s === "pending" ? null : void 0,
+            children: [
+              /* @__PURE__ */ n(g.Title, { as: `h${I}`, children: a.title }),
+              /* @__PURE__ */ n(g.Description, { children: s === "granted" ? a.descriptionGranted : a.descriptionRequired }),
+              u
+            ]
+          }
+        )
+      }
+    );
+  }
+);
+Q.displayName = "AiConsentBanner";
+export {
+  Q as A,
+  $ as a
+};
+//# sourceMappingURL=ai-permission-notice-DyuEGwAt.js.map