@alfadocs/ui-kit 0.47.0 → 0.49.0

package/dist/_chunks/payment-request-card-B_lyobd0.js

@@ -0,0 +1,478 @@
+import { jsx as e, jsxs as c } from "react/jsx-runtime";
+import { forwardRef as B, useId as G, useMemo as I } from "react";
+import { c as H } from "./index-D2ZczOXr.js";
+import { useTranslation as K } from "react-i18next";
+import { B as O } from "./badge-zsf5i5bH.js";
+import { C as R } from "./card-DPmk26CL.js";
+import { D as d } from "./description-list-BEbK2g93.js";
+import { K as Y, a as j } from "./key-value-pair-CkQIb9EG.js";
+import { T as W, A as te, a as re } from "./transaction-chip-BZCa6XDn.js";
+import { u as J } from "./registry-nPAVE19X.js";
+import { c as F } from "./createLucideIcon-CrFbzy84.js";
+import { C as ne } from "./calendar-days-C4BmpCZg.js";
+import { F as Q } from "./file-text-DSNuv2B8.js";
+import { U as le } from "./user-CPxpqFjJ.js";
+import { U as ie } from "./user-cog-BS_qc8nA.js";
+import { e as X } from "./entity-card-COhmqHly.js";
+import { L as de } from "./link-DrD_cRUg.js";
+import { C as oe } from "./calendar-clock-CYkcqdwl.js";
+import { i as se } from "./is-safe-url-DkETxeHz.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 ce = [
+  ["rect", { width: "20", height: "14", x: "2", y: "5", rx: "2", key: "ynyp8z" }],
+  ["line", { x1: "2", x2: "22", y1: "10", y2: "10", key: "1b3vmo" }]
+], M = F("credit-card", ce);
+/**
+ * @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 ue = [
+  ["line", { x1: "4", x2: "20", y1: "9", y2: "9", key: "4lhtct" }],
+  ["line", { x1: "4", x2: "20", y1: "15", y2: "15", key: "vyu0kd" }],
+  ["line", { x1: "10", x2: "8", y1: "3", y2: "21", key: "1ggp8o" }],
+  ["line", { x1: "16", x2: "14", y1: "3", y2: "21", key: "weycgp" }]
+], me = F("hash", ue);
+/**
+ * @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 pe = [
+  ["path", { d: "M13 16H8", key: "wsln4y" }],
+  ["path", { d: "M14 8H8", key: "1l3xfs" }],
+  ["path", { d: "M16 12H8", key: "1fr5h0" }],
+  [
+    "path",
+    {
+      d: "M4 3a1 1 0 0 1 1-1 1.3 1.3 0 0 1 .7.2l.933.6a1.3 1.3 0 0 0 1.4 0l.934-.6a1.3 1.3 0 0 1 1.4 0l.933.6a1.3 1.3 0 0 0 1.4 0l.933-.6a1.3 1.3 0 0 1 1.4 0l.934.6a1.3 1.3 0 0 0 1.4 0l.933-.6A1.3 1.3 0 0 1 19 2a1 1 0 0 1 1 1v18a1 1 0 0 1-1 1 1.3 1.3 0 0 1-.7-.2l-.933-.6a1.3 1.3 0 0 0-1.4 0l-.934.6a1.3 1.3 0 0 1-1.4 0l-.933-.6a1.3 1.3 0 0 0-1.4 0l-.933.6a1.3 1.3 0 0 1-1.4 0l-.934-.6a1.3 1.3 0 0 0-1.4 0l-.933.6a1.3 1.3 0 0 1-.7.2 1 1 0 0 1-1-1z",
+      key: "ycz6yz"
+    }
+  ]
+], ye = F("receipt-text", pe), he = {
+  id: "payment-card",
+  capabilities: [],
+  state: {
+    number: {
+      type: "string",
+      descriptionKey: "ui.agent.paymentCard.state.number",
+      description: "Payment number / reference currently rendered.",
+      read: (a) => a.getNumber()
+    },
+    state: {
+      type: "'debt' | 'to-invoice' | 'settled'",
+      descriptionKey: "ui.agent.paymentCard.state.state",
+      description: "Resolved headline financial state. Structural state only — never patient identity.",
+      read: (a) => a.getState()
+    }
+  },
+  actions: {},
+  domHooks: {
+    root: {
+      attr: "data-component",
+      value: "payment-card",
+      description: "Marks the PaymentCard root region."
+    },
+    instanceId: {
+      attr: "data-component-id",
+      sourceProp: "id",
+      description: "Sourced from the id prop. Addresses a specific card."
+    }
+  }
+}, fe = {
+  full: "success",
+  partial: "warning",
+  credit: "info",
+  proforma: "neutral",
+  other: "neutral"
+}, ve = "EUR", ge = {
+  full: "Full payment",
+  partial: "Partial payment",
+  credit: "Credit note",
+  proforma: "Proforma",
+  other: "Other"
+}, be = {
+  incoming: "Incoming",
+  outgoing: "Outgoing"
+}, xe = H("ds:w-full ds:text-[color:var(--foreground)]", {
+  variants: {
+    surface: {
+      flat: "",
+      elevated: ""
+    }
+  },
+  defaultVariants: { surface: "elevated" }
+});
+function A(a, l, r) {
+  try {
+    return new Intl.NumberFormat(r, {
+      style: "currency",
+      currency: l
+    }).format(a / 100);
+  } catch {
+    return (a / 100).toFixed(2);
+  }
+}
+function Ce(a, l) {
+  const r = new Date(a);
+  if (Number.isNaN(r.getTime())) return a;
+  try {
+    return new Intl.DateTimeFormat(l, {
+      year: "numeric",
+      month: "short",
+      day: "numeric"
+    }).format(r);
+  } catch {
+    return a;
+  }
+}
+function Ne(a, l, r, p) {
+  return p ? "settled" : r != null && r > 0 ? "debt" : a === "proforma" && (l == null || l === 0) ? "to-invoice" : "settled";
+}
+const ke = B(
+  ({
+    id: a,
+    number: l,
+    dateIso: r,
+    type: p,
+    direction: v,
+    grossCents: n,
+    paidCents: y,
+    unpaidCents: u,
+    writtenOff: D = !1,
+    relations: i,
+    lineItems: g,
+    locale: L,
+    currency: m = ve,
+    surface: N = "elevated",
+    "aria-label": q,
+    className: h,
+    ...S
+  }, k) => {
+    const { t, i18n: P } = K(), w = G(), o = L ?? P.language ?? "en", _ = q ?? t("paymentCard.regionLabel", {
+      number: l,
+      defaultValue: "Payment {{number}}"
+    }), C = Ne(p, y, u, D), z = C === "debt" && u != null ? u : n ?? y ?? u ?? 0;
+    J(
+      he,
+      {
+        getNumber: () => l,
+        getState: () => C
+      },
+      a
+    );
+    const b = t(`paymentCard.type.${p}`, {
+      defaultValue: ge[p]
+    }), T = v === "incoming" ? /* @__PURE__ */ e(te, { "aria-hidden": "true" }) : /* @__PURE__ */ e(re, { "aria-hidden": "true" }), x = t(`paymentCard.direction.${v}`, {
+      defaultValue: be[v]
+    }), f = [];
+    f.push({
+      key: "number",
+      icon: /* @__PURE__ */ e(me, { "aria-hidden": "true" }),
+      label: t("paymentCard.label.number", "Number"),
+      value: l
+    }), r && f.push({
+      key: "date",
+      icon: /* @__PURE__ */ e(ne, { "aria-hidden": "true" }),
+      label: t("paymentCard.label.date", "Date"),
+      value: Ce(r, o)
+    }), f.push({
+      key: "type",
+      icon: /* @__PURE__ */ e(ye, { "aria-hidden": "true" }),
+      label: t("paymentCard.label.type", "Type"),
+      value: /* @__PURE__ */ e(O, { variant: fe[p], children: b })
+    }), f.push({
+      key: "direction",
+      icon: T,
+      label: t("paymentCard.label.direction", "Direction"),
+      value: x
+    }), i != null && i.carePlanNumber && f.push({
+      key: "carePlan",
+      icon: /* @__PURE__ */ e(Q, { "aria-hidden": "true" }),
+      label: t("paymentCard.label.carePlan", "Care plan"),
+      value: i.carePlanNumber
+    }), i != null && i.patientName && f.push({
+      key: "patient",
+      icon: /* @__PURE__ */ e(le, { "aria-hidden": "true" }),
+      label: t("paymentCard.label.patient", "Patient"),
+      value: i.patientName
+    }), i != null && i.operatorName && f.push({
+      key: "operator",
+      icon: /* @__PURE__ */ e(ie, { "aria-hidden": "true" }),
+      label: t("paymentCard.label.operator", "Operator"),
+      value: i.operatorName
+    });
+    const E = I(
+      () => n != null ? A(n, m, o) : void 0,
+      [n, m, o]
+    ), U = I(
+      () => y != null ? A(y, m, o) : void 0,
+      [y, m, o]
+    ), V = I(
+      () => u != null ? A(u, m, o) : void 0,
+      [u, m, o]
+    ), Z = E != null || U != null || V != null, ee = !!g && g.length > 0, $ = /* @__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: [
+        /* @__PURE__ */ e(
+          "h3",
+          {
+            id: w,
+            className: "type-title-card ds:m-0 ds:text-[color:var(--foreground)]",
+            children: t("paymentCard.heading", {
+              number: l,
+              defaultValue: "Payment {{number}}"
+            })
+          }
+        ),
+        /* @__PURE__ */ e("span", { className: "ds:ms-auto ds:shrink-0", children: /* @__PURE__ */ e(
+          W,
+          {
+            state: C,
+            amount: z / 100,
+            currency: m,
+            locale: o,
+            size: "lg"
+          }
+        ) })
+      ] }),
+      /* @__PURE__ */ e(Y, { rowGap: "sm", children: f.map((s) => /* @__PURE__ */ e(
+        j,
+        {
+          icon: s.icon,
+          label: s.label,
+          value: s.value
+        },
+        s.key
+      )) }),
+      Z ? /* @__PURE__ */ c(d, { layout: "inline", density: "compact", labelWidth: "fixed", children: [
+        E != null ? /* @__PURE__ */ c(d.Row, { children: [
+          /* @__PURE__ */ e(d.Term, { children: t("paymentCard.label.gross", "Gross total") }),
+          /* @__PURE__ */ e(d.Detail, { numeric: !0, children: E })
+        ] }) : null,
+        U != null ? /* @__PURE__ */ c(d.Row, { children: [
+          /* @__PURE__ */ e(d.Term, { children: t("paymentCard.label.paid", "Paid") }),
+          /* @__PURE__ */ e(d.Detail, { numeric: !0, children: U })
+        ] }) : null,
+        V != null ? /* @__PURE__ */ c(d.Row, { children: [
+          /* @__PURE__ */ e(d.Term, { children: t("paymentCard.label.unpaid", "Outstanding") }),
+          /* @__PURE__ */ e(d.Detail, { numeric: !0, children: V })
+        ] }) : null
+      ] }) : null,
+      ee ? /* @__PURE__ */ c(
+        "section",
+        {
+          "aria-label": t("paymentCard.lineItems.heading", "Line items"),
+          className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]",
+          children: [
+            /* @__PURE__ */ e("h4", { className: "type-eyebrow ds:m-0 ds:text-[color:var(--muted-foreground)]", children: t("paymentCard.lineItems.heading", "Line items") }),
+            /* @__PURE__ */ e(
+              d,
+              {
+                layout: "inline",
+                density: "compact",
+                labelWidth: "auto",
+                children: g.map((s, ae) => /* @__PURE__ */ c(d.Row, { children: [
+                  /* @__PURE__ */ e(d.Term, { children: s.vatPercentage != null ? t("paymentCard.lineItems.withVat", {
+                    description: s.description,
+                    vat: s.vatPercentage,
+                    defaultValue: "{{description}} (VAT {{vat}}%)"
+                  }) : s.description }),
+                  /* @__PURE__ */ e(d.Detail, { numeric: !0, children: A(s.amountCents, m, o) })
+                ] }, `${s.description}-${ae}`))
+              }
+            )
+          ]
+        }
+      ) : null
+    ] });
+    return /* @__PURE__ */ e(
+      "div",
+      {
+        ref: k,
+        role: "region",
+        "aria-label": _,
+        "aria-labelledby": w,
+        "data-component": "payment-card",
+        "data-component-id": a,
+        "data-state": C,
+        "data-type": p,
+        "data-direction": v,
+        id: a,
+        className: xe({ surface: N, className: h }),
+        ...S,
+        children: N === "elevated" ? /* @__PURE__ */ e(R, { variant: "elevated", children: /* @__PURE__ */ e(R.Body, { children: $ }) }) : /* @__PURE__ */ e("div", { className: X({ surface: "flat" }), children: $ })
+      }
+    );
+  }
+);
+ke.displayName = "PaymentCard";
+const Pe = {
+  id: "payment-request-card",
+  capabilities: [],
+  state: {
+    status: {
+      type: "'new' | 'authorization_requested' | 'authorized' | 'paid' | 'failed' | 'cancelled'",
+      descriptionKey: "ui.agent.paymentRequestCard.state.status",
+      description: "Current lifecycle status of the payment request. Structural state only.",
+      read: (a) => a.getStatus()
+    }
+  },
+  actions: {},
+  domHooks: {
+    root: {
+      attr: "data-component",
+      value: "payment-request-card",
+      description: "Marks the PaymentRequestCard root region."
+    },
+    instanceId: {
+      attr: "data-component-id",
+      sourceProp: "id",
+      description: "Sourced from the id prop. Addresses a specific request card."
+    }
+  }
+}, we = {
+  new: "info",
+  authorization_requested: "warning",
+  authorized: "info",
+  paid: "success",
+  failed: "error",
+  cancelled: "neutral"
+}, Te = "EUR", Ae = {
+  new: "New",
+  authorization_requested: "Authorization requested",
+  authorized: "Authorized",
+  paid: "Paid",
+  failed: "Failed",
+  cancelled: "Cancelled"
+}, Re = H("ds:w-full ds:text-[color:var(--foreground)]", {
+  variants: {
+    surface: {
+      flat: "",
+      elevated: ""
+    }
+  },
+  defaultVariants: { surface: "elevated" }
+});
+function De(a, l) {
+  const r = new Date(a);
+  if (Number.isNaN(r.getTime())) return a;
+  try {
+    return new Intl.DateTimeFormat(l, {
+      year: "numeric",
+      month: "short",
+      day: "numeric"
+    }).format(r);
+  } catch {
+    return a;
+  }
+}
+const Le = B(
+  ({
+    id: a,
+    title: l,
+    description: r,
+    amountCents: p,
+    dueDateIso: v,
+    status: n,
+    paymentUrl: y,
+    carePlanNumber: u,
+    locale: D,
+    currency: i = Te,
+    surface: g = "elevated",
+    "aria-label": L,
+    className: m,
+    ...N
+  }, q) => {
+    const { t: h, i18n: S } = K(), k = G(), t = D ?? S.language ?? "en", P = l ?? h("paymentRequestCard.heading", "Payment request"), w = L ?? P;
+    J(
+      Pe,
+      { getStatus: () => n },
+      a
+    );
+    const o = h(`paymentRequestCard.status.${n}`, {
+      defaultValue: Ae[n]
+    }), _ = n === "paid" ? "settled" : n === "failed" || n === "cancelled" ? "debt" : "to-invoice", z = (n === "new" || n === "authorization_requested" || n === "authorized") && !!y && se(y), b = [];
+    b.push({
+      key: "status",
+      icon: /* @__PURE__ */ e(M, { "aria-hidden": "true" }),
+      label: h("paymentRequestCard.label.status", "Status"),
+      value: /* @__PURE__ */ e(O, { variant: we[n], children: o })
+    }), v && b.push({
+      key: "dueDate",
+      icon: /* @__PURE__ */ e(oe, { "aria-hidden": "true" }),
+      label: h("paymentRequestCard.label.dueDate", "Due date"),
+      value: De(v, t)
+    }), u && b.push({
+      key: "carePlan",
+      icon: /* @__PURE__ */ e(Q, { "aria-hidden": "true" }),
+      label: h("paymentRequestCard.label.carePlan", "Care plan"),
+      value: u
+    });
+    const T = /* @__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: [
+        /* @__PURE__ */ c("div", { className: "ds:flex ds:min-w-0 ds:flex-col ds:gap-[var(--spacing-2xs)]", children: [
+          /* @__PURE__ */ e(
+            "h3",
+            {
+              id: k,
+              className: "type-title-card ds:m-0 ds:text-[color:var(--foreground)]",
+              children: P
+            }
+          ),
+          r ? /* @__PURE__ */ e("p", { className: "type-body-sm ds:m-0 ds:text-[color:var(--muted-foreground)]", children: r }) : null
+        ] }),
+        /* @__PURE__ */ e("span", { className: "ds:ms-auto ds:shrink-0", children: /* @__PURE__ */ e(
+          W,
+          {
+            state: _,
+            amount: p / 100,
+            currency: i,
+            locale: t,
+            size: "lg"
+          }
+        ) })
+      ] }),
+      /* @__PURE__ */ e(Y, { rowGap: "sm", children: b.map((x) => /* @__PURE__ */ e(
+        j,
+        {
+          icon: x.icon,
+          label: x.label,
+          value: x.value
+        },
+        x.key
+      )) }),
+      z ? /* @__PURE__ */ e("div", { className: "ds:flex", children: /* @__PURE__ */ e(de, { href: y, external: !0, startIcon: /* @__PURE__ */ e(M, {}), children: h("paymentRequestCard.pay", "Pay now") }) }) : null
+    ] });
+    return /* @__PURE__ */ e(
+      "div",
+      {
+        ref: q,
+        role: "region",
+        "aria-label": w,
+        "aria-labelledby": k,
+        "data-component": "payment-request-card",
+        "data-component-id": a,
+        "data-status": n,
+        id: a,
+        className: Re({ surface: g, className: m }),
+        ...N,
+        children: g === "elevated" ? /* @__PURE__ */ e(R, { variant: "elevated", children: /* @__PURE__ */ e(R.Body, { children: T }) }) : /* @__PURE__ */ e("div", { className: X({ surface: "flat" }), children: T })
+      }
+    );
+  }
+);
+Le.displayName = "PaymentRequestCard";
+export {
+  ke as P,
+  Le as a,
+  Pe as b,
+  he as p
+};
+//# sourceMappingURL=payment-request-card-B_lyobd0.js.map

package/dist/_chunks/{pdf-viewer-CWEXTlwq.js → pdf-viewer-q1D3Uion.js}

@@ -1,12 +1,12 @@
 import { jsx as n, jsxs as B } from "react/jsx-runtime";
 import { forwardRef as Ee, useId as _e, useMemo as xe, useState as b, useEffect as C, useRef as V, useCallback as K, useImperativeHandle as Le } from "react";
-import * as fe from "pdfjs-dist";
+import * as fe from "pdfjs-dist/legacy/build/pdf.min.mjs";
 import { c as J } from "./index-D2ZczOXr.js";
 import { useTranslation as pe } from "react-i18next";
 import * as ee from "@radix-ui/react-popover";
-import Ce from "pdfjs-dist/build/pdf.worker.min.mjs?url";
+import Ce from "pdfjs-dist/legacy/build/pdf.worker.min.mjs?url";
 import { S as Ze } from "./spinner-OjQNn8oN.js";
-import { A as we } from "./alert-ywPR59NE.js";
+import { A as we } from "./alert-CUTxnym2.js";
 import { u as Ke } from "./registry-nPAVE19X.js";
 import { X as Be } from "./x-CCcI3eJp.js";
 import { C as He } from "./chevron-left-CX1jqD2M.js";
@@ -957,4 +957,4 @@ export {
   at as P,
   Ge as p
 };
-//# sourceMappingURL=pdf-viewer-CWEXTlwq.js.map
+//# sourceMappingURL=pdf-viewer-q1D3Uion.js.map