@nice2dev/ui-money 1.2.0 → 1.2.2

package/dist/index.mjs

@@ -1,10 +1,10 @@
-var We = Object.defineProperty;
-var et = (t, e, r) => e in t ? We(t, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[e] = r;
-var G = (t, e, r) => et(t, typeof e != "symbol" ? e + "" : e, r);
-import tt, { useState as z, useRef as rt, useEffect as nt, useMemo as q, useCallback as j, forwardRef as ie, useId as be } from "react";
-import { jsxs as h, jsx as c, Fragment as at } from "react/jsx-runtime";
-import { NiceIcon as Ce, useControllableState as De, NiceTutorialButton as ct, resolveTutorial as it } from "@nice2dev/ui-core";
-const he = [
+var tt = Object.defineProperty;
+var rt = (t, e, r) => e in t ? tt(t, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[e] = r;
+var G = (t, e, r) => rt(t, typeof e != "symbol" ? e + "" : e, r);
+import nt, { useState as H, useRef as at, useEffect as ct, useMemo as K, useCallback as j, forwardRef as se, useId as _e } from "react";
+import { jsxs as _, jsx as c, Fragment as it } from "react/jsx-runtime";
+import { useNiceTranslation as oe, NiceIcon as Pe, useControllableState as Me, NiceTutorialButton as st, resolveTutorial as ot } from "@nice2dev/ui-core";
+const fe = [
   // ── Majors ─────────────────────────────────────
   { code: "USD", numeric: 840, symbol: "$", name: "US Dollar", decimals: 2, symbolFirst: !0 },
   { code: "EUR", numeric: 978, symbol: "€", name: "Euro", decimals: 2, symbolFirst: !0 },
@@ -226,174 +226,174 @@ const he = [
   { code: "ETH", numeric: 0, symbol: "Ξ", name: "Ether", decimals: 8, symbolFirst: !0 },
   { code: "USDC", numeric: 0, symbol: "USDC", name: "USD Coin", decimals: 6 },
   { code: "USDT", numeric: 0, symbol: "USDT", name: "Tether", decimals: 6 }
-], Fe = new Map(he.map((t) => [t.code, t]));
-function te(t) {
-  return Fe.get(t.toUpperCase());
+], Le = new Map(fe.map((t) => [t.code, t]));
+function re(t) {
+  return Le.get(t.toUpperCase());
 }
-function Xt(t) {
-  Fe.set(t.code.toUpperCase(), t);
-  const e = he.findIndex((r) => r.code === t.code);
-  e >= 0 ? he[e] = t : he.push(t);
+function er(t) {
+  Le.set(t.code.toUpperCase(), t);
+  const e = fe.findIndex((r) => r.code === t.code);
+  e >= 0 ? fe[e] = t : fe.push(t);
 }
-function re(t, e) {
-  const r = te(e), a = (r == null ? void 0 : r.decimals) ?? 2, n = Math.pow(10, a);
-  return { amount: (t < 0 ? -1 : 1) * Math.round(Math.abs(t) * n), currency: e.toUpperCase() };
+function ce(t, e) {
+  const r = re(e), n = (r == null ? void 0 : r.decimals) ?? 2, a = Math.pow(10, n);
+  return { amount: (t < 0 ? -1 : 1) * Math.round(Math.abs(t) * a), currency: e.toUpperCase() };
 }
-function Be(t) {
-  const e = te(t.currency), r = (e == null ? void 0 : e.decimals) ?? 2;
+function He(t) {
+  const e = re(t.currency), r = (e == null ? void 0 : e.decimals) ?? 2;
   return t.amount / Math.pow(10, r);
 }
-function st(t, e) {
+function lt(t, e) {
   return t.currency.toUpperCase() === e.currency.toUpperCase();
 }
-function Ie(t, e, r) {
-  if (!st(t, e))
+function $e(t, e, r) {
+  if (!lt(t, e))
     throw new Error(`Cannot ${r} different currencies: ${t.currency} vs ${e.currency}`);
 }
-function me(t, e) {
-  return Ie(t, e, "add"), { amount: t.amount + e.amount, currency: t.currency };
+function ye(t, e) {
+  return $e(t, e, "add"), { amount: t.amount + e.amount, currency: t.currency };
 }
-function ot(t, e) {
-  return Ie(t, e, "subtract"), { amount: t.amount - e.amount, currency: t.currency };
+function dt(t, e) {
+  return $e(t, e, "subtract"), { amount: t.amount - e.amount, currency: t.currency };
 }
-function Me(t, e) {
+function Se(t, e) {
   return {
     amount: (t.amount * e < 0 ? -1 : 1) * Math.round(Math.abs(t.amount * e)),
     currency: t.currency
   };
 }
-function Qt(t, e) {
-  return Ie(t, e, "compare"), t.amount - e.amount;
+function tr(t, e) {
+  return $e(t, e, "compare"), t.amount - e.amount;
 }
-function Vt(t) {
+function rr(t) {
   return t.amount === 0;
 }
-function Wt(t) {
+function nr(t) {
   return t.amount < 0;
 }
-function er(t) {
+function ar(t) {
   return { amount: -t.amount, currency: t.currency };
 }
-function ce(t, e = {}) {
-  const r = te(t.currency), a = e.decimals ?? (r == null ? void 0 : r.decimals) ?? 2, n = t.amount / Math.pow(10, a);
+function ie(t, e = {}) {
+  const r = re(t.currency), n = e.decimals ?? (r == null ? void 0 : r.decimals) ?? 2, a = t.amount / Math.pow(10, n);
   try {
     return new Intl.NumberFormat(e.locale, {
       style: "currency",
       currency: t.currency,
-      minimumFractionDigits: a,
-      maximumFractionDigits: a,
+      minimumFractionDigits: n,
+      maximumFractionDigits: n,
       currencyDisplay: e.currencyDisplay ?? "symbol"
-    }).format(n);
+    }).format(a);
   } catch {
-    const i = (r == null ? void 0 : r.symbol) ?? t.currency, u = n.toFixed(a);
-    return r != null && r.symbolFirst ? `${i}${u}` : `${u} ${i}`;
+    const i = (r == null ? void 0 : r.symbol) ?? t.currency, d = a.toFixed(n);
+    return r != null && r.symbolFirst ? `${i}${d}` : `${d} ${i}`;
   }
 }
-function lt(t, e) {
+function ut(t, e) {
   if (!t)
     return null;
-  let r = t.replace(/[^\d.,\-]/g, "").trim();
+  let r = t.replace(/[^\d.,-]/g, "").trim();
   if (!r || r === "-")
     return null;
-  const a = r.startsWith("-");
-  a && (r = r.slice(1));
-  const n = r.lastIndexOf("."), i = r.lastIndexOf(","), u = Math.max(n, i);
+  const n = r.startsWith("-");
+  n && (r = r.slice(1));
+  const a = r.lastIndexOf("."), i = r.lastIndexOf(","), d = Math.max(a, i);
   let s, o = "";
-  u === -1 ? s = r : (s = r.slice(0, u).replace(/[.,]/g, ""), o = r.slice(u + 1).replace(/[.,]/g, ""));
-  const l = `${s}.${o || "0"}`, p = parseFloat(l);
-  return Number.isFinite(p) ? re(a ? -p : p, e) : null;
+  d === -1 ? s = r : (s = r.slice(0, d).replace(/[.,]/g, ""), o = r.slice(d + 1).replace(/[.,]/g, ""));
+  const l = `${s}.${o || "0"}`, y = parseFloat(l);
+  return Number.isFinite(y) ? ce(n ? -y : y, e) : null;
 }
-function Ne(t) {
+function ke(t) {
   const e = (t || "").replace(/\D/g, "");
   return e ? /^4/.test(e) ? "visa" : /^(5[1-5]|2(2[2-9]|[3-6]\d|7[01]|720))/.test(e) ? "mastercard" : /^3[47]/.test(e) ? "amex" : /^(6011|65|64[4-9]|622(12[6-9]|1[3-9]\d|[2-8]\d\d|9[01]\d|92[0-5]))/.test(e) ? "discover" : /^3(0[0-5]|[68])/.test(e) ? "diners" : /^35(2[89]|[3-8])/.test(e) ? "jcb" : /^62/.test(e) ? "unionpay" : /^(50|5[6-9]|6[0-9])/.test(e) ? "maestro" : /^(2200|2201|2202|2203|2204)/.test(e) ? "mir" : /^(4011|4312|4389|4514|4576|5041|5066|5067|509|6277|6362|6363|650|6516|6550)/.test(e) ? "elo" : /^(606282|3841)/.test(e) ? "hipercard" : "unknown" : "unknown";
 }
-function Le(t) {
+function ze(t) {
   const e = (t || "").replace(/\D/g, "");
   if (e.length < 12 || e.length > 19)
     return !1;
-  let r = 0, a = !1;
-  for (let n = e.length - 1; n >= 0; n--) {
-    let i = e.charCodeAt(n) - 48;
-    a && (i *= 2, i > 9 && (i -= 9)), r += i, a = !a;
+  let r = 0, n = !1;
+  for (let a = e.length - 1; a >= 0; a--) {
+    let i = e.charCodeAt(a) - 48;
+    n && (i *= 2, i > 9 && (i -= 9)), r += i, n = !n;
   }
   return r % 10 === 0;
 }
-function dt(t, e) {
-  const r = (t || "").replace(/\D/g, ""), a = e ?? Ne(r);
-  return a === "amex" ? [r.slice(0, 4), r.slice(4, 10), r.slice(10, 15)].filter(Boolean).join(" ") : a === "diners" ? [r.slice(0, 4), r.slice(4, 10), r.slice(10, 14)].filter(Boolean).join(" ") : (r.match(/.{1,4}/g) ?? []).join(" ").trim();
+function mt(t, e) {
+  const r = (t || "").replace(/\D/g, ""), n = e ?? ke(r);
+  return n === "amex" ? [r.slice(0, 4), r.slice(4, 10), r.slice(10, 15)].filter(Boolean).join(" ") : n === "diners" ? [r.slice(0, 4), r.slice(4, 10), r.slice(10, 14)].filter(Boolean).join(" ") : (r.match(/.{1,4}/g) ?? []).join(" ").trim();
 }
-function tr(t, e) {
+function cr(t, e) {
   const r = (t || "").replace(/\D/g, "");
   if (r.length < 4)
     return r;
-  const a = r.slice(-4), n = "*".repeat(r.length - 4) + a, i = e ?? Ne(r);
-  return i === "amex" ? [n.slice(0, 4), n.slice(4, 10), n.slice(10, 15)].filter(Boolean).join(" ") : i === "diners" ? [n.slice(0, 4), n.slice(4, 10), n.slice(10, 14)].filter(Boolean).join(" ") : (n.match(/.{1,4}/g) ?? []).join(" ").trim();
+  const n = r.slice(-4), a = "*".repeat(r.length - 4) + n, i = e ?? ke(r);
+  return i === "amex" ? [a.slice(0, 4), a.slice(4, 10), a.slice(10, 15)].filter(Boolean).join(" ") : i === "diners" ? [a.slice(0, 4), a.slice(4, 10), a.slice(10, 14)].filter(Boolean).join(" ") : (a.match(/.{1,4}/g) ?? []).join(" ").trim();
 }
-function ze(t) {
+function je(t) {
   const e = (t || "").replace(/\D/g, "");
   if (e.length < 3)
     return null;
-  const r = e.slice(0, 2), a = e.length >= 4 ? e.slice(-2) : e.slice(2, 4), n = parseInt(r, 10);
-  return !Number.isFinite(n) || n < 1 || n > 12 ? null : `${r}/${a}`;
+  const r = e.slice(0, 2), n = e.length >= 4 ? e.slice(-2) : e.slice(2, 4), a = parseInt(r, 10);
+  return !Number.isFinite(a) || a < 1 || a > 12 ? null : `${r}/${n}`;
 }
-function He(t, e = /* @__PURE__ */ new Date()) {
-  const r = ze(t);
+function Ye(t, e = /* @__PURE__ */ new Date()) {
+  const r = je(t);
   if (!r)
     return !1;
-  const [a, n] = r.split("/"), i = parseInt(a, 10), u = 2e3 + parseInt(n, 10);
-  return new Date(u, i, 0, 23, 59, 59, 999).getTime() >= e.getTime();
+  const [n, a] = r.split("/"), i = parseInt(n, 10), d = 2e3 + parseInt(a, 10);
+  return new Date(d, i, 0, 23, 59, 59, 999).getTime() >= e.getTime();
 }
-function ye(t) {
+function be(t) {
   return t === "amex" ? 4 : 3;
 }
-function Te(t, e = {}) {
+function qe(t, e = {}) {
   var l;
-  const r = {}, a = Ne(t.number), n = Le(t.number);
-  n || (r.number = "Invalid card number");
-  const i = He(t.expiry, e.now);
+  const r = {}, n = ke(t.number), a = ze(t.number);
+  a || (r.number = "Invalid card number");
+  const i = Ye(t.expiry, e.now);
   i || (r.expiry = "Invalid or expired");
-  const s = (t.cvc || "").replace(/\D/g, "").length === ye(a);
-  s || (r.cvc = `CVC must be ${ye(a)} digits`);
+  const s = (t.cvc || "").replace(/\D/g, "").length === be(n);
+  s || (r.cvc = `CVC must be ${be(n)} digits`);
   const o = !e.requireHolder || (((l = t.holderName) == null ? void 0 : l.trim().length) ?? 0) >= 2;
   return o || (r.holderName = "Cardholder name required"), {
-    brand: a,
-    numberValid: n,
+    brand: n,
+    numberValid: a,
     expiryValid: i,
     cvcValid: s,
     holderValid: o,
-    isValid: n && i && s && o,
+    isValid: a && i && s && o,
     errors: r
   };
 }
-class rr {
+class ir {
   constructor(e) {
     G(this, "id", "static");
     this.rates = e;
   }
   async getRate(e, r) {
-    const a = e.toUpperCase(), n = r.toUpperCase();
-    if (a === n)
-      return { base: a, quote: n, rate: 1, asOf: (/* @__PURE__ */ new Date()).toISOString() };
-    const i = this.rates.find((l) => l.base === a && l.quote === n);
+    const n = e.toUpperCase(), a = r.toUpperCase();
+    if (n === a)
+      return { base: n, quote: a, rate: 1, asOf: (/* @__PURE__ */ new Date()).toISOString() };
+    const i = this.rates.find((l) => l.base === n && l.quote === a);
     if (i)
       return i;
-    const u = this.rates.find((l) => l.base === n && l.quote === a);
-    if (u)
-      return { base: a, quote: n, rate: 1 / u.rate, asOf: u.asOf };
-    const s = this.rates.find((l) => l.base === a && l.quote === "USD") ?? this.rates.find((l) => l.base === "USD" && l.quote === a), o = this.rates.find((l) => l.base === "USD" && l.quote === n) ?? this.rates.find((l) => l.base === n && l.quote === "USD");
+    const d = this.rates.find((l) => l.base === a && l.quote === n);
+    if (d)
+      return { base: n, quote: a, rate: 1 / d.rate, asOf: d.asOf };
+    const s = 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 (s && o) {
-      const l = s.base === "USD" ? 1 / s.rate : s.rate, p = o.base === "USD" ? o.rate : 1 / o.rate;
+      const l = s.base === "USD" ? 1 / s.rate : s.rate, y = o.base === "USD" ? o.rate : 1 / o.rate;
       return {
-        base: a,
-        quote: n,
-        rate: l * p,
+        base: n,
+        quote: a,
+        rate: l * y,
         asOf: (/* @__PURE__ */ new Date()).toISOString()
       };
     }
-    throw new Error(`No FX rate for ${a}/${n}`);
+    throw new Error(`No FX rate for ${n}/${a}`);
   }
 }
-class we {
+class Ce {
   constructor(e = {}) {
     G(this, "cache", /* @__PURE__ */ new Map());
     G(this, "fetchImpl");
@@ -404,8 +404,8 @@ class we {
     return `${this.id}:${e.toUpperCase()}/${r.toUpperCase()}`;
   }
   getCached(e, r) {
-    const a = this.cacheKey(e, r), n = this.cache.get(a);
-    return n && n.expires > Date.now() ? n.rate : (n && this.cache.delete(a), null);
+    const n = this.cacheKey(e, r), a = this.cache.get(n);
+    return a && a.expires > Date.now() ? a.rate : (a && this.cache.delete(n), null);
   }
   setCached(e) {
     this.cache.set(this.cacheKey(e.base, e.quote), {
@@ -414,135 +414,135 @@ class we {
     });
   }
 }
-class ut extends we {
+class pt extends Ce {
   constructor(r = {}) {
     super(r);
     G(this, "id", "frankfurter");
   }
-  async getRate(r, a) {
-    const n = r.toUpperCase(), i = a.toUpperCase();
-    if (n === i)
-      return { base: n, quote: i, rate: 1, asOf: (/* @__PURE__ */ new Date()).toISOString() };
-    const u = this.getCached(n, i);
-    if (u)
-      return u;
-    const s = `https://api.frankfurter.app/latest?from=${n}&to=${i}`, o = await this.fetchImpl(s);
+  async getRate(r, n) {
+    const a = r.toUpperCase(), i = n.toUpperCase();
+    if (a === i)
+      return { base: a, quote: i, rate: 1, asOf: (/* @__PURE__ */ new Date()).toISOString() };
+    const d = this.getCached(a, i);
+    if (d)
+      return d;
+    const s = `https://api.frankfurter.app/latest?from=${a}&to=${i}`, o = await this.fetchImpl(s);
     if (!o.ok)
       throw new Error(`Frankfurter HTTP ${o.status}`);
-    const l = await o.json(), p = l.rates[i];
-    if (p == null)
-      throw new Error(`Frankfurter: no rate for ${n}/${i}`);
-    const v = { base: n, quote: i, rate: p, asOf: l.date };
-    return this.setCached(v), v;
+    const l = await o.json(), y = l.rates[i];
+    if (y == null)
+      throw new Error(`Frankfurter: no rate for ${a}/${i}`);
+    const N = { base: a, quote: i, rate: y, asOf: l.date };
+    return this.setCached(N), N;
   }
 }
-class mt extends we {
-  constructor(r, a = {}) {
-    super(a);
+class yt extends Ce {
+  constructor(r, n = {}) {
+    super(n);
     G(this, "id", "openexchangerates");
     this.appId = r;
   }
-  async getRate(r, a) {
-    const n = r.toUpperCase(), i = a.toUpperCase();
-    if (n === i)
-      return { base: n, quote: i, rate: 1, asOf: (/* @__PURE__ */ new Date()).toISOString() };
-    const u = this.getCached(n, i);
-    if (u)
-      return u;
+  async getRate(r, n) {
+    const a = r.toUpperCase(), i = n.toUpperCase();
+    if (a === i)
+      return { base: a, quote: i, rate: 1, asOf: (/* @__PURE__ */ new Date()).toISOString() };
+    const d = this.getCached(a, i);
+    if (d)
+      return d;
     const s = `https://openexchangerates.org/api/latest.json?app_id=${this.appId}`, o = await this.fetchImpl(s);
     if (!o.ok)
       throw new Error(`OpenExchangeRates HTTP ${o.status}`);
-    const l = await o.json(), p = l.rates[n], v = l.rates[i];
-    if (p == null || v == null)
-      throw new Error(`OpenExchangeRates: missing rate for ${n} or ${i}`);
-    const y = {
-      base: n,
+    const l = await o.json(), y = l.rates[a], N = l.rates[i];
+    if (y == null || N == null)
+      throw new Error(`OpenExchangeRates: missing rate for ${a} or ${i}`);
+    const b = {
+      base: a,
       quote: i,
-      rate: v / p,
+      rate: N / y,
       asOf: new Date(l.timestamp * 1e3).toISOString()
     };
-    return this.setCached(y), y;
+    return this.setCached(b), b;
   }
 }
-class pt extends we {
+class ht extends Ce {
   constructor(r = {}) {
     super(r);
     G(this, "id", "exchangerate.host");
   }
-  async getRate(r, a) {
-    var y;
-    const n = r.toUpperCase(), i = a.toUpperCase();
-    if (n === i)
-      return { base: n, quote: i, rate: 1, asOf: (/* @__PURE__ */ new Date()).toISOString() };
-    const u = this.getCached(n, i);
-    if (u)
-      return u;
-    const s = `https://api.exchangerate.host/convert?from=${n}&to=${i}`, o = await this.fetchImpl(s);
+  async getRate(r, n) {
+    var b;
+    const a = r.toUpperCase(), i = n.toUpperCase();
+    if (a === i)
+      return { base: a, quote: i, rate: 1, asOf: (/* @__PURE__ */ new Date()).toISOString() };
+    const d = this.getCached(a, i);
+    if (d)
+      return d;
+    const s = `https://api.exchangerate.host/convert?from=${a}&to=${i}`, o = await this.fetchImpl(s);
     if (!o.ok)
       throw new Error(`exchangerate.host HTTP ${o.status}`);
-    const l = await o.json(), p = ((y = l.info) == null ? void 0 : y.rate) ?? l.result, v = { base: n, quote: i, rate: p, asOf: l.date };
-    return this.setCached(v), v;
+    const l = await o.json(), y = ((b = l.info) == null ? void 0 : b.rate) ?? l.result, N = { base: a, quote: i, rate: y, asOf: l.date };
+    return this.setCached(N), N;
   }
 }
-class yt extends we {
+class bt extends Ce {
   constructor(r = {}) {
     super(r);
     G(this, "id", "nbp");
     G(this, "table");
     this.table = r.table ?? "A";
   }
-  async getRate(r, a) {
-    const n = r.toUpperCase(), i = a.toUpperCase();
-    if (n === i)
-      return { base: n, quote: i, rate: 1, asOf: (/* @__PURE__ */ new Date()).toISOString() };
-    const u = this.getCached(n, i);
-    if (u)
-      return u;
-    const s = async (v) => {
-      var g;
-      if (v === "PLN")
+  async getRate(r, n) {
+    const a = r.toUpperCase(), i = n.toUpperCase();
+    if (a === i)
+      return { base: a, quote: i, rate: 1, asOf: (/* @__PURE__ */ new Date()).toISOString() };
+    const d = this.getCached(a, i);
+    if (d)
+      return d;
+    const s = async (N) => {
+      var w;
+      if (N === "PLN")
         return { rate: 1, date: (/* @__PURE__ */ new Date()).toISOString().slice(0, 10) };
-      const y = `https://api.nbp.pl/api/exchangerates/rates/${this.table}/${v}/?format=json`, d = await this.fetchImpl(y);
-      if (!d.ok)
+      const b = `https://api.nbp.pl/api/exchangerates/rates/${this.table}/${N}/?format=json`, u = await this.fetchImpl(b);
+      if (!u.ok)
         return null;
-      const f = (g = (await d.json()).rates) == null ? void 0 : g[0];
-      return f ? { rate: f.mid ?? f.ask ?? 0, date: f.effectiveDate } : null;
-    }, o = await s(n), l = await s(i);
+      const h = (w = (await u.json()).rates) == null ? void 0 : w[0];
+      return h ? { rate: h.mid ?? h.ask ?? 0, date: h.effectiveDate } : null;
+    }, o = await s(a), l = await s(i);
     if (!o || !l || o.rate === 0)
-      throw new Error(`NBP: missing rate for ${n} or ${i}`);
-    const p = {
-      base: n,
+      throw new Error(`NBP: missing rate for ${a} or ${i}`);
+    const y = {
+      base: a,
       quote: i,
       rate: o.rate / l.rate,
       asOf: o.date
     };
-    return this.setCached(p), p;
+    return this.setCached(y), y;
   }
 }
-class ht extends ut {
+class ft extends pt {
   constructor() {
     super(...arguments);
     G(this, "id", "ecb");
   }
 }
-class bt extends pt {
+class _t extends ht {
   constructor() {
     super(...arguments);
     G(this, "id", "free-forex");
   }
 }
-const nr = (t = {}) => new yt(t), ar = (t = {}) => new ht(t), cr = (t) => new mt(t.apiKey, t), ir = (t = {}) => new bt(t);
-async function ft(t, e, r) {
-  const a = e.toUpperCase();
-  if (t.currency.toUpperCase() === a)
+const sr = (t = {}) => new bt(t), or = (t = {}) => new ft(t), lr = (t) => new yt(t.apiKey, t), dr = (t = {}) => new _t(t);
+async function gt(t, e, r) {
+  const n = e.toUpperCase();
+  if (t.currency.toUpperCase() === n)
     return t;
-  const n = te(t.currency), i = te(a), u = (n == null ? void 0 : n.decimals) ?? 2, s = (i == null ? void 0 : i.decimals) ?? 2, { rate: o } = await r.getRate(t.currency, a), p = t.amount / Math.pow(10, u) * o;
+  const a = re(t.currency), i = re(n), d = (a == null ? void 0 : a.decimals) ?? 2, s = (i == null ? void 0 : i.decimals) ?? 2, { rate: o } = await r.getRate(t.currency, n), y = t.amount / Math.pow(10, d) * o;
   return {
-    currency: a,
-    amount: Math.round(p * Math.pow(10, s))
+    currency: n,
+    amount: Math.round(y * Math.pow(10, s))
   };
 }
-class _t {
+class vt {
   constructor(e = {}) {
     G(this, "id");
     G(this, "name");
@@ -583,12 +583,12 @@ class _t {
     };
   }
 }
-function V(t, e, r, a, n) {
-  const i = (u) => {
-    const s = a == null ? void 0 : a[u];
+function V(t, e, r, n, a) {
+  const i = (d) => {
+    const s = n == null ? void 0 : n[d];
     return s || (async () => {
       throw new Error(
-        `[ui-money] ${e} adapter is not wired. Pass an \`executor.${String(u)}\` implementation that calls the ${e} SDK.`
+        `[ui-money] ${e} adapter is not wired. Pass an \`executor.${String(d)}\` implementation that calls the ${e} SDK.`
       );
     });
   };
@@ -596,14 +596,14 @@ function V(t, e, r, a, n) {
     id: t,
     name: e,
     supportedCurrencies: r,
-    minimums: n,
+    minimums: a,
     authorize: i("authorize"),
     capture: i("capture"),
     cancel: i("cancel"),
     refund: i("refund")
   };
 }
-function gt(t) {
+function Nt(t) {
   return V("stripe", "Stripe", "*", t, {
     USD: 50,
     EUR: 50,
@@ -618,7 +618,7 @@ function gt(t) {
     PLN: 200
   });
 }
-function vt(t) {
+function wt(t) {
   return V(
     "paypal",
     "PayPal",
@@ -649,22 +649,22 @@ function vt(t) {
     t
   );
 }
-function Nt(t) {
+function kt(t) {
   return V("adyen", "Adyen", "*", t);
 }
-function wt(t) {
+function Ct(t) {
   return V("square", "Square", ["USD", "CAD", "GBP", "AUD", "JPY", "EUR"], t);
 }
-function kt(t) {
+function Dt(t) {
   return V("mollie", "Mollie", "*", t);
 }
-function Ct(t) {
+function Pt(t) {
   return V("braintree", "Braintree", "*", t);
 }
-function Dt(t) {
+function Mt(t) {
   return V("razorpay", "Razorpay", ["INR", "USD", "EUR", "GBP", "AED"], t);
 }
-function Mt(t) {
+function St(t) {
   return V(
     "payu",
     "PayU",
@@ -672,20 +672,20 @@ function Mt(t) {
     t
   );
 }
-function Pt(t) {
+function It(t) {
   return V("przelewy24", "Przelewy24", ["PLN", "EUR"], t);
 }
-function It(t = {}) {
+function $t(t = {}) {
   return V("tpay", "Tpay", ["PLN", "EUR", "USD", "GBP"], t);
 }
-function St(t = {}) {
+function xt(t = {}) {
   return V("autopay", "Autopay", ["PLN", "EUR", "USD", "GBP", "CZK"], t);
 }
-function $t(t = {}) {
+function Rt(t = {}) {
   const { acquirer: e = "native", ...r } = t;
   return V(`blik:${e}`, `BLIK (${e})`, ["PLN"], r);
 }
-function xt(t) {
+function Ut(t) {
   return V(
     "klarna",
     "Klarna",
@@ -693,7 +693,7 @@ function xt(t) {
     t
   );
 }
-function Rt(t) {
+function At(t) {
   return V(
     "coinbase-commerce",
     "Coinbase Commerce",
@@ -701,31 +701,31 @@ function Rt(t) {
     t
   );
 }
-const Ut = {
-  mock: () => new _t(),
-  stripe: () => gt(),
-  paypal: () => vt(),
-  adyen: () => Nt(),
-  square: () => wt(),
-  mollie: () => kt(),
-  braintree: () => Ct(),
-  razorpay: () => Dt(),
-  payu: () => Mt(),
-  przelewy24: () => Pt(),
-  tpay: () => It(),
-  autopay: () => St(),
-  blik: () => $t(),
-  klarna: () => xt(),
-  "coinbase-commerce": () => Rt()
+const Tt = {
+  mock: () => new vt(),
+  stripe: () => Nt(),
+  paypal: () => wt(),
+  adyen: () => kt(),
+  square: () => Ct(),
+  mollie: () => Dt(),
+  braintree: () => Pt(),
+  razorpay: () => Mt(),
+  payu: () => St(),
+  przelewy24: () => It(),
+  tpay: () => $t(),
+  autopay: () => xt(),
+  blik: () => Rt(),
+  klarna: () => Ut(),
+  "coinbase-commerce": () => At()
 };
-function At(t) {
-  const e = Ut[t];
+function Et(t) {
+  const e = Tt[t];
   return e ? e().supportedCurrencies : "*";
 }
-function Et(t) {
+function Ft(t) {
   return `/api/payments/${t}/webhook`;
 }
-const Tt = [
+const qt = [
   {
     id: "stripe",
     name: "Stripe",
@@ -936,408 +936,418 @@ const Tt = [
     supportedMethods: ["wallet"],
     hasTestMode: !0
   }
-], ve = Object.fromEntries(
-  Tt.map((t) => {
-    const { currencyKey: e, ...r } = t, a = {
+], we = /* @__PURE__ */ Object.fromEntries(
+  qt.map((t) => {
+    const { currencyKey: e, ...r } = t, n = {
       ...r,
-      supportedCurrencies: At(e ?? t.id),
-      webhookPath: Et(t.id)
+      supportedCurrencies: Et(e ?? t.id),
+      webhookPath: Ft(t.id)
     };
-    return [t.id, a];
+    return [t.id, n];
   })
-), qt = Object.values(
-  ve
+), Ot = /* @__PURE__ */ Object.values(
+  we
 );
-function sr(t) {
-  return ve[t];
+function ur(t) {
+  return we[t];
 }
-function or(t, e) {
-  const r = q(
-    () => "amount" in t ? t : re(
+function mr(t, e) {
+  const r = K(
+    () => "amount" in t ? t : ce(
       t.major,
       t.currency
     ),
     // eslint-disable-next-line react-hooks/exhaustive-deps
     []
-  ), [a, n] = z(r), i = j(
-    (y) => n((d) => re(y, d.currency)),
+  ), [n, a] = H(r), i = j(
+    (b) => a((u) => ce(b, u.currency)),
     []
-  ), u = j((y) => {
-    n((d) => ({ ...d, currency: y.toUpperCase() }));
-  }, []), s = j((y) => n((d) => me(d, y)), []), o = j(
-    (y) => n((d) => ot(d, y)),
+  ), d = j((b) => {
+    a((u) => ({ ...u, currency: b.toUpperCase() }));
+  }, []), s = j((b) => a((u) => ye(u, b)), []), o = j(
+    (b) => a((u) => dt(u, b)),
     []
   ), l = j(
-    (y) => n((d) => Me(d, y)),
+    (b) => a((u) => Se(u, b)),
     []
-  ), p = q(() => ce(a, { locale: e }), [a, e]), v = q(() => Be(a), [a]);
-  return { money: a, setMoney: n, setMajor: i, setCurrency: u, add: s, subtract: o, scale: l, formatted: p, major: v };
+  ), y = K(() => ie(n, { locale: e }), [n, e]), N = K(() => He(n), [n]);
+  return { money: n, setMoney: a, setMajor: i, setCurrency: d, add: s, subtract: o, scale: l, formatted: y, major: N };
 }
-function Pe(t, e, r) {
-  const [a, n] = z(null), [i, u] = z(null), [s, o] = z(!1), l = rt(0);
-  return nt(() => {
-    if (!t) {
-      n(null);
+function Ie(t, e, r) {
+  const [n, a] = H(null), [i, d] = H(null), [s, o] = H(!1), l = at(0), y = t == null ? void 0 : t.amount, N = t == null ? void 0 : t.currency;
+  return ct(() => {
+    if (y === void 0 || N === void 0) {
+      a(null);
       return;
     }
-    const p = ++l.current;
-    o(!0), u(null), ft(t, e, r).then((v) => {
-      l.current === p && n(v);
-    }).catch((v) => {
-      l.current === p && (u(v instanceof Error ? v : new Error(String(v))), n(null));
+    const b = ++l.current;
+    o(!0), d(null), gt({ amount: y, currency: N }, e, r).then((u) => {
+      l.current === b && a(u);
+    }).catch((u) => {
+      l.current === b && (d(u instanceof Error ? u : new Error(String(u))), a(null));
     }).finally(() => {
-      l.current === p && o(!1);
+      l.current === b && o(!1);
     });
-  }, [t == null ? void 0 : t.amount, t == null ? void 0 : t.currency, e, r]), { converted: a, loading: s, error: i };
+  }, [y, N, e, r]), { converted: n, loading: s, error: i };
 }
 function Kt(t) {
-  const [e, r] = z("idle"), [a, n] = z(null), [i, u] = z(null), s = j(() => {
-    r("idle"), n(null), u(null);
+  const [e, r] = H("idle"), [n, a] = H(null), [i, d] = H(null), s = j(() => {
+    r("idle"), a(null), d(null);
   }, []), o = j(
-    async (y) => {
-      r("authorizing"), u(null);
+    async (b) => {
+      r("authorizing"), d(null);
       try {
-        const d = await t.authorize(y);
-        return n(d), r(d.status), d;
-      } catch (d) {
-        const b = d instanceof Error ? d : new Error(String(d));
-        throw u(b), r("failed"), b;
+        const u = await t.authorize(b);
+        return a(u), r(u.status), u;
+      } catch (u) {
+        const f = u instanceof Error ? u : new Error(String(u));
+        throw d(f), r("failed"), f;
       }
     },
     [t]
   ), l = j(
-    async (y, d) => {
-      const b = y ?? (a == null ? void 0 : a.id);
-      if (!b)
+    async (b, u) => {
+      const f = b ?? (n == null ? void 0 : n.id);
+      if (!f)
         throw new Error("No authorization id to capture");
       r("capturing");
       try {
-        const f = await t.capture(b, d);
-        return n(f), r(f.status), f;
-      } catch (f) {
-        const g = f instanceof Error ? f : new Error(String(f));
-        throw u(g), r("failed"), g;
+        const h = await t.capture(f, u);
+        return a(h), r(h.status), h;
+      } catch (h) {
+        const w = h instanceof Error ? h : new Error(String(h));
+        throw d(w), r("failed"), w;
       }
     },
-    [t, a == null ? void 0 : a.id]
-  ), p = j(
-    async (y) => {
-      const d = y ?? (a == null ? void 0 : a.id);
-      if (!d)
+    [t, n == null ? void 0 : n.id]
+  ), y = j(
+    async (b) => {
+      const u = b ?? (n == null ? void 0 : n.id);
+      if (!u)
         throw new Error("No payment id to cancel");
-      const b = await t.cancel(d);
-      return n(b), r(b.status), b;
+      const f = await t.cancel(u);
+      return a(f), r(f.status), f;
     },
-    [t, a == null ? void 0 : a.id]
-  ), v = j(
-    async (y, d) => {
-      const b = y ?? (a == null ? void 0 : a.id);
-      if (!b)
+    [t, n == null ? void 0 : n.id]
+  ), N = j(
+    async (b, u) => {
+      const f = b ?? (n == null ? void 0 : n.id);
+      if (!f)
         throw new Error("No payment id to refund");
-      const f = await t.refund(b, d);
-      return n(f), r(f.status), f;
+      const h = await t.refund(f, u);
+      return a(h), r(h.status), h;
     },
-    [t, a == null ? void 0 : a.id]
+    [t, n == null ? void 0 : n.id]
   );
-  return { status: e, response: a, error: i, authorize: o, capture: l, cancel: p, refund: v, reset: s };
+  return { status: e, response: n, error: i, authorize: o, capture: l, cancel: y, refund: N, reset: s };
 }
-const qe = ie(function({
-  value: e,
-  amount: r,
-  currency: a,
-  locale: n,
-  display: i = "symbol",
-  highlightNegative: u = !0,
-  zeroPlaceholder: s,
-  convertTo: o,
-  exchangeProvider: l,
-  className: p,
-  style: v,
-  "aria-label": y
-}, d) {
-  const b = q(() => {
-    if (e)
-      return e;
-    if (r != null && a) {
-      const N = te(a), D = (N == null ? void 0 : N.decimals) ?? 2;
-      return {
-        amount: Math.round(r * Math.pow(10, D)),
-        currency: a.toUpperCase()
-      };
-    }
-    return null;
-  }, [e, r, a]), f = q(() => b ? b.amount === 0 && s != null ? s : ce(b, { locale: n, currencyDisplay: i }) : "", [b, n, i, s]), { converted: g } = Pe(
-    o && l ? b : null,
-    o ?? "",
-    l
-  );
-  if (!b)
-    return null;
-  const _ = b.amount < 0, w = "nice-money" + (u && _ ? " nice-money--negative" : "") + (p ? ` ${p}` : "");
-  return /* @__PURE__ */ h("span", { ref: d, className: w, style: v, "aria-label": y, children: [
-    /* @__PURE__ */ c("span", { className: "nice-money__value", children: f }),
-    g && /* @__PURE__ */ h("span", { className: "nice-money__converted", "aria-label": `Converted to ${g.currency}`, children: [
-      " ≈ ",
-      ce(g, { locale: n })
-    ] })
-  ] });
-}), lr = he.map((t) => t.code).sort(), je = ie(
+const Oe = /* @__PURE__ */ se(
   function({
     value: e,
-    onChange: r,
-    options: a = he,
-    recents: n = [],
-    searchable: i,
-    showCode: u = !0,
-    showSymbol: s = !0,
-    compact: o = !1,
-    disabled: l,
-    readOnly: p,
-    loading: v,
-    accessMode: y,
-    label: d,
-    helperText: b,
-    error: f,
-    required: g,
-    size: _ = "md",
-    labelPlacement: w = "top",
-    labelWidth: N,
-    controlWidth: D,
-    className: x,
-    style: A,
-    id: I,
-    name: M,
-    title: R,
-    "data-testid": X,
-    "aria-label": O,
-    placeholder: k
-  }, F) {
-    const T = y === "hidden", Q = l || y === "disabled" || v, ne = p || y === "readOnly", B = be(), ae = I ?? `nice-cs-${B}`, [Z, U] = z(""), E = i ?? a.length > 8, Y = q(() => {
-      if (!Z.trim())
-        return a;
-      const P = Z.trim().toLowerCase();
-      return a.filter(
-        (S) => S.code.toLowerCase().includes(P) || S.name.toLowerCase().includes(P) || S.symbol.toLowerCase().includes(P)
-      );
-    }, [a, Z]), m = q(() => {
-      const P = /* @__PURE__ */ new Set();
-      return n.map((S) => te(S)).filter((S) => !!S && !P.has(S.code) && !!P.add(S.code));
-    }, [n]), L = j(
-      (P) => {
-        const S = P.target.value, oe = te(S);
-        oe && (r == null || r(S, oe));
-      },
-      [r]
-    ), H = (P) => {
-      if (o)
-        return `${s ? P.symbol + " " : ""}${P.code}`;
-      const S = [];
-      return s && S.push(P.symbol), u && S.push(P.code), S.push("—", P.name), S.join(" ");
-    }, C = `nice-currency-selector nice-currency-selector--${_} nice-currency-selector--label-${w}` + (o ? " nice-currency-selector--compact" : "") + (f ? " nice-currency-selector--error" : "") + (Q ? " nice-currency-selector--disabled" : "") + (x ? ` ${x}` : ""), K = w === "left" && N != null ? { width: typeof N == "number" ? `${N}px` : N, flex: "none" } : void 0, se = D != null ? {
-      width: typeof D == "number" ? `${D}px` : D,
-      flex: "none"
-    } : void 0;
-    return T ? null : /* @__PURE__ */ h("div", { ref: F, className: C, style: A, title: R, "data-testid": X, children: [
-      d && /* @__PURE__ */ h("label", { htmlFor: ae, className: "nice-currency-selector__label", style: K, children: [
-        d,
-        g && /* @__PURE__ */ c("span", { className: "nice-currency-selector__required", "aria-hidden": !0, children: "*" })
-      ] }),
-      /* @__PURE__ */ h("div", { className: "nice-currency-selector__inner", style: se, children: [
-        E && /* @__PURE__ */ c(
-          "input",
-          {
-            type: "search",
-            className: "nice-currency-selector__search",
-            placeholder: "Search currency…",
-            value: Z,
-            onChange: (P) => U(P.target.value),
-            disabled: Q || ne,
-            "aria-label": "Search currency"
-          }
-        ),
-        /* @__PURE__ */ h(
-          "select",
-          {
-            id: ae,
-            name: M,
-            className: "nice-currency-selector__select",
-            value: e ?? "",
-            onChange: L,
-            disabled: Q || ne,
-            required: g,
-            "aria-invalid": !!f,
-            "aria-label": O ?? (typeof d == "string" ? d : "Currency"),
-            children: [
-              !e && /* @__PURE__ */ c("option", { value: "", children: k ?? "Select currency…" }),
-              m.length > 0 && /* @__PURE__ */ c("optgroup", { label: "Recent", children: m.map((P) => /* @__PURE__ */ c("option", { value: P.code, children: H(P) }, `r-${P.code}`)) }),
-              /* @__PURE__ */ c("optgroup", { label: m.length > 0 ? "All" : "", children: Y.map((P) => /* @__PURE__ */ c("option", { value: P.code, children: H(P) }, P.code)) })
-            ]
-          }
-        )
-      ] }),
-      (f || b) && /* @__PURE__ */ c(
+    amount: r,
+    currency: n,
+    locale: a,
+    display: i = "symbol",
+    highlightNegative: d = !0,
+    zeroPlaceholder: s,
+    convertTo: o,
+    exchangeProvider: l,
+    className: y,
+    style: N,
+    "aria-label": b
+  }, u) {
+    const { t: f } = oe(), h = K(() => {
+      if (e)
+        return e;
+      if (r != null && n) {
+        const v = re(n), S = (v == null ? void 0 : v.decimals) ?? 2;
+        return {
+          amount: Math.round(r * Math.pow(10, S)),
+          currency: n.toUpperCase()
+        };
+      }
+      return null;
+    }, [e, r, n]), w = K(() => h ? h.amount === 0 && s != null ? s : ie(h, { locale: a, currencyDisplay: i }) : "", [h, a, i, s]), { converted: x } = Ie(
+      o && l ? h : null,
+      o ?? "",
+      l
+    );
+    if (!h)
+      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": b, children: [
+      /* @__PURE__ */ c("span", { className: "nice-money__value", children: w }),
+      x && /* @__PURE__ */ _(
         "span",
         {
-          className: f ? "nice-currency-selector__error" : "nice-currency-selector__helper",
-          children: f ?? b
+          className: "nice-money__converted",
+          "aria-label": f("money.convertedTo", "Converted to {currency}").replace(
+            "{currency}",
+            String(x.currency)
+          ),
+          children: [
+            " ≈ ",
+            ie(x, { locale: a })
+          ]
         }
       )
     ] });
   }
-), Ye = ie(
+), pr = fe.map((t) => t.code).sort(), Ge = /* @__PURE__ */ se(function({
+  value: e,
+  onChange: r,
+  options: n = fe,
+  recents: a = [],
+  searchable: i,
+  showCode: d = !0,
+  showSymbol: s = !0,
+  compact: o = !1,
+  disabled: l,
+  readOnly: y,
+  loading: N,
+  accessMode: b,
+  label: u,
+  helperText: f,
+  error: h,
+  required: w,
+  size: x = "md",
+  labelPlacement: m = "top",
+  labelWidth: g,
+  controlWidth: v,
+  className: S,
+  style: A,
+  id: P,
+  name: M,
+  title: q,
+  "data-testid": I,
+  "aria-label": W,
+  placeholder: B
+}, D) {
+  const { t: T } = oe(), O = b === "hidden", X = l || b === "disabled" || N, ne = y || b === "readOnly", Y = _e(), Z = P ?? `nice-cs-${Y}`, [Q, ae] = H(""), E = i ?? n.length > 8, k = K(() => {
+    if (!Q.trim())
+      return n;
+    const $ = Q.trim().toLowerCase();
+    return n.filter(
+      (R) => R.code.toLowerCase().includes($) || R.name.toLowerCase().includes($) || R.symbol.toLowerCase().includes($)
+    );
+  }, [n, Q]), p = K(() => {
+    const $ = /* @__PURE__ */ new Set();
+    return a.map((R) => re(R)).filter((R) => !!R && !$.has(R.code) && !!$.add(R.code));
+  }, [a]), F = j(
+    ($) => {
+      const R = $.target.value, de = re(R);
+      de && (r == null || r(R, de));
+    },
+    [r]
+  ), z = ($) => {
+    if (o)
+      return `${s ? $.symbol + " " : ""}${$.code}`;
+    const R = [];
+    return s && R.push($.symbol), d && R.push($.code), R.push("—", $.name), R.join(" ");
+  }, C = `nice-currency-selector nice-currency-selector--${x} nice-currency-selector--label-${m}` + (o ? " nice-currency-selector--compact" : "") + (h ? " nice-currency-selector--error" : "") + (X ? " nice-currency-selector--disabled" : "") + (S ? ` ${S}` : ""), L = 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,
+    flex: "none"
+  } : void 0;
+  return O ? null : /* @__PURE__ */ _("div", { ref: D, className: C, style: A, title: q, "data-testid": I, children: [
+    u && /* @__PURE__ */ _("label", { htmlFor: Z, className: "nice-currency-selector__label", style: L, children: [
+      u,
+      w && /* @__PURE__ */ c("span", { className: "nice-currency-selector__required", "aria-hidden": !0, children: "*" })
+    ] }),
+    /* @__PURE__ */ _("div", { className: "nice-currency-selector__inner", style: le, children: [
+      E && /* @__PURE__ */ c(
+        "input",
+        {
+          type: "search",
+          className: "nice-currency-selector__search",
+          placeholder: T("currencySelector.searchCurrency", "Search currency…"),
+          value: Q,
+          onChange: ($) => ae($.target.value),
+          disabled: X || ne,
+          "aria-label": T("currencySelector.searchCurrency2", "Search currency")
+        }
+      ),
+      /* @__PURE__ */ _(
+        "select",
+        {
+          id: Z,
+          name: M,
+          className: "nice-currency-selector__select",
+          value: e ?? "",
+          onChange: F,
+          disabled: X || ne,
+          required: w,
+          "aria-invalid": !!h,
+          "aria-label": W ?? (typeof u == "string" ? u : T("currencySelector.currency", "Currency")),
+          children: [
+            !e && /* @__PURE__ */ c("option", { value: "", children: B ?? T("currencySelector.selectCurrency", "Select currency…") }),
+            p.length > 0 && /* @__PURE__ */ c("optgroup", { label: T("currencySelector.recent", "Recent"), children: p.map(($) => /* @__PURE__ */ c("option", { value: $.code, children: z($) }, `r-${$.code}`)) }),
+            /* @__PURE__ */ c("optgroup", { label: p.length > 0 ? T("currencySelector.all", "All") : "", children: k.map(($) => /* @__PURE__ */ c("option", { value: $.code, children: z($) }, $.code)) })
+          ]
+        }
+      )
+    ] }),
+    (h || f) && /* @__PURE__ */ c(
+      "span",
+      {
+        className: h ? "nice-currency-selector__error" : "nice-currency-selector__helper",
+        children: h ?? f
+      }
+    )
+  ] });
+}), Ze = /* @__PURE__ */ se(
   function({
     value: e,
     onChange: r,
-    currency: a,
-    onCurrencyChange: n,
+    currency: n,
+    onCurrencyChange: a,
     currencies: i,
-    hideCurrencySelector: u,
+    hideCurrencySelector: d,
     min: s,
     max: o,
     step: l,
-    locale: p,
-    placeholder: v,
-    label: y,
-    helperText: d,
-    error: b,
-    size: f = "md",
-    disabled: g,
-    readOnly: _,
-    required: w,
-    loading: N,
-    accessMode: D,
-    labelPlacement: x = "top",
+    locale: y,
+    placeholder: N,
+    label: b,
+    helperText: u,
+    error: f,
+    size: h = "md",
+    disabled: w,
+    readOnly: x,
+    required: m,
+    loading: g,
+    accessMode: v,
+    labelPlacement: S = "top",
     errorPlacement: A = "bottom",
-    labelWidth: I,
+    labelWidth: P,
     controlWidth: M,
-    submitOnEnter: R,
-    onSubmit: X,
-    showFormattedPreview: O = !0,
-    showSteppers: k = !1,
-    className: F,
+    submitOnEnter: q,
+    onSubmit: I,
+    showFormattedPreview: W = !0,
+    showSteppers: B = !1,
+    className: D,
     style: T,
-    id: Q,
-    name: ne,
-    title: B,
-    "data-testid": ae,
+    id: O,
+    name: X,
+    title: ne,
+    "data-testid": Y,
     onBlur: Z,
-    onFocus: U,
-    liveGrouping: E,
-    multiplierShortcuts: Y = !0,
-    onValidationError: m
-  }, L) {
-    const H = g || D === "disabled" || N, C = _ || D === "readOnly", K = D === "hidden", se = be(), P = Q ?? `nice-money-${se}`, S = ((e == null ? void 0 : e.currency) ?? a ?? "USD").toUpperCase(), oe = te(S), W = (oe == null ? void 0 : oe.decimals) ?? 2, Se = l ?? 1 / Math.pow(10, W), [ke, fe] = z(
-      () => e ? (e.amount / Math.pow(10, W)).toFixed(W) : ""
-    ), [_e, $e] = z(!1);
-    tt.useEffect(() => {
-      if (_e)
+    onFocus: Q,
+    liveGrouping: ae,
+    multiplierShortcuts: E = !0,
+    onValidationError: k
+  }, p) {
+    const { t: F } = oe(), z = w || v === "disabled" || g, C = x || v === "readOnly", L = v === "hidden", le = _e(), $ = O ?? `nice-money-${le}`, R = ((e == null ? void 0 : e.currency) ?? n ?? "USD").toUpperCase(), de = re(R), ee = (de == null ? void 0 : de.decimals) ?? 2, xe = l ?? 1 / Math.pow(10, ee), [De, ge] = H(
+      () => e ? (e.amount / Math.pow(10, ee)).toFixed(ee) : ""
+    ), [ve, Re] = H(!1);
+    nt.useEffect(() => {
+      if (ve)
         return;
       if (e == null) {
-        fe("");
+        ge("");
         return;
       }
-      const $ = te(e.currency), J = ($ == null ? void 0 : $.decimals) ?? 2;
-      fe((e.amount / Math.pow(10, J)).toFixed(J));
-    }, [e, _e]);
-    const xe = j(
-      ($) => {
-        let J = $;
-        if (Y) {
-          const de = $.trim().match(/^([+-]?\d+(?:[.,]\d+)?)\s*([kKmMbB])$/);
-          if (de) {
-            const ue = de[2].toLowerCase() === "k" ? 1e3 : de[2].toLowerCase() === "m" ? 1e6 : 1e9, Ee = Number(de[1].replace(",", ".")) * ue;
-            if (!Number.isFinite(Ee)) {
-              m == null || m(new Error("overflow"));
+      const U = re(e.currency), J = (U == null ? void 0 : U.decimals) ?? 2;
+      ge((e.amount / Math.pow(10, J)).toFixed(J));
+    }, [e, ve]);
+    const Ue = j(
+      (U) => {
+        let J = U;
+        if (E) {
+          const me = U.trim().match(/^([+-]?\d+(?:[.,]\d+)?)\s*([kKmMbB])$/);
+          if (me) {
+            const pe = me[2].toLowerCase() === "k" ? 1e3 : me[2].toLowerCase() === "m" ? 1e6 : 1e9, Fe = Number(me[1].replace(",", ".")) * pe;
+            if (!Number.isFinite(Fe)) {
+              k == null || k(new Error("overflow"));
               return;
             }
-            J = String(Ee);
+            J = String(Fe);
           }
         }
-        const ee = lt(J, S);
-        if (!ee) {
+        const te = ut(J, R);
+        if (!te) {
           r == null || r(null);
           return;
         }
-        if (!Number.isSafeInteger(ee.amount)) {
-          m == null || m(new Error("overflow: amount exceeds Number.MAX_SAFE_INTEGER"));
+        if (!Number.isSafeInteger(te.amount)) {
+          k == null || k(new Error("overflow: amount exceeds Number.MAX_SAFE_INTEGER"));
           return;
         }
-        const le = ee.amount / Math.pow(10, W);
-        if (s != null && le < s) {
-          m == null || m(new Error(`min: ${s}`)), r == null || r(re(s, S));
+        const ue = te.amount / Math.pow(10, ee);
+        if (s != null && ue < s) {
+          k == null || k(new Error(`min: ${s}`)), r == null || r(ce(s, R));
           return;
         }
-        if (o != null && le > o) {
-          m == null || m(new Error(`max: ${o}`)), r == null || r(re(o, S));
+        if (o != null && ue > o) {
+          k == null || k(new Error(`max: ${o}`)), r == null || r(ce(o, R));
           return;
         }
-        r == null || r(ee);
+        r == null || r(te);
       },
-      [S, W, s, o, r, Y, m]
-    ), Ge = j(
-      ($) => {
-        const J = $.target.value;
-        fe(J), xe(J);
+      [R, ee, s, o, r, E, k]
+    ), Je = j(
+      (U) => {
+        const J = U.target.value;
+        ge(J), Ue(J);
       },
-      [xe]
-    ), Re = j(
-      ($) => {
-        const ee = (e ? e.amount / Math.pow(10, W) : 0) + $, le = Math.min(o ?? 1 / 0, Math.max(s ?? -1 / 0, ee));
-        r == null || r(re(le, S));
+      [Ue]
+    ), Ae = j(
+      (U) => {
+        const te = (e ? e.amount / Math.pow(10, ee) : 0) + U, ue = Math.min(o ?? 1 / 0, Math.max(s ?? -1 / 0, te));
+        r == null || r(ce(ue, R));
       },
-      [e, W, s, o, S, r]
-    ), ge = q(() => {
-      var $, J;
+      [e, ee, s, o, R, r]
+    ), Ne = K(() => {
+      var U, J;
       try {
-        const ee = new Intl.NumberFormat(p).formatToParts(12345.6), le = (($ = ee.find((ue) => ue.type === "group")) == null ? void 0 : $.value) ?? ",", de = ((J = ee.find((ue) => ue.type === "decimal")) == null ? void 0 : J.value) ?? ".";
-        return { group: le, decimal: de };
+        const te = new Intl.NumberFormat(y).formatToParts(12345.6), ue = ((U = te.find((pe) => pe.type === "group")) == null ? void 0 : U.value) ?? ",", me = ((J = te.find((pe) => pe.type === "decimal")) == null ? void 0 : J.value) ?? ".";
+        return { group: ue, decimal: me };
       } catch {
         return { group: ",", decimal: "." };
       }
-    }, [p]), Ue = E ?? !!ge.group, Ze = q(() => {
-      if (!Ue || _e === !1)
-        return ke;
-      const $ = ge.decimal, J = ge.group, ee = ke.replace(
+    }, [y]), Te = ae ?? !!Ne.group, Xe = K(() => {
+      if (!Te || ve === !1)
+        return De;
+      const U = Ne.decimal, J = Ne.group, te = De.replace(
         new RegExp(`[${J.replace(/[-/\\^$*+?.()|[\]{}]/g, "\\$&")}]`, "g"),
         ""
-      ), [le, de] = ee.split($);
-      if (!le)
-        return ee;
-      const ue = le.replace(/\B(?=(\d{3})+(?!\d))/g, J);
-      return de != null ? `${ue}${$}${de}` : ue;
-    }, [ke, _e, Ue, ge]), Ae = q(() => e ? ce(e, { locale: p }) : "", [e, p]), pe = typeof b == "string" ? b : void 0, Je = `nice-money-input nice-money-input--${f} nice-money-input--label-${x} nice-money-input--error-${A}` + (pe ? " nice-money-input--error" : "") + (H ? " nice-money-input--disabled" : "") + (N ? " nice-money-input--loading" : "") + (F ? ` ${F}` : ""), Xe = ($) => {
-      R && $.key === "Enter" && X && ($.preventDefault(), X());
-    }, Qe = x === "left" && I != null ? { width: typeof I == "number" ? `${I}px` : I, flex: "none" } : void 0, Ve = M != null ? {
+      ), [ue, me] = te.split(U);
+      if (!ue)
+        return te;
+      const pe = ue.replace(/\B(?=(\d{3})+(?!\d))/g, J);
+      return me != null ? `${pe}${U}${me}` : pe;
+    }, [De, ve, Te, Ne]), Ee = K(() => e ? ie(e, { locale: y }) : "", [e, y]), he = typeof f == "string" ? f : void 0, Qe = `nice-money-input nice-money-input--${h} nice-money-input--label-${S} nice-money-input--error-${A}` + (he ? " nice-money-input--error" : "") + (z ? " nice-money-input--disabled" : "") + (g ? " nice-money-input--loading" : "") + (D ? ` ${D}` : ""), Ve = (U) => {
+      q && U.key === "Enter" && I && (U.preventDefault(), I());
+    }, We = S === "left" && P != null ? { width: typeof P == "number" ? `${P}px` : P, flex: "none" } : void 0, et = M != null ? {
       width: typeof M == "number" ? `${M}px` : M,
       flex: "none"
     } : void 0;
-    return K ? null : /* @__PURE__ */ h("div", { ref: L, className: Je, style: T, title: B, "data-testid": ae, children: [
-      y && /* @__PURE__ */ h("label", { htmlFor: P, className: "nice-money-input__label", style: Qe, children: [
-        y,
-        w && /* @__PURE__ */ c("span", { className: "nice-money-input__required", "aria-hidden": !0, children: "*" })
+    return L ? null : /* @__PURE__ */ _("div", { ref: p, className: Qe, style: T, title: ne, "data-testid": Y, children: [
+      b && /* @__PURE__ */ _("label", { htmlFor: $, className: "nice-money-input__label", style: We, children: [
+        b,
+        m && /* @__PURE__ */ c("span", { className: "nice-money-input__required", "aria-hidden": !0, children: "*" })
       ] }),
-      /* @__PURE__ */ h("div", { className: "nice-money-input__row", style: Ve, children: [
-        !u && /* @__PURE__ */ c(
-          je,
+      /* @__PURE__ */ _("div", { className: "nice-money-input__row", style: et, children: [
+        !d && /* @__PURE__ */ c(
+          Ge,
           {
-            value: S,
+            value: R,
             compact: !0,
-            options: i ? i.map(te).filter(($) => !!$) : void 0,
-            onChange: ($) => n == null ? void 0 : n($),
-            disabled: H || C,
+            options: i ? i.map(re).filter((U) => !!U) : void 0,
+            onChange: (U) => a == null ? void 0 : a(U),
+            disabled: z || C,
             className: "nice-money-input__currency",
-            "aria-label": "Currency"
+            "aria-label": F("moneyInput.currency", "Currency")
           }
         ),
-        u && /* @__PURE__ */ c("span", { className: "nice-money-input__symbol", "aria-hidden": !0, children: (oe == null ? void 0 : oe.symbol) ?? S }),
-        k && /* @__PURE__ */ c(
+        d && /* @__PURE__ */ c("span", { className: "nice-money-input__symbol", "aria-hidden": !0, children: (de == null ? void 0 : de.symbol) ?? R }),
+        B && /* @__PURE__ */ c(
           "button",
           {
             type: "button",
             className: "nice-money-input__step nice-money-input__step--down",
-            onClick: () => Re(-Se),
-            disabled: H || C || s != null && e != null && e.amount / Math.pow(10, W) <= s,
-            "aria-label": "Decrease amount",
+            onClick: () => Ae(-xe),
+            disabled: z || C || s != null && e != null && e.amount / Math.pow(10, ee) <= s,
+            "aria-label": F("moneyInput.decreaseAmount", "Decrease amount"),
             tabIndex: -1,
             children: "−"
           }
@@ -1345,244 +1355,242 @@ const qe = ie(function({
         /* @__PURE__ */ c(
           "input",
           {
-            id: P,
-            name: ne,
+            id: $,
+            name: X,
             type: "text",
             inputMode: "decimal",
             autoComplete: "transaction-amount",
             className: "nice-money-input__amount",
-            value: Ze,
-            onChange: Ge,
-            onKeyDown: Xe,
-            onFocus: ($) => {
-              $e(!0), U == null || U($);
+            value: Xe,
+            onChange: Je,
+            onKeyDown: Ve,
+            onFocus: (U) => {
+              Re(!0), Q == null || Q(U);
             },
-            onBlur: ($) => {
-              $e(!1), e && fe((e.amount / Math.pow(10, W)).toFixed(W)), Z == null || Z($);
+            onBlur: (U) => {
+              Re(!1), e && ge((e.amount / Math.pow(10, ee)).toFixed(ee)), Z == null || Z(U);
             },
-            placeholder: v ?? `0${W > 0 ? "." + "0".repeat(W) : ""}`,
-            disabled: H,
+            placeholder: N ?? `0${ee > 0 ? "." + "0".repeat(ee) : ""}`,
+            disabled: z,
             readOnly: C,
-            required: w,
-            "aria-invalid": !!pe,
-            "aria-describedby": pe || d ? `${P}-help` : void 0
+            required: m,
+            "aria-invalid": !!he,
+            "aria-describedby": he || u ? `${$}-help` : void 0
           }
         ),
-        k && /* @__PURE__ */ c(
+        B && /* @__PURE__ */ c(
           "button",
           {
             type: "button",
             className: "nice-money-input__step nice-money-input__step--up",
-            onClick: () => Re(Se),
-            disabled: H || C || o != null && e != null && e.amount / Math.pow(10, W) >= o,
-            "aria-label": "Increase amount",
+            onClick: () => Ae(xe),
+            disabled: z || C || o != null && e != null && e.amount / Math.pow(10, ee) >= o,
+            "aria-label": F("moneyInput.increaseAmount", "Increase amount"),
             tabIndex: -1,
             children: "+"
           }
         ),
-        N && /* @__PURE__ */ c("span", { className: "nice-money-input__spinner", "aria-hidden": !0, children: /* @__PURE__ */ c(Ce, { name: "refresh", size: 14 }) })
+        g && /* @__PURE__ */ c("span", { className: "nice-money-input__spinner", "aria-hidden": !0, children: /* @__PURE__ */ c(Pe, { name: "refresh", size: 14 }) })
       ] }),
-      O && Ae && /* @__PURE__ */ c("span", { className: "nice-money-input__preview", "aria-live": "polite", children: Ae }),
-      (pe || d) && /* @__PURE__ */ c(
+      W && Ee && /* @__PURE__ */ c("span", { className: "nice-money-input__preview", "aria-live": "polite", children: Ee }),
+      (he || u) && /* @__PURE__ */ c(
         "span",
         {
-          id: `${P}-help`,
-          className: pe ? "nice-money-input__error" : "nice-money-input__helper",
-          children: pe ?? d
+          id: `${$}-help`,
+          className: he ? "nice-money-input__error" : "nice-money-input__helper",
+          children: he ?? u
         }
       )
     ] });
   }
-), Ot = { number: "", expiry: "", cvc: "" }, Ft = ie(
-  function({
-    value: e = Ot,
-    onChange: r,
-    showHolderName: a = !0,
-    requireHolderName: n,
-    showPostalCode: i = !1,
-    acceptedBrands: u,
-    showBrandIcon: s = !0,
-    size: o = "md",
-    disabled: l,
-    readOnly: p,
-    loading: v,
-    accessMode: y,
-    label: d,
-    helperText: b,
-    error: f,
-    required: g,
-    className: _,
-    style: w,
-    id: N,
-    title: D,
-    "data-testid": x
-  }, A) {
-    const I = y === "hidden", M = l || y === "disabled" || v, R = p || y === "readOnly", X = be(), O = N ?? `nice-cc-${X}`, [k, F] = z({
-      number: !1,
-      expiry: !1,
-      cvc: !1,
-      holder: !1,
-      postal: !1
-    }), T = q(() => Ne(e.number), [e.number]), Q = q(
-      () => Te(e, { requireHolder: n ?? a }),
-      [e, n, a]
-    ), ne = !u || u.includes(T) || T === "unknown", B = j(
-      (C) => {
-        const K = { ...e, ...C }, se = Te(K, { requireHolder: n ?? a });
-        r == null || r(K, se);
-      },
-      [e, n, a, r]
-    ), ae = j(
-      (C) => {
-        const K = C.target.value.replace(/\D/g, "").slice(0, 19);
-        B({ number: K });
-      },
-      [B]
-    ), Z = j(
-      (C) => {
-        const K = C.target.value.replace(/\D/g, "").slice(0, 4);
-        let se = K;
-        K.length >= 3 ? se = `${K.slice(0, 2)}/${K.slice(2)}` : K.length === 2 && (se = `${K}/`), B({ expiry: se });
-      },
-      [B]
-    ), U = j(
-      (C) => {
-        const K = C.target.value.replace(/\D/g, "").slice(0, ye(T));
-        B({ cvc: K });
-      },
-      [T, B]
-    ), E = q(() => dt(e.number, T), [e.number, T]), Y = k.number && e.number.length > 0 && (Le(e.number) ? ne ? void 0 : "Card brand not accepted" : Q.errors.number), m = k.expiry && e.expiry.length > 0 && !He(e.expiry) ? Q.errors.expiry : void 0, L = k.cvc && e.cvc.length > 0 && e.cvc.length !== ye(T) ? Q.errors.cvc : void 0, H = `nice-credit-card nice-credit-card--${o}` + (M ? " nice-credit-card--disabled" : "") + (v ? " nice-credit-card--loading" : "") + (f ? " nice-credit-card--error" : "") + (_ ? ` ${_}` : "");
-    return I ? null : /* @__PURE__ */ h("div", { ref: A, className: H, style: w, title: D, "data-testid": x, children: [
-      d && /* @__PURE__ */ h("div", { className: "nice-credit-card__title", children: [
-        d,
-        g && /* @__PURE__ */ c("span", { className: "nice-credit-card__required", "aria-hidden": !0, children: "*" })
-      ] }),
-      /* @__PURE__ */ c("div", { className: "nice-credit-card__row", children: /* @__PURE__ */ h("label", { className: "nice-credit-card__field nice-credit-card__field--number", children: [
-        /* @__PURE__ */ c("span", { className: "nice-credit-card__label", children: "Card number" }),
-        /* @__PURE__ */ h("span", { className: "nice-credit-card__input-wrapper", children: [
-          /* @__PURE__ */ c(
-            "input",
-            {
-              id: `${O}-number`,
-              type: "text",
-              inputMode: "numeric",
-              autoComplete: "cc-number",
-              placeholder: T === "amex" ? "3782 822463 10005" : "1234 1234 1234 1234",
-              value: E,
-              onChange: ae,
-              onBlur: () => F((C) => ({ ...C, number: !0 })),
-              disabled: M,
-              readOnly: R,
-              "aria-invalid": !!Y,
-              "aria-describedby": Y ? `${O}-number-err` : void 0,
-              className: "nice-credit-card__input",
-              maxLength: T === "amex" ? 17 : 23
-            }
-          ),
-          s && /* @__PURE__ */ c(Bt, { brand: T })
-        ] }),
-        Y && /* @__PURE__ */ c("span", { id: `${O}-number-err`, className: "nice-credit-card__error", children: Y })
-      ] }) }),
-      /* @__PURE__ */ h("div", { className: "nice-credit-card__row nice-credit-card__row--split", children: [
-        /* @__PURE__ */ h("label", { className: "nice-credit-card__field", children: [
-          /* @__PURE__ */ c("span", { className: "nice-credit-card__label", children: "Expiry" }),
-          /* @__PURE__ */ c(
-            "input",
-            {
-              id: `${O}-expiry`,
-              type: "text",
-              inputMode: "numeric",
-              autoComplete: "cc-exp",
-              placeholder: "MM/YY",
-              value: e.expiry,
-              onChange: Z,
-              onBlur: () => {
-                F((K) => ({ ...K, expiry: !0 }));
-                const C = ze(e.expiry);
-                C && C !== e.expiry && B({ expiry: C });
-              },
-              disabled: M,
-              readOnly: R,
-              "aria-invalid": !!m,
-              "aria-describedby": m ? `${O}-expiry-err` : void 0,
-              className: "nice-credit-card__input",
-              maxLength: 5
-            }
-          ),
-          m && /* @__PURE__ */ c("span", { id: `${O}-expiry-err`, className: "nice-credit-card__error", children: m })
-        ] }),
-        /* @__PURE__ */ h("label", { className: "nice-credit-card__field", children: [
-          /* @__PURE__ */ c("span", { className: "nice-credit-card__label", children: T === "amex" ? "CID" : "CVC" }),
-          /* @__PURE__ */ c(
-            "input",
-            {
-              id: `${O}-cvc`,
-              type: "text",
-              inputMode: "numeric",
-              autoComplete: "cc-csc",
-              placeholder: "•".repeat(ye(T)),
-              value: e.cvc,
-              onChange: U,
-              onBlur: () => F((C) => ({ ...C, cvc: !0 })),
-              disabled: M,
-              readOnly: R,
-              "aria-invalid": !!L,
-              "aria-describedby": L ? `${O}-cvc-err` : void 0,
-              className: "nice-credit-card__input",
-              maxLength: ye(T)
-            }
-          ),
-          L && /* @__PURE__ */ c("span", { id: `${O}-cvc-err`, className: "nice-credit-card__error", children: L })
-        ] })
+), Bt = { number: "", expiry: "", cvc: "" }, Lt = /* @__PURE__ */ se(function({
+  value: e = Bt,
+  onChange: r,
+  showHolderName: n = !0,
+  requireHolderName: a,
+  showPostalCode: i = !1,
+  acceptedBrands: d,
+  showBrandIcon: s = !0,
+  size: o = "md",
+  disabled: l,
+  readOnly: y,
+  loading: N,
+  accessMode: b,
+  label: u,
+  helperText: f,
+  error: h,
+  required: w,
+  className: x,
+  style: m,
+  id: g,
+  title: v,
+  "data-testid": S
+}, A) {
+  const { t: P } = oe(), M = b === "hidden", q = l || b === "disabled" || N, I = y || b === "readOnly", W = _e(), B = g ?? `nice-cc-${W}`, [D, T] = H({
+    number: !1,
+    expiry: !1,
+    cvc: !1,
+    holder: !1,
+    postal: !1
+  }), O = K(() => ke(e.number), [e.number]), X = K(
+    () => qe(e, { requireHolder: a ?? n }),
+    [e, a, n]
+  ), ne = !d || d.includes(O) || O === "unknown", Y = j(
+    (C) => {
+      const L = { ...e, ...C }, le = qe(L, { requireHolder: a ?? n });
+      r == null || r(L, le);
+    },
+    [e, a, n, r]
+  ), Z = j(
+    (C) => {
+      const L = C.target.value.replace(/\D/g, "").slice(0, 19);
+      Y({ number: L });
+    },
+    [Y]
+  ), Q = j(
+    (C) => {
+      const L = C.target.value.replace(/\D/g, "").slice(0, 4);
+      let le = L;
+      L.length >= 3 ? le = `${L.slice(0, 2)}/${L.slice(2)}` : L.length === 2 && (le = `${L}/`), Y({ expiry: le });
+    },
+    [Y]
+  ), ae = j(
+    (C) => {
+      const L = C.target.value.replace(/\D/g, "").slice(0, be(O));
+      Y({ cvc: L });
+    },
+    [O, Y]
+  ), E = K(() => mt(e.number, O), [e.number, O]), k = D.number && e.number.length > 0 && (ze(e.number) ? ne ? void 0 : "Card brand not accepted" : X.errors.number), p = D.expiry && e.expiry.length > 0 && !Ye(e.expiry) ? X.errors.expiry : void 0, F = D.cvc && e.cvc.length > 0 && e.cvc.length !== be(O) ? X.errors.cvc : void 0, z = `nice-credit-card nice-credit-card--${o}` + (q ? " nice-credit-card--disabled" : "") + (N ? " nice-credit-card--loading" : "") + (h ? " nice-credit-card--error" : "") + (x ? ` ${x}` : "");
+  return M ? null : /* @__PURE__ */ _("div", { ref: A, className: z, style: m, title: v, "data-testid": S, children: [
+    u && /* @__PURE__ */ _("div", { className: "nice-credit-card__title", children: [
+      u,
+      w && /* @__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: P("creditCardInput.cardNumber", "Card number") }),
+      /* @__PURE__ */ _("span", { className: "nice-credit-card__input-wrapper", children: [
+        /* @__PURE__ */ c(
+          "input",
+          {
+            id: `${B}-number`,
+            type: "text",
+            inputMode: "numeric",
+            autoComplete: "cc-number",
+            placeholder: O === "amex" ? "3782 822463 10005" : "1234 1234 1234 1234",
+            value: E,
+            onChange: Z,
+            onBlur: () => T((C) => ({ ...C, number: !0 })),
+            disabled: q,
+            readOnly: I,
+            "aria-invalid": !!k,
+            "aria-describedby": k ? `${B}-number-err` : void 0,
+            className: "nice-credit-card__input",
+            maxLength: O === "amex" ? 17 : 23
+          }
+        ),
+        s && /* @__PURE__ */ c(Ht, { brand: O })
       ] }),
-      a && /* @__PURE__ */ c("div", { className: "nice-credit-card__row", children: /* @__PURE__ */ h("label", { className: "nice-credit-card__field", children: [
-        /* @__PURE__ */ c("span", { className: "nice-credit-card__label", children: "Cardholder name" }),
+      k && /* @__PURE__ */ c("span", { id: `${B}-number-err`, className: "nice-credit-card__error", children: k })
+    ] }) }),
+    /* @__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: P("creditCardInput.expiry", "Expiry") }),
         /* @__PURE__ */ c(
           "input",
           {
-            id: `${O}-holder`,
+            id: `${B}-expiry`,
             type: "text",
-            autoComplete: "cc-name",
-            placeholder: "Jane Doe",
-            value: e.holderName ?? "",
-            onChange: (C) => B({ holderName: C.target.value }),
-            onBlur: () => F((C) => ({ ...C, holder: !0 })),
-            disabled: M,
-            readOnly: R,
+            inputMode: "numeric",
+            autoComplete: "cc-exp",
+            placeholder: P("creditCardInput.mmYy", "MM/YY"),
+            value: e.expiry,
+            onChange: Q,
+            onBlur: () => {
+              T((L) => ({ ...L, expiry: !0 }));
+              const C = je(e.expiry);
+              C && C !== e.expiry && Y({ expiry: C });
+            },
+            disabled: q,
+            readOnly: I,
+            "aria-invalid": !!p,
+            "aria-describedby": p ? `${B}-expiry-err` : void 0,
             className: "nice-credit-card__input",
-            maxLength: 120
+            maxLength: 5
           }
-        )
-      ] }) }),
-      i && /* @__PURE__ */ c("div", { className: "nice-credit-card__row", children: /* @__PURE__ */ h("label", { className: "nice-credit-card__field", children: [
-        /* @__PURE__ */ c("span", { className: "nice-credit-card__label", children: "Postal code" }),
+        ),
+        p && /* @__PURE__ */ c("span", { id: `${B}-expiry-err`, className: "nice-credit-card__error", children: p })
+      ] }),
+      /* @__PURE__ */ _("label", { className: "nice-credit-card__field", children: [
+        /* @__PURE__ */ c("span", { className: "nice-credit-card__label", children: O === "amex" ? P("creditCardInput.cid", "CID") : P("creditCardInput.cvc", "CVC") }),
         /* @__PURE__ */ c(
           "input",
           {
-            id: `${O}-postal`,
+            id: `${B}-cvc`,
             type: "text",
-            autoComplete: "postal-code",
-            value: e.postalCode ?? "",
-            onChange: (C) => B({ postalCode: C.target.value }),
-            onBlur: () => F((C) => ({ ...C, postal: !0 })),
-            disabled: M,
-            readOnly: R,
+            inputMode: "numeric",
+            autoComplete: "cc-csc",
+            placeholder: "•".repeat(be(O)),
+            value: e.cvc,
+            onChange: ae,
+            onBlur: () => T((C) => ({ ...C, cvc: !0 })),
+            disabled: q,
+            readOnly: I,
+            "aria-invalid": !!F,
+            "aria-describedby": F ? `${B}-cvc-err` : void 0,
             className: "nice-credit-card__input",
-            maxLength: 16
+            maxLength: be(O)
           }
-        )
-      ] }) }),
-      (f || b) && /* @__PURE__ */ c(
-        "div",
+        ),
+        F && /* @__PURE__ */ c("span", { id: `${B}-cvc-err`, className: "nice-credit-card__error", children: F })
+      ] })
+    ] }),
+    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: P("creditCardInput.cardholderName", "Cardholder name") }),
+      /* @__PURE__ */ c(
+        "input",
         {
-          className: f ? "nice-credit-card__form-error" : "nice-credit-card__helper",
-          role: f ? "alert" : void 0,
-          children: f ?? b
+          id: `${B}-holder`,
+          type: "text",
+          autoComplete: "cc-name",
+          placeholder: P("creditCardInput.janeDoe", "Jane Doe"),
+          value: e.holderName ?? "",
+          onChange: (C) => Y({ holderName: C.target.value }),
+          onBlur: () => T((C) => ({ ...C, holder: !0 })),
+          disabled: q,
+          readOnly: I,
+          className: "nice-credit-card__input",
+          maxLength: 120
         }
       )
-    ] });
-  }
-), Ke = {
+    ] }) }),
+    i && /* @__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: P("creditCardInput.postalCode", "Postal code") }),
+      /* @__PURE__ */ c(
+        "input",
+        {
+          id: `${B}-postal`,
+          type: "text",
+          autoComplete: "postal-code",
+          value: e.postalCode ?? "",
+          onChange: (C) => Y({ postalCode: C.target.value }),
+          onBlur: () => T((C) => ({ ...C, postal: !0 })),
+          disabled: q,
+          readOnly: I,
+          className: "nice-credit-card__input",
+          maxLength: 16
+        }
+      )
+    ] }) }),
+    (h || f) && /* @__PURE__ */ c(
+      "div",
+      {
+        className: h ? "nice-credit-card__form-error" : "nice-credit-card__helper",
+        role: h ? "alert" : void 0,
+        children: h ?? f
+      }
+    )
+  ] });
+}), Ke = {
   visa: "VISA",
   mastercard: "MasterCard",
   amex: "AMEX",
@@ -1596,7 +1604,7 @@ const qe = ie(function({
   hipercard: "Hipercard",
   unknown: ""
 };
-function Bt({ brand: t }) {
+function Ht({ brand: t }) {
   return t === "unknown" ? null : /* @__PURE__ */ c(
     "span",
     {
@@ -1606,136 +1614,134 @@ function Bt({ brand: t }) {
     }
   );
 }
-const dr = ie(
+const yr = /* @__PURE__ */ se(
   function({
     processor: e,
     amount: r,
-    editableAmount: a,
-    customer: n,
+    editableAmount: n,
+    customer: a,
     currencies: i,
-    description: u,
+    description: d,
     metadata: s,
     autoCapture: o = !0,
-    submitLabel: l = "Pay",
-    onSuccess: p,
-    onError: v,
-    consents: y,
-    className: d,
-    style: b
-  }, f) {
-    const [g, _] = z(r), [w, N] = z(r.currency), [D, x] = z({ number: "", expiry: "", cvc: "" }), [A, I] = z(null), [M, R] = z(!1), [X, O] = z(null), k = Kt(e), F = q(() => e.supportedCurrencies === "*" ? !0 : e.supportedCurrencies.includes(g.currency.toUpperCase()), [e, g.currency]), T = q(() => {
-      var E;
-      const U = (E = e.minimums) == null ? void 0 : E[g.currency.toUpperCase()];
-      return U == null || g.amount >= U;
-    }, [e, g]), Q = q(() => {
-      var E;
-      const U = (E = e.minimums) == null ? void 0 : E[g.currency.toUpperCase()];
-      return U == null ? null : { amount: U, currency: g.currency };
-    }, [e, g.currency]), ne = !!(A != null && A.isValid), B = !M && F && T && ne, ae = j(
-      async (U) => {
-        if (U.preventDefault(), !!B) {
-          O(null), R(!0);
+    submitLabel: l,
+    onSuccess: y,
+    onError: N,
+    consents: b,
+    className: u,
+    style: f
+  }, h) {
+    const { t: w } = oe(), x = l ?? w("paymentForm.pay", "Pay"), [m, g] = H(r), [v, S] = H(r.currency), [A, P] = H({ number: "", expiry: "", cvc: "" }), [M, q] = H(null), [I, W] = H(!1), [B, D] = H(null), T = Kt(e), O = K(() => e.supportedCurrencies === "*" ? !0 : e.supportedCurrencies.includes(m.currency.toUpperCase()), [e, m.currency]), X = K(() => {
+      var k;
+      const E = (k = e.minimums) == null ? void 0 : k[m.currency.toUpperCase()];
+      return E == null || m.amount >= E;
+    }, [e, m]), ne = K(() => {
+      var k;
+      const E = (k = e.minimums) == null ? void 0 : k[m.currency.toUpperCase()];
+      return E == null ? null : { amount: E, currency: m.currency };
+    }, [e, m.currency]), Y = !!(M != null && M.isValid), Z = !I && O && X && Y, Q = j(
+      async (E) => {
+        if (E.preventDefault(), !!Z) {
+          D(null), W(!0);
           try {
-            const E = {
-              amount: g,
-              card: D,
-              customer: n,
-              description: u,
+            const k = {
+              amount: m,
+              card: A,
+              customer: a,
+              description: d,
               metadata: s,
-              idempotencyKey: Lt()
-            }, Y = await k.authorize(E);
-            if (o && Y.status === "authorized") {
-              const m = await k.capture(Y.id, g);
-              p == null || p(m);
+              idempotencyKey: zt()
+            }, p = await T.authorize(k);
+            if (o && p.status === "authorized") {
+              const F = await T.capture(p.id, m);
+              y == null || y(F);
             } else
-              p == null || p(Y);
-          } catch (E) {
-            const Y = E instanceof Error ? E : new Error(String(E));
-            O(Y.message), v == null || v(Y);
+              y == null || y(p);
+          } catch (k) {
+            const p = k instanceof Error ? k : new Error(String(k));
+            D(p.message), N == null || N(p);
           } finally {
-            R(!1);
+            W(!1);
           }
         }
       },
       [
-        B,
-        g,
-        D,
-        n,
-        u,
+        Z,
+        m,
+        A,
+        a,
+        d,
         s,
         o,
-        k,
-        p,
-        v
+        T,
+        y,
+        N
       ]
-    ), Z = te(g.currency);
-    return /* @__PURE__ */ h(
+    ), ae = re(m.currency);
+    return /* @__PURE__ */ _(
       "form",
       {
-        ref: f,
-        className: "nice-payment-form" + (d ? ` ${d}` : ""),
-        style: b,
-        onSubmit: ae,
-        "aria-busy": M,
+        ref: h,
+        className: "nice-payment-form" + (u ? ` ${u}` : ""),
+        style: f,
+        onSubmit: Q,
+        "aria-busy": I,
         children: [
-          /* @__PURE__ */ c("div", { className: "nice-payment-form__amount", children: a ? /* @__PURE__ */ c(
-            Ye,
+          /* @__PURE__ */ c("div", { className: "nice-payment-form__amount", children: n ? /* @__PURE__ */ c(
+            Ze,
             {
-              label: "Amount",
-              value: g,
-              currency: w,
+              label: w("paymentForm.amount", "Amount"),
+              value: m,
+              currency: v,
               currencies: i,
-              onChange: (U) => U && _(U),
-              onCurrencyChange: (U) => {
-                N(U), _((E) => ({ ...E, currency: U }));
+              onChange: (E) => E && g(E),
+              onCurrencyChange: (E) => {
+                S(E), g((k) => ({ ...k, currency: E }));
               },
-              disabled: M,
+              disabled: I,
               required: !0,
               showFormattedPreview: !0
             }
-          ) : /* @__PURE__ */ h("div", { className: "nice-payment-form__total", children: [
-            /* @__PURE__ */ c("span", { className: "nice-payment-form__total-label", children: "Total" }),
-            /* @__PURE__ */ c(qe, { value: g })
+          ) : /* @__PURE__ */ _("div", { className: "nice-payment-form__total", children: [
+            /* @__PURE__ */ c("span", { className: "nice-payment-form__total-label", children: w("paymentForm.total", "Total") }),
+            /* @__PURE__ */ c(Oe, { value: m })
           ] }) }),
-          u && /* @__PURE__ */ c("p", { className: "nice-payment-form__description", children: u }),
+          d && /* @__PURE__ */ c("p", { className: "nice-payment-form__description", children: d }),
           /* @__PURE__ */ c("div", { className: "nice-payment-form__card", children: /* @__PURE__ */ c(
-            Ft,
+            Lt,
             {
-              value: D,
-              onChange: (U, E) => {
-                x(U), I(E);
+              value: A,
+              onChange: (E, k) => {
+                P(E), q(k);
               },
-              disabled: M
+              disabled: I
             }
           ) }),
-          !F && /* @__PURE__ */ h("div", { className: "nice-payment-form__warning", role: "alert", children: [
-            e.name,
-            " does not accept ",
-            (Z == null ? void 0 : Z.name) ?? g.currency,
-            "."
-          ] }),
-          !T && Q && /* @__PURE__ */ h("div", { className: "nice-payment-form__warning", role: "alert", children: [
-            "Minimum charge for ",
-            e.name,
-            " is ",
-            /* @__PURE__ */ c(qe, { value: Q }),
+          !O && /* @__PURE__ */ c("div", { className: "nice-payment-form__warning", role: "alert", children: w("paymentForm.doesNotAccept", "{provider} does not accept {currency}.").replace("{provider}", String(e.name)).replace("{currency}", String((ae == null ? void 0 : ae.name) ?? m.currency)) }),
+          !X && ne && /* @__PURE__ */ _("div", { className: "nice-payment-form__warning", role: "alert", children: [
+            w("paymentForm.minimumChargeForIs", "Minimum charge for {name} is").replace(
+              "{name}",
+              String(e.name)
+            ),
+            " ",
+            /* @__PURE__ */ c(Oe, { value: ne }),
             "."
           ] }),
-          y && /* @__PURE__ */ c("div", { className: "nice-payment-form__consents", children: y }),
-          X && /* @__PURE__ */ c("div", { className: "nice-payment-form__error", role: "alert", children: X }),
+          b && /* @__PURE__ */ c("div", { className: "nice-payment-form__consents", children: b }),
+          B && /* @__PURE__ */ c("div", { className: "nice-payment-form__error", role: "alert", children: B }),
           /* @__PURE__ */ c(
             "button",
             {
               type: "submit",
               className: "nice-payment-form__submit",
-              disabled: !B,
-              "aria-disabled": !B,
-              children: M ? "Processing…" : l
+              disabled: !Z,
+              "aria-disabled": !Z,
+              children: I ? w("paymentForm.processing", "Processing…") : x
             }
           ),
-          /* @__PURE__ */ h("p", { className: "nice-payment-form__processor", children: [
-            "Secured by ",
+          /* @__PURE__ */ _("p", { className: "nice-payment-form__processor", children: [
+            w("paymentForm.securedBy", "Secured by"),
+            " ",
             /* @__PURE__ */ c("strong", { children: e.name })
           ] })
         ]
@@ -1743,285 +1749,297 @@ const dr = ie(
     );
   }
 );
-function Lt() {
+function zt() {
   return typeof crypto < "u" && "randomUUID" in crypto ? crypto.randomUUID() : `idem_${Date.now().toString(36)}_${Math.random().toString(36).slice(2)}`;
 }
-const ur = ie(function({
-  price: e,
-  originalPrice: r,
-  period: a,
-  prefix: n,
-  suffix: i,
-  showDiscountBadge: u = !0,
-  size: s = "md",
-  locale: o,
-  className: l,
-  style: p
-}, v) {
-  const y = r && r.currency === e.currency && r.amount > e.amount, d = q(() => !y || !r ? null : Math.round((r.amount - e.amount) / r.amount * 100), [y, r, e.amount]), b = `nice-price-tag nice-price-tag--${s}` + (l ? ` ${l}` : "");
-  return /* @__PURE__ */ h("div", { ref: v, className: b, style: p, children: [
-    n && /* @__PURE__ */ c("span", { className: "nice-price-tag__prefix", children: n }),
-    /* @__PURE__ */ h("span", { className: "nice-price-tag__main", children: [
-      /* @__PURE__ */ c("span", { className: "nice-price-tag__amount", children: ce(e, { locale: o }) }),
-      a && /* @__PURE__ */ c("span", { className: "nice-price-tag__period", children: a })
-    ] }),
-    y && r && /* @__PURE__ */ c("span", { className: "nice-price-tag__original", "aria-label": "Original price", children: /* @__PURE__ */ c("s", { children: ce(r, { locale: o }) }) }),
-    y && u && d != null && d > 0 && /* @__PURE__ */ h("span", { className: "nice-price-tag__discount", "aria-label": `${d} percent off`, children: [
-      "−",
-      d,
-      "%"
-    ] }),
-    i && /* @__PURE__ */ c("span", { className: "nice-price-tag__suffix", children: i })
-  ] });
-}), zt = { amount: 0, currency: "USD" }, mr = ie(
+const hr = /* @__PURE__ */ se(
   function({
-    source: e,
-    defaultSource: r,
-    onSourceChange: a,
-    targetCurrency: n,
-    defaultTargetCurrency: i,
-    onTargetCurrencyChange: u,
-    provider: s,
+    price: e,
+    originalPrice: r,
+    period: n,
+    prefix: a,
+    suffix: i,
+    showDiscountBadge: d = !0,
+    size: s = "md",
     locale: o,
-    showRateLine: l = !0,
-    className: p,
-    style: v
-  }, y) {
-    const [d, b] = De({
-      value: e,
-      defaultValue: r,
-      fallbackValue: zt,
-      onChange: a,
-      componentName: "NiceCurrencyConverter"
-    }), [f, g] = De({
-      value: n,
-      defaultValue: i,
-      fallbackValue: d.currency,
-      onChange: u,
-      componentName: "NiceCurrencyConverter"
-    }), { converted: _, loading: w, error: N } = Pe(d, f, s), D = q(
-      () => ({ amount: Math.pow(10, 2), currency: d.currency }),
-      [d.currency]
-    ), { converted: x } = Pe(
-      l ? D : null,
-      f,
-      s
-    );
-    return /* @__PURE__ */ h(
-      "div",
-      {
-        ref: y,
-        className: "nice-currency-converter" + (p ? ` ${p}` : ""),
-        style: v,
-        children: [
-          /* @__PURE__ */ c("div", { className: "nice-currency-converter__row", children: /* @__PURE__ */ c(
-            Ye,
-            {
-              label: "From",
-              value: d,
-              onChange: (A) => A && b(A),
-              currency: d.currency,
-              onCurrencyChange: (A) => b({ ...d, currency: A }),
-              showFormattedPreview: !1
-            }
-          ) }),
-          /* @__PURE__ */ h("div", { className: "nice-currency-converter__row", children: [
-            /* @__PURE__ */ c("label", { className: "nice-currency-converter__label", children: "To" }),
-            /* @__PURE__ */ h("div", { className: "nice-currency-converter__output", children: [
-              /* @__PURE__ */ c(
-                je,
-                {
-                  value: f,
-                  onChange: (A) => g(A),
-                  compact: !0
-                }
-              ),
-              /* @__PURE__ */ c("span", { className: "nice-currency-converter__amount", children: w ? "…" : N ? "—" : _ ? ce(_, { locale: o }) : "" })
-            ] })
-          ] }),
-          l && x && /* @__PURE__ */ h("p", { className: "nice-currency-converter__rate", children: [
-            "1 ",
-            d.currency,
-            " = ",
-            ce(x, { locale: o }),
-            " ",
-            /* @__PURE__ */ h("span", { className: "nice-currency-converter__inverse", children: [
-              "· 1 ",
-              f,
-              " =",
-              " ",
-              ce(re(1 / Be(x), d.currency), { locale: o })
-            ] })
-          ] }),
-          N && /* @__PURE__ */ c("p", { className: "nice-currency-converter__error", role: "alert", children: N.message })
-        ]
-      }
-    );
+    className: l,
+    style: y
+  }, N) {
+    const { t: b } = oe(), u = r && r.currency === e.currency && r.amount > e.amount, f = K(() => !u || !r ? null : Math.round((r.amount - e.amount) / r.amount * 100), [u, r, e.amount]), h = `nice-price-tag nice-price-tag--${s}` + (l ? ` ${l}` : "");
+    return /* @__PURE__ */ _("div", { ref: N, className: h, style: y, children: [
+      a && /* @__PURE__ */ c("span", { className: "nice-price-tag__prefix", children: a }),
+      /* @__PURE__ */ _("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(
+        "span",
+        {
+          className: "nice-price-tag__original",
+          "aria-label": b("priceTag.originalPrice", "Original price"),
+          children: /* @__PURE__ */ c("s", { children: ie(r, { locale: o }) })
+        }
+      ),
+      u && d && f != null && f > 0 && /* @__PURE__ */ _(
+        "span",
+        {
+          className: "nice-price-tag__discount",
+          "aria-label": b("priceTag.percentOff", "{pct} percent off").replace("{pct}", String(f)),
+          children: [
+            "−",
+            f,
+            "%"
+          ]
+        }
+      ),
+      i && /* @__PURE__ */ c("span", { className: "nice-price-tag__suffix", children: i })
+    ] });
   }
-);
-function Oe(t) {
+), jt = { amount: 0, currency: "USD" }, br = /* @__PURE__ */ se(function({
+  source: e,
+  defaultSource: r,
+  onSourceChange: n,
+  targetCurrency: a,
+  defaultTargetCurrency: i,
+  onTargetCurrencyChange: d,
+  provider: s,
+  locale: o,
+  showRateLine: l = !0,
+  className: y,
+  style: N
+}, b) {
+  const { t: u } = oe(), [f, h] = Me({
+    value: e,
+    defaultValue: r,
+    fallbackValue: jt,
+    onChange: n,
+    componentName: "NiceCurrencyConverter"
+  }), [w, x] = Me({
+    value: a,
+    defaultValue: i,
+    fallbackValue: f.currency,
+    onChange: d,
+    componentName: "NiceCurrencyConverter"
+  }), { converted: m, loading: g, error: v } = Ie(f, w, s), S = K(
+    () => ({ amount: Math.pow(10, 2), currency: f.currency }),
+    [f.currency]
+  ), { converted: A } = Ie(
+    l ? S : null,
+    w,
+    s
+  );
+  return /* @__PURE__ */ _(
+    "div",
+    {
+      ref: b,
+      className: "nice-currency-converter" + (y ? ` ${y}` : ""),
+      style: N,
+      children: [
+        /* @__PURE__ */ c("div", { className: "nice-currency-converter__row", children: /* @__PURE__ */ c(
+          Ze,
+          {
+            label: u("currencyConverter.from", "From"),
+            value: f,
+            onChange: (P) => P && h(P),
+            currency: f.currency,
+            onCurrencyChange: (P) => h({ ...f, currency: P }),
+            showFormattedPreview: !1
+          }
+        ) }),
+        /* @__PURE__ */ _("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__ */ c(
+              Ge,
+              {
+                value: w,
+                onChange: (P) => x(P),
+                compact: !0
+              }
+            ),
+            /* @__PURE__ */ c("span", { className: "nice-currency-converter__amount", children: g ? "…" : v ? "—" : m ? ie(m, { locale: o }) : "" })
+          ] })
+        ] }),
+        l && A && /* @__PURE__ */ _("p", { className: "nice-currency-converter__rate", children: [
+          "1 ",
+          f.currency,
+          " = ",
+          ie(A, { locale: o }),
+          " ",
+          /* @__PURE__ */ _("span", { className: "nice-currency-converter__inverse", children: [
+            "· 1 ",
+            w,
+            " =",
+            " ",
+            ie(ce(1 / He(A), f.currency), { locale: o })
+          ] })
+        ] }),
+        v && /* @__PURE__ */ c("p", { className: "nice-currency-converter__error", role: "alert", children: v.message })
+      ]
+    }
+  );
+}), Yt = [];
+function Be(t) {
   return { amount: Math.round(t.amount), currency: t.currency };
 }
-const pr = ie(
+const fr = /* @__PURE__ */ se(
   function({
-    lines: e,
+    lines: e = Yt,
     locale: r,
-    rounding: a = "line",
-    showTotals: n = !0,
+    rounding: n = "line",
+    showTotals: a = !0,
     showGrandTotal: i = !0,
-    hideRateColumn: u = !1,
+    hideRateColumn: d = !1,
     labels: s,
     density: o = "comfortable",
     className: l,
-    style: p,
-    id: v
-  }, y) {
-    const d = {
-      label: (s == null ? void 0 : s.label) ?? "Item",
+    style: y,
+    id: N
+  }, b) {
+    const { t: u } = oe(), f = {
+      label: (s == null ? void 0 : s.label) ?? u("taxBreakdown.item", "Item"),
       rate: (s == null ? void 0 : s.rate) ?? "VAT",
       net: (s == null ? void 0 : s.net) ?? "Net",
       vat: (s == null ? void 0 : s.vat) ?? "Tax",
       gross: (s == null ? void 0 : s.gross) ?? "Gross",
       total: (s == null ? void 0 : s.total) ?? "Total"
-    }, b = q(() => {
-      if (a === "total") {
-        const _ = /* @__PURE__ */ new Map();
-        for (const N of e) {
-          let D = _.get(N.vatRate);
-          D || (D = [], _.set(N.vatRate, D)), D.push(N.netAmount);
+    }, h = K(() => {
+      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 w = [];
-        for (const [N, D] of _) {
-          const x = D.reduce((M, R) => me(M, R), re(0, D[0].currency)), A = Oe(Me(x, N)), I = me(x, A);
-          w.push({ rate: N, net: x, vat: A, gross: I });
+        const g = [];
+        for (const [v, S] of m) {
+          const A = S.reduce((q, I) => ye(q, I), ce(0, S[0].currency)), P = Be(Se(A, v)), M = ye(A, P);
+          g.push({ rate: v, net: A, vat: P, gross: M });
         }
-        return w;
+        return g;
       }
-      return e.map((_) => {
-        const w = Oe(Me(_.netAmount, _.vatRate)), N = me(_.netAmount, w);
-        return { label: _.label, rate: _.vatRate, net: _.netAmount, vat: w, gross: N };
+      return e.map((m) => {
+        const g = Be(Se(m.netAmount, m.vatRate)), v = ye(m.netAmount, g);
+        return { label: m.label, rate: m.vatRate, net: m.netAmount, vat: g, gross: v };
       });
-    }, [e, a]), f = q(() => {
-      if (b.length === 0)
+    }, [e, n]), w = K(() => {
+      if (h.length === 0)
         return null;
-      const _ = b[0].net.currency;
-      let w = re(0, _), N = re(0, _), D = re(0, _);
-      for (const x of b)
-        w = me(w, x.net), N = me(N, x.vat), D = me(D, x.gross);
-      return { net: w, vat: N, gross: D };
-    }, [b]), g = (_) => ce(_, { locale: r });
-    return /* @__PURE__ */ h(
+      const m = h[0].net.currency;
+      let g = ce(0, m), v = ce(0, m), S = ce(0, m);
+      for (const A of h)
+        g = ye(g, A.net), v = ye(v, A.vat), S = ye(S, A.gross);
+      return { net: g, vat: v, gross: S };
+    }, [h]), x = (m) => ie(m, { locale: r });
+    return /* @__PURE__ */ _(
       "table",
       {
-        ref: y,
-        id: v,
+        ref: b,
+        id: N,
         className: `nice-tax-breakdown nice-tax-breakdown--${o} ${l ?? ""}`,
-        style: p,
+        style: y,
         role: "table",
-        "aria-label": d.total,
+        "aria-label": f.total,
         children: [
-          /* @__PURE__ */ c("thead", { children: /* @__PURE__ */ h("tr", { children: [
-            b.some((_) => _.label !== void 0) && /* @__PURE__ */ c("th", { scope: "col", children: d.label }),
-            !u && /* @__PURE__ */ c("th", { scope: "col", className: "nice-tax-breakdown__rate", children: d.rate }),
-            /* @__PURE__ */ c("th", { scope: "col", className: "nice-tax-breakdown__num", children: d.net }),
-            /* @__PURE__ */ c("th", { scope: "col", className: "nice-tax-breakdown__num", children: d.vat }),
-            /* @__PURE__ */ c("th", { scope: "col", className: "nice-tax-breakdown__num", children: d.gross })
+          /* @__PURE__ */ c("thead", { children: /* @__PURE__ */ _("tr", { children: [
+            h.some((m) => m.label !== void 0) && /* @__PURE__ */ c("th", { scope: "col", children: f.label }),
+            !d && /* @__PURE__ */ c("th", { scope: "col", className: "nice-tax-breakdown__rate", children: f.rate }),
+            /* @__PURE__ */ c("th", { scope: "col", className: "nice-tax-breakdown__num", children: f.net }),
+            /* @__PURE__ */ c("th", { scope: "col", className: "nice-tax-breakdown__num", children: f.vat }),
+            /* @__PURE__ */ c("th", { scope: "col", className: "nice-tax-breakdown__num", children: f.gross })
           ] }) }),
-          /* @__PURE__ */ c("tbody", { children: b.map((_, w) => /* @__PURE__ */ h("tr", { children: [
-            b.some((N) => N.label !== void 0) && /* @__PURE__ */ c("td", { children: _.label ?? "" }),
-            !u && /* @__PURE__ */ h("td", { className: "nice-tax-breakdown__rate", children: [
-              (_.rate * 100).toLocaleString(r, { maximumFractionDigits: 2 }),
+          /* @__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("td", { className: "nice-tax-breakdown__num", children: g(_.net) }),
-            /* @__PURE__ */ c("td", { className: "nice-tax-breakdown__num", children: g(_.vat) }),
-            /* @__PURE__ */ c("td", { className: "nice-tax-breakdown__num", children: g(_.gross) })
-          ] }, `${_.rate}-${w}`)) }),
-          n && f && /* @__PURE__ */ c("tfoot", { children: i && /* @__PURE__ */ h("tr", { className: "nice-tax-breakdown__totals", children: [
-            b.some((_) => _.label !== void 0) && /* @__PURE__ */ c("td", { children: d.total }),
-            !u && /* @__PURE__ */ c("td", { children: b.some((_) => _.label !== void 0) ? null : d.total }),
-            /* @__PURE__ */ c("td", { className: "nice-tax-breakdown__num", children: g(f.net) }),
-            /* @__PURE__ */ c("td", { className: "nice-tax-breakdown__num", children: g(f.vat) }),
-            /* @__PURE__ */ c("td", { className: "nice-tax-breakdown__num", children: g(f.gross) })
+            /* @__PURE__ */ c("td", { className: "nice-tax-breakdown__num", children: x(m.net) }),
+            /* @__PURE__ */ c("td", { className: "nice-tax-breakdown__num", children: x(m.vat) }),
+            /* @__PURE__ */ c("td", { className: "nice-tax-breakdown__num", children: x(m.gross) })
+          ] }, `${m.rate}-${g}`)) }),
+          a && w && /* @__PURE__ */ c("tfoot", { children: i && /* @__PURE__ */ _("tr", { className: "nice-tax-breakdown__totals", children: [
+            h.some((m) => m.label !== void 0) && /* @__PURE__ */ c("td", { children: f.total }),
+            !d && /* @__PURE__ */ c("td", { children: h.some((m) => m.label !== void 0) ? null : f.total }),
+            /* @__PURE__ */ c("td", { className: "nice-tax-breakdown__num", children: x(w.net) }),
+            /* @__PURE__ */ c("td", { className: "nice-tax-breakdown__num", children: x(w.vat) }),
+            /* @__PURE__ */ c("td", { className: "nice-tax-breakdown__num", children: x(w.gross) })
           ] }) })
         ]
       }
     );
   }
-), yr = ie(
-  function(e, r) {
-    const {
-      methods: a,
-      value: n,
-      onChange: i,
-      layout: u = "list",
-      columns: s = 2,
-      currency: o,
-      label: l,
-      name: p,
-      readOnly: v = !1,
-      className: y,
-      style: d,
-      id: b,
-      accessMode: f,
-      "data-testid": g
-    } = e, _ = be(), w = p ?? `nice-pm-${_}`, N = q(() => {
-      if (!o)
-        return a;
-      const I = o.toUpperCase();
-      return a.filter(
-        (M) => !M.currencies || M.currencies.map((R) => R.toUpperCase()).includes(I)
-      );
-    }, [a, o]);
-    if (f === "hidden")
-      return null;
-    const D = v || f === "disabled" || f === "readOnly", x = `nice-payment-method-selector nice-payment-method-selector--${u}` + (y ? ` ${y}` : ""), A = u === "grid" ? { gridTemplateColumns: `repeat(${s}, minmax(0, 1fr))` } : void 0;
-    return /* @__PURE__ */ h("div", { ref: r, id: b, className: x, style: d, "data-testid": g, children: [
-      l && /* @__PURE__ */ c("div", { className: "nice-payment-method-selector__label", children: l }),
-      /* @__PURE__ */ h(
-        "div",
-        {
-          className: "nice-payment-method-selector__options",
-          style: A,
-          role: "radiogroup",
-          "aria-label": l ?? "Payment method",
-          children: [
-            N.map((I) => {
-              const M = I.id === n, R = D || I.disabled;
-              return /* @__PURE__ */ h(
-                "label",
-                {
-                  className: "nice-payment-method-selector__option" + (M ? " 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: w,
-                        value: I.id,
-                        checked: M,
-                        disabled: R,
-                        onChange: () => i == null ? void 0 : i(I.id)
-                      }
-                    ),
-                    I.icon && /* @__PURE__ */ c("span", { className: "nice-payment-method-selector__icon", children: I.icon }),
-                    /* @__PURE__ */ h("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 })
-                    ] })
-                  ]
-                },
-                I.id
-              );
-            }),
-            N.length === 0 && /* @__PURE__ */ c("div", { className: "nice-payment-method-selector__empty", children: "No methods available." })
-          ]
-        }
-      )
-    ] });
-  }
-), Ht = [
+), Gt = [], _r = /* @__PURE__ */ se(function(e, r) {
+  const { t: n } = oe(), {
+    methods: a = Gt,
+    value: i,
+    onChange: d,
+    layout: s = "list",
+    columns: o = 2,
+    currency: l,
+    label: y,
+    name: N,
+    readOnly: b = !1,
+    className: u,
+    style: f,
+    id: h,
+    accessMode: w,
+    "data-testid": x
+  } = e, m = _e(), g = N ?? `nice-pm-${m}`, v = K(() => {
+    if (!l)
+      return a;
+    const M = l.toUpperCase();
+    return a.filter(
+      (q) => !q.currencies || q.currencies.map((I) => I.toUpperCase()).includes(M)
+    );
+  }, [a, l]);
+  if (w === "hidden")
+    return null;
+  const S = b || w === "disabled" || w === "readOnly", A = `nice-payment-method-selector nice-payment-method-selector--${s}` + (u ? ` ${u}` : ""), P = s === "grid" ? { gridTemplateColumns: `repeat(${o}, minmax(0, 1fr))` } : void 0;
+  return /* @__PURE__ */ _("div", { ref: r, id: h, className: A, style: f, "data-testid": x, children: [
+    y && /* @__PURE__ */ c("div", { className: "nice-payment-method-selector__label", children: y }),
+    /* @__PURE__ */ _(
+      "div",
+      {
+        className: "nice-payment-method-selector__options",
+        style: P,
+        role: "radiogroup",
+        "aria-label": y ?? n("paymentMethodSelector.paymentMethod", "Payment method"),
+        children: [
+          v.map((M) => {
+            const q = M.id === i, I = S || M.disabled;
+            return /* @__PURE__ */ _(
+              "label",
+              {
+                className: "nice-payment-method-selector__option" + (q ? " nice-payment-method-selector__option--selected" : "") + (I ? " nice-payment-method-selector__option--disabled" : ""),
+                children: [
+                  /* @__PURE__ */ c(
+                    "input",
+                    {
+                      type: "radio",
+                      className: "nice-payment-method-selector__radio",
+                      name: g,
+                      value: M.id,
+                      checked: q,
+                      disabled: I,
+                      onChange: () => d == null ? void 0 : d(M.id)
+                    }
+                  ),
+                  M.icon && /* @__PURE__ */ c("span", { className: "nice-payment-method-selector__icon", children: M.icon }),
+                  /* @__PURE__ */ _("span", { className: "nice-payment-method-selector__text", children: [
+                    /* @__PURE__ */ c("span", { className: "nice-payment-method-selector__name", children: M.label }),
+                    M.description && /* @__PURE__ */ c("span", { className: "nice-payment-method-selector__desc", children: M.description })
+                  ] })
+                ]
+              },
+              M.id
+            );
+          }),
+          v.length === 0 && /* @__PURE__ */ c("div", { className: "nice-payment-method-selector__empty", children: n("paymentMethodSelector.noMethodsAvailable", "No methods available.") })
+        ]
+      }
+    )
+  ] });
+}), Zt = [
   {
     target: ".nice-payment-provider-config",
     titleKey: "tutorial.paymentProviderConfig.intro.title",
@@ -2030,258 +2048,264 @@ const pr = ie(
     content: "Pick a provider, fill its credentials (secrets are masked), choose test/live, enable methods and copy the webhook URL.",
     placement: "auto"
   }
-], jt = {
+], Jt = {
   providerId: "",
   mode: "test",
   credentials: {},
   enabledMethods: []
-}, hr = ie(
-  function(e, r) {
-    const {
-      value: a,
-      defaultValue: n,
-      onChange: i,
-      providers: u,
-      onTestConnection: s,
-      showWebhookUrl: o = !0,
-      baseUrl: l,
-      readOnly: p = !1,
-      testLabel: v = "Test connection",
-      tutorial: y,
-      className: d,
-      style: b,
-      id: f,
-      accessMode: g,
-      "data-testid": _
-    } = e, [w, N] = De({
-      value: a,
-      defaultValue: n,
-      fallbackValue: jt,
-      onChange: i,
-      componentName: "NicePaymentProviderConfig"
-    }), D = be(), [x, A] = z(/* @__PURE__ */ new Set()), [I, M] = z(!1), [R, X] = z(null), O = q(() => u ? u.map((m) => ve[m]).filter((m) => !!m) : qt, [u]), k = ve[w.providerId];
-    if (g === "hidden")
-      return null;
-    const F = p || g === "disabled" || g === "readOnly", T = (m) => {
-      X(null), A(/* @__PURE__ */ new Set()), N({ providerId: m, mode: w.mode, credentials: {}, enabledMethods: [] });
-    }, Q = (m, L) => {
-      N({ ...w, credentials: { ...w.credentials, [m]: L } });
-    }, ne = (m) => {
-      const L = new Set(w.enabledMethods ?? []);
-      L.has(m) ? L.delete(m) : L.add(m), N({ ...w, enabledMethods: [...L] });
-    }, B = (m) => {
-      A((L) => {
-        const H = new Set(L);
-        return H.has(m) ? H.delete(m) : H.add(m), H;
-      });
-    }, ae = async () => {
-      if (s) {
-        M(!0), X(null);
-        try {
-          X(await s(w));
-        } catch (m) {
-          X({ ok: !1, message: m instanceof Error ? m.message : String(m) });
-        } finally {
-          M(!1);
-        }
+}, gr = /* @__PURE__ */ se(function(e, r) {
+  const { t: n } = oe(), {
+    value: a,
+    defaultValue: i,
+    onChange: d,
+    providers: s,
+    onTestConnection: o,
+    showWebhookUrl: l = !0,
+    baseUrl: y,
+    readOnly: N = !1,
+    testLabel: b = n("paymentProviderConfig.testConnection", "Test connection"),
+    tutorial: u,
+    className: f,
+    style: h,
+    id: w,
+    accessMode: x,
+    "data-testid": m
+  } = e, [g, v] = Me({
+    value: a,
+    defaultValue: i,
+    fallbackValue: Jt,
+    onChange: d,
+    componentName: "NicePaymentProviderConfig"
+  }), S = _e(), [A, P] = H(/* @__PURE__ */ new Set()), [M, q] = H(!1), [I, W] = H(null), B = K(() => s ? s.map((p) => we[p]).filter((p) => !!p) : Ot, [s]), D = we[g.providerId];
+  if (x === "hidden")
+    return null;
+  const T = N || x === "disabled" || x === "readOnly", O = (p) => {
+    W(null), P(/* @__PURE__ */ new Set()), v({ providerId: p, mode: g.mode, credentials: {}, enabledMethods: [] });
+  }, X = (p, F) => {
+    v({ ...g, credentials: { ...g.credentials, [p]: F } });
+  }, ne = (p) => {
+    const F = new Set(g.enabledMethods ?? []);
+    F.has(p) ? F.delete(p) : F.add(p), v({ ...g, enabledMethods: [...F] });
+  }, Y = (p) => {
+    P((F) => {
+      const z = new Set(F);
+      return z.has(p) ? z.delete(p) : z.add(p), z;
+    });
+  }, Z = async () => {
+    if (o) {
+      q(!0), W(null);
+      try {
+        W(await o(g));
+      } catch (p) {
+        W({ ok: !1, message: p instanceof Error ? p.message : String(p) });
+      } finally {
+        q(!1);
       }
-    }, Z = k != null && k.webhookPath ? `${(l ?? "").replace(/\/$/, "")}${k.webhookPath}` : "", U = (k == null ? void 0 : k.supportedCurrencies) === "*" ? "All currencies" : ((k == null ? void 0 : k.supportedCurrencies) ?? []).join(", "), E = "nice-payment-provider-config" + (d ? ` ${d}` : ""), Y = ((k == null ? void 0 : k.credentials) ?? []).filter(
-      (m) => !m.testOnly || w.mode === "test"
-    );
-    return /* @__PURE__ */ h("div", { ref: r, id: f, className: E, style: b, "data-testid": _, children: [
-      y && /* @__PURE__ */ c("div", { className: "nice-payment-provider-config__tutorial", children: /* @__PURE__ */ c(ct, { steps: it(y, Ht) }) }),
-      /* @__PURE__ */ h("div", { className: "nice-payment-provider-config__row", children: [
-        /* @__PURE__ */ h("label", { className: "nice-payment-provider-config__field", children: [
-          /* @__PURE__ */ c("span", { className: "nice-payment-provider-config__field-label", children: "Provider" }),
-          /* @__PURE__ */ h(
-            "select",
-            {
-              className: "nice-payment-provider-config__select",
-              value: w.providerId,
-              disabled: F,
-              onChange: (m) => T(m.target.value),
-              children: [
-                /* @__PURE__ */ c("option", { value: "", children: "— select provider —" }),
-                O.map((m) => /* @__PURE__ */ c("option", { value: m.id, children: m.name }, m.id))
-              ]
-            }
-          )
-        ] }),
-        (k == null ? void 0 : k.hasTestMode) && /* @__PURE__ */ h("div", { className: "nice-payment-provider-config__mode", role: "group", "aria-label": "Mode", children: [
-          /* @__PURE__ */ c(
-            "button",
-            {
-              type: "button",
-              className: "nice-payment-provider-config__mode-btn" + (w.mode === "test" ? " nice-payment-provider-config__mode-btn--active" : ""),
-              onClick: () => N({ ...w, mode: "test" }),
-              disabled: F,
-              children: "Test"
-            }
-          ),
-          /* @__PURE__ */ c(
-            "button",
-            {
-              type: "button",
-              className: "nice-payment-provider-config__mode-btn" + (w.mode === "live" ? " nice-payment-provider-config__mode-btn--active" : ""),
-              onClick: () => N({ ...w, mode: "live" }),
-              disabled: F,
-              children: "Live"
-            }
-          )
-        ] })
+    }
+  }, Q = D != null && D.webhookPath ? `${(y ?? "").replace(/\/$/, "")}${D.webhookPath}` : "", ae = (D == null ? void 0 : D.supportedCurrencies) === "*" ? n("paymentProviderConfig.allCurrencies", "All currencies") : ((D == null ? void 0 : D.supportedCurrencies) ?? []).join(", "), E = "nice-payment-provider-config" + (f ? ` ${f}` : ""), k = ((D == null ? void 0 : D.credentials) ?? []).filter(
+    (p) => !p.testOnly || g.mode === "test"
+  );
+  return /* @__PURE__ */ _("div", { ref: r, id: w, className: E, style: h, "data-testid": m, children: [
+    u && /* @__PURE__ */ c("div", { className: "nice-payment-provider-config__tutorial", children: /* @__PURE__ */ c(st, { steps: ot(u, Zt) }) }),
+    /* @__PURE__ */ _("div", { className: "nice-payment-provider-config__row", children: [
+      /* @__PURE__ */ _("label", { className: "nice-payment-provider-config__field", children: [
+        /* @__PURE__ */ c("span", { className: "nice-payment-provider-config__field-label", children: n("paymentProviderConfig.provider", "Provider") }),
+        /* @__PURE__ */ _(
+          "select",
+          {
+            className: "nice-payment-provider-config__select",
+            value: g.providerId,
+            disabled: T,
+            onChange: (p) => O(p.target.value),
+            children: [
+              /* @__PURE__ */ c("option", { value: "", children: n("paymentProviderConfig.selectProvider", "— select provider —") }),
+              B.map((p) => /* @__PURE__ */ c("option", { value: p.id, children: p.name }, p.id))
+            ]
+          }
+        )
       ] }),
-      k && /* @__PURE__ */ h(at, { children: [
-        /* @__PURE__ */ h("div", { className: "nice-payment-provider-config__meta", children: [
-          /* @__PURE__ */ c("span", { className: "nice-payment-provider-config__badge", children: k.type }),
-          /* @__PURE__ */ c("span", { className: "nice-payment-provider-config__currencies", children: U })
-        ] }),
-        /* @__PURE__ */ c("div", { className: "nice-payment-provider-config__credentials", children: Y.map((m) => {
-          const L = `${D}-${m.key}`, H = m.secret, C = x.has(m.key);
-          return /* @__PURE__ */ h("div", { className: "nice-payment-provider-config__field", children: [
-            /* @__PURE__ */ h("label", { className: "nice-payment-provider-config__field-label", htmlFor: L, children: [
-              m.label,
-              m.required && /* @__PURE__ */ c("span", { className: "nice-payment-provider-config__required", children: " *" })
-            ] }),
-            /* @__PURE__ */ h("div", { className: "nice-payment-provider-config__input-wrap", children: [
-              /* @__PURE__ */ c(
-                "input",
-                {
-                  id: L,
-                  type: H && !C ? "password" : "text",
-                  className: "nice-payment-provider-config__input",
-                  value: w.credentials[m.key] ?? "",
-                  readOnly: F,
-                  autoComplete: H ? "new-password" : "off",
-                  onChange: (K) => Q(m.key, K.target.value)
-                }
-              ),
-              H && /* @__PURE__ */ c(
-                "button",
-                {
-                  type: "button",
-                  className: "nice-payment-provider-config__reveal",
-                  onClick: () => B(m.key),
-                  "aria-label": C ? "Hide" : "Reveal",
-                  "aria-pressed": C,
-                  children: /* @__PURE__ */ c(Ce, { name: C ? "eye-off" : "eye", size: 14 })
-                }
-              )
-            ] }),
-            m.help && /* @__PURE__ */ c("span", { className: "nice-payment-provider-config__help", children: m.help })
-          ] }, m.key);
-        }) }),
-        k.supportedMethods && k.supportedMethods.length > 0 && /* @__PURE__ */ h("div", { className: "nice-payment-provider-config__methods", children: [
-          /* @__PURE__ */ c("span", { className: "nice-payment-provider-config__field-label", children: "Enabled methods" }),
-          /* @__PURE__ */ c("div", { className: "nice-payment-provider-config__method-list", children: k.supportedMethods.map((m) => /* @__PURE__ */ h("label", { className: "nice-payment-provider-config__method", children: [
+      (D == null ? void 0 : D.hasTestMode) && /* @__PURE__ */ _(
+        "div",
+        {
+          className: "nice-payment-provider-config__mode",
+          role: "group",
+          "aria-label": n("paymentProviderConfig.mode", "Mode"),
+          children: [
+            /* @__PURE__ */ c(
+              "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" }),
+                disabled: T,
+                children: n("paymentProviderConfig.test", "Test")
+              }
+            ),
+            /* @__PURE__ */ c(
+              "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" }),
+                disabled: T,
+                children: n("paymentProviderConfig.live", "Live")
+              }
+            )
+          ]
+        }
+      )
+    ] }),
+    D && /* @__PURE__ */ _(it, { children: [
+      /* @__PURE__ */ _("div", { className: "nice-payment-provider-config__meta", children: [
+        /* @__PURE__ */ c("span", { className: "nice-payment-provider-config__badge", children: D.type }),
+        /* @__PURE__ */ c("span", { className: "nice-payment-provider-config__currencies", children: ae })
+      ] }),
+      /* @__PURE__ */ c("div", { className: "nice-payment-provider-config__credentials", children: k.map((p) => {
+        const F = `${S}-${p.key}`, z = p.secret, C = A.has(p.key);
+        return /* @__PURE__ */ _("div", { className: "nice-payment-provider-config__field", children: [
+          /* @__PURE__ */ _("label", { className: "nice-payment-provider-config__field-label", htmlFor: F, children: [
+            p.label,
+            p.required && /* @__PURE__ */ c("span", { className: "nice-payment-provider-config__required", children: " *" })
+          ] }),
+          /* @__PURE__ */ _("div", { className: "nice-payment-provider-config__input-wrap", children: [
             /* @__PURE__ */ c(
               "input",
               {
-                type: "checkbox",
-                checked: (w.enabledMethods ?? []).includes(m),
-                disabled: F,
-                onChange: () => ne(m)
+                id: F,
+                type: z && !C ? "password" : "text",
+                className: "nice-payment-provider-config__input",
+                value: g.credentials[p.key] ?? "",
+                readOnly: T,
+                autoComplete: z ? "new-password" : "off",
+                onChange: (L) => X(p.key, L.target.value)
               }
             ),
-            m
-          ] }, m)) })
-        ] }),
-        o && k.webhookPath && /* @__PURE__ */ h("div", { className: "nice-payment-provider-config__field", children: [
-          /* @__PURE__ */ c("span", { className: "nice-payment-provider-config__field-label", children: "Webhook URL" }),
-          /* @__PURE__ */ c("code", { className: "nice-payment-provider-config__webhook", children: Z })
-        ] }),
-        s && /* @__PURE__ */ h("div", { className: "nice-payment-provider-config__test", children: [
+            z && /* @__PURE__ */ c(
+              "button",
+              {
+                type: "button",
+                className: "nice-payment-provider-config__reveal",
+                onClick: () => Y(p.key),
+                "aria-label": C ? n("paymentProviderConfig.hide", "Hide") : n("paymentProviderConfig.reveal", "Reveal"),
+                "aria-pressed": C,
+                children: /* @__PURE__ */ c(Pe, { name: C ? "eye-off" : "eye", size: 14 })
+              }
+            )
+          ] }),
+          p.help && /* @__PURE__ */ c("span", { className: "nice-payment-provider-config__help", children: p.help })
+        ] }, p.key);
+      }) }),
+      D.supportedMethods && D.supportedMethods.length > 0 && /* @__PURE__ */ _("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: D.supportedMethods.map((p) => /* @__PURE__ */ _("label", { className: "nice-payment-provider-config__method", children: [
           /* @__PURE__ */ c(
-            "button",
+            "input",
             {
-              type: "button",
-              className: "nice-payment-provider-config__test-btn",
-              onClick: () => void ae(),
-              disabled: F || I,
-              children: I ? "Testing…" : v
+              type: "checkbox",
+              checked: (g.enabledMethods ?? []).includes(p),
+              disabled: T,
+              onChange: () => ne(p)
             }
           ),
-          R && /* @__PURE__ */ h(
-            "span",
-            {
-              className: "nice-payment-provider-config__test-result nice-payment-provider-config__test-result--" + (R.ok ? "ok" : "error"),
-              children: [
-                /* @__PURE__ */ c(Ce, { name: R.ok ? "check" : "close", size: 14 }),
-                " ",
-                R.message ?? (R.ok ? "OK" : "Failed")
-              ]
-            }
-          )
-        ] })
+          p
+        ] }, p)) })
+      ] }),
+      l && D.webhookPath && /* @__PURE__ */ _("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: Q })
+      ] }),
+      o && /* @__PURE__ */ _("div", { className: "nice-payment-provider-config__test", children: [
+        /* @__PURE__ */ c(
+          "button",
+          {
+            type: "button",
+            className: "nice-payment-provider-config__test-btn",
+            onClick: () => void Z(),
+            disabled: T || M,
+            children: M ? n("paymentProviderConfig.testing", "Testing…") : b
+          }
+        ),
+        I && /* @__PURE__ */ _(
+          "span",
+          {
+            className: "nice-payment-provider-config__test-result nice-payment-provider-config__test-result--" + (I.ok ? "ok" : "error"),
+            children: [
+              /* @__PURE__ */ c(Pe, { name: I.ok ? "check" : "close", size: 14 }),
+              " ",
+              I.message ?? (I.ok ? n("paymentProviderConfig.ok", "OK") : n("paymentProviderConfig.failed", "Failed"))
+            ]
+          }
+        )
       ] })
-    ] });
-  }
-);
+    ] })
+  ] });
+});
 export {
-  ht as EcbRatesProvider,
-  pt as ExchangeRateHostProvider,
-  ut as FrankfurterProvider,
-  bt as FreeForexApiProvider,
-  _t as MockPaymentProcessor,
-  he as NICE_CURRENCY_CATALOG,
-  lr as NICE_CURRENCY_CODES,
-  Ut as NICE_PAYMENT_PROCESSORS,
-  qt as NICE_PAYMENT_PROVIDER_LIST,
-  ve as NICE_PAYMENT_PROVIDER_PROFILES,
-  yt as NbpRatesProvider,
-  Ft as NiceCreditCardInput,
-  mr as NiceCurrencyConverter,
-  je as NiceCurrencySelector,
-  qe as NiceMoney,
-  Ye as NiceMoneyInput,
-  dr as NicePaymentForm,
-  yr as NicePaymentMethodSelector,
-  hr as NicePaymentProviderConfig,
-  ur as NicePriceTag,
-  pr as NiceTaxBreakdown,
-  mt as OpenExchangeRatesProvider,
-  rr as StaticExchangeRateProvider,
-  me as addMoney,
-  Qt as compareMoney,
-  ft as convertMoney,
-  ar as createEcbRatesProvider,
-  ir as createFreeForexApiProvider,
-  nr as createNbpRatesProvider,
-  cr as createOpenExchangeRatesProvider,
-  Ne as detectCardBrand,
-  ye as expectedCvcLength,
-  te as findCurrency,
-  sr as findPaymentProviderProfile,
-  dt as formatCardNumber,
-  ce as formatMoney,
-  Be as fromMoney,
-  He as isExpiryValid,
-  Wt as isNegative,
-  Vt as isZero,
-  Le as luhnCheck,
-  Nt as makeAdyenAdapter,
-  St as makeAutopayAdapter,
-  $t as makeBlikAdapter,
-  Ct as makeBraintreeAdapter,
-  Rt as makeCoinbaseCommerceAdapter,
-  xt as makeKlarnaAdapter,
-  kt as makeMollieAdapter,
-  vt as makePayPalAdapter,
-  Mt as makePayUAdapter,
-  Pt as makePrzelewy24Adapter,
-  Dt as makeRazorpayAdapter,
-  wt as makeSquareAdapter,
-  gt as makeStripeAdapter,
-  It as makeTpayAdapter,
-  tr as maskCardNumber,
-  Me as multiplyMoney,
-  er as negateMoney,
-  ze as normaliseExpiry,
-  lt as parseMoney,
-  Xt as registerCurrency,
-  ot as subtractMoney,
-  re as toMoney,
-  Pe as useNiceExchangeRate,
-  or as useNiceMoney,
+  ft as EcbRatesProvider,
+  ht as ExchangeRateHostProvider,
+  pt as FrankfurterProvider,
+  _t as FreeForexApiProvider,
+  vt as MockPaymentProcessor,
+  fe as NICE_CURRENCY_CATALOG,
+  pr as NICE_CURRENCY_CODES,
+  Tt as NICE_PAYMENT_PROCESSORS,
+  Ot as NICE_PAYMENT_PROVIDER_LIST,
+  we as NICE_PAYMENT_PROVIDER_PROFILES,
+  bt as NbpRatesProvider,
+  Lt as NiceCreditCardInput,
+  br as NiceCurrencyConverter,
+  Ge as NiceCurrencySelector,
+  Oe as NiceMoney,
+  Ze as NiceMoneyInput,
+  yr as NicePaymentForm,
+  _r as NicePaymentMethodSelector,
+  gr as NicePaymentProviderConfig,
+  hr as NicePriceTag,
+  fr as NiceTaxBreakdown,
+  yt as OpenExchangeRatesProvider,
+  ir as StaticExchangeRateProvider,
+  ye as addMoney,
+  tr as compareMoney,
+  gt as convertMoney,
+  or as createEcbRatesProvider,
+  dr as createFreeForexApiProvider,
+  sr as createNbpRatesProvider,
+  lr as createOpenExchangeRatesProvider,
+  ke as detectCardBrand,
+  be as expectedCvcLength,
+  re as findCurrency,
+  ur as findPaymentProviderProfile,
+  mt as formatCardNumber,
+  ie as formatMoney,
+  He as fromMoney,
+  Ye as isExpiryValid,
+  nr as isNegative,
+  rr as isZero,
+  ze as luhnCheck,
+  kt as makeAdyenAdapter,
+  xt as makeAutopayAdapter,
+  Rt as makeBlikAdapter,
+  Pt as makeBraintreeAdapter,
+  At as makeCoinbaseCommerceAdapter,
+  Ut as makeKlarnaAdapter,
+  Dt as makeMollieAdapter,
+  wt as makePayPalAdapter,
+  St as makePayUAdapter,
+  It as makePrzelewy24Adapter,
+  Mt as makeRazorpayAdapter,
+  Ct as makeSquareAdapter,
+  Nt as makeStripeAdapter,
+  $t as makeTpayAdapter,
+  cr as maskCardNumber,
+  Se as multiplyMoney,
+  ar as negateMoney,
+  je as normaliseExpiry,
+  ut as parseMoney,
+  er as registerCurrency,
+  dt as subtractMoney,
+  ce as toMoney,
+  Ie as useNiceExchangeRate,
+  mr as useNiceMoney,
   Kt as useNicePayment,
-  Te as validateCreditCard
+  qe as validateCreditCard
 };