@alfadocs/ui-kit 0.69.0 → 0.71.0

package/dist/_chunks/{payment-form-DvjwYVIT.js → payment-form-CxqIXqw7.js}

@@ -3,7 +3,7 @@ import { forwardRef as de, useState as _, useEffect as D, useRef as K, useMemo a
 import { c as A } from "./index-D2ZczOXr.js";
 import { useTranslation as W } from "react-i18next";
 import { S as te } from "./spinner-hbwuKwMf.js";
-import { A as ee } from "./alert-_mUKLmwA.js";
+import { A as ee } from "./alert-CHYZ96tR.js";
 import { loadStripe as ue } from "@stripe/stripe-js";
 import { Elements as pe, useStripe as fe, useElements as be, PaymentElement as ye, AddressElement as ge } from "@stripe/react-stripe-js";
 import { u as ve } from "./registry-DvAUVLHh.js";
@@ -687,4 +687,4 @@ export {
   we as p,
   se as s
 };
-//# sourceMappingURL=payment-form-DvjwYVIT.js.map
+//# sourceMappingURL=payment-form-CxqIXqw7.js.map

package/dist/_chunks/{payment-request-card-DioWKBUq.js → payment-request-card-Blf-MFNY.js}

@@ -1,32 +1,33 @@
 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-CqGsX32l.js";
+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 { D as d } from "./description-list-gkNGWk5G.js";
-import { K as Y, a as j } from "./key-value-pair-BrgbMfbF.js";
-import { T as W, A as te, a as re } from "./transaction-chip-DK84XCBU.js";
-import { u as J } from "./registry-DvAUVLHh.js";
-import { c as F } from "./createLucideIcon-CrFbzy84.js";
-import { C as ne } from "./calendar-days-C4BmpCZg.js";
+import { K as O, a as Y } from "./key-value-pair-BrgbMfbF.js";
+import { T as j, A as te, a as re } from "./transaction-chip-CscoQbxF.js";
+import { u as W } from "./registry-DvAUVLHh.js";
+import { H as ne } from "./hash-CysBBS_N.js";
+import { C as le } from "./calendar-days-C4BmpCZg.js";
+import { c as J } from "./createLucideIcon-CrFbzy84.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";
+import { U as ie } from "./user-CPxpqFjJ.js";
+import { U as de } from "./user-cog-BS_qc8nA.js";
+import { e as X } from "./entity-card-DmrgYSEX.js";
+import { L as oe } from "./link-DrD_cRUg.js";
+import { C as se } from "./calendar-clock-CYkcqdwl.js";
+import { i as ce } 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 = [
+const me = [
   ["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);
+], M = J("credit-card", me);
 /**
  * @license lucide-react v1.8.0 - ISC
  *
@@ -34,18 +35,6 @@ const ce = [
  * 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" }],
@@ -56,7 +45,7 @@ const pe = [
       key: "ycz6yz"
     }
   ]
-], ye = F("receipt-text", pe), he = {
+], pe = J("receipt-text", ue), he = {
   id: "payment-card",
   capabilities: [],
   state: {
@@ -92,7 +81,7 @@ const pe = [
   credit: "info",
   proforma: "neutral",
   other: "neutral"
-}, ve = "EUR", ge = {
+}, ye = "EUR", ve = {
   full: "Full payment",
   partial: "Partial payment",
   credit: "Credit note",
@@ -101,7 +90,7 @@ const pe = [
 }, be = {
   incoming: "Incoming",
   outgoing: "Outgoing"
-}, xe = H("ds:w-full ds:text-[color:var(--foreground)]", {
+}, ge = B("ds:w-full ds:text-[color:var(--foreground)]", {
   variants: {
     surface: {
       flat: "",
@@ -110,7 +99,7 @@ const pe = [
   },
   defaultVariants: { surface: "elevated" }
 });
-function A(a, l, r) {
+function k(a, l, r) {
   try {
     return new Intl.NumberFormat(r, {
       style: "currency",
@@ -136,7 +125,7 @@ function Ce(a, l) {
 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(
+const xe = $(
   ({
     id: a,
     number: l,
@@ -144,86 +133,86 @@ const ke = B(
     type: p,
     direction: v,
     grossCents: n,
-    paidCents: y,
-    unpaidCents: u,
+    paidCents: h,
+    unpaidCents: m,
     writtenOff: D = !1,
     relations: i,
-    lineItems: g,
+    lineItems: b,
     locale: L,
-    currency: m = ve,
-    surface: N = "elevated",
+    currency: u = ye,
+    surface: x = "elevated",
     "aria-label": q,
-    className: h,
+    className: f,
     ...S
-  }, k) => {
-    const { t, i18n: P } = K(), w = G(), o = L ?? P.language ?? "en", _ = q ?? t("paymentCard.regionLabel", {
+  }, P) => {
+    const { t, i18n: w } = G(), T = H(), o = L ?? w.language ?? "en", z = 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(
+    }), N = Ne(p, h, m, D), E = N === "debt" && m != null ? m : n ?? h ?? m ?? 0;
+    W(
       he,
       {
         getNumber: () => l,
-        getState: () => C
+        getState: () => N
       },
       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}`, {
+    const g = t(`paymentCard.type.${p}`, {
+      defaultValue: ve[p]
+    }), A = v === "incoming" ? /* @__PURE__ */ e(te, { "aria-hidden": "true" }) : /* @__PURE__ */ e(re, { "aria-hidden": "true" }), C = t(`paymentCard.direction.${v}`, {
       defaultValue: be[v]
-    }), f = [];
-    f.push({
+    }), y = [];
+    y.push({
       key: "number",
-      icon: /* @__PURE__ */ e(me, { "aria-hidden": "true" }),
+      icon: /* @__PURE__ */ e(ne, { "aria-hidden": "true" }),
       label: t("paymentCard.label.number", "Number"),
       value: l
-    }), r && f.push({
+    }), r && y.push({
       key: "date",
-      icon: /* @__PURE__ */ e(ne, { "aria-hidden": "true" }),
+      icon: /* @__PURE__ */ e(le, { "aria-hidden": "true" }),
       label: t("paymentCard.label.date", "Date"),
       value: Ce(r, o)
-    }), f.push({
+    }), y.push({
       key: "type",
-      icon: /* @__PURE__ */ e(ye, { "aria-hidden": "true" }),
+      icon: /* @__PURE__ */ e(pe, { "aria-hidden": "true" }),
       label: t("paymentCard.label.type", "Type"),
-      value: /* @__PURE__ */ e(O, { variant: fe[p], children: b })
-    }), f.push({
+      value: /* @__PURE__ */ e(K, { variant: fe[p], children: g })
+    }), y.push({
       key: "direction",
-      icon: T,
+      icon: A,
       label: t("paymentCard.label.direction", "Direction"),
-      value: x
-    }), i != null && i.carePlanNumber && f.push({
+      value: C
+    }), i != null && i.carePlanNumber && y.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({
+    }), i != null && i.patientName && y.push({
       key: "patient",
-      icon: /* @__PURE__ */ e(le, { "aria-hidden": "true" }),
+      icon: /* @__PURE__ */ e(ie, { "aria-hidden": "true" }),
       label: t("paymentCard.label.patient", "Patient"),
       value: i.patientName
-    }), i != null && i.operatorName && f.push({
+    }), i != null && i.operatorName && y.push({
       key: "operator",
-      icon: /* @__PURE__ */ e(ie, { "aria-hidden": "true" }),
+      icon: /* @__PURE__ */ e(de, { "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]
+    const U = I(
+      () => n != null ? k(n, u, o) : void 0,
+      [n, u, o]
+    ), _ = I(
+      () => h != null ? k(h, u, o) : void 0,
+      [h, u, 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: [
+      () => m != null ? k(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: [
         /* @__PURE__ */ e(
           "h3",
           {
-            id: w,
+            id: T,
             className: "type-title-card ds:m-0 ds:text-[color:var(--foreground)]",
             children: t("paymentCard.heading", {
               number: l,
@@ -232,18 +221,18 @@ const ke = B(
           }
         ),
         /* @__PURE__ */ e("span", { className: "ds:ms-auto ds:shrink-0", children: /* @__PURE__ */ e(
-          W,
+          j,
           {
-            state: C,
-            amount: z / 100,
-            currency: m,
+            state: N,
+            amount: E / 100,
+            currency: u,
             locale: o,
             size: "lg"
           }
         ) })
       ] }),
-      /* @__PURE__ */ e(Y, { rowGap: "sm", children: f.map((s) => /* @__PURE__ */ e(
-        j,
+      /* @__PURE__ */ e(O, { rowGap: "sm", children: y.map((s) => /* @__PURE__ */ e(
+        Y,
         {
           icon: s.icon,
           label: s.label,
@@ -252,13 +241,13 @@ const ke = B(
         s.key
       )) }),
       Z ? /* @__PURE__ */ c(d, { layout: "inline", density: "compact", labelWidth: "fixed", children: [
-        E != null ? /* @__PURE__ */ c(d.Row, { children: [
+        U != 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 })
+          /* @__PURE__ */ e(d.Detail, { numeric: !0, children: U })
         ] }) : null,
-        U != null ? /* @__PURE__ */ c(d.Row, { children: [
+        _ != null ? /* @__PURE__ */ c(d.Row, { children: [
           /* @__PURE__ */ e(d.Term, { children: t("paymentCard.label.paid", "Paid") }),
-          /* @__PURE__ */ e(d.Detail, { numeric: !0, children: U })
+          /* @__PURE__ */ e(d.Detail, { numeric: !0, children: _ })
         ] }) : null,
         V != null ? /* @__PURE__ */ c(d.Row, { children: [
           /* @__PURE__ */ e(d.Term, { children: t("paymentCard.label.unpaid", "Outstanding") }),
@@ -278,13 +267,13 @@ const ke = B(
                 layout: "inline",
                 density: "compact",
                 labelWidth: "auto",
-                children: g.map((s, ae) => /* @__PURE__ */ c(d.Row, { children: [
+                children: b.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) })
+                  /* @__PURE__ */ e(d.Detail, { numeric: !0, children: k(s.amountCents, u, o) })
                 ] }, `${s.description}-${ae}`))
               }
             )
@@ -295,24 +284,24 @@ const ke = B(
     return /* @__PURE__ */ e(
       "div",
       {
-        ref: k,
+        ref: P,
         role: "region",
-        "aria-label": _,
-        "aria-labelledby": w,
+        "aria-label": z,
+        "aria-labelledby": T,
         "data-component": "payment-card",
         "data-component-id": a,
-        "data-state": C,
+        "data-state": N,
         "data-type": p,
         "data-direction": v,
         id: a,
-        className: xe({ surface: N, className: h }),
+        className: ge({ surface: x, className: f }),
         ...S,
-        children: N === "elevated" ? /* @__PURE__ */ e(R, { variant: "elevated", children: /* @__PURE__ */ e(R.Body, { children: $ }) }) : /* @__PURE__ */ e("div", { className: X({ surface: "flat" }), children: $ })
+        children: x === "elevated" ? /* @__PURE__ */ e(R, { variant: "elevated", children: /* @__PURE__ */ e(R.Body, { children: F }) }) : /* @__PURE__ */ e("div", { className: X({ surface: "flat" }), children: F })
       }
     );
   }
 );
-ke.displayName = "PaymentCard";
+xe.displayName = "PaymentCard";
 const Pe = {
   id: "payment-request-card",
   capabilities: [],
@@ -351,7 +340,7 @@ const Pe = {
   paid: "Paid",
   failed: "Failed",
   cancelled: "Cancelled"
-}, Re = H("ds:w-full ds:text-[color:var(--foreground)]", {
+}, ke = B("ds:w-full ds:text-[color:var(--foreground)]", {
   variants: {
     surface: {
       flat: "",
@@ -360,7 +349,7 @@ const Pe = {
   },
   defaultVariants: { surface: "elevated" }
 });
-function De(a, l) {
+function Re(a, l) {
   const r = new Date(a);
   if (Number.isNaN(r.getTime())) return a;
   try {
@@ -373,7 +362,7 @@ function De(a, l) {
     return a;
   }
 }
-const Le = B(
+const De = $(
   ({
     id: a,
     title: l,
@@ -381,57 +370,57 @@ const Le = B(
     amountCents: p,
     dueDateIso: v,
     status: n,
-    paymentUrl: y,
-    carePlanNumber: u,
+    paymentUrl: h,
+    carePlanNumber: m,
     locale: D,
     currency: i = Te,
-    surface: g = "elevated",
+    surface: b = "elevated",
     "aria-label": L,
-    className: m,
-    ...N
+    className: u,
+    ...x
   }, 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(
+    const { t: f, i18n: S } = G(), P = H(), t = D ?? S.language ?? "en", w = l ?? f("paymentRequestCard.heading", "Payment request"), T = L ?? w;
+    W(
       Pe,
       { getStatus: () => n },
       a
     );
-    const o = h(`paymentRequestCard.status.${n}`, {
+    const o = f(`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({
+    }), z = n === "paid" ? "settled" : n === "failed" || n === "cancelled" ? "debt" : "to-invoice", E = (n === "new" || n === "authorization_requested" || n === "authorized") && !!h && ce(h), g = [];
+    g.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({
+      label: f("paymentRequestCard.label.status", "Status"),
+      value: /* @__PURE__ */ e(K, { variant: we[n], children: o })
+    }), v && g.push({
       key: "dueDate",
-      icon: /* @__PURE__ */ e(oe, { "aria-hidden": "true" }),
-      label: h("paymentRequestCard.label.dueDate", "Due date"),
-      value: De(v, t)
-    }), u && b.push({
+      icon: /* @__PURE__ */ e(se, { "aria-hidden": "true" }),
+      label: f("paymentRequestCard.label.dueDate", "Due date"),
+      value: Re(v, t)
+    }), m && g.push({
       key: "carePlan",
       icon: /* @__PURE__ */ e(Q, { "aria-hidden": "true" }),
-      label: h("paymentRequestCard.label.carePlan", "Care plan"),
-      value: u
+      label: f("paymentRequestCard.label.carePlan", "Care plan"),
+      value: m
     });
-    const T = /* @__PURE__ */ c("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: [
+    const A = /* @__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,
+              id: P,
               className: "type-title-card ds:m-0 ds:text-[color:var(--foreground)]",
-              children: P
+              children: w
             }
           ),
           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,
+          j,
           {
-            state: _,
+            state: z,
             amount: p / 100,
             currency: i,
             locale: t,
@@ -439,40 +428,40 @@ const Le = B(
           }
         ) })
       ] }),
-      /* @__PURE__ */ e(Y, { rowGap: "sm", children: b.map((x) => /* @__PURE__ */ e(
-        j,
+      /* @__PURE__ */ e(O, { rowGap: "sm", children: g.map((C) => /* @__PURE__ */ e(
+        Y,
         {
-          icon: x.icon,
-          label: x.label,
-          value: x.value
+          icon: C.icon,
+          label: C.label,
+          value: C.value
         },
-        x.key
+        C.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
+      E ? /* @__PURE__ */ e("div", { className: "ds:flex", children: /* @__PURE__ */ e(oe, { href: h, external: !0, startIcon: /* @__PURE__ */ e(M, {}), children: f("paymentRequestCard.pay", "Pay now") }) }) : null
     ] });
     return /* @__PURE__ */ e(
       "div",
       {
         ref: q,
         role: "region",
-        "aria-label": w,
-        "aria-labelledby": k,
+        "aria-label": T,
+        "aria-labelledby": P,
         "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 })
+        className: ke({ surface: b, className: u }),
+        ...x,
+        children: b === "elevated" ? /* @__PURE__ */ e(R, { variant: "elevated", children: /* @__PURE__ */ e(R.Body, { children: A }) }) : /* @__PURE__ */ e("div", { className: X({ surface: "flat" }), children: A })
       }
     );
   }
 );
-Le.displayName = "PaymentRequestCard";
+De.displayName = "PaymentRequestCard";
 export {
-  ke as P,
-  Le as a,
+  xe as P,
+  De as a,
   Pe as b,
   he as p
 };
-//# sourceMappingURL=payment-request-card-DioWKBUq.js.map
+//# sourceMappingURL=payment-request-card-Blf-MFNY.js.map