@nice2dev/ui-money 1.3.7 → 1.3.9

package/dist/index.mjs

@@ -2,7 +2,7 @@ var it = Object.defineProperty;
 var st = (t, e, r) => e in t ? it(t, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[e] = r;
 var Z = (t, e, r) => st(t, typeof e != "symbol" ? e + "" : e, r);
 import ot, { useState as j, useRef as Re, useEffect as lt, useMemo as B, useCallback as Y, forwardRef as se, useId as Ne } from "react";
-import { jsxs as _, jsx as c, Fragment as dt } from "react/jsx-runtime";
+import { jsxs as f, jsx as c, Fragment as dt } from "react/jsx-runtime";
 import { useNiceTranslation as oe, useEngage as ut, NiceIcon as ve, useControllableState as Ue, NiceTutorialButton as mt, resolveTutorial as pt } from "@nice2dev/ui-core";
 const _e = [
   // ── Majors ─────────────────────────────────────
@@ -300,8 +300,8 @@ function ft(t, e) {
   const a = r.lastIndexOf("."), s = r.lastIndexOf(","), d = Math.max(a, s);
   let i, o = "";
   d === -1 ? i = r : (i = r.slice(0, d).replace(/[.,]/g, ""), o = r.slice(d + 1).replace(/[.,]/g, ""));
-  const l = `${i}.${o || "0"}`, y = parseFloat(l);
-  return Number.isFinite(y) ? ae(n ? -y : y, e) : null;
+  const l = `${i}.${o || "0"}`, p = parseFloat(l);
+  return Number.isFinite(p) ? ae(n ? -p : p, e) : null;
 }
 function Me(t) {
   const e = (t || "").replace(/\D/g, "");
@@ -382,11 +382,11 @@ class ur {
       return { base: n, quote: a, rate: 1 / d.rate, asOf: d.asOf };
     const i = this.rates.find((l) => l.base === n && l.quote === "USD") ?? this.rates.find((l) => l.base === "USD" && l.quote === n), o = this.rates.find((l) => l.base === "USD" && l.quote === a) ?? this.rates.find((l) => l.base === a && l.quote === "USD");
     if (i && o) {
-      const l = i.base === "USD" ? 1 / i.rate : i.rate, y = o.base === "USD" ? o.rate : 1 / o.rate;
+      const l = i.base === "USD" ? 1 / i.rate : i.rate, p = o.base === "USD" ? o.rate : 1 / o.rate;
       return {
         base: n,
         quote: a,
-        rate: l * y,
+        rate: l * p,
         asOf: (/* @__PURE__ */ new Date()).toISOString()
       };
     }
@@ -429,10 +429,10 @@ class _t extends Ie {
     const i = `https://api.frankfurter.app/latest?from=${a}&to=${s}`, o = await this.fetchImpl(i);
     if (!o.ok)
       throw new Error(`Frankfurter HTTP ${o.status}`);
-    const l = await o.json(), y = l.rates[s];
-    if (y == null)
+    const l = await o.json(), p = l.rates[s];
+    if (p == null)
       throw new Error(`Frankfurter: no rate for ${a}/${s}`);
-    const N = { base: a, quote: s, rate: y, asOf: l.date };
+    const N = { base: a, quote: s, rate: p, asOf: l.date };
     return this.setCached(N), N;
   }
 }
@@ -452,16 +452,16 @@ class gt extends Ie {
     const i = `https://openexchangerates.org/api/latest.json?app_id=${this.appId}`, o = await this.fetchImpl(i);
     if (!o.ok)
       throw new Error(`OpenExchangeRates HTTP ${o.status}`);
-    const l = await o.json(), y = l.rates[a], N = l.rates[s];
-    if (y == null || N == null)
+    const l = await o.json(), p = l.rates[a], N = l.rates[s];
+    if (p == null || N == null)
       throw new Error(`OpenExchangeRates: missing rate for ${a} or ${s}`);
-    const f = {
+    const h = {
       base: a,
       quote: s,
-      rate: N / y,
+      rate: N / p,
       asOf: new Date(l.timestamp * 1e3).toISOString()
     };
-    return this.setCached(f), f;
+    return this.setCached(h), h;
   }
 }
 class vt extends Ie {
@@ -470,7 +470,7 @@ class vt extends Ie {
     Z(this, "id", "exchangerate.host");
   }
   async getRate(r, n) {
-    var f;
+    var h;
     const a = r.toUpperCase(), s = n.toUpperCase();
     if (a === s)
       return { base: a, quote: s, rate: 1, asOf: (/* @__PURE__ */ new Date()).toISOString() };
@@ -480,7 +480,7 @@ class vt extends Ie {
     const i = `https://api.exchangerate.host/convert?from=${a}&to=${s}`, o = await this.fetchImpl(i);
     if (!o.ok)
       throw new Error(`exchangerate.host HTTP ${o.status}`);
-    const l = await o.json(), y = ((f = l.info) == null ? void 0 : f.rate) ?? l.result, N = { base: a, quote: s, rate: y, asOf: l.date };
+    const l = await o.json(), p = ((h = l.info) == null ? void 0 : h.rate) ?? l.result, N = { base: a, quote: s, rate: p, asOf: l.date };
     return this.setCached(N), N;
   }
 }
@@ -499,24 +499,24 @@ class Nt extends Ie {
     if (d)
       return d;
     const i = async (N) => {
-      var k;
+      var _;
       if (N === "PLN")
         return { rate: 1, date: (/* @__PURE__ */ new Date()).toISOString().slice(0, 10) };
-      const f = `https://api.nbp.pl/api/exchangerates/rates/${this.table}/${N}/?format=json`, u = await this.fetchImpl(f);
+      const h = `https://api.nbp.pl/api/exchangerates/rates/${this.table}/${N}/?format=json`, u = await this.fetchImpl(h);
       if (!u.ok)
         return null;
-      const h = (k = (await u.json()).rates) == null ? void 0 : k[0];
-      return h ? { rate: h.mid ?? h.ask ?? 0, date: h.effectiveDate } : null;
+      const b = (_ = (await u.json()).rates) == null ? void 0 : _[0];
+      return b ? { rate: b.mid ?? b.ask ?? 0, date: b.effectiveDate } : null;
     }, o = await i(a), l = await i(s);
     if (!o || !l || o.rate === 0)
       throw new Error(`NBP: missing rate for ${a} or ${s}`);
-    const y = {
+    const p = {
       base: a,
       quote: s,
       rate: o.rate / l.rate,
       asOf: o.date
     };
-    return this.setCached(y), y;
+    return this.setCached(p), p;
   }
 }
 class wt extends _t {
@@ -536,10 +536,10 @@ async function Ct(t, e, r) {
   const n = e.toUpperCase();
   if (t.currency.toUpperCase() === n)
     return t;
-  const a = te(t.currency), s = te(n), d = (a == null ? void 0 : a.decimals) ?? 2, i = (s == null ? void 0 : s.decimals) ?? 2, { rate: o } = await r.getRate(t.currency, n), y = t.amount / Math.pow(10, d) * o;
+  const a = te(t.currency), s = te(n), d = (a == null ? void 0 : a.decimals) ?? 2, i = (s == null ? void 0 : s.decimals) ?? 2, { rate: o } = await r.getRate(t.currency, n), p = t.amount / Math.pow(10, d) * o;
   return {
     currency: n,
-    amount: Math.round(y * Math.pow(10, i))
+    amount: Math.round(p * Math.pow(10, i))
   };
 }
 class Dt {
@@ -583,7 +583,7 @@ class Dt {
     };
   }
 }
-function W(t, e, r, n, a) {
+function ee(t, e, r, n, a) {
   const s = (d) => {
     const i = n == null ? void 0 : n[d];
     return i || (async () => {
@@ -604,7 +604,7 @@ function W(t, e, r, n, a) {
   };
 }
 function Pt(t) {
-  return W("stripe", "Stripe", "*", t, {
+  return ee("stripe", "Stripe", "*", t, {
     USD: 50,
     EUR: 50,
     GBP: 30,
@@ -619,7 +619,7 @@ function Pt(t) {
   });
 }
 function Mt(t) {
-  return W(
+  return ee(
     "paypal",
     "PayPal",
     [
@@ -650,22 +650,22 @@ function Mt(t) {
   );
 }
 function It(t) {
-  return W("adyen", "Adyen", "*", t);
+  return ee("adyen", "Adyen", "*", t);
 }
 function St(t) {
-  return W("square", "Square", ["USD", "CAD", "GBP", "AUD", "JPY", "EUR"], t);
+  return ee("square", "Square", ["USD", "CAD", "GBP", "AUD", "JPY", "EUR"], t);
 }
 function $t(t) {
-  return W("mollie", "Mollie", "*", t);
+  return ee("mollie", "Mollie", "*", t);
 }
 function xt(t) {
-  return W("braintree", "Braintree", "*", t);
+  return ee("braintree", "Braintree", "*", t);
 }
 function Rt(t) {
-  return W("razorpay", "Razorpay", ["INR", "USD", "EUR", "GBP", "AED"], t);
+  return ee("razorpay", "Razorpay", ["INR", "USD", "EUR", "GBP", "AED"], t);
 }
 function Ut(t) {
-  return W(
+  return ee(
     "payu",
     "PayU",
     ["PLN", "EUR", "USD", "CZK", "HUF", "RON", "BGN", "TRY"],
@@ -673,20 +673,20 @@ function Ut(t) {
   );
 }
 function At(t) {
-  return W("przelewy24", "Przelewy24", ["PLN", "EUR"], t);
+  return ee("przelewy24", "Przelewy24", ["PLN", "EUR"], t);
 }
 function Et(t = {}) {
-  return W("tpay", "Tpay", ["PLN", "EUR", "USD", "GBP"], t);
+  return ee("tpay", "Tpay", ["PLN", "EUR", "USD", "GBP"], t);
 }
 function Tt(t = {}) {
-  return W("autopay", "Autopay", ["PLN", "EUR", "USD", "GBP", "CZK"], t);
+  return ee("autopay", "Autopay", ["PLN", "EUR", "USD", "GBP", "CZK"], t);
 }
 function Ft(t = {}) {
   const { acquirer: e = "native", ...r } = t;
-  return W(`blik:${e}`, `BLIK (${e})`, ["PLN"], r);
+  return ee(`blik:${e}`, `BLIK (${e})`, ["PLN"], r);
 }
 function Ot(t) {
-  return W(
+  return ee(
     "klarna",
     "Klarna",
     ["USD", "EUR", "GBP", "SEK", "NOK", "DKK", "CHF", "AUD", "CAD", "NZD", "PLN"],
@@ -694,7 +694,7 @@ function Ot(t) {
   );
 }
 function qt(t) {
-  return W(
+  return ee(
     "coinbase-commerce",
     "Coinbase Commerce",
     ["BTC", "ETH", "USDC", "USDT", "USD", "EUR"],
@@ -960,86 +960,86 @@ function br(t, e) {
     // eslint-disable-next-line react-hooks/exhaustive-deps
     []
   ), [n, a] = j(r), s = Y(
-    (f) => a((u) => ae(f, u.currency)),
+    (h) => a((u) => ae(h, u.currency)),
     []
-  ), d = Y((f) => {
-    a((u) => ({ ...u, currency: f.toUpperCase() }));
-  }, []), i = Y((f) => a((u) => ye(u, f)), []), o = Y(
-    (f) => a((u) => ht(u, f)),
+  ), d = Y((h) => {
+    a((u) => ({ ...u, currency: h.toUpperCase() }));
+  }, []), i = Y((h) => a((u) => ye(u, h)), []), o = Y(
+    (h) => a((u) => ht(u, h)),
     []
   ), l = Y(
-    (f) => a((u) => Ae(u, f)),
+    (h) => a((u) => Ae(u, h)),
     []
-  ), y = B(() => ie(n, { locale: e }), [n, e]), N = B(() => Ge(n), [n]);
-  return { money: n, setMoney: a, setMajor: s, setCurrency: d, add: i, subtract: o, scale: l, formatted: y, major: N };
+  ), p = B(() => ie(n, { locale: e }), [n, e]), N = B(() => Ge(n), [n]);
+  return { money: n, setMoney: a, setMajor: s, setCurrency: d, add: i, subtract: o, scale: l, formatted: p, major: N };
 }
 function Ee(t, e, r) {
-  const [n, a] = j(null), [s, d] = j(null), [i, o] = j(!1), l = Re(0), y = t == null ? void 0 : t.amount, N = t == null ? void 0 : t.currency;
+  const [n, a] = j(null), [s, d] = j(null), [i, o] = j(!1), l = Re(0), p = t == null ? void 0 : t.amount, N = t == null ? void 0 : t.currency;
   return lt(() => {
-    if (y === void 0 || N === void 0) {
+    if (p === void 0 || N === void 0) {
       a(null);
       return;
     }
-    const f = ++l.current;
-    o(!0), d(null), Ct({ amount: y, currency: N }, e, r).then((u) => {
-      l.current === f && a(u);
+    const h = ++l.current;
+    o(!0), d(null), Ct({ amount: p, currency: N }, e, r).then((u) => {
+      l.current === h && a(u);
     }).catch((u) => {
-      l.current === f && (d(u instanceof Error ? u : new Error(String(u))), a(null));
+      l.current === h && (d(u instanceof Error ? u : new Error(String(u))), a(null));
     }).finally(() => {
-      l.current === f && o(!1);
+      l.current === h && o(!1);
     });
-  }, [y, N, e, r]), { converted: n, loading: i, error: s };
+  }, [p, N, e, r]), { converted: n, loading: i, error: s };
 }
 function jt(t) {
   const [e, r] = j("idle"), [n, a] = j(null), [s, d] = j(null), i = Y(() => {
     r("idle"), a(null), d(null);
   }, []), o = Y(
-    async (f) => {
+    async (h) => {
       r("authorizing"), d(null);
       try {
-        const u = await t.authorize(f);
+        const u = await t.authorize(h);
         return a(u), r(u.status), u;
       } catch (u) {
-        const b = u instanceof Error ? u : new Error(String(u));
-        throw d(b), r("failed"), b;
+        const g = u instanceof Error ? u : new Error(String(u));
+        throw d(g), r("failed"), g;
       }
     },
     [t]
   ), l = Y(
-    async (f, u) => {
-      const b = f ?? (n == null ? void 0 : n.id);
-      if (!b)
+    async (h, u) => {
+      const g = h ?? (n == null ? void 0 : n.id);
+      if (!g)
         throw new Error("No authorization id to capture");
       r("capturing");
       try {
-        const h = await t.capture(b, u);
-        return a(h), r(h.status), h;
-      } catch (h) {
-        const k = h instanceof Error ? h : new Error(String(h));
-        throw d(k), r("failed"), k;
+        const b = await t.capture(g, u);
+        return a(b), r(b.status), b;
+      } catch (b) {
+        const _ = b instanceof Error ? b : new Error(String(b));
+        throw d(_), r("failed"), _;
       }
     },
     [t, n == null ? void 0 : n.id]
-  ), y = Y(
-    async (f) => {
-      const u = f ?? (n == null ? void 0 : n.id);
+  ), p = Y(
+    async (h) => {
+      const u = h ?? (n == null ? void 0 : n.id);
       if (!u)
         throw new Error("No payment id to cancel");
-      const b = await t.cancel(u);
-      return a(b), r(b.status), b;
+      const g = await t.cancel(u);
+      return a(g), r(g.status), g;
     },
     [t, n == null ? void 0 : n.id]
   ), N = Y(
-    async (f, u) => {
-      const b = f ?? (n == null ? void 0 : n.id);
-      if (!b)
+    async (h, u) => {
+      const g = h ?? (n == null ? void 0 : n.id);
+      if (!g)
         throw new Error("No payment id to refund");
-      const h = await t.refund(b, u);
-      return a(h), r(h.status), h;
+      const b = await t.refund(g, u);
+      return a(b), r(b.status), b;
     },
     [t, n == null ? void 0 : n.id]
   );
-  return { status: e, response: n, error: s, authorize: o, capture: l, cancel: y, refund: N, reset: i };
+  return { status: e, response: n, error: s, authorize: o, capture: l, cancel: p, refund: N, reset: i };
 }
 const ze = /* @__PURE__ */ se(
   function({
@@ -1052,46 +1052,58 @@ const ze = /* @__PURE__ */ se(
     zeroPlaceholder: i,
     convertTo: o,
     exchangeProvider: l,
-    className: y,
+    className: p,
     style: N,
-    "aria-label": f
-  }, u) {
-    const { t: b } = oe(), h = B(() => {
+    "aria-label": h,
+    testId: u,
+    "data-testid": g
+  }, b) {
+    const { t: _ } = oe(), M = B(() => {
       if (e)
         return e;
       if (r != null && n) {
-        const v = te(n), S = (v == null ? void 0 : v.decimals) ?? 2;
+        const I = te(n), w = (I == null ? void 0 : I.decimals) ?? 2;
         return {
-          amount: Math.round(r * Math.pow(10, S)),
+          amount: Math.round(r * Math.pow(10, w)),
           currency: n.toUpperCase()
         };
       }
       return null;
-    }, [e, r, n]), k = B(() => h ? h.amount === 0 && i != null ? i : ie(h, { locale: a, currencyDisplay: s }) : "", [h, a, s, i]), { converted: R } = Ee(
-      o && l ? h : null,
+    }, [e, r, n]), D = B(() => M ? M.amount === 0 && i != null ? i : ie(M, { locale: a, currencyDisplay: s }) : "", [M, a, s, i]), { converted: v } = Ee(
+      o && l ? M : null,
       o ?? "",
       l
     );
-    if (!h)
+    if (!M)
       return null;
-    const m = h.amount < 0, g = "nice-money" + (d && m ? " nice-money--negative" : "") + (y ? ` ${y}` : "");
-    return /* @__PURE__ */ _("span", { ref: u, className: g, style: N, "aria-label": f, children: [
-      /* @__PURE__ */ c("span", { className: "nice-money__value", children: k }),
-      R && /* @__PURE__ */ _(
-        "span",
-        {
-          className: "nice-money__converted",
-          "aria-label": b("money.convertedTo", "Converted to {currency}").replace(
-            "{currency}",
-            String(R.currency)
-          ),
-          children: [
-            " ≈ ",
-            ie(R, { locale: a })
-          ]
-        }
-      )
-    ] });
+    const y = M.amount < 0, x = "nice-money" + (d && y ? " nice-money--negative" : "") + (p ? ` ${p}` : "");
+    return /* @__PURE__ */ f(
+      "span",
+      {
+        ref: b,
+        className: x,
+        style: N,
+        "aria-label": h,
+        "data-testid": g ?? u,
+        children: [
+          /* @__PURE__ */ c("span", { className: "nice-money__value", children: D }),
+          v && /* @__PURE__ */ f(
+            "span",
+            {
+              className: "nice-money__converted",
+              "aria-label": _("money.convertedTo", "Converted to {currency}").replace(
+                "{currency}",
+                String(v.currency)
+              ),
+              children: [
+                " ≈ ",
+                ie(v, { locale: a })
+              ]
+            }
+          )
+        ]
+      }
+    );
   }
 ), _r = _e.map((t) => t.code).sort(), Qe = /* @__PURE__ */ se(function({
   value: e,
@@ -1103,94 +1115,94 @@ const ze = /* @__PURE__ */ se(
   showSymbol: i = !0,
   compact: o = !1,
   disabled: l,
-  readOnly: y,
+  readOnly: p,
   loading: N,
-  accessMode: f,
+  accessMode: h,
   label: u,
-  helperText: b,
-  error: h,
-  required: k,
-  size: R = "md",
-  labelPlacement: m = "top",
-  labelWidth: g,
-  controlWidth: v,
-  className: S,
-  style: E,
-  id: M,
-  name: I,
-  title: q,
-  "data-testid": $,
-  "aria-label": ee,
+  helperText: g,
+  error: b,
+  required: _,
+  size: M = "md",
+  labelPlacement: D = "top",
+  labelWidth: v,
+  controlWidth: y,
+  className: x,
+  style: I,
+  id: w,
+  name: S,
+  title: F,
+  "data-testid": R,
+  "aria-label": X,
   placeholder: A
-}, P) {
-  const { t: T } = oe(), K = f === "hidden", Q = l || f === "disabled" || N, re = y || f === "readOnly", G = Ne(), X = M ?? `nice-cs-${G}`, [V, ne] = j(""), F = s ?? n.length > 8, C = B(() => {
-    if (!V.trim())
+}, $) {
+  const { t: T } = oe(), K = h === "hidden", V = l || h === "disabled" || N, re = p || h === "readOnly", G = Ne(), Q = w ?? `nice-cs-${G}`, [W, ne] = j(""), O = s ?? n.length > 8, C = B(() => {
+    if (!W.trim())
       return n;
-    const x = V.trim().toLowerCase();
+    const U = W.trim().toLowerCase();
     return n.filter(
-      (U) => U.code.toLowerCase().includes(x) || U.name.toLowerCase().includes(x) || U.symbol.toLowerCase().includes(x)
+      (E) => E.code.toLowerCase().includes(U) || E.name.toLowerCase().includes(U) || E.symbol.toLowerCase().includes(U)
     );
-  }, [n, V]), p = B(() => {
-    const x = /* @__PURE__ */ new Set();
-    return a.map((U) => te(U)).filter((U) => !!U && !x.has(U.code) && !!x.add(U.code));
-  }, [a]), O = Y(
-    (x) => {
-      const U = x.target.value, de = te(U);
-      de && (r == null || r(U, de));
+  }, [n, W]), m = B(() => {
+    const U = /* @__PURE__ */ new Set();
+    return a.map((E) => te(E)).filter((E) => !!E && !U.has(E.code) && !!U.add(E.code));
+  }, [a]), q = Y(
+    (U) => {
+      const E = U.target.value, de = te(E);
+      de && (r == null || r(E, de));
     },
     [r]
-  ), L = (x) => {
+  ), L = (U) => {
     if (o)
-      return `${i ? x.symbol + " " : ""}${x.code}`;
-    const U = [];
-    return i && U.push(x.symbol), d && U.push(x.code), U.push("—", x.name), U.join(" ");
-  }, D = `nice-currency-selector nice-currency-selector--${R} nice-currency-selector--label-${m}` + (o ? " nice-currency-selector--compact" : "") + (h ? " nice-currency-selector--error" : "") + (Q ? " nice-currency-selector--disabled" : "") + (S ? ` ${S}` : ""), z = m === "left" && g != null ? { width: typeof g == "number" ? `${g}px` : g, flex: "none" } : void 0, le = v != null ? {
-    width: typeof v == "number" ? `${v}px` : v,
+      return `${i ? U.symbol + " " : ""}${U.code}`;
+    const E = [];
+    return i && E.push(U.symbol), d && E.push(U.code), E.push("—", U.name), E.join(" ");
+  }, P = `nice-currency-selector nice-currency-selector--${M} nice-currency-selector--label-${D}` + (o ? " nice-currency-selector--compact" : "") + (b ? " nice-currency-selector--error" : "") + (V ? " nice-currency-selector--disabled" : "") + (x ? ` ${x}` : ""), z = D === "left" && v != null ? { width: typeof v == "number" ? `${v}px` : v, flex: "none" } : void 0, le = y != null ? {
+    width: typeof y == "number" ? `${y}px` : y,
     flex: "none"
   } : void 0;
-  return K ? null : /* @__PURE__ */ _("div", { ref: P, className: D, style: E, title: q, "data-testid": $, children: [
-    u && /* @__PURE__ */ _("label", { htmlFor: X, className: "nice-currency-selector__label", style: z, children: [
+  return K ? null : /* @__PURE__ */ f("div", { ref: $, className: P, style: I, title: F, "data-testid": R, children: [
+    u && /* @__PURE__ */ f("label", { htmlFor: Q, className: "nice-currency-selector__label", style: z, children: [
       u,
-      k && /* @__PURE__ */ c("span", { className: "nice-currency-selector__required", "aria-hidden": !0, children: "*" })
+      _ && /* @__PURE__ */ c("span", { className: "nice-currency-selector__required", "aria-hidden": !0, children: "*" })
     ] }),
-    /* @__PURE__ */ _("div", { className: "nice-currency-selector__inner", style: le, children: [
-      F && /* @__PURE__ */ c(
+    /* @__PURE__ */ f("div", { className: "nice-currency-selector__inner", style: le, children: [
+      O && /* @__PURE__ */ c(
         "input",
         {
           type: "search",
           className: "nice-currency-selector__search",
           placeholder: T("currencySelector.searchCurrency", "Search currency…"),
-          value: V,
-          onChange: (x) => ne(x.target.value),
-          disabled: Q || re,
+          value: W,
+          onChange: (U) => ne(U.target.value),
+          disabled: V || re,
           "aria-label": T("currencySelector.searchCurrency2", "Search currency")
         }
       ),
-      /* @__PURE__ */ _(
+      /* @__PURE__ */ f(
         "select",
         {
-          id: X,
-          name: I,
+          id: Q,
+          name: S,
           className: "nice-currency-selector__select",
           value: e ?? "",
-          onChange: O,
-          disabled: Q || re,
-          required: k,
-          "aria-invalid": !!h,
-          "aria-label": ee ?? (typeof u == "string" ? u : T("currencySelector.currency", "Currency")),
+          onChange: q,
+          disabled: V || re,
+          required: _,
+          "aria-invalid": !!b,
+          "aria-label": X ?? (typeof u == "string" ? u : T("currencySelector.currency", "Currency")),
           children: [
             !e && /* @__PURE__ */ c("option", { value: "", children: A ?? T("currencySelector.selectCurrency", "Select currency…") }),
-            p.length > 0 && /* @__PURE__ */ c("optgroup", { label: T("currencySelector.recent", "Recent"), children: p.map((x) => /* @__PURE__ */ c("option", { value: x.code, children: L(x) }, `r-${x.code}`)) }),
-            /* @__PURE__ */ c("optgroup", { label: p.length > 0 ? T("currencySelector.all", "All") : "", children: C.map((x) => /* @__PURE__ */ c("option", { value: x.code, children: L(x) }, x.code)) })
+            m.length > 0 && /* @__PURE__ */ c("optgroup", { label: T("currencySelector.recent", "Recent"), children: m.map((U) => /* @__PURE__ */ c("option", { value: U.code, children: L(U) }, `r-${U.code}`)) }),
+            /* @__PURE__ */ c("optgroup", { label: m.length > 0 ? T("currencySelector.all", "All") : "", children: C.map((U) => /* @__PURE__ */ c("option", { value: U.code, children: L(U) }, U.code)) })
           ]
         }
       )
     ] }),
-    (h || b) && /* @__PURE__ */ c(
+    (b || g) && /* @__PURE__ */ c(
       "span",
       {
-        className: h ? "nice-currency-selector__error" : "nice-currency-selector__helper",
-        children: h ?? b
+        className: b ? "nice-currency-selector__error" : "nice-currency-selector__helper",
+        children: b ?? g
       }
     )
   ] });
@@ -1205,38 +1217,38 @@ const ze = /* @__PURE__ */ se(
     min: i,
     max: o,
     step: l,
-    locale: y,
+    locale: p,
     placeholder: N,
-    label: f,
+    label: h,
     helperText: u,
-    error: b,
-    size: h = "md",
-    disabled: k,
-    readOnly: R,
-    required: m,
-    loading: g,
-    accessMode: v,
-    labelPlacement: S = "top",
-    errorPlacement: E = "bottom",
-    labelWidth: M,
-    controlWidth: I,
-    submitOnEnter: q,
-    onSubmit: $,
-    showFormattedPreview: ee = !0,
+    error: g,
+    size: b = "md",
+    disabled: _,
+    readOnly: M,
+    required: D,
+    loading: v,
+    accessMode: y,
+    labelPlacement: x = "top",
+    errorPlacement: I = "bottom",
+    labelWidth: w,
+    controlWidth: S,
+    submitOnEnter: F,
+    onSubmit: R,
+    showFormattedPreview: X = !0,
     showSteppers: A = !1,
-    className: P,
+    className: $,
     style: T,
     id: K,
-    name: Q,
+    name: V,
     title: re,
     "data-testid": G,
-    onBlur: X,
-    onFocus: V,
+    onBlur: Q,
+    onFocus: W,
     liveGrouping: ne,
-    multiplierShortcuts: F = !0,
+    multiplierShortcuts: O = !0,
     onValidationError: C
-  }, p) {
-    const { t: O } = oe(), L = k || v === "disabled" || g, D = R || v === "readOnly", z = v === "hidden", le = Ne(), x = K ?? `nice-money-${le}`, U = ((e == null ? void 0 : e.currency) ?? n ?? "USD").toUpperCase(), de = te(U), J = (de == null ? void 0 : de.decimals) ?? 2, Se = l ?? 1 / Math.pow(10, J), [we, he] = j(
+  }, m) {
+    const { t: q } = oe(), L = _ || y === "disabled" || v, P = M || y === "readOnly", z = y === "hidden", le = Ne(), U = K ?? `nice-money-${le}`, E = ((e == null ? void 0 : e.currency) ?? n ?? "USD").toUpperCase(), de = te(E), J = (de == null ? void 0 : de.decimals) ?? 2, Se = l ?? 1 / Math.pow(10, J), [we, he] = j(
       () => e ? (e.amount / Math.pow(10, J)).toFixed(J) : ""
     ), [ke, Fe] = j(!1);
     ot.useEffect(() => {
@@ -1246,14 +1258,14 @@ const ze = /* @__PURE__ */ se(
         he("");
         return;
       }
-      const w = te(e.currency), H = (w == null ? void 0 : w.decimals) ?? 2;
+      const k = te(e.currency), H = (k == null ? void 0 : k.decimals) ?? 2;
       he((e.amount / Math.pow(10, H)).toFixed(H));
     }, [e, ke]);
     const Oe = Y(
-      (w) => {
-        let H = w;
-        if (F) {
-          const ue = w.trim().match(/^([+-]?\d+(?:[.,]\d+)?)\s*([kKmMbB])$/);
+      (k) => {
+        let H = k;
+        if (O) {
+          const ue = k.trim().match(/^([+-]?\d+(?:[.,]\d+)?)\s*([kKmMbB])$/);
           if (ue) {
             const me = ue[2].toLowerCase() === "k" ? 1e3 : ue[2].toLowerCase() === "m" ? 1e6 : 1e9, Be = Number(ue[1].replace(",", ".")) * me;
             if (!Number.isFinite(Be)) {
@@ -1263,7 +1275,7 @@ const ze = /* @__PURE__ */ se(
             H = String(Be);
           }
         }
-        const ce = ft(H, U);
+        const ce = ft(H, E);
         if (!ce) {
           r == null || r(null);
           return;
@@ -1274,102 +1286,102 @@ const ze = /* @__PURE__ */ se(
         }
         const pe = ce.amount / Math.pow(10, J);
         if (i != null && pe < i) {
-          C == null || C(new Error(`min: ${i}`)), r == null || r(ae(i, U));
+          C == null || C(new Error(`min: ${i}`)), r == null || r(ae(i, E));
           return;
         }
         if (o != null && pe > o) {
-          C == null || C(new Error(`max: ${o}`)), r == null || r(ae(o, U));
+          C == null || C(new Error(`max: ${o}`)), r == null || r(ae(o, E));
           return;
         }
         r == null || r(ce);
       },
-      [U, J, i, o, r, F, C]
+      [E, J, i, o, r, O, C]
     ), We = Y(
-      (w) => {
-        const H = w.target.value;
+      (k) => {
+        const H = k.target.value;
         he(H), Oe(H);
       },
       [Oe]
     ), Ce = Y(
-      (w) => {
-        const H = Math.min(o ?? 1 / 0, Math.max(i ?? -1 / 0, w));
-        he(H.toFixed(J)), r == null || r(ae(H, U));
+      (k) => {
+        const H = Math.min(o ?? 1 / 0, Math.max(i ?? -1 / 0, k));
+        he(H.toFixed(J)), r == null || r(ae(H, E));
       },
-      [J, i, o, U, r]
+      [J, i, o, E, r]
     ), $e = Y(
-      (w) => Ce((e ? e.amount / Math.pow(10, J) : 0) + w),
+      (k) => Ce((e ? e.amount / Math.pow(10, J) : 0) + k),
       [e, J, Ce]
-    ), qe = Re(null), ge = Re(null), et = A && !L && !D;
+    ), qe = Re(null), ge = Re(null), et = A && !L && !P;
     ut(qe, {
       kind: A ? "value" : "text",
-      disabled: L || D,
+      disabled: L || P,
       restoreOnCancel: A,
       onEngage: () => {
         ge.current = { value: e ?? null, draft: we };
       },
-      onRelease: (w) => {
-        w && A && ge.current && (he(ge.current.draft), r == null || r(ge.current.value)), ge.current = null;
+      onRelease: (k) => {
+        k && A && ge.current && (he(ge.current.draft), r == null || r(ge.current.value)), ge.current = null;
       }
     });
     const De = B(() => {
-      var w, H;
+      var k, H;
       try {
-        const ce = new Intl.NumberFormat(y).formatToParts(12345.6), pe = ((w = ce.find((me) => me.type === "group")) == null ? void 0 : w.value) ?? ",", ue = ((H = ce.find((me) => me.type === "decimal")) == null ? void 0 : H.value) ?? ".";
+        const ce = new Intl.NumberFormat(p).formatToParts(12345.6), pe = ((k = ce.find((me) => me.type === "group")) == null ? void 0 : k.value) ?? ",", ue = ((H = ce.find((me) => me.type === "decimal")) == null ? void 0 : H.value) ?? ".";
         return { group: pe, decimal: ue };
       } catch {
         return { group: ",", decimal: "." };
       }
-    }, [y]), Ke = ne ?? !!De.group, tt = B(() => {
+    }, [p]), Ke = ne ?? !!De.group, tt = B(() => {
       if (!Ke || ke === !1)
         return we;
-      const w = De.decimal, H = De.group, ce = we.replace(
+      const k = De.decimal, H = De.group, ce = we.replace(
         new RegExp(`[${H.replace(/[-/\\^$*+?.()|[\]{}]/g, "\\$&")}]`, "g"),
         ""
-      ), [pe, ue] = ce.split(w);
+      ), [pe, ue] = ce.split(k);
       if (!pe)
         return ce;
       const me = pe.replace(/\B(?=(\d{3})+(?!\d))/g, H);
-      return ue != null ? `${me}${w}${ue}` : me;
-    }, [we, ke, Ke, De]), xe = B(() => e ? ie(e, { locale: y }) : "", [e, y]), fe = typeof b == "string" ? b : void 0, rt = `nice-money-input nice-money-input--${h} nice-money-input--label-${S} nice-money-input--error-${E}` + (fe ? " nice-money-input--error" : "") + (L ? " nice-money-input--disabled" : "") + (g ? " nice-money-input--loading" : "") + (P ? ` ${P}` : ""), nt = (w) => {
-      if (q && w.key === "Enter" && $) {
-        w.preventDefault(), $();
+      return ue != null ? `${me}${k}${ue}` : me;
+    }, [we, ke, Ke, De]), xe = B(() => e ? ie(e, { locale: p }) : "", [e, p]), fe = typeof g == "string" ? g : void 0, rt = `nice-money-input nice-money-input--${b} nice-money-input--label-${x} nice-money-input--error-${I}` + (fe ? " nice-money-input--error" : "") + (L ? " nice-money-input--disabled" : "") + (v ? " nice-money-input--loading" : "") + ($ ? ` ${$}` : ""), nt = (k) => {
+      if (F && k.key === "Enter" && R) {
+        k.preventDefault(), R();
         return;
       }
       if (!et)
         return;
-      const H = w.key === "ArrowUp" ? 1 : w.key === "ArrowDown" ? -1 : w.key === "PageUp" ? 10 : w.key === "PageDown" ? -10 : 0;
-      H ? (w.preventDefault(), $e(H * Se)) : w.key === "Home" && i != null ? (w.preventDefault(), Ce(i)) : w.key === "End" && o != null && (w.preventDefault(), Ce(o));
-    }, at = S === "left" && M != null ? { width: typeof M == "number" ? `${M}px` : M, flex: "none" } : void 0, ct = I != null ? {
-      width: typeof I == "number" ? `${I}px` : I,
+      const H = k.key === "ArrowUp" ? 1 : k.key === "ArrowDown" ? -1 : k.key === "PageUp" ? 10 : k.key === "PageDown" ? -10 : 0;
+      H ? (k.preventDefault(), $e(H * Se)) : k.key === "Home" && i != null ? (k.preventDefault(), Ce(i)) : k.key === "End" && o != null && (k.preventDefault(), Ce(o));
+    }, at = x === "left" && w != null ? { width: typeof w == "number" ? `${w}px` : w, flex: "none" } : void 0, ct = S != null ? {
+      width: typeof S == "number" ? `${S}px` : S,
       flex: "none"
     } : void 0;
-    return z ? null : /* @__PURE__ */ _("div", { ref: p, className: rt, style: T, title: re, "data-testid": G, children: [
-      f && /* @__PURE__ */ _("label", { htmlFor: x, className: "nice-money-input__label", style: at, children: [
-        f,
-        m && /* @__PURE__ */ c("span", { className: "nice-money-input__required", "aria-hidden": !0, children: "*" })
+    return z ? null : /* @__PURE__ */ f("div", { ref: m, className: rt, style: T, title: re, "data-testid": G, children: [
+      h && /* @__PURE__ */ f("label", { htmlFor: U, className: "nice-money-input__label", style: at, children: [
+        h,
+        D && /* @__PURE__ */ c("span", { className: "nice-money-input__required", "aria-hidden": !0, children: "*" })
       ] }),
-      /* @__PURE__ */ _("div", { className: "nice-money-input__row", style: ct, children: [
+      /* @__PURE__ */ f("div", { className: "nice-money-input__row", style: ct, children: [
         !d && /* @__PURE__ */ c(
           Qe,
           {
-            value: U,
+            value: E,
             compact: !0,
-            options: s ? s.map(te).filter((w) => !!w) : void 0,
-            onChange: (w) => a == null ? void 0 : a(w),
-            disabled: L || D,
+            options: s ? s.map(te).filter((k) => !!k) : void 0,
+            onChange: (k) => a == null ? void 0 : a(k),
+            disabled: L || P,
             className: "nice-money-input__currency",
-            "aria-label": O("moneyInput.currency", "Currency")
+            "aria-label": q("moneyInput.currency", "Currency")
           }
         ),
-        d && /* @__PURE__ */ c("span", { className: "nice-money-input__symbol", "aria-hidden": !0, children: (de == null ? void 0 : de.symbol) ?? U }),
+        d && /* @__PURE__ */ c("span", { className: "nice-money-input__symbol", "aria-hidden": !0, children: (de == null ? void 0 : de.symbol) ?? E }),
         A && /* @__PURE__ */ c(
           "button",
           {
             type: "button",
             className: "nice-money-input__step nice-money-input__step--down",
             onClick: () => $e(-Se),
-            disabled: L || D || i != null && e != null && e.amount / Math.pow(10, J) <= i,
-            "aria-label": O("moneyInput.decreaseAmount", "Decrease amount"),
+            disabled: L || P || i != null && e != null && e.amount / Math.pow(10, J) <= i,
+            "aria-label": q("moneyInput.decreaseAmount", "Decrease amount"),
             tabIndex: -1,
             children: /* @__PURE__ */ c(ve, { name: "minus", size: 14 })
           }
@@ -1378,8 +1390,8 @@ const ze = /* @__PURE__ */ se(
           "input",
           {
             ref: qe,
-            id: x,
-            name: Q,
+            id: U,
+            name: V,
             type: "text",
             inputMode: "decimal",
             autoComplete: "transaction-amount",
@@ -1387,18 +1399,18 @@ const ze = /* @__PURE__ */ se(
             value: tt,
             onChange: We,
             onKeyDown: nt,
-            onFocus: (w) => {
-              Fe(!0), V == null || V(w);
+            onFocus: (k) => {
+              Fe(!0), W == null || W(k);
             },
-            onBlur: (w) => {
-              Fe(!1), e && he((e.amount / Math.pow(10, J)).toFixed(J)), X == null || X(w);
+            onBlur: (k) => {
+              Fe(!1), e && he((e.amount / Math.pow(10, J)).toFixed(J)), Q == null || Q(k);
             },
             placeholder: N ?? `0${J > 0 ? "." + "0".repeat(J) : ""}`,
             disabled: L,
-            readOnly: D,
-            required: m,
+            readOnly: P,
+            required: D,
             "aria-invalid": !!fe,
-            "aria-describedby": fe || u ? `${x}-help` : void 0,
+            "aria-describedby": fe || u ? `${U}-help` : void 0,
             ...A && {
               role: "spinbutton",
               "aria-valuenow": e ? e.amount / Math.pow(10, J) : void 0,
@@ -1414,19 +1426,19 @@ const ze = /* @__PURE__ */ se(
             type: "button",
             className: "nice-money-input__step nice-money-input__step--up",
             onClick: () => $e(Se),
-            disabled: L || D || o != null && e != null && e.amount / Math.pow(10, J) >= o,
-            "aria-label": O("moneyInput.increaseAmount", "Increase amount"),
+            disabled: L || P || o != null && e != null && e.amount / Math.pow(10, J) >= o,
+            "aria-label": q("moneyInput.increaseAmount", "Increase amount"),
             tabIndex: -1,
             children: /* @__PURE__ */ c(ve, { name: "plus", size: 14 })
           }
         ),
-        g && /* @__PURE__ */ c("span", { className: "nice-money-input__spinner", "aria-hidden": !0, children: /* @__PURE__ */ c(ve, { name: "refresh", size: 14 }) })
+        v && /* @__PURE__ */ c("span", { className: "nice-money-input__spinner", "aria-hidden": !0, children: /* @__PURE__ */ c(ve, { name: "refresh", size: 14 }) })
       ] }),
-      ee && xe && /* @__PURE__ */ c("span", { className: "nice-money-input__preview", "aria-live": "polite", children: xe }),
+      X && xe && /* @__PURE__ */ c("span", { className: "nice-money-input__preview", "aria-live": "polite", children: xe }),
       (fe || u) && /* @__PURE__ */ c(
         "span",
         {
-          id: `${x}-help`,
+          id: `${U}-help`,
           className: fe ? "nice-money-input__error" : "nice-money-input__helper",
           children: fe ?? u
         }
@@ -1443,62 +1455,62 @@ const ze = /* @__PURE__ */ se(
   showBrandIcon: i = !0,
   size: o = "md",
   disabled: l,
-  readOnly: y,
+  readOnly: p,
   loading: N,
-  accessMode: f,
+  accessMode: h,
   label: u,
-  helperText: b,
-  error: h,
-  required: k,
-  className: R,
-  style: m,
-  id: g,
-  title: v,
-  "data-testid": S
-}, E) {
-  const { t: M } = oe(), I = f === "hidden", q = l || f === "disabled" || N, $ = y || f === "readOnly", ee = Ne(), A = g ?? `nice-cc-${ee}`, [P, T] = j({
+  helperText: g,
+  error: b,
+  required: _,
+  className: M,
+  style: D,
+  id: v,
+  title: y,
+  "data-testid": x
+}, I) {
+  const { t: w } = oe(), S = h === "hidden", F = l || h === "disabled" || N, R = p || h === "readOnly", X = Ne(), A = v ?? `nice-cc-${X}`, [$, T] = j({
     number: !1,
     expiry: !1,
     cvc: !1,
     holder: !1,
     postal: !1
-  }), K = B(() => Me(e.number), [e.number]), Q = B(
+  }), K = B(() => Me(e.number), [e.number]), V = B(
     () => Le(e, { requireHolder: a ?? n }),
     [e, a, n]
   ), re = !d || d.includes(K) || K === "unknown", G = Y(
-    (D) => {
-      const z = { ...e, ...D }, le = Le(z, { requireHolder: a ?? n });
+    (P) => {
+      const z = { ...e, ...P }, le = Le(z, { requireHolder: a ?? n });
       r == null || r(z, le);
     },
     [e, a, n, r]
-  ), X = Y(
-    (D) => {
-      const z = D.target.value.replace(/\D/g, "").slice(0, 19);
+  ), Q = Y(
+    (P) => {
+      const z = P.target.value.replace(/\D/g, "").slice(0, 19);
       G({ number: z });
     },
     [G]
-  ), V = Y(
-    (D) => {
-      const z = D.target.value.replace(/\D/g, "").slice(0, 4);
+  ), W = Y(
+    (P) => {
+      const z = P.target.value.replace(/\D/g, "").slice(0, 4);
       let le = z;
       z.length >= 3 ? le = `${z.slice(0, 2)}/${z.slice(2)}` : z.length === 2 && (le = `${z}/`), G({ expiry: le });
     },
     [G]
   ), ne = Y(
-    (D) => {
-      const z = D.target.value.replace(/\D/g, "").slice(0, be(K));
+    (P) => {
+      const z = P.target.value.replace(/\D/g, "").slice(0, be(K));
       G({ cvc: z });
     },
     [K, G]
-  ), F = B(() => bt(e.number, K), [e.number, K]), C = P.number && e.number.length > 0 && (Ze(e.number) ? re ? void 0 : "Card brand not accepted" : Q.errors.number), p = P.expiry && e.expiry.length > 0 && !Xe(e.expiry) ? Q.errors.expiry : void 0, O = P.cvc && e.cvc.length > 0 && e.cvc.length !== be(K) ? Q.errors.cvc : void 0, L = `nice-credit-card nice-credit-card--${o}` + (q ? " nice-credit-card--disabled" : "") + (N ? " nice-credit-card--loading" : "") + (h ? " nice-credit-card--error" : "") + (R ? ` ${R}` : "");
-  return I ? null : /* @__PURE__ */ _("div", { ref: E, className: L, style: m, title: v, "data-testid": S, children: [
-    u && /* @__PURE__ */ _("div", { className: "nice-credit-card__title", children: [
+  ), O = B(() => bt(e.number, K), [e.number, K]), C = $.number && e.number.length > 0 && (Ze(e.number) ? re ? void 0 : "Card brand not accepted" : V.errors.number), m = $.expiry && e.expiry.length > 0 && !Xe(e.expiry) ? V.errors.expiry : void 0, q = $.cvc && e.cvc.length > 0 && e.cvc.length !== be(K) ? V.errors.cvc : void 0, L = `nice-credit-card nice-credit-card--${o}` + (F ? " nice-credit-card--disabled" : "") + (N ? " nice-credit-card--loading" : "") + (b ? " nice-credit-card--error" : "") + (M ? ` ${M}` : "");
+  return S ? null : /* @__PURE__ */ f("div", { ref: I, className: L, style: D, title: y, "data-testid": x, children: [
+    u && /* @__PURE__ */ f("div", { className: "nice-credit-card__title", children: [
       u,
-      k && /* @__PURE__ */ c("span", { className: "nice-credit-card__required", "aria-hidden": !0, children: "*" })
+      _ && /* @__PURE__ */ c("span", { className: "nice-credit-card__required", "aria-hidden": !0, children: "*" })
     ] }),
-    /* @__PURE__ */ c("div", { className: "nice-credit-card__row", children: /* @__PURE__ */ _("label", { className: "nice-credit-card__field nice-credit-card__field--number", children: [
-      /* @__PURE__ */ c("span", { className: "nice-credit-card__label", children: M("creditCardInput.cardNumber", "Card number") }),
-      /* @__PURE__ */ _("span", { className: "nice-credit-card__input-wrapper", children: [
+    /* @__PURE__ */ c("div", { className: "nice-credit-card__row", children: /* @__PURE__ */ f("label", { className: "nice-credit-card__field nice-credit-card__field--number", children: [
+      /* @__PURE__ */ c("span", { className: "nice-credit-card__label", children: w("creditCardInput.cardNumber", "Card number") }),
+      /* @__PURE__ */ f("span", { className: "nice-credit-card__input-wrapper", children: [
         /* @__PURE__ */ c(
           "input",
           {
@@ -1507,11 +1519,11 @@ const ze = /* @__PURE__ */ se(
             inputMode: "numeric",
             autoComplete: "cc-number",
             placeholder: K === "amex" ? "3782 822463 10005" : "1234 1234 1234 1234",
-            value: F,
-            onChange: X,
-            onBlur: () => T((D) => ({ ...D, number: !0 })),
-            disabled: q,
-            readOnly: $,
+            value: O,
+            onChange: Q,
+            onBlur: () => T((P) => ({ ...P, number: !0 })),
+            disabled: F,
+            readOnly: R,
             "aria-invalid": !!C,
             "aria-describedby": C ? `${A}-number-err` : void 0,
             className: "nice-credit-card__input",
@@ -1522,9 +1534,9 @@ const ze = /* @__PURE__ */ se(
       ] }),
       C && /* @__PURE__ */ c("span", { id: `${A}-number-err`, className: "nice-credit-card__error", children: C })
     ] }) }),
-    /* @__PURE__ */ _("div", { className: "nice-credit-card__row nice-credit-card__row--split", children: [
-      /* @__PURE__ */ _("label", { className: "nice-credit-card__field", children: [
-        /* @__PURE__ */ c("span", { className: "nice-credit-card__label", children: M("creditCardInput.expiry", "Expiry") }),
+    /* @__PURE__ */ f("div", { className: "nice-credit-card__row nice-credit-card__row--split", children: [
+      /* @__PURE__ */ f("label", { className: "nice-credit-card__field", children: [
+        /* @__PURE__ */ c("span", { className: "nice-credit-card__label", children: w("creditCardInput.expiry", "Expiry") }),
         /* @__PURE__ */ c(
           "input",
           {
@@ -1532,26 +1544,26 @@ const ze = /* @__PURE__ */ se(
             type: "text",
             inputMode: "numeric",
             autoComplete: "cc-exp",
-            placeholder: M("creditCardInput.mmYy", "MM/YY"),
+            placeholder: w("creditCardInput.mmYy", "MM/YY"),
             value: e.expiry,
-            onChange: V,
+            onChange: W,
             onBlur: () => {
               T((z) => ({ ...z, expiry: !0 }));
-              const D = Je(e.expiry);
-              D && D !== e.expiry && G({ expiry: D });
+              const P = Je(e.expiry);
+              P && P !== e.expiry && G({ expiry: P });
             },
-            disabled: q,
-            readOnly: $,
-            "aria-invalid": !!p,
-            "aria-describedby": p ? `${A}-expiry-err` : void 0,
+            disabled: F,
+            readOnly: R,
+            "aria-invalid": !!m,
+            "aria-describedby": m ? `${A}-expiry-err` : void 0,
             className: "nice-credit-card__input",
             maxLength: 5
           }
         ),
-        p && /* @__PURE__ */ c("span", { id: `${A}-expiry-err`, className: "nice-credit-card__error", children: p })
+        m && /* @__PURE__ */ c("span", { id: `${A}-expiry-err`, className: "nice-credit-card__error", children: m })
       ] }),
-      /* @__PURE__ */ _("label", { className: "nice-credit-card__field", children: [
-        /* @__PURE__ */ c("span", { className: "nice-credit-card__label", children: K === "amex" ? M("creditCardInput.cid", "CID") : M("creditCardInput.cvc", "CVC") }),
+      /* @__PURE__ */ f("label", { className: "nice-credit-card__field", children: [
+        /* @__PURE__ */ c("span", { className: "nice-credit-card__label", children: K === "amex" ? w("creditCardInput.cid", "CID") : w("creditCardInput.cvc", "CVC") }),
         /* @__PURE__ */ c(
           "input",
           {
@@ -1562,39 +1574,39 @@ const ze = /* @__PURE__ */ se(
             placeholder: "•".repeat(be(K)),
             value: e.cvc,
             onChange: ne,
-            onBlur: () => T((D) => ({ ...D, cvc: !0 })),
-            disabled: q,
-            readOnly: $,
-            "aria-invalid": !!O,
-            "aria-describedby": O ? `${A}-cvc-err` : void 0,
+            onBlur: () => T((P) => ({ ...P, cvc: !0 })),
+            disabled: F,
+            readOnly: R,
+            "aria-invalid": !!q,
+            "aria-describedby": q ? `${A}-cvc-err` : void 0,
             className: "nice-credit-card__input",
             maxLength: be(K)
           }
         ),
-        O && /* @__PURE__ */ c("span", { id: `${A}-cvc-err`, className: "nice-credit-card__error", children: O })
+        q && /* @__PURE__ */ c("span", { id: `${A}-cvc-err`, className: "nice-credit-card__error", children: q })
       ] })
     ] }),
-    n && /* @__PURE__ */ c("div", { className: "nice-credit-card__row", children: /* @__PURE__ */ _("label", { className: "nice-credit-card__field", children: [
-      /* @__PURE__ */ c("span", { className: "nice-credit-card__label", children: M("creditCardInput.cardholderName", "Cardholder name") }),
+    n && /* @__PURE__ */ c("div", { className: "nice-credit-card__row", children: /* @__PURE__ */ f("label", { className: "nice-credit-card__field", children: [
+      /* @__PURE__ */ c("span", { className: "nice-credit-card__label", children: w("creditCardInput.cardholderName", "Cardholder name") }),
       /* @__PURE__ */ c(
         "input",
         {
           id: `${A}-holder`,
           type: "text",
           autoComplete: "cc-name",
-          placeholder: M("creditCardInput.janeDoe", "Jane Doe"),
+          placeholder: w("creditCardInput.janeDoe", "Jane Doe"),
           value: e.holderName ?? "",
-          onChange: (D) => G({ holderName: D.target.value }),
-          onBlur: () => T((D) => ({ ...D, holder: !0 })),
-          disabled: q,
-          readOnly: $,
+          onChange: (P) => G({ holderName: P.target.value }),
+          onBlur: () => T((P) => ({ ...P, holder: !0 })),
+          disabled: F,
+          readOnly: R,
           className: "nice-credit-card__input",
           maxLength: 120
         }
       )
     ] }) }),
-    s && /* @__PURE__ */ c("div", { className: "nice-credit-card__row", children: /* @__PURE__ */ _("label", { className: "nice-credit-card__field", children: [
-      /* @__PURE__ */ c("span", { className: "nice-credit-card__label", children: M("creditCardInput.postalCode", "Postal code") }),
+    s && /* @__PURE__ */ c("div", { className: "nice-credit-card__row", children: /* @__PURE__ */ f("label", { className: "nice-credit-card__field", children: [
+      /* @__PURE__ */ c("span", { className: "nice-credit-card__label", children: w("creditCardInput.postalCode", "Postal code") }),
       /* @__PURE__ */ c(
         "input",
         {
@@ -1602,21 +1614,21 @@ const ze = /* @__PURE__ */ se(
           type: "text",
           autoComplete: "postal-code",
           value: e.postalCode ?? "",
-          onChange: (D) => G({ postalCode: D.target.value }),
-          onBlur: () => T((D) => ({ ...D, postal: !0 })),
-          disabled: q,
-          readOnly: $,
+          onChange: (P) => G({ postalCode: P.target.value }),
+          onBlur: () => T((P) => ({ ...P, postal: !0 })),
+          disabled: F,
+          readOnly: R,
           className: "nice-credit-card__input",
           maxLength: 16
         }
       )
     ] }) }),
-    (h || b) && /* @__PURE__ */ c(
+    (b || g) && /* @__PURE__ */ c(
       "div",
       {
-        className: h ? "nice-credit-card__form-error" : "nice-credit-card__helper",
-        role: h ? "alert" : void 0,
-        children: h ?? b
+        className: b ? "nice-credit-card__form-error" : "nice-credit-card__helper",
+        role: b ? "alert" : void 0,
+        children: b ?? g
       }
     )
   ] });
@@ -1655,101 +1667,101 @@ const gr = /* @__PURE__ */ se(
     metadata: i,
     autoCapture: o = !0,
     submitLabel: l,
-    onSuccess: y,
+    onSuccess: p,
     onError: N,
-    consents: f,
+    consents: h,
     className: u,
-    style: b
-  }, h) {
-    const { t: k } = oe(), R = l ?? k("paymentForm.pay", "Pay"), [m, g] = j(r), [v, S] = j(r.currency), [E, M] = j({ number: "", expiry: "", cvc: "" }), [I, q] = j(null), [$, ee] = j(!1), [A, P] = j(null), T = jt(e), K = B(() => e.supportedCurrencies === "*" ? !0 : e.supportedCurrencies.includes(m.currency.toUpperCase()), [e, m.currency]), Q = B(() => {
+    style: g
+  }, b) {
+    const { t: _ } = oe(), M = l ?? _("paymentForm.pay", "Pay"), [D, v] = j(r), [y, x] = j(r.currency), [I, w] = j({ number: "", expiry: "", cvc: "" }), [S, F] = j(null), [R, X] = j(!1), [A, $] = j(null), T = jt(e), K = B(() => e.supportedCurrencies === "*" ? !0 : e.supportedCurrencies.includes(D.currency.toUpperCase()), [e, D.currency]), V = B(() => {
       var C;
-      const F = (C = e.minimums) == null ? void 0 : C[m.currency.toUpperCase()];
-      return F == null || m.amount >= F;
-    }, [e, m]), re = B(() => {
+      const O = (C = e.minimums) == null ? void 0 : C[D.currency.toUpperCase()];
+      return O == null || D.amount >= O;
+    }, [e, D]), re = B(() => {
       var C;
-      const F = (C = e.minimums) == null ? void 0 : C[m.currency.toUpperCase()];
-      return F == null ? null : { amount: F, currency: m.currency };
-    }, [e, m.currency]), G = !!(I != null && I.isValid), X = !$ && K && Q && G, V = Y(
-      async (F) => {
-        if (F.preventDefault(), !!X) {
-          P(null), ee(!0);
+      const O = (C = e.minimums) == null ? void 0 : C[D.currency.toUpperCase()];
+      return O == null ? null : { amount: O, currency: D.currency };
+    }, [e, D.currency]), G = !!(S != null && S.isValid), Q = !R && K && V && G, W = Y(
+      async (O) => {
+        if (O.preventDefault(), !!Q) {
+          $(null), X(!0);
           try {
             const C = {
-              amount: m,
-              card: E,
+              amount: D,
+              card: I,
               customer: a,
               description: d,
               metadata: i,
               idempotencyKey: Jt()
-            }, p = await T.authorize(C);
-            if (o && p.status === "authorized") {
-              const O = await T.capture(p.id, m);
-              y == null || y(O);
+            }, m = await T.authorize(C);
+            if (o && m.status === "authorized") {
+              const q = await T.capture(m.id, D);
+              p == null || p(q);
             } else
-              y == null || y(p);
+              p == null || p(m);
           } catch (C) {
-            const p = C instanceof Error ? C : new Error(String(C));
-            P(p.message), N == null || N(p);
+            const m = C instanceof Error ? C : new Error(String(C));
+            $(m.message), N == null || N(m);
           } finally {
-            ee(!1);
+            X(!1);
           }
         }
       },
       [
-        X,
-        m,
-        E,
+        Q,
+        D,
+        I,
         a,
         d,
         i,
         o,
         T,
-        y,
+        p,
         N
       ]
-    ), ne = te(m.currency);
-    return /* @__PURE__ */ _(
+    ), ne = te(D.currency);
+    return /* @__PURE__ */ f(
       "form",
       {
-        ref: h,
+        ref: b,
         className: "nice-payment-form" + (u ? ` ${u}` : ""),
-        style: b,
-        onSubmit: V,
-        "aria-busy": $,
+        style: g,
+        onSubmit: W,
+        "aria-busy": R,
         children: [
           /* @__PURE__ */ c("div", { className: "nice-payment-form__amount", children: n ? /* @__PURE__ */ c(
             Ve,
             {
-              label: k("paymentForm.amount", "Amount"),
-              value: m,
-              currency: v,
+              label: _("paymentForm.amount", "Amount"),
+              value: D,
+              currency: y,
               currencies: s,
-              onChange: (F) => F && g(F),
-              onCurrencyChange: (F) => {
-                S(F), g((C) => ({ ...C, currency: F }));
+              onChange: (O) => O && v(O),
+              onCurrencyChange: (O) => {
+                x(O), v((C) => ({ ...C, currency: O }));
               },
-              disabled: $,
+              disabled: R,
               required: !0,
               showFormattedPreview: !0
             }
-          ) : /* @__PURE__ */ _("div", { className: "nice-payment-form__total", children: [
-            /* @__PURE__ */ c("span", { className: "nice-payment-form__total-label", children: k("paymentForm.total", "Total") }),
-            /* @__PURE__ */ c(ze, { value: m })
+          ) : /* @__PURE__ */ f("div", { className: "nice-payment-form__total", children: [
+            /* @__PURE__ */ c("span", { className: "nice-payment-form__total-label", children: _("paymentForm.total", "Total") }),
+            /* @__PURE__ */ c(ze, { value: D })
           ] }) }),
           d && /* @__PURE__ */ c("p", { className: "nice-payment-form__description", children: d }),
           /* @__PURE__ */ c("div", { className: "nice-payment-form__card", children: /* @__PURE__ */ c(
             Gt,
             {
-              value: E,
-              onChange: (F, C) => {
-                M(F), q(C);
+              value: I,
+              onChange: (O, C) => {
+                w(O), F(C);
               },
-              disabled: $
+              disabled: R
             }
           ) }),
-          !K && /* @__PURE__ */ c("div", { className: "nice-payment-form__warning", role: "alert", children: k("paymentForm.doesNotAccept", "{provider} does not accept {currency}.").replace("{provider}", String(e.name)).replace("{currency}", String((ne == null ? void 0 : ne.name) ?? m.currency)) }),
-          !Q && re && /* @__PURE__ */ _("div", { className: "nice-payment-form__warning", role: "alert", children: [
-            k("paymentForm.minimumChargeForIs", "Minimum charge for {name} is").replace(
+          !K && /* @__PURE__ */ c("div", { className: "nice-payment-form__warning", role: "alert", children: _("paymentForm.doesNotAccept", "{provider} does not accept {currency}.").replace("{provider}", String(e.name)).replace("{currency}", String((ne == null ? void 0 : ne.name) ?? D.currency)) }),
+          !V && re && /* @__PURE__ */ f("div", { className: "nice-payment-form__warning", role: "alert", children: [
+            _("paymentForm.minimumChargeForIs", "Minimum charge for {name} is").replace(
               "{name}",
               String(e.name)
             ),
@@ -1757,20 +1769,20 @@ const gr = /* @__PURE__ */ se(
             /* @__PURE__ */ c(ze, { value: re }),
             "."
           ] }),
-          f && /* @__PURE__ */ c("div", { className: "nice-payment-form__consents", children: f }),
+          h && /* @__PURE__ */ c("div", { className: "nice-payment-form__consents", children: h }),
           A && /* @__PURE__ */ c("div", { className: "nice-payment-form__error", role: "alert", children: A }),
           /* @__PURE__ */ c(
             "button",
             {
               type: "submit",
               className: "nice-payment-form__submit",
-              disabled: !X,
-              "aria-disabled": !X,
-              children: $ ? k("paymentForm.processing", "Processing…") : R
+              disabled: !Q,
+              "aria-disabled": !Q,
+              children: R ? _("paymentForm.processing", "Processing…") : M
             }
           ),
-          /* @__PURE__ */ _("p", { className: "nice-payment-form__processor", children: [
-            k("paymentForm.securedBy", "Secured by"),
+          /* @__PURE__ */ f("p", { className: "nice-payment-form__processor", children: [
+            _("paymentForm.securedBy", "Secured by"),
             " ",
             /* @__PURE__ */ c("strong", { children: e.name })
           ] })
@@ -1793,31 +1805,33 @@ const vr = /* @__PURE__ */ se(
     size: i = "md",
     locale: o,
     className: l,
-    style: y
-  }, N) {
-    const { t: f } = oe(), u = r && r.currency === e.currency && r.amount > e.amount, b = B(() => !u || !r ? null : Math.round((r.amount - e.amount) / r.amount * 100), [u, r, e.amount]), h = `nice-price-tag nice-price-tag--${i}` + (l ? ` ${l}` : "");
-    return /* @__PURE__ */ _("div", { ref: N, className: h, style: y, children: [
+    style: p,
+    testId: N,
+    "data-testid": h
+  }, u) {
+    const { t: g } = oe(), b = r && r.currency === e.currency && r.amount > e.amount, _ = B(() => !b || !r ? null : Math.round((r.amount - e.amount) / r.amount * 100), [b, r, e.amount]), M = `nice-price-tag nice-price-tag--${i}` + (l ? ` ${l}` : "");
+    return /* @__PURE__ */ f("div", { ref: u, className: M, style: p, "data-testid": h ?? N, children: [
       a && /* @__PURE__ */ c("span", { className: "nice-price-tag__prefix", children: a }),
-      /* @__PURE__ */ _("span", { className: "nice-price-tag__main", children: [
+      /* @__PURE__ */ f("span", { className: "nice-price-tag__main", children: [
         /* @__PURE__ */ c("span", { className: "nice-price-tag__amount", children: ie(e, { locale: o }) }),
         n && /* @__PURE__ */ c("span", { className: "nice-price-tag__period", children: n })
       ] }),
-      u && r && /* @__PURE__ */ c(
+      b && r && /* @__PURE__ */ c(
         "span",
         {
           className: "nice-price-tag__original",
-          "aria-label": f("priceTag.originalPrice", "Original price"),
+          "aria-label": g("priceTag.originalPrice", "Original price"),
           children: /* @__PURE__ */ c("s", { children: ie(r, { locale: o }) })
         }
       ),
-      u && d && b != null && b > 0 && /* @__PURE__ */ _(
+      b && d && _ != null && _ > 0 && /* @__PURE__ */ f(
         "span",
         {
           className: "nice-price-tag__discount",
-          "aria-label": f("priceTag.percentOff", "{pct} percent off").replace("{pct}", String(b)),
+          "aria-label": g("priceTag.percentOff", "{pct} percent off").replace("{pct}", String(_)),
           children: [
             "−",
-            b,
+            _,
             "%"
           ]
         }
@@ -1835,76 +1849,76 @@ const vr = /* @__PURE__ */ se(
   provider: i,
   locale: o,
   showRateLine: l = !0,
-  className: y,
+  className: p,
   style: N
-}, f) {
-  const { t: u } = oe(), [b, h] = Ue({
+}, h) {
+  const { t: u } = oe(), [g, b] = Ue({
     value: e,
     defaultValue: r,
     fallbackValue: Xt,
     onChange: n,
     componentName: "NiceCurrencyConverter"
-  }), [k, R] = Ue({
+  }), [_, M] = Ue({
     value: a,
     defaultValue: s,
-    fallbackValue: b.currency,
+    fallbackValue: g.currency,
     onChange: d,
     componentName: "NiceCurrencyConverter"
-  }), { converted: m, loading: g, error: v } = Ee(b, k, i), S = B(
-    () => ({ amount: Math.pow(10, 2), currency: b.currency }),
-    [b.currency]
-  ), { converted: E } = Ee(
-    l ? S : null,
-    k,
+  }), { converted: D, loading: v, error: y } = Ee(g, _, i), x = B(
+    () => ({ amount: Math.pow(10, 2), currency: g.currency }),
+    [g.currency]
+  ), { converted: I } = Ee(
+    l ? x : null,
+    _,
     i
   );
-  return /* @__PURE__ */ _(
+  return /* @__PURE__ */ f(
     "div",
     {
-      ref: f,
-      className: "nice-currency-converter" + (y ? ` ${y}` : ""),
+      ref: h,
+      className: "nice-currency-converter" + (p ? ` ${p}` : ""),
       style: N,
       children: [
         /* @__PURE__ */ c("div", { className: "nice-currency-converter__row", children: /* @__PURE__ */ c(
           Ve,
           {
             label: u("currencyConverter.from", "From"),
-            value: b,
-            onChange: (M) => M && h(M),
-            currency: b.currency,
-            onCurrencyChange: (M) => h({ ...b, currency: M }),
+            value: g,
+            onChange: (w) => w && b(w),
+            currency: g.currency,
+            onCurrencyChange: (w) => b({ ...g, currency: w }),
             showFormattedPreview: !1
           }
         ) }),
-        /* @__PURE__ */ _("div", { className: "nice-currency-converter__row", children: [
+        /* @__PURE__ */ f("div", { className: "nice-currency-converter__row", children: [
           /* @__PURE__ */ c("label", { className: "nice-currency-converter__label", children: u("currencyConverter.to", "To") }),
-          /* @__PURE__ */ _("div", { className: "nice-currency-converter__output", children: [
+          /* @__PURE__ */ f("div", { className: "nice-currency-converter__output", children: [
             /* @__PURE__ */ c(
               Qe,
               {
-                value: k,
-                onChange: (M) => R(M),
+                value: _,
+                onChange: (w) => M(w),
                 compact: !0
               }
             ),
-            /* @__PURE__ */ c("span", { className: "nice-currency-converter__amount", children: g ? "…" : v ? "—" : m ? ie(m, { locale: o }) : "" })
+            /* @__PURE__ */ c("span", { className: "nice-currency-converter__amount", children: v ? "…" : y ? "—" : D ? ie(D, { locale: o }) : "" })
           ] })
         ] }),
-        l && E && /* @__PURE__ */ _("p", { className: "nice-currency-converter__rate", children: [
+        l && I && /* @__PURE__ */ f("p", { className: "nice-currency-converter__rate", children: [
           "1 ",
-          b.currency,
+          g.currency,
           " = ",
-          ie(E, { locale: o }),
+          ie(I, { locale: o }),
           " ",
-          /* @__PURE__ */ _("span", { className: "nice-currency-converter__inverse", children: [
+          /* @__PURE__ */ f("span", { className: "nice-currency-converter__inverse", children: [
             "· 1 ",
-            k,
+            _,
             " =",
             " ",
-            ie(ae(1 / Ge(E), b.currency), { locale: o })
+            ie(ae(1 / Ge(I), g.currency), { locale: o })
           ] })
         ] }),
-        v && /* @__PURE__ */ c("p", { className: "nice-currency-converter__error", role: "alert", children: v.message })
+        y && /* @__PURE__ */ c("p", { className: "nice-currency-converter__error", role: "alert", children: y.message })
       ]
     }
   );
@@ -1923,76 +1937,79 @@ const wr = /* @__PURE__ */ se(
     labels: i,
     density: o = "comfortable",
     className: l,
-    style: y,
-    id: N
-  }, f) {
-    const { t: u } = oe(), b = {
-      label: (i == null ? void 0 : i.label) ?? u("taxBreakdown.item", "Item"),
+    style: p,
+    id: N,
+    testId: h,
+    "data-testid": u
+  }, g) {
+    const { t: b } = oe(), _ = {
+      label: (i == null ? void 0 : i.label) ?? b("taxBreakdown.item", "Item"),
       rate: (i == null ? void 0 : i.rate) ?? "VAT",
       net: (i == null ? void 0 : i.net) ?? "Net",
       vat: (i == null ? void 0 : i.vat) ?? "Tax",
       gross: (i == null ? void 0 : i.gross) ?? "Gross",
       total: (i == null ? void 0 : i.total) ?? "Total"
-    }, h = B(() => {
+    }, M = B(() => {
       if (n === "total") {
-        const m = /* @__PURE__ */ new Map();
-        for (const v of e) {
-          let S = m.get(v.vatRate);
-          S || (S = [], m.set(v.vatRate, S)), S.push(v.netAmount);
+        const y = /* @__PURE__ */ new Map();
+        for (const I of e) {
+          let w = y.get(I.vatRate);
+          w || (w = [], y.set(I.vatRate, w)), w.push(I.netAmount);
         }
-        const g = [];
-        for (const [v, S] of m) {
-          const E = S.reduce((q, $) => ye(q, $), ae(0, S[0].currency)), M = je(Ae(E, v)), I = ye(E, M);
-          g.push({ rate: v, net: E, vat: M, gross: I });
+        const x = [];
+        for (const [I, w] of y) {
+          const S = w.reduce((X, A) => ye(X, A), ae(0, w[0].currency)), F = je(Ae(S, I)), R = ye(S, F);
+          x.push({ rate: I, net: S, vat: F, gross: R });
         }
-        return g;
+        return x;
       }
-      return e.map((m) => {
-        const g = je(Ae(m.netAmount, m.vatRate)), v = ye(m.netAmount, g);
-        return { label: m.label, rate: m.vatRate, net: m.netAmount, vat: g, gross: v };
+      return e.map((y) => {
+        const x = je(Ae(y.netAmount, y.vatRate)), I = ye(y.netAmount, x);
+        return { label: y.label, rate: y.vatRate, net: y.netAmount, vat: x, gross: I };
       });
-    }, [e, n]), k = B(() => {
-      if (h.length === 0)
+    }, [e, n]), D = B(() => {
+      if (M.length === 0)
         return null;
-      const m = h[0].net.currency;
-      let g = ae(0, m), v = ae(0, m), S = ae(0, m);
-      for (const E of h)
-        g = ye(g, E.net), v = ye(v, E.vat), S = ye(S, E.gross);
-      return { net: g, vat: v, gross: S };
-    }, [h]), R = (m) => ie(m, { locale: r });
-    return /* @__PURE__ */ _(
+      const y = M[0].net.currency;
+      let x = ae(0, y), I = ae(0, y), w = ae(0, y);
+      for (const S of M)
+        x = ye(x, S.net), I = ye(I, S.vat), w = ye(w, S.gross);
+      return { net: x, vat: I, gross: w };
+    }, [M]), v = (y) => ie(y, { locale: r });
+    return /* @__PURE__ */ f(
       "table",
       {
-        ref: f,
+        ref: g,
         id: N,
         className: `nice-tax-breakdown nice-tax-breakdown--${o} ${l ?? ""}`,
-        style: y,
+        style: p,
         role: "table",
-        "aria-label": b.total,
+        "aria-label": _.total,
+        "data-testid": u ?? h,
         children: [
-          /* @__PURE__ */ c("thead", { children: /* @__PURE__ */ _("tr", { children: [
-            h.some((m) => m.label !== void 0) && /* @__PURE__ */ c("th", { scope: "col", children: b.label }),
-            !d && /* @__PURE__ */ c("th", { scope: "col", className: "nice-tax-breakdown__rate", children: b.rate }),
-            /* @__PURE__ */ c("th", { scope: "col", className: "nice-tax-breakdown__num", children: b.net }),
-            /* @__PURE__ */ c("th", { scope: "col", className: "nice-tax-breakdown__num", children: b.vat }),
-            /* @__PURE__ */ c("th", { scope: "col", className: "nice-tax-breakdown__num", children: b.gross })
+          /* @__PURE__ */ c("thead", { children: /* @__PURE__ */ f("tr", { children: [
+            M.some((y) => y.label !== void 0) && /* @__PURE__ */ c("th", { scope: "col", children: _.label }),
+            !d && /* @__PURE__ */ c("th", { scope: "col", className: "nice-tax-breakdown__rate", children: _.rate }),
+            /* @__PURE__ */ c("th", { scope: "col", className: "nice-tax-breakdown__num", children: _.net }),
+            /* @__PURE__ */ c("th", { scope: "col", className: "nice-tax-breakdown__num", children: _.vat }),
+            /* @__PURE__ */ c("th", { scope: "col", className: "nice-tax-breakdown__num", children: _.gross })
           ] }) }),
-          /* @__PURE__ */ c("tbody", { children: h.map((m, g) => /* @__PURE__ */ _("tr", { children: [
-            h.some((v) => v.label !== void 0) && /* @__PURE__ */ c("td", { children: m.label ?? "" }),
-            !d && /* @__PURE__ */ _("td", { className: "nice-tax-breakdown__rate", children: [
-              (m.rate * 100).toLocaleString(r, { maximumFractionDigits: 2 }),
+          /* @__PURE__ */ c("tbody", { children: M.map((y, x) => /* @__PURE__ */ f("tr", { children: [
+            M.some((I) => I.label !== void 0) && /* @__PURE__ */ c("td", { children: y.label ?? "" }),
+            !d && /* @__PURE__ */ f("td", { className: "nice-tax-breakdown__rate", children: [
+              (y.rate * 100).toLocaleString(r, { maximumFractionDigits: 2 }),
               "%"
             ] }),
-            /* @__PURE__ */ c("td", { className: "nice-tax-breakdown__num", children: R(m.net) }),
-            /* @__PURE__ */ c("td", { className: "nice-tax-breakdown__num", children: R(m.vat) }),
-            /* @__PURE__ */ c("td", { className: "nice-tax-breakdown__num", children: R(m.gross) })
-          ] }, `${m.rate}-${g}`)) }),
-          a && k && /* @__PURE__ */ c("tfoot", { children: s && /* @__PURE__ */ _("tr", { className: "nice-tax-breakdown__totals", children: [
-            h.some((m) => m.label !== void 0) && /* @__PURE__ */ c("td", { children: b.total }),
-            !d && /* @__PURE__ */ c("td", { children: h.some((m) => m.label !== void 0) ? null : b.total }),
-            /* @__PURE__ */ c("td", { className: "nice-tax-breakdown__num", children: R(k.net) }),
-            /* @__PURE__ */ c("td", { className: "nice-tax-breakdown__num", children: R(k.vat) }),
-            /* @__PURE__ */ c("td", { className: "nice-tax-breakdown__num", children: R(k.gross) })
+            /* @__PURE__ */ c("td", { className: "nice-tax-breakdown__num", children: v(y.net) }),
+            /* @__PURE__ */ c("td", { className: "nice-tax-breakdown__num", children: v(y.vat) }),
+            /* @__PURE__ */ c("td", { className: "nice-tax-breakdown__num", children: v(y.gross) })
+          ] }, `${y.rate}-${x}`)) }),
+          a && D && /* @__PURE__ */ c("tfoot", { children: s && /* @__PURE__ */ f("tr", { className: "nice-tax-breakdown__totals", children: [
+            M.some((y) => y.label !== void 0) && /* @__PURE__ */ c("td", { children: _.total }),
+            !d && /* @__PURE__ */ c("td", { children: M.some((y) => y.label !== void 0) ? null : _.total }),
+            /* @__PURE__ */ c("td", { className: "nice-tax-breakdown__num", children: v(D.net) }),
+            /* @__PURE__ */ c("td", { className: "nice-tax-breakdown__num", children: v(D.vat) }),
+            /* @__PURE__ */ c("td", { className: "nice-tax-breakdown__num", children: v(D.gross) })
           ] }) })
         ]
       }
@@ -2006,65 +2023,65 @@ const wr = /* @__PURE__ */ se(
     layout: i = "list",
     columns: o = 2,
     currency: l,
-    label: y,
+    label: p,
     name: N,
-    readOnly: f = !1,
+    readOnly: h = !1,
     className: u,
-    style: b,
-    id: h,
-    accessMode: k,
-    "data-testid": R
-  } = e, m = Ne(), g = N ?? `nice-pm-${m}`, v = B(() => {
+    style: g,
+    id: b,
+    accessMode: _,
+    "data-testid": M
+  } = e, D = Ne(), v = N ?? `nice-pm-${D}`, y = B(() => {
     if (!l)
       return a;
-    const I = l.toUpperCase();
+    const S = l.toUpperCase();
     return a.filter(
-      (q) => !q.currencies || q.currencies.map(($) => $.toUpperCase()).includes(I)
+      (F) => !F.currencies || F.currencies.map((R) => R.toUpperCase()).includes(S)
     );
   }, [a, l]);
-  if (k === "hidden")
+  if (_ === "hidden")
     return null;
-  const S = f || k === "disabled" || k === "readOnly", E = `nice-payment-method-selector nice-payment-method-selector--${i}` + (u ? ` ${u}` : ""), M = i === "grid" ? { gridTemplateColumns: `repeat(${o}, minmax(0, 1fr))` } : void 0;
-  return /* @__PURE__ */ _("div", { ref: r, id: h, className: E, style: b, "data-testid": R, children: [
-    y && /* @__PURE__ */ c("div", { className: "nice-payment-method-selector__label", children: y }),
-    /* @__PURE__ */ _(
+  const x = h || _ === "disabled" || _ === "readOnly", I = `nice-payment-method-selector nice-payment-method-selector--${i}` + (u ? ` ${u}` : ""), w = i === "grid" ? { gridTemplateColumns: `repeat(${o}, minmax(0, 1fr))` } : void 0;
+  return /* @__PURE__ */ f("div", { ref: r, id: b, className: I, style: g, "data-testid": M, children: [
+    p && /* @__PURE__ */ c("div", { className: "nice-payment-method-selector__label", children: p }),
+    /* @__PURE__ */ f(
       "div",
       {
         className: "nice-payment-method-selector__options",
-        style: M,
+        style: w,
         role: "radiogroup",
-        "aria-label": y ?? n("paymentMethodSelector.paymentMethod", "Payment method"),
+        "aria-label": p ?? n("paymentMethodSelector.paymentMethod", "Payment method"),
         children: [
-          v.map((I) => {
-            const q = I.id === s, $ = S || I.disabled;
-            return /* @__PURE__ */ _(
+          y.map((S) => {
+            const F = S.id === s, R = x || S.disabled;
+            return /* @__PURE__ */ f(
               "label",
               {
-                className: "nice-payment-method-selector__option" + (q ? " nice-payment-method-selector__option--selected" : "") + ($ ? " nice-payment-method-selector__option--disabled" : ""),
+                className: "nice-payment-method-selector__option" + (F ? " nice-payment-method-selector__option--selected" : "") + (R ? " nice-payment-method-selector__option--disabled" : ""),
                 children: [
                   /* @__PURE__ */ c(
                     "input",
                     {
                       type: "radio",
                       className: "nice-payment-method-selector__radio",
-                      name: g,
-                      value: I.id,
-                      checked: q,
-                      disabled: $,
-                      onChange: () => d == null ? void 0 : d(I.id)
+                      name: v,
+                      value: S.id,
+                      checked: F,
+                      disabled: R,
+                      onChange: () => d == null ? void 0 : d(S.id)
                     }
                   ),
-                  I.icon && /* @__PURE__ */ c("span", { className: "nice-payment-method-selector__icon", children: I.icon }),
-                  /* @__PURE__ */ _("span", { className: "nice-payment-method-selector__text", children: [
-                    /* @__PURE__ */ c("span", { className: "nice-payment-method-selector__name", children: I.label }),
-                    I.description && /* @__PURE__ */ c("span", { className: "nice-payment-method-selector__desc", children: I.description })
+                  S.icon && /* @__PURE__ */ c("span", { className: "nice-payment-method-selector__icon", children: S.icon }),
+                  /* @__PURE__ */ f("span", { className: "nice-payment-method-selector__text", children: [
+                    /* @__PURE__ */ c("span", { className: "nice-payment-method-selector__name", children: S.label }),
+                    S.description && /* @__PURE__ */ c("span", { className: "nice-payment-method-selector__desc", children: S.description })
                   ] })
                 ]
               },
-              I.id
+              S.id
             );
           }),
-          v.length === 0 && /* @__PURE__ */ c("div", { className: "nice-payment-method-selector__empty", children: n("paymentMethodSelector.noMethodsAvailable", "No methods available.") })
+          y.length === 0 && /* @__PURE__ */ c("div", { className: "nice-payment-method-selector__empty", children: n("paymentMethodSelector.noMethodsAvailable", "No methods available.") })
         ]
       }
     )
@@ -2091,70 +2108,70 @@ const wr = /* @__PURE__ */ se(
     providers: i,
     onTestConnection: o,
     showWebhookUrl: l = !0,
-    baseUrl: y,
+    baseUrl: p,
     readOnly: N = !1,
-    testLabel: f = n("paymentProviderConfig.testConnection", "Test connection"),
+    testLabel: h = n("paymentProviderConfig.testConnection", "Test connection"),
     tutorial: u,
-    className: b,
-    style: h,
-    id: k,
-    accessMode: R,
-    "data-testid": m
-  } = e, [g, v] = Ue({
+    className: g,
+    style: b,
+    id: _,
+    accessMode: M,
+    "data-testid": D
+  } = e, [v, y] = Ue({
     value: a,
     defaultValue: s,
     fallbackValue: er,
     onChange: d,
     componentName: "NicePaymentProviderConfig"
-  }), S = Ne(), [E, M] = j(/* @__PURE__ */ new Set()), [I, q] = j(!1), [$, ee] = j(null), A = B(() => i ? i.map((p) => Pe[p]).filter((p) => !!p) : Ht, [i]), P = Pe[g.providerId];
-  if (R === "hidden")
+  }), x = Ne(), [I, w] = j(/* @__PURE__ */ new Set()), [S, F] = j(!1), [R, X] = j(null), A = B(() => i ? i.map((m) => Pe[m]).filter((m) => !!m) : Ht, [i]), $ = Pe[v.providerId];
+  if (M === "hidden")
     return null;
-  const T = N || R === "disabled" || R === "readOnly", K = (p) => {
-    ee(null), M(/* @__PURE__ */ new Set()), v({ providerId: p, mode: g.mode, credentials: {}, enabledMethods: [] });
-  }, Q = (p, O) => {
-    v({ ...g, credentials: { ...g.credentials, [p]: O } });
-  }, re = (p) => {
-    const O = new Set(g.enabledMethods ?? []);
-    O.has(p) ? O.delete(p) : O.add(p), v({ ...g, enabledMethods: [...O] });
-  }, G = (p) => {
-    M((O) => {
-      const L = new Set(O);
-      return L.has(p) ? L.delete(p) : L.add(p), L;
+  const T = N || M === "disabled" || M === "readOnly", K = (m) => {
+    X(null), w(/* @__PURE__ */ new Set()), y({ providerId: m, mode: v.mode, credentials: {}, enabledMethods: [] });
+  }, V = (m, q) => {
+    y({ ...v, credentials: { ...v.credentials, [m]: q } });
+  }, re = (m) => {
+    const q = new Set(v.enabledMethods ?? []);
+    q.has(m) ? q.delete(m) : q.add(m), y({ ...v, enabledMethods: [...q] });
+  }, G = (m) => {
+    w((q) => {
+      const L = new Set(q);
+      return L.has(m) ? L.delete(m) : L.add(m), L;
     });
-  }, X = async () => {
+  }, Q = async () => {
     if (o) {
-      q(!0), ee(null);
+      F(!0), X(null);
       try {
-        ee(await o(g));
-      } catch (p) {
-        ee({ ok: !1, message: p instanceof Error ? p.message : String(p) });
+        X(await o(v));
+      } catch (m) {
+        X({ ok: !1, message: m instanceof Error ? m.message : String(m) });
       } finally {
-        q(!1);
+        F(!1);
       }
     }
-  }, V = P != null && P.webhookPath ? `${(y ?? "").replace(/\/$/, "")}${P.webhookPath}` : "", ne = (P == null ? void 0 : P.supportedCurrencies) === "*" ? n("paymentProviderConfig.allCurrencies", "All currencies") : ((P == null ? void 0 : P.supportedCurrencies) ?? []).join(", "), F = "nice-payment-provider-config" + (b ? ` ${b}` : ""), C = ((P == null ? void 0 : P.credentials) ?? []).filter(
-    (p) => !p.testOnly || g.mode === "test"
+  }, W = $ != null && $.webhookPath ? `${(p ?? "").replace(/\/$/, "")}${$.webhookPath}` : "", ne = ($ == null ? void 0 : $.supportedCurrencies) === "*" ? n("paymentProviderConfig.allCurrencies", "All currencies") : (($ == null ? void 0 : $.supportedCurrencies) ?? []).join(", "), O = "nice-payment-provider-config" + (g ? ` ${g}` : ""), C = (($ == null ? void 0 : $.credentials) ?? []).filter(
+    (m) => !m.testOnly || v.mode === "test"
   );
-  return /* @__PURE__ */ _("div", { ref: r, id: k, className: F, style: h, "data-testid": m, children: [
+  return /* @__PURE__ */ f("div", { ref: r, id: _, className: O, style: b, "data-testid": D, children: [
     u && /* @__PURE__ */ c("div", { className: "nice-payment-provider-config__tutorial", children: /* @__PURE__ */ c(mt, { steps: pt(u, Wt) }) }),
-    /* @__PURE__ */ _("div", { className: "nice-payment-provider-config__row", children: [
-      /* @__PURE__ */ _("label", { className: "nice-payment-provider-config__field", children: [
+    /* @__PURE__ */ f("div", { className: "nice-payment-provider-config__row", children: [
+      /* @__PURE__ */ f("label", { className: "nice-payment-provider-config__field", children: [
         /* @__PURE__ */ c("span", { className: "nice-payment-provider-config__field-label", children: n("paymentProviderConfig.provider", "Provider") }),
-        /* @__PURE__ */ _(
+        /* @__PURE__ */ f(
           "select",
           {
             className: "nice-payment-provider-config__select",
-            value: g.providerId,
+            value: v.providerId,
             disabled: T,
-            onChange: (p) => K(p.target.value),
+            onChange: (m) => K(m.target.value),
             children: [
               /* @__PURE__ */ c("option", { value: "", children: n("paymentProviderConfig.selectProvider", "— select provider —") }),
-              A.map((p) => /* @__PURE__ */ c("option", { value: p.id, children: p.name }, p.id))
+              A.map((m) => /* @__PURE__ */ c("option", { value: m.id, children: m.name }, m.id))
             ]
           }
         )
       ] }),
-      (P == null ? void 0 : P.hasTestMode) && /* @__PURE__ */ _(
+      ($ == null ? void 0 : $.hasTestMode) && /* @__PURE__ */ f(
         "div",
         {
           className: "nice-payment-provider-config__mode",
@@ -2165,8 +2182,8 @@ const wr = /* @__PURE__ */ se(
               "button",
               {
                 type: "button",
-                className: "nice-payment-provider-config__mode-btn" + (g.mode === "test" ? " nice-payment-provider-config__mode-btn--active" : ""),
-                onClick: () => v({ ...g, mode: "test" }),
+                className: "nice-payment-provider-config__mode-btn" + (v.mode === "test" ? " nice-payment-provider-config__mode-btn--active" : ""),
+                onClick: () => y({ ...v, mode: "test" }),
                 disabled: T,
                 children: n("paymentProviderConfig.test", "Test")
               }
@@ -2175,8 +2192,8 @@ const wr = /* @__PURE__ */ se(
               "button",
               {
                 type: "button",
-                className: "nice-payment-provider-config__mode-btn" + (g.mode === "live" ? " nice-payment-provider-config__mode-btn--active" : ""),
-                onClick: () => v({ ...g, mode: "live" }),
+                className: "nice-payment-provider-config__mode-btn" + (v.mode === "live" ? " nice-payment-provider-config__mode-btn--active" : ""),
+                onClick: () => y({ ...v, mode: "live" }),
                 disabled: T,
                 children: n("paymentProviderConfig.live", "Live")
               }
@@ -2185,29 +2202,29 @@ const wr = /* @__PURE__ */ se(
         }
       )
     ] }),
-    P && /* @__PURE__ */ _(dt, { children: [
-      /* @__PURE__ */ _("div", { className: "nice-payment-provider-config__meta", children: [
-        /* @__PURE__ */ c("span", { className: "nice-payment-provider-config__badge", children: P.type }),
+    $ && /* @__PURE__ */ f(dt, { children: [
+      /* @__PURE__ */ f("div", { className: "nice-payment-provider-config__meta", children: [
+        /* @__PURE__ */ c("span", { className: "nice-payment-provider-config__badge", children: $.type }),
         /* @__PURE__ */ c("span", { className: "nice-payment-provider-config__currencies", children: ne })
       ] }),
-      /* @__PURE__ */ c("div", { className: "nice-payment-provider-config__credentials", children: C.map((p) => {
-        const O = `${S}-${p.key}`, L = p.secret, D = E.has(p.key);
-        return /* @__PURE__ */ _("div", { className: "nice-payment-provider-config__field", children: [
-          /* @__PURE__ */ _("label", { className: "nice-payment-provider-config__field-label", htmlFor: O, children: [
-            p.label,
-            p.required && /* @__PURE__ */ c("span", { className: "nice-payment-provider-config__required", children: " *" })
+      /* @__PURE__ */ c("div", { className: "nice-payment-provider-config__credentials", children: C.map((m) => {
+        const q = `${x}-${m.key}`, L = m.secret, P = I.has(m.key);
+        return /* @__PURE__ */ f("div", { className: "nice-payment-provider-config__field", children: [
+          /* @__PURE__ */ f("label", { className: "nice-payment-provider-config__field-label", htmlFor: q, children: [
+            m.label,
+            m.required && /* @__PURE__ */ c("span", { className: "nice-payment-provider-config__required", children: " *" })
           ] }),
-          /* @__PURE__ */ _("div", { className: "nice-payment-provider-config__input-wrap", children: [
+          /* @__PURE__ */ f("div", { className: "nice-payment-provider-config__input-wrap", children: [
             /* @__PURE__ */ c(
               "input",
               {
-                id: O,
-                type: L && !D ? "password" : "text",
+                id: q,
+                type: L && !P ? "password" : "text",
                 className: "nice-payment-provider-config__input",
-                value: g.credentials[p.key] ?? "",
+                value: v.credentials[m.key] ?? "",
                 readOnly: T,
                 autoComplete: L ? "new-password" : "off",
-                onChange: (z) => Q(p.key, z.target.value)
+                onChange: (z) => V(m.key, z.target.value)
               }
             ),
             L && /* @__PURE__ */ c(
@@ -2215,54 +2232,54 @@ const wr = /* @__PURE__ */ se(
               {
                 type: "button",
                 className: "nice-payment-provider-config__reveal",
-                onClick: () => G(p.key),
-                "aria-label": D ? n("paymentProviderConfig.hide", "Hide") : n("paymentProviderConfig.reveal", "Reveal"),
-                "aria-pressed": D,
-                children: /* @__PURE__ */ c(ve, { name: D ? "eye-off" : "eye", size: 14 })
+                onClick: () => G(m.key),
+                "aria-label": P ? n("paymentProviderConfig.hide", "Hide") : n("paymentProviderConfig.reveal", "Reveal"),
+                "aria-pressed": P,
+                children: /* @__PURE__ */ c(ve, { name: P ? "eye-off" : "eye", size: 14 })
               }
             )
           ] }),
-          p.help && /* @__PURE__ */ c("span", { className: "nice-payment-provider-config__help", children: p.help })
-        ] }, p.key);
+          m.help && /* @__PURE__ */ c("span", { className: "nice-payment-provider-config__help", children: m.help })
+        ] }, m.key);
       }) }),
-      P.supportedMethods && P.supportedMethods.length > 0 && /* @__PURE__ */ _("div", { className: "nice-payment-provider-config__methods", children: [
+      $.supportedMethods && $.supportedMethods.length > 0 && /* @__PURE__ */ f("div", { className: "nice-payment-provider-config__methods", children: [
         /* @__PURE__ */ c("span", { className: "nice-payment-provider-config__field-label", children: n("paymentProviderConfig.enabledMethods", "Enabled methods") }),
-        /* @__PURE__ */ c("div", { className: "nice-payment-provider-config__method-list", children: P.supportedMethods.map((p) => /* @__PURE__ */ _("label", { className: "nice-payment-provider-config__method", children: [
+        /* @__PURE__ */ c("div", { className: "nice-payment-provider-config__method-list", children: $.supportedMethods.map((m) => /* @__PURE__ */ f("label", { className: "nice-payment-provider-config__method", children: [
           /* @__PURE__ */ c(
             "input",
             {
               type: "checkbox",
-              checked: (g.enabledMethods ?? []).includes(p),
+              checked: (v.enabledMethods ?? []).includes(m),
               disabled: T,
-              onChange: () => re(p)
+              onChange: () => re(m)
             }
           ),
-          p
-        ] }, p)) })
+          m
+        ] }, m)) })
       ] }),
-      l && P.webhookPath && /* @__PURE__ */ _("div", { className: "nice-payment-provider-config__field", children: [
+      l && $.webhookPath && /* @__PURE__ */ f("div", { className: "nice-payment-provider-config__field", children: [
         /* @__PURE__ */ c("span", { className: "nice-payment-provider-config__field-label", children: n("paymentProviderConfig.webhookUrl", "Webhook URL") }),
-        /* @__PURE__ */ c("code", { className: "nice-payment-provider-config__webhook", children: V })
+        /* @__PURE__ */ c("code", { className: "nice-payment-provider-config__webhook", children: W })
       ] }),
-      o && /* @__PURE__ */ _("div", { className: "nice-payment-provider-config__test", children: [
+      o && /* @__PURE__ */ f("div", { className: "nice-payment-provider-config__test", children: [
         /* @__PURE__ */ c(
           "button",
           {
             type: "button",
             className: "nice-payment-provider-config__test-btn",
-            onClick: () => void X(),
-            disabled: T || I,
-            children: I ? n("paymentProviderConfig.testing", "Testing…") : f
+            onClick: () => void Q(),
+            disabled: T || S,
+            children: S ? n("paymentProviderConfig.testing", "Testing…") : h
           }
         ),
-        $ && /* @__PURE__ */ _(
+        R && /* @__PURE__ */ f(
           "span",
           {
-            className: "nice-payment-provider-config__test-result nice-payment-provider-config__test-result--" + ($.ok ? "ok" : "error"),
+            className: "nice-payment-provider-config__test-result nice-payment-provider-config__test-result--" + (R.ok ? "ok" : "error"),
             children: [
-              /* @__PURE__ */ c(ve, { name: $.ok ? "check" : "close", size: 14 }),
+              /* @__PURE__ */ c(ve, { name: R.ok ? "check" : "close", size: 14 }),
               " ",
-              $.message ?? ($.ok ? n("paymentProviderConfig.ok", "OK") : n("paymentProviderConfig.failed", "Failed"))
+              R.message ?? (R.ok ? n("paymentProviderConfig.ok", "OK") : n("paymentProviderConfig.failed", "Failed"))
             ]
           }
         )