@openhive-eu/payment 1.0.0-next.10 → 1.0.0-next.11

package/dist/react.js

@@ -25,12 +25,12 @@ const u2 = (t) => new c2(typeof t == "string" ? t : t + "", void 0, S1), f2 = (t
     const n = document.createElement("style"), d = Ge.litNonce;
     d !== void 0 && n.setAttribute("nonce", d), n.textContent = r.cssText, t.appendChild(n);
   }
-}, Tt = mt ? (t) => t : (t) => t instanceof CSSStyleSheet ? ((e) => {
+}, Mt = mt ? (t) => t : (t) => t instanceof CSSStyleSheet ? ((e) => {
   let r = "";
   for (const n of e.cssRules) r += n.cssText;
   return u2(r);
 })(t) : t;
-const { is: h2, defineProperty: p2, getOwnPropertyDescriptor: m2, getOwnPropertyNames: y2, getOwnPropertySymbols: g2, getPrototypeOf: b2 } = Object, qe = globalThis, Mt = qe.trustedTypes, v2 = Mt ? Mt.emptyScript : "", C2 = qe.reactiveElementPolyfillSupport, ve = (t, e) => t, Be = { toAttribute(t, e) {
+const { is: h2, defineProperty: p2, getOwnPropertyDescriptor: m2, getOwnPropertyNames: y2, getOwnPropertySymbols: g2, getPrototypeOf: b2 } = Object, qe = globalThis, Tt = qe.trustedTypes, v2 = Tt ? Tt.emptyScript : "", C2 = qe.reactiveElementPolyfillSupport, ve = (t, e) => t, Be = { toAttribute(t, e) {
   switch (e) {
     case Boolean:
       t = t ? v2 : null;
@@ -114,8 +114,8 @@ let he = class extends HTMLElement {
     const r = [];
     if (Array.isArray(e)) {
       const n = new Set(e.flat(1 / 0).reverse());
-      for (const d of n) r.unshift(Tt(d));
-    } else e !== void 0 && r.push(Tt(e));
+      for (const d of n) r.unshift(Mt(d));
+    } else e !== void 0 && r.push(Mt(e));
     return r;
   }
   static _$Eu(e, r) {
@@ -244,7 +244,7 @@ let he = class extends HTMLElement {
 he.elementStyles = [], he.shadowRootOptions = { mode: "open" }, he[ve("elementProperties")] = /* @__PURE__ */ new Map(), he[ve("finalized")] = /* @__PURE__ */ new Map(), C2?.({ ReactiveElement: he }), (qe.reactiveElementVersions ??= []).push("2.1.2");
 const gt = globalThis, Ft = (t) => t, ze = gt.trustedTypes, Dt = ze ? ze.createPolicy("lit-html", { createHTML: (t) => t }) : void 0, N1 = "$lit$", te = `lit$${Math.random().toFixed(9).slice(2)}$`, k1 = "?" + te, _2 = `<${k1}>`, se = document, _e = () => se.createComment(""), we = (t) => t === null || typeof t != "object" && typeof t != "function", bt = Array.isArray, w2 = (t) => bt(t) || typeof t?.[Symbol.iterator] == "function", rt = `[ 	
 \f\r]`, ge = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, Ht = /-->/g, Vt = />/g, oe = RegExp(`>|${rt}(?:([^\\s"'>=/]+)(${rt}*=${rt}*(?:[^ 	
-\f\r"'\`<>=]|("|')|))|$)`, "g"), jt = /'/g, Ut = /"/g, O1 = /^(?:script|style|textarea|title)$/i, x2 = (t) => (e, ...r) => ({ _$litType$: t, strings: e, values: r }), x = x2(1), le = /* @__PURE__ */ Symbol.for("lit-noChange"), _ = /* @__PURE__ */ Symbol.for("lit-nothing"), Gt = /* @__PURE__ */ new WeakMap(), ae = se.createTreeWalker(se, 129);
+\f\r"'\`<>=]|("|')|))|$)`, "g"), jt = /'/g, Ut = /"/g, O1 = /^(?:script|style|textarea|title)$/i, x2 = (t) => (e, ...r) => ({ _$litType$: t, strings: e, values: r }), w = x2(1), le = /* @__PURE__ */ Symbol.for("lit-noChange"), _ = /* @__PURE__ */ Symbol.for("lit-nothing"), Gt = /* @__PURE__ */ new WeakMap(), ae = se.createTreeWalker(se, 129);
 function R1(t, e) {
   if (!bt(t) || !t.hasOwnProperty("raw")) throw Error("invalid template strings array");
   return Dt !== void 0 ? Dt.createHTML(e) : e;
@@ -494,7 +494,7 @@ Ce._$litElement$ = !0, Ce.finalized = !0, vt.litElementHydrateSupport?.({ LitEle
 const I2 = vt.litElementPolyfillSupport;
 I2?.({ LitElement: Ce });
 (vt.litElementVersions ??= []).push("4.2.2");
-const T2 = { attribute: !0, type: String, converter: Be, reflect: !1, hasChanged: yt }, M2 = (t = T2, e, r) => {
+const M2 = { attribute: !0, type: String, converter: Be, reflect: !1, hasChanged: yt }, T2 = (t = M2, e, r) => {
   const { kind: n, metadata: d } = r;
   let o = globalThis.litPropertyMetadata.get(d);
   if (o === void 0 && globalThis.litPropertyMetadata.set(d, o = /* @__PURE__ */ new Map()), n === "setter" && ((t = Object.create(t)).wrapped = !0), o.set(r.name, t), n === "accessor") {
@@ -515,14 +515,14 @@ const T2 = { attribute: !0, type: String, converter: Be, reflect: !1, hasChanged
   }
   throw Error("Unsupported decorator location: " + n);
 };
-function G(t) {
-  return (e, r) => typeof r == "object" ? M2(t, e, r) : ((n, d, o) => {
+function z(t) {
+  return (e, r) => typeof r == "object" ? T2(t, e, r) : ((n, d, o) => {
     const i = d.hasOwnProperty(o);
     return d.constructor.createProperty(o, n), i ? Object.getOwnPropertyDescriptor(d, o) : void 0;
   })(t, e, r);
 }
 function H(t) {
-  return G({ ...t, state: !0, attribute: !1 });
+  return z({ ...t, state: !0, attribute: !1 });
 }
 const L2 = `<svg xmlns="http://www.w3.org/2000/svg" width="92" height="30" viewBox="0 0 92 30" fill="currentColor"><path d="M0.666626 7H14C15.4733 7 16.6666 8.19333 16.6666 9.66667V23H3.33329C1.85996 23 0.666626 21.8067 0.666626 20.3333V13.6667H7.33329V19H9.99996V11H0.666626V7Z"></path><path d="M75.3333 7V23H82V11H84.6666V23H91.3333V9.66667C91.3333 8.19333 90.14 7 88.6666 7H75.3333Z"></path><path d="M38 29.6667H51.3333C52.8067 29.6667 54 28.4733 54 27V7H47.3333V19H44.6667V7H38V20.3333C38 21.8067 39.1933 23 40.6667 23H47.3333V25.6667H38V29.6667Z"></path><path d="M72.6666 23H59.3333C57.86 23 56.6666 21.8067 56.6666 20.3333V7H70C71.4733 7 72.6666 8.19333 72.6666 9.66667V16.3333H66V11H63.3333V19H72.6666V23Z"></path><path d="M35.3333 0.333344V23H21.9999C20.5266 23 19.3333 21.8067 19.3333 20.3333V9.66668C19.3333 8.19334 20.5266 7.00001 21.9999 7.00001H25.9999V19H28.6666V0.333344H35.3333Z"></path></svg>
 `, F2 = `<svg xmlns="http://www.w3.org/2000/svg" width="60" height="25" viewBox="0 0 60 25" fill="currentColor"><path fill-rule="evenodd" d="M59.6444 14.2813h-8.062c.1843 1.9296 1.5983 2.5476 3.2032 2.5476 1.6352 0 2.9534-.3656 4.0453-.9506v3.3179c-1.1186.7115-2.5964 1.1068-4.5645 1.1068-4.011 0-6.8218-2.5122-6.8218-7.4783 0-4.19441 2.3837-7.52509 6.3017-7.52509 3.912 0 5.9537 3.28038 5.9537 7.49819 0 .3982-.0372 1.261-.0556 1.4835Zm-5.9241-5.62407c-1.0294 0-2.1739.72812-2.1739 2.58387h4.2573c0-1.85362-1.0721-2.58387-2.0834-2.58387ZM40.9547 20.303c-1.4411 0-2.322-.6087-2.9133-1.0417l-.0088 4.6271-4.1181.8755-.0014-19.19053h3.7543l.0864 1.01784c.6035-.52914 1.6114-1.29157 3.2256-1.29162 2.8925 0 5.6162 2.6052 5.6162 7.39971 0 5.2327-2.6948 7.6037-5.6409 7.6037Zm-.959-11.35573c-.9453 0-1.5376.34559-1.9669.81586l.0245 6.11967c.3997.433.9763.7813 1.9424.7813 1.5231 0 2.5437-1.6575 2.5437-3.8745 0-2.1544-1.037-3.84233-2.5437-3.84233Zm-11.7602-3.3739h4.1341V20.0088h-4.1341V5.57337Zm0-4.694699L32.3696 0v3.35821l-4.1341.87868V.878671ZM23.9198 10.2223v9.7861h-4.1156V5.57296h3.6867l.1317 1.21751c1.0035-1.7722 3.0722-1.41321 3.6209-1.21594v3.78524c-.5242-.16908-2.2894-.42779-3.3237.86253Zm-8.5525 4.7221c0 2.4275 2.5988 1.6719 3.1263 1.4609v3.3522c-.5492.3013-1.5437.5458-2.8901.5458-2.4441 0-4.2773-1.7999-4.2773-4.2379l.0173-13.17658 4.0206-.85464.0032 3.5395h3.1278V9.0857h-3.1278v5.8588-.0001Zm-4.9069.7026c0 2.9645-2.31051 4.6562-5.73464 4.6562-1.41958 0-2.92289-.2761-4.453935-.9347v-3.9319c1.382085.7516 3.093705 1.315 4.457755 1.315.91864 0 1.53106-.2459 1.53106-1.0069C6.26064 13.7786 0 14.5192 0 9.95995 0 7.04457 2.27622 5.2998 5.61655 5.2998c1.36404 0 2.72806.20934 4.09208.75351V9.9317c-1.25265-.67618-2.84332-1.05979-4.09588-1.05979-.86296 0-1.44753.24965-1.44753.8924.0001 1.85329 6.29518.97249 6.29518 5.88279v-.0001Z" clip-rule="evenodd"></path></svg>
@@ -555,14 +555,14 @@ function G2(t) {
     const {
       baseUrl: g,
       fetch: b = n,
-      Request: P = r,
-      headers: w,
+      Request: E = r,
+      headers: x,
       params: v = {},
       parseAs: L = "json",
       querySerializer: F,
       bodySerializer: V = o ?? z2,
-      body: z,
-      middleware: Z = [],
+      body: j,
+      middleware: U = [],
       ...W
     } = u || {};
     let m = e;
@@ -572,14 +572,14 @@ function G2(t) {
       ...typeof d == "object" ? d : {},
       ...F
     }));
-    const ce = z === void 0 ? void 0 : V(
-      z,
+    const ce = j === void 0 ? void 0 : V(
+      j,
       // Note: we declare mergeHeaders() both here and below because it’s a bit of a chicken-or-egg situation:
       // bodySerializer() needs all headers so we aren’t dropping ones set by the user, however,
       // the result of this ALSO sets the lowest-priority content-type header. So we re-merge below,
       // setting the content-type at the very beginning to be overwritten.
       // Lastly, based on the way headers work, it’s not a simple “present-or-not” check becauase null intentionally un-sets headers.
-      zt(i, w, v.header)
+      zt(i, x, v.header)
     ), Ie = zt(
       // with no body, we should not to set Content-Type
       ce === void 0 || // if serialized body is FormData; browser will correctly set Content-Type & boundary expression
@@ -587,23 +587,23 @@ function G2(t) {
         "Content-Type": "application/json"
       },
       i,
-      w,
+      x,
       v.header
-    ), D = [...l, ...Z], Te = {
+    ), D = [...l, ...U], Me = {
       redirect: "follow",
       ...s,
       ...W,
       body: ce,
       headers: Ie
     };
-    let J, j, N = new P(
+    let J, G, N = new E(
       Z2($, { baseUrl: m, params: v, querySerializer: R }),
-      Te
+      Me
     ), C;
     for (const f in W)
       f in N || (N[f] = W[f]);
     if (D.length) {
-      J = U2(), j = Object.freeze({
+      J = U2(), G = Object.freeze({
         baseUrl: m,
         fetch: b,
         parseAs: L,
@@ -612,18 +612,18 @@ function G2(t) {
       });
       for (const f of D)
         if (f && typeof f == "object" && typeof f.onRequest == "function") {
-          const A = await f.onRequest({
+          const S = await f.onRequest({
             request: N,
             schemaPath: $,
             params: v,
-            options: j,
+            options: G,
             id: J
           });
-          if (A)
-            if (A instanceof P)
-              N = A;
-            else if (A instanceof Response) {
-              C = A;
+          if (S)
+            if (S instanceof E)
+              N = S;
+            else if (S instanceof Response) {
+              C = S;
               break;
             } else
               throw new Error("onRequest: must return new Request() or Response() when modifying the request");
@@ -633,51 +633,51 @@ function G2(t) {
       try {
         C = await b(N, a);
       } catch (f) {
-        let A = f;
+        let S = f;
         if (D.length)
-          for (let B = D.length - 1; B >= 0; B--) {
-            const de = D[B];
+          for (let Z = D.length - 1; Z >= 0; Z--) {
+            const de = D[Z];
             if (de && typeof de == "object" && typeof de.onError == "function") {
               const K = await de.onError({
                 request: N,
-                error: A,
+                error: S,
                 schemaPath: $,
                 params: v,
-                options: j,
+                options: G,
                 id: J
               });
               if (K) {
                 if (K instanceof Response) {
-                  A = void 0, C = K;
+                  S = void 0, C = K;
                   break;
                 }
                 if (K instanceof Error) {
-                  A = K;
+                  S = K;
                   continue;
                 }
                 throw new Error("onError: must return new Response() or instance of Error");
               }
             }
           }
-        if (A)
-          throw A;
+        if (S)
+          throw S;
       }
       if (D.length)
         for (let f = D.length - 1; f >= 0; f--) {
-          const A = D[f];
-          if (A && typeof A == "object" && typeof A.onResponse == "function") {
-            const B = await A.onResponse({
+          const S = D[f];
+          if (S && typeof S == "object" && typeof S.onResponse == "function") {
+            const Z = await S.onResponse({
               request: N,
               response: C,
               schemaPath: $,
               params: v,
-              options: j,
+              options: G,
               id: J
             });
-            if (B) {
-              if (!(B instanceof Response))
+            if (Z) {
+              if (!(Z instanceof Response))
                 throw new Error("onResponse: must return new Response() when modifying the response");
-              C = B;
+              C = Z;
             }
           }
         }
@@ -690,8 +690,8 @@ function G2(t) {
         if (L === "stream")
           return C.body;
         if (L === "json" && !ue) {
-          const A = await C.text();
-          return A ? JSON.parse(A) : void 0;
+          const S = await C.text();
+          return S ? JSON.parse(S) : void 0;
         }
         return await C[L]();
       })(), response: C };
@@ -795,7 +795,7 @@ function I1(t, e, r) {
   const o = n.join(d);
   return r.style === "label" || r.style === "matrix" ? `${d}${o}` : o;
 }
-function T1(t, e, r) {
+function M1(t, e, r) {
   if (!Array.isArray(e))
     return "";
   if (r.explode === !1) {
@@ -829,7 +829,7 @@ function Bt(t) {
             if (o.length === 0)
               continue;
             n.push(
-              T1(d, o, {
+              M1(d, o, {
                 style: "form",
                 explode: !0,
                 ...t?.array,
@@ -863,7 +863,7 @@ function B2(t, e) {
       continue;
     const a = e[d];
     if (Array.isArray(a)) {
-      r = r.replace(n, T1(d, a, { style: i, explode: o }));
+      r = r.replace(n, M1(d, a, { style: i, explode: o }));
       continue;
     }
     if (typeof a == "object") {
@@ -1000,7 +1000,7 @@ function er(t, e) {
 }
 var tr = "1.2.0", rr = "1.7.35", Kt = " ext. ", nr = /^\d+$/, I = /* @__PURE__ */ (function() {
   function t(e) {
-    Je(this, t), M1(e), this.metadata = e, L1.call(this, e);
+    Je(this, t), T1(e), this.metadata = e, L1.call(this, e);
   }
   return Qe(t, [{
     key: "getCountries",
@@ -1408,7 +1408,7 @@ function Xt(t, e) {
       return t[9];
   }
 }
-function M1(t) {
+function T1(t) {
   if (!t)
     throw new Error("[libphonenumber-js] `metadata` argument not passed. Check your arguments.");
   if (!pe(t) || !pe(t.countries))
@@ -1531,7 +1531,7 @@ function mr(t, e, r) {
   var n = new I(r);
   return n.selectNumberingPlan(e), n.numberingPlan.possibleLengths().indexOf(t.length) >= 0;
 }
-var xt = 2, yr = 17, gr = 3, U = "0-9０-９٠-٩۰-۹", br = "-‐-―−ー－", vr = "／/", Cr = "．.", _r = "  ­​⁠　", wr = "()（）［］\\[\\]", xr = "~⁓∼～", Ze = "".concat(br).concat(vr).concat(Cr).concat(_r).concat(wr).concat(xr), Pt = "+＋", Pr = new RegExp("([" + U + "])");
+var xt = 2, yr = 17, gr = 3, B = "0-9０-９٠-٩۰-۹", br = "-‐-―−ー－", vr = "／/", Cr = "．.", _r = "  ­​⁠　", wr = "()（）［］\\[\\]", xr = "~⁓∼～", Ze = "".concat(br).concat(vr).concat(Cr).concat(_r).concat(wr).concat(xr), Pt = "+＋", Pr = new RegExp("([" + B + "])");
 function Er(t, e, r, n) {
   if (e) {
     var d = new I(n);
@@ -1708,10 +1708,10 @@ function H1(t, e, r, n, d) {
   }
   return {};
 }
-function Tr(t) {
+function Mr(t) {
   return t.replace(new RegExp("[".concat(Ze, "]+"), "g"), " ").trim();
 }
-var Mr = /(\$\d)/;
+var Tr = /(\$\d)/;
 function Lr(t, e, r) {
   var n = r.useInternationalFormat, d = r.withNationalPrefix, o = t.replace(new RegExp(e.pattern()), n ? e.internationalFormat() : (
     // This library doesn't use `domestic_carrier_code_formatting_rule`,
@@ -1727,9 +1727,9 @@ function Lr(t, e, r) {
     // 			? format.format().replace(FIRST_GROUP_PATTERN, format.nationalPrefixFormattingRule())
     // 			: format.format()
     // 	)
-    d && e.nationalPrefixFormattingRule() ? e.format().replace(Mr, e.nationalPrefixFormattingRule()) : e.format()
+    d && e.nationalPrefixFormattingRule() ? e.format().replace(Tr, e.nationalPrefixFormattingRule()) : e.format()
   ));
-  return n ? Tr(o) : o;
+  return n ? Mr(o) : o;
 }
 var Fr = /^[\d]+(?:[~\u2053\u223C\uFF5E][\d]+)?$/;
 function Dr(t, e, r) {
@@ -1740,13 +1740,13 @@ function Dr(t, e, r) {
     return n.IDDPrefix();
 }
 var Hr = ";ext=", fe = function(e) {
-  return "([".concat(U, "]{1,").concat(e, "})");
+  return "([".concat(B, "]{1,").concat(e, "})");
 };
 function V1(t) {
-  var e = "20", r = "15", n = "9", d = "6", o = "[  \\t,]*", i = "[:\\.．]?[  \\t,-]*", a = "#?", s = "(?:e?xt(?:ensi(?:ó?|ó))?n?|ｅ?ｘｔｎ?|доб|anexo)", l = "(?:[xｘ#＃~～]|int|ｉｎｔ)", c = "[- ]+", $ = "[  \\t]*", u = "(?:,{2}|;)", g = Hr + fe(e), b = o + s + i + fe(e) + a, P = o + l + i + fe(n) + a, w = c + fe(d) + "#", v = $ + u + i + fe(r) + a, L = $ + "(?:,)+" + i + fe(n) + a;
-  return g + "|" + b + "|" + P + "|" + w + "|" + v + "|" + L;
+  var e = "20", r = "15", n = "9", d = "6", o = "[  \\t,]*", i = "[:\\.．]?[  \\t,-]*", a = "#?", s = "(?:e?xt(?:ensi(?:ó?|ó))?n?|ｅ?ｘｔｎ?|доб|anexo)", l = "(?:[xｘ#＃~～]|int|ｉｎｔ)", c = "[- ]+", $ = "[  \\t]*", u = "(?:,{2}|;)", g = Hr + fe(e), b = o + s + i + fe(e) + a, E = o + l + i + fe(n) + a, x = c + fe(d) + "#", v = $ + u + i + fe(r) + a, L = $ + "(?:,)+" + i + fe(n) + a;
+  return g + "|" + b + "|" + E + "|" + x + "|" + v + "|" + L;
 }
-var Vr = "[" + U + "]{" + xt + "}", jr = "[" + Pt + "]{0,1}(?:[" + Ze + "]*[" + U + "]){3,}[" + Ze + U + "]*", Ur = new RegExp("^[" + Pt + "]{0,1}(?:[" + Ze + "]*[" + U + "]){1,2}$", "i"), Gr = jr + // Phone number extensions
+var Vr = "[" + B + "]{" + xt + "}", jr = "[" + Pt + "]{0,1}(?:[" + Ze + "]*[" + B + "]){3,}[" + Ze + B + "]*", Ur = new RegExp("^[" + Pt + "]{0,1}(?:[" + Ze + "]*[" + B + "]){1,2}$", "i"), Gr = jr + // Phone number extensions
 "(?:" + V1() + ")?", Br = new RegExp(
   // Either a short two-digit-only phone number
   "^" + Vr + "$|^" + Gr + "$",
@@ -1932,7 +1932,7 @@ var dn = /* @__PURE__ */ (function() {
       throw new TypeError("`nationalNumber` argument is required");
     if (typeof r != "string")
       throw new TypeError("`nationalNumber` argument must be a string");
-    M1(n);
+    T1(n);
     var s = an(e, n), l = s.country, c = s.countryCallingCode;
     this.country = l, this.countryCallingCode = c, this.nationalNumber = r, this.number = "+" + this.countryCallingCode + this.nationalNumber, this.getMetadata = function() {
       return n;
@@ -2239,7 +2239,7 @@ function d1(t) {
 function _n(t, e, r) {
   return t === "+" ? e ? void 0 : "+" : bn(t);
 }
-var U1 = "+", wn = "[\\-\\.\\(\\)]?", o1 = "([" + U + "]|" + wn + ")", xn = "^\\" + U1 + o1 + "*[" + U + "]" + o1 + "*$", Pn = new RegExp(xn, "g"), ct = U, En = "[" + ct + "]+((\\-)*[" + ct + "])*", An = "a-zA-Z", Sn = "[" + An + "]+((\\-)*[" + ct + "])*", Nn = "^(" + En + "\\.)*" + Sn + "\\.?$", kn = new RegExp(Nn, "g"), i1 = "tel:", ut = ";phone-context=", On = ";isub=";
+var U1 = "+", wn = "[\\-\\.\\(\\)]?", o1 = "([" + B + "]|" + wn + ")", xn = "^\\" + U1 + o1 + "*[" + B + "]" + o1 + "*$", Pn = new RegExp(xn, "g"), ct = B, En = "[" + ct + "]+((\\-)*[" + ct + "])*", An = "a-zA-Z", Sn = "[" + An + "]+((\\-)*[" + ct + "])*", Nn = "^(" + En + "\\.)*" + Sn + "\\.?$", kn = new RegExp(Nn, "g"), i1 = "tel:", ut = ";phone-context=", On = ";isub=";
 function Rn(t) {
   var e = t.indexOf(ut);
   if (e < 0)
@@ -2253,7 +2253,7 @@ function Rn(t) {
 function In(t) {
   return t === null ? !0 : t.length === 0 ? !1 : Pn.test(t) || kn.test(t);
 }
-function Tn(t, e) {
+function Mn(t, e) {
   var r = e.extractFormattedPhoneNumber, n = Rn(t);
   if (!In(n))
     throw new X("NOT_A_NUMBER");
@@ -2271,7 +2271,7 @@ function Tn(t, e) {
   if (s > 0 && (d = d.substring(0, s)), d !== "")
     return d;
 }
-var Mn = 250, Ln = new RegExp("[" + Pt + U + "]"), Fn = new RegExp("[^" + U + "#]+$");
+var Tn = 250, Ln = new RegExp("[" + Pt + B + "]"), Fn = new RegExp("[^" + B + "#]+$");
 function Dn(t, e, r) {
   if (e = e || {}, r = new I(r), e.defaultCountry && !r.hasCountry(e.defaultCountry))
     throw e.v2 ? new X("INVALID_COUNTRY") : new Error("Unknown country: ".concat(e.defaultCountry));
@@ -2314,7 +2314,7 @@ function Dn(t, e, r) {
 }
 function Hn(t, e, r) {
   if (t) {
-    if (t.length > Mn) {
+    if (t.length > Tn) {
       if (r)
         throw new X("TOO_LONG");
       return;
@@ -2327,7 +2327,7 @@ function Hn(t, e, r) {
   }
 }
 function Vn(t, e, r) {
-  var n = Tn(t, {
+  var n = Mn(t, {
     extractFormattedPhoneNumber: function(i) {
       return Hn(i, r, e);
     }
@@ -2636,7 +2636,8 @@ const p1 = ["FR"], B1 = [
     close: "Fermer",
     textMessage: "SMS",
     email: "Email",
-    errorFallback: "Une erreur s'est produite lors du chargement du composant de paiement."
+    errorFallback: "Une erreur s'est produite lors du chargement du composant de paiement.",
+    submitError: "Une erreur est survenue lors de l'envoi du lien de paiement."
   },
   en: {
     title: "Payment terminal",
@@ -2657,7 +2658,8 @@ const p1 = ["FR"], B1 = [
     close: "Close",
     textMessage: "SMS",
     email: "Email",
-    errorFallback: "Something went wrong while loading the payment component."
+    errorFallback: "Something went wrong while loading the payment component.",
+    submitError: "An error occurred while sending the payment link."
   }
 }, ot = (t) => m1[t] ?? m1.fr;
 function z1(t) {
@@ -2687,14 +2689,14 @@ const y1 = (t) => typeof t == "boolean" ? `${t}` : t === 0 ? "0" : t, g1 = Z1, R
   }, {}), s = e == null || (n = e.compoundVariants) === null || n === void 0 ? void 0 : n.reduce((l, c) => {
     let { class: $, className: u, ...g } = c;
     return Object.entries(g).every((b) => {
-      let [P, w] = b;
-      return Array.isArray(w) ? w.includes({
+      let [E, x] = b;
+      return Array.isArray(x) ? x.includes({
         ...o,
         ...a
-      }[P]) : {
+      }[E]) : {
         ...o,
         ...a
-      }[P] === w;
+      }[E] === x;
     }) ? [
       ...l,
       $,
@@ -2848,19 +2850,19 @@ const y1 = (t) => typeof t == "boolean" ? `${t}` : t === 0 ? "0" : t, g1 = Z1, R
     const o = [];
     let i = 0, a = 0, s = 0, l;
     const c = d.length;
-    for (let P = 0; P < c; P++) {
-      const w = d[P];
+    for (let E = 0; E < c; E++) {
+      const x = d[E];
       if (i === 0 && a === 0) {
-        if (w === v1) {
-          o.push(d.slice(s, P)), s = P + 1;
+        if (x === v1) {
+          o.push(d.slice(s, E)), s = E + 1;
           continue;
         }
-        if (w === "/") {
-          l = P;
+        if (x === "/") {
+          l = E;
           continue;
         }
       }
-      w === "[" ? i++ : w === "]" ? i-- : w === "(" ? a++ : w === ")" && a--;
+      x === "[" ? i++ : x === "]" ? i-- : x === "(" ? a++ : x === ")" && a--;
     }
     const $ = o.length === 0 ? d : d.slice(s);
     let u = $, g = !1;
@@ -2918,15 +2920,15 @@ const y1 = (t) => typeof t == "boolean" ? `${t}` : t === 0 ? "0" : t, g1 = Z1, R
       modifiers: u,
       hasImportantModifier: g,
       baseClassName: b,
-      maybePostfixModifierPosition: P
+      maybePostfixModifierPosition: E
     } = r(c);
     if ($) {
       s = c + (s.length > 0 ? " " + s : s);
       continue;
     }
-    let w = !!P, v = n(w ? b.substring(0, P) : b);
+    let x = !!E, v = n(x ? b.substring(0, E) : b);
     if (!v) {
-      if (!w) {
+      if (!x) {
         s = c + (s.length > 0 ? " " + s : s);
         continue;
       }
@@ -2934,15 +2936,15 @@ const y1 = (t) => typeof t == "boolean" ? `${t}` : t === 0 ? "0" : t, g1 = Z1, R
         s = c + (s.length > 0 ? " " + s : s);
         continue;
       }
-      w = !1;
+      x = !1;
     }
     const L = u.length === 0 ? "" : u.length === 1 ? u[0] : o(u).join(":"), F = g ? L + ft : L, V = F + v;
     if (i.indexOf(V) > -1)
       continue;
     i.push(V);
-    const z = d(v, w);
-    for (let Z = 0; Z < z.length; ++Z) {
-      const W = z[Z];
+    const j = d(v, x);
+    for (let U = 0; U < j.length; ++U) {
+      const W = j[U];
       i.push(F + W);
     }
     s = c + (s.length > 0 ? " " + s : s);
@@ -2973,10 +2975,10 @@ const y1 = (t) => typeof t == "boolean" ? `${t}` : t === 0 ? "0" : t, g1 = Z1, R
     return d(s, c), c;
   };
   return o = i, (...s) => o(R0(...s));
-}, T0 = [], k = (t) => {
-  const e = (r) => r[t] || T0;
+}, M0 = [], k = (t) => {
+  const e = (r) => r[t] || M0;
   return e.isThemeGetter = !0, e;
-}, Y1 = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, J1 = /^\((?:(\w[\w-]*):)?(.+)\)$/i, M0 = /^\d+(?:\.\d+)?\/\d+(?:\.\d+)?$/, L0 = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, F0 = /\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/, D0 = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, H0 = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, V0 = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, Q = (t) => M0.test(t), y = (t) => !!t && !Number.isNaN(Number(t)), ee = (t) => !!t && Number.isInteger(Number(t)), it = (t) => t.endsWith("%") && y(t.slice(0, -1)), q = (t) => L0.test(t), Q1 = () => !0, j0 = (t) => (
+}, Y1 = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, J1 = /^\((?:(\w[\w-]*):)?(.+)\)$/i, T0 = /^\d+(?:\.\d+)?\/\d+(?:\.\d+)?$/, L0 = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, F0 = /\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/, D0 = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, H0 = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, V0 = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, Q = (t) => T0.test(t), y = (t) => !!t && !Number.isNaN(Number(t)), ee = (t) => !!t && Number.isInteger(Number(t)), it = (t) => t.endsWith("%") && y(t.slice(0, -1)), q = (t) => L0.test(t), Q1 = () => !0, j0 = (t) => (
   // `colorFunctionRegex` check is necessary because color functions can have percentages in them which which would be incorrectly classified as lengths.
   // For example, `hsl(0 0% 0%)` would be classified as a length without this check.
   // I could also use lookbehind assertion in `lengthUnitRegex` but that isn't supported widely enough.
@@ -2988,7 +2990,7 @@ const y1 = (t) => typeof t == "boolean" ? `${t}` : t === 0 ? "0" : t, g1 = Z1, R
   const n = J1.exec(t);
   return n ? n[1] ? e(n[1]) : r : !1;
 }, e2 = (t) => t === "position" || t === "percentage", t2 = (t) => t === "image" || t === "url", r2 = (t) => t === "length" || t === "size" || t === "bg-size", n2 = (t) => t === "length", Q0 = (t) => t === "number", d2 = (t) => t === "family-name", o2 = (t) => t === "number" || t === "weight", i2 = (t) => t === "shadow", ed = () => {
-  const t = k("color"), e = k("font"), r = k("text"), n = k("font-weight"), d = k("tracking"), o = k("leading"), i = k("breakpoint"), a = k("container"), s = k("spacing"), l = k("radius"), c = k("shadow"), $ = k("inset-shadow"), u = k("text-shadow"), g = k("drop-shadow"), b = k("blur"), P = k("perspective"), w = k("aspect"), v = k("ease"), L = k("animate"), F = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], V = () => [
+  const t = k("color"), e = k("font"), r = k("text"), n = k("font-weight"), d = k("tracking"), o = k("leading"), i = k("breakpoint"), a = k("container"), s = k("spacing"), l = k("radius"), c = k("shadow"), $ = k("inset-shadow"), u = k("text-shadow"), g = k("drop-shadow"), b = k("blur"), E = k("perspective"), x = k("aspect"), v = k("ease"), L = k("animate"), F = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], V = () => [
     "center",
     "top",
     "bottom",
@@ -3006,15 +3008,15 @@ const y1 = (t) => typeof t == "boolean" ? `${t}` : t === 0 ? "0" : t, g1 = Z1, R
     "bottom-left",
     // Deprecated since Tailwind CSS v4.1.0, see https://github.com/tailwindlabs/tailwindcss/pull/17378
     "left-bottom"
-  ], z = () => [...V(), p, h], Z = () => ["auto", "hidden", "clip", "visible", "scroll"], W = () => ["auto", "contain", "none"], m = () => [p, h, s], R = () => [Q, "full", "auto", ...m()], ce = () => [ee, "none", "subgrid", p, h], Ie = () => ["auto", {
+  ], j = () => [...V(), p, h], U = () => ["auto", "hidden", "clip", "visible", "scroll"], W = () => ["auto", "contain", "none"], m = () => [p, h, s], R = () => [Q, "full", "auto", ...m()], ce = () => [ee, "none", "subgrid", p, h], Ie = () => ["auto", {
     span: ["full", ee, p, h]
-  }, ee, p, h], D = () => [ee, "auto", p, h], Te = () => ["auto", "min", "max", "fr", p, h], J = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], j = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], N = () => ["auto", ...m()], C = () => [Q, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...m()], ue = () => [Q, "screen", "full", "dvw", "lvw", "svw", "min", "max", "fit", ...m()], ne = () => [Q, "screen", "full", "lh", "dvh", "lvh", "svh", "min", "max", "fit", ...m()], f = () => [t, p, h], A = () => [...V(), x1, w1, {
+  }, ee, p, h], D = () => [ee, "auto", p, h], Me = () => ["auto", "min", "max", "fr", p, h], J = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], G = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], N = () => ["auto", ...m()], C = () => [Q, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...m()], ue = () => [Q, "screen", "full", "dvw", "lvw", "svw", "min", "max", "fit", ...m()], ne = () => [Q, "screen", "full", "lh", "dvh", "lvh", "svh", "min", "max", "fit", ...m()], f = () => [t, p, h], S = () => [...V(), x1, w1, {
     position: [p, h]
-  }], B = () => ["no-repeat", {
+  }], Z = () => ["no-repeat", {
     repeat: ["", "x", "y", "space", "round"]
   }], de = () => ["auto", "cover", "contain", X0, z0, {
     size: [p, h]
-  }], K = () => [it, be, ie], T = () => [
+  }], K = () => [it, be, ie], M = () => [
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
@@ -3022,7 +3024,7 @@ const y1 = (t) => typeof t == "boolean" ? `${t}` : t === 0 ? "0" : t, g1 = Z1, R
     l,
     p,
     h
-  ], M = () => ["", y, be, ie], Me = () => ["solid", "dashed", "dotted", "double"], Nt = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], O = () => [y, it, x1, w1], kt = () => [
+  ], T = () => ["", y, be, ie], Te = () => ["solid", "dashed", "dotted", "double"], Nt = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], O = () => [y, it, x1, w1], kt = () => [
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
@@ -3062,7 +3064,7 @@ const y1 = (t) => typeof t == "boolean" ? `${t}` : t === 0 ? "0" : t, g1 = Z1, R
        * @see https://tailwindcss.com/docs/aspect-ratio
        */
       aspect: [{
-        aspect: ["auto", "square", Q, h, p, w]
+        aspect: ["auto", "square", Q, h, p, x]
       }],
       /**
        * Container
@@ -3153,28 +3155,28 @@ const y1 = (t) => typeof t == "boolean" ? `${t}` : t === 0 ? "0" : t, g1 = Z1, R
        * @see https://tailwindcss.com/docs/object-position
        */
       "object-position": [{
-        object: z()
+        object: j()
       }],
       /**
        * Overflow
        * @see https://tailwindcss.com/docs/overflow
        */
       overflow: [{
-        overflow: Z()
+        overflow: U()
       }],
       /**
        * Overflow X
        * @see https://tailwindcss.com/docs/overflow
        */
       "overflow-x": [{
-        "overflow-x": Z()
+        "overflow-x": U()
       }],
       /**
        * Overflow Y
        * @see https://tailwindcss.com/docs/overflow
        */
       "overflow-y": [{
-        "overflow-y": Z()
+        "overflow-y": U()
       }],
       /**
        * Overscroll Behavior
@@ -3423,14 +3425,14 @@ const y1 = (t) => typeof t == "boolean" ? `${t}` : t === 0 ? "0" : t, g1 = Z1, R
        * @see https://tailwindcss.com/docs/grid-auto-columns
        */
       "auto-cols": [{
-        "auto-cols": Te()
+        "auto-cols": Me()
       }],
       /**
        * Grid Auto Rows
        * @see https://tailwindcss.com/docs/grid-auto-rows
        */
       "auto-rows": [{
-        "auto-rows": Te()
+        "auto-rows": Me()
       }],
       /**
        * Gap
@@ -3465,14 +3467,14 @@ const y1 = (t) => typeof t == "boolean" ? `${t}` : t === 0 ? "0" : t, g1 = Z1, R
        * @see https://tailwindcss.com/docs/justify-items
        */
       "justify-items": [{
-        "justify-items": [...j(), "normal"]
+        "justify-items": [...G(), "normal"]
       }],
       /**
        * Justify Self
        * @see https://tailwindcss.com/docs/justify-self
        */
       "justify-self": [{
-        "justify-self": ["auto", ...j()]
+        "justify-self": ["auto", ...G()]
       }],
       /**
        * Align Content
@@ -3486,7 +3488,7 @@ const y1 = (t) => typeof t == "boolean" ? `${t}` : t === 0 ? "0" : t, g1 = Z1, R
        * @see https://tailwindcss.com/docs/align-items
        */
       "align-items": [{
-        items: [...j(), {
+        items: [...G(), {
           baseline: ["", "last"]
         }]
       }],
@@ -3495,7 +3497,7 @@ const y1 = (t) => typeof t == "boolean" ? `${t}` : t === 0 ? "0" : t, g1 = Z1, R
        * @see https://tailwindcss.com/docs/align-self
        */
       "align-self": [{
-        self: ["auto", ...j(), {
+        self: ["auto", ...G(), {
           baseline: ["", "last"]
         }]
       }],
@@ -3511,14 +3513,14 @@ const y1 = (t) => typeof t == "boolean" ? `${t}` : t === 0 ? "0" : t, g1 = Z1, R
        * @see https://tailwindcss.com/docs/place-items
        */
       "place-items": [{
-        "place-items": [...j(), "baseline"]
+        "place-items": [...G(), "baseline"]
       }],
       /**
        * Place Self
        * @see https://tailwindcss.com/docs/place-self
        */
       "place-self": [{
-        "place-self": ["auto", ...j()]
+        "place-self": ["auto", ...G()]
       }],
       // Spacing
       /**
@@ -3966,7 +3968,7 @@ const y1 = (t) => typeof t == "boolean" ? `${t}` : t === 0 ? "0" : t, g1 = Z1, R
        * @see https://tailwindcss.com/docs/text-decoration-style
        */
       "text-decoration-style": [{
-        decoration: [...Me(), "wavy"]
+        decoration: [...Te(), "wavy"]
       }],
       /**
        * Text Decoration Thickness
@@ -4084,14 +4086,14 @@ const y1 = (t) => typeof t == "boolean" ? `${t}` : t === 0 ? "0" : t, g1 = Z1, R
        * @see https://tailwindcss.com/docs/background-position
        */
       "bg-position": [{
-        bg: A()
+        bg: S()
       }],
       /**
        * Background Repeat
        * @see https://tailwindcss.com/docs/background-repeat
        */
       "bg-repeat": [{
-        bg: B()
+        bg: Z()
       }],
       /**
        * Background Size
@@ -4170,189 +4172,189 @@ const y1 = (t) => typeof t == "boolean" ? `${t}` : t === 0 ? "0" : t, g1 = Z1, R
        * @see https://tailwindcss.com/docs/border-radius
        */
       rounded: [{
-        rounded: T()
+        rounded: M()
       }],
       /**
        * Border Radius Start
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-s": [{
-        "rounded-s": T()
+        "rounded-s": M()
       }],
       /**
        * Border Radius End
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-e": [{
-        "rounded-e": T()
+        "rounded-e": M()
       }],
       /**
        * Border Radius Top
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-t": [{
-        "rounded-t": T()
+        "rounded-t": M()
       }],
       /**
        * Border Radius Right
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-r": [{
-        "rounded-r": T()
+        "rounded-r": M()
       }],
       /**
        * Border Radius Bottom
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-b": [{
-        "rounded-b": T()
+        "rounded-b": M()
       }],
       /**
        * Border Radius Left
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-l": [{
-        "rounded-l": T()
+        "rounded-l": M()
       }],
       /**
        * Border Radius Start Start
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-ss": [{
-        "rounded-ss": T()
+        "rounded-ss": M()
       }],
       /**
        * Border Radius Start End
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-se": [{
-        "rounded-se": T()
+        "rounded-se": M()
       }],
       /**
        * Border Radius End End
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-ee": [{
-        "rounded-ee": T()
+        "rounded-ee": M()
       }],
       /**
        * Border Radius End Start
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-es": [{
-        "rounded-es": T()
+        "rounded-es": M()
       }],
       /**
        * Border Radius Top Left
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-tl": [{
-        "rounded-tl": T()
+        "rounded-tl": M()
       }],
       /**
        * Border Radius Top Right
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-tr": [{
-        "rounded-tr": T()
+        "rounded-tr": M()
       }],
       /**
        * Border Radius Bottom Right
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-br": [{
-        "rounded-br": T()
+        "rounded-br": M()
       }],
       /**
        * Border Radius Bottom Left
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-bl": [{
-        "rounded-bl": T()
+        "rounded-bl": M()
       }],
       /**
        * Border Width
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w": [{
-        border: M()
+        border: T()
       }],
       /**
        * Border Width Inline
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-x": [{
-        "border-x": M()
+        "border-x": T()
       }],
       /**
        * Border Width Block
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-y": [{
-        "border-y": M()
+        "border-y": T()
       }],
       /**
        * Border Width Inline Start
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-s": [{
-        "border-s": M()
+        "border-s": T()
       }],
       /**
        * Border Width Inline End
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-e": [{
-        "border-e": M()
+        "border-e": T()
       }],
       /**
        * Border Width Block Start
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-bs": [{
-        "border-bs": M()
+        "border-bs": T()
       }],
       /**
        * Border Width Block End
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-be": [{
-        "border-be": M()
+        "border-be": T()
       }],
       /**
        * Border Width Top
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-t": [{
-        "border-t": M()
+        "border-t": T()
       }],
       /**
        * Border Width Right
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-r": [{
-        "border-r": M()
+        "border-r": T()
       }],
       /**
        * Border Width Bottom
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-b": [{
-        "border-b": M()
+        "border-b": T()
       }],
       /**
        * Border Width Left
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-l": [{
-        "border-l": M()
+        "border-l": T()
       }],
       /**
        * Divide Width X
        * @see https://tailwindcss.com/docs/border-width#between-children
        */
       "divide-x": [{
-        "divide-x": M()
+        "divide-x": T()
       }],
       /**
        * Divide Width X Reverse
@@ -4364,7 +4366,7 @@ const y1 = (t) => typeof t == "boolean" ? `${t}` : t === 0 ? "0" : t, g1 = Z1, R
        * @see https://tailwindcss.com/docs/border-width#between-children
        */
       "divide-y": [{
-        "divide-y": M()
+        "divide-y": T()
       }],
       /**
        * Divide Width Y Reverse
@@ -4376,14 +4378,14 @@ const y1 = (t) => typeof t == "boolean" ? `${t}` : t === 0 ? "0" : t, g1 = Z1, R
        * @see https://tailwindcss.com/docs/border-style
        */
       "border-style": [{
-        border: [...Me(), "hidden", "none"]
+        border: [...Te(), "hidden", "none"]
       }],
       /**
        * Divide Style
        * @see https://tailwindcss.com/docs/border-style#setting-the-divider-style
        */
       "divide-style": [{
-        divide: [...Me(), "hidden", "none"]
+        divide: [...Te(), "hidden", "none"]
       }],
       /**
        * Border Color
@@ -4474,7 +4476,7 @@ const y1 = (t) => typeof t == "boolean" ? `${t}` : t === 0 ? "0" : t, g1 = Z1, R
        * @see https://tailwindcss.com/docs/outline-style
        */
       "outline-style": [{
-        outline: [...Me(), "none", "hidden"]
+        outline: [...Te(), "none", "hidden"]
       }],
       /**
        * Outline Offset
@@ -4540,7 +4542,7 @@ const y1 = (t) => typeof t == "boolean" ? `${t}` : t === 0 ? "0" : t, g1 = Z1, R
        * @see https://tailwindcss.com/docs/box-shadow#adding-a-ring
        */
       "ring-w": [{
-        ring: M()
+        ring: T()
       }],
       /**
        * Ring Width Inset
@@ -4579,7 +4581,7 @@ const y1 = (t) => typeof t == "boolean" ? `${t}` : t === 0 ? "0" : t, g1 = Z1, R
        * @see https://tailwindcss.com/docs/box-shadow#adding-an-inset-ring
        */
       "inset-ring-w": [{
-        "inset-ring": M()
+        "inset-ring": T()
       }],
       /**
        * Inset Ring Color
@@ -4789,14 +4791,14 @@ const y1 = (t) => typeof t == "boolean" ? `${t}` : t === 0 ? "0" : t, g1 = Z1, R
        * @see https://tailwindcss.com/docs/mask-position
        */
       "mask-position": [{
-        mask: A()
+        mask: S()
       }],
       /**
        * Mask Repeat
        * @see https://tailwindcss.com/docs/mask-repeat
        */
       "mask-repeat": [{
-        mask: B()
+        mask: Z()
       }],
       /**
        * Mask Size
@@ -5093,14 +5095,14 @@ const y1 = (t) => typeof t == "boolean" ? `${t}` : t === 0 ? "0" : t, g1 = Z1, R
        * @see https://tailwindcss.com/docs/perspective
        */
       perspective: [{
-        perspective: [P, p, h]
+        perspective: [E, p, h]
       }],
       /**
        * Perspective Origin
        * @see https://tailwindcss.com/docs/perspective-origin
        */
       "perspective-origin": [{
-        "perspective-origin": z()
+        "perspective-origin": j()
       }],
       /**
        * Rotate
@@ -5196,7 +5198,7 @@ const y1 = (t) => typeof t == "boolean" ? `${t}` : t === 0 ? "0" : t, g1 = Z1, R
        * @see https://tailwindcss.com/docs/transform-origin
        */
       "transform-origin": [{
-        origin: z()
+        origin: j()
       }],
       /**
        * Transform Style
@@ -5660,7 +5662,7 @@ const nd = Re(
 );
 function E1(t, e) {
   const { type: r = "button", variant: n, size: d, disabled: o, onClick: i } = t;
-  return x`
+  return w`
     <button
       type=${r}
       class=${ht(nd({ variant: n, size: d }), t.class)}
@@ -5672,14 +5674,14 @@ function E1(t, e) {
   `;
 }
 function je(t, e) {
-  return x`<label
+  return w`<label
     for=${e}
     class="pay:flex pay:items-center pay:gap-2 pay:text-sm pay:leading-none pay:font-medium pay:select-none"
     >${t}</label
   >`;
 }
 function at(t) {
-  return t ? x`<div
+  return t ? w`<div
     role="alert"
     class="pay:text-destructive pay:text-sm pay:font-normal"
   >
@@ -5687,7 +5689,7 @@ function at(t) {
   </div>` : _;
 }
 function dd(t = "") {
-  return x`<div
+  return w`<div
     class="pay:bg-accent pay:animate-pulse pay:rounded-md ${t}"
   ></div>`;
 }
@@ -5695,7 +5697,7 @@ function od() {
   return dd("pay:h-16 pay:w-full pay:rounded-xl");
 }
 function id() {
-  return x`<svg
+  return w`<svg
     role="status"
     aria-label="Loading"
     class="pay:size-4 pay:animate-spin"
@@ -5748,7 +5750,7 @@ const $d = sd(pt), cd = Re(
   "pay:pointer-events-none pay:absolute pay:size-2 pay:rounded-full pay:bg-primary pay:top-1/2 pay:left-1/2 pay:-translate-x-1/2 pay:-translate-y-1/2 pay:scale-0 pay:peer-checked:scale-100 pay:transition-transform pay:duration-200"
 );
 function a2(t) {
-  return x`
+  return w`
     <div class="pay:relative pay:shrink-0 pay:w-4 pay:h-4">
       <input
         type="radio"
@@ -5777,14 +5779,14 @@ const s2 = Re(
   }
 );
 function fd(t) {
-  return x`
+  return w`
     <label class=${s2({ size: "method" })}>
       ${a2(t)}
       <div
         class="pay:flex pay:items-center pay:gap-1 pay:grow pay:justify-between pay:ml-2"
       >
         <span class="pay:text-sm pay:font-medium">${t.label}</span>
-        ${t.logoSvg ? x`<span
+        ${t.logoSvg ? w`<span
               class="pay:inline-flex pay:h-4 pay:shrink-0 pay:text-foreground pay:[&>svg]:block pay:[&>svg]:h-full pay:[&>svg]:w-auto"
               role="img"
               aria-label=${t.label}
@@ -5794,7 +5796,7 @@ function fd(t) {
   `;
 }
 function A1(t) {
-  return x`
+  return w`
     <label class=${s2({ size: "channel" })}>
       ${a2(t)}
       <div
@@ -5808,7 +5810,7 @@ function A1(t) {
 }
 const hd = Re(
   "pay:file:text-foreground pay:placeholder:text-muted-foreground pay:selection:bg-primary pay:selection:text-primary-foreground pay:border-input pay:h-9 pay:w-full pay:min-w-0 pay:rounded-md pay:border pay:bg-transparent pay:px-3 pay:py-1 pay:text-sm pay:shadow-xs pay:transition-[color,box-shadow] pay:outline-none pay:disabled:pointer-events-none pay:disabled:cursor-not-allowed pay:disabled:opacity-50 pay:focus-visible:border-ring pay:focus-visible:ring-ring/50 pay:focus-visible:ring-[3px] pay:aria-invalid:ring-destructive/20 pay:aria-invalid:border-destructive"
-), Ue = hd(), pd = x`<svg
+), Ue = hd(), pd = w`<svg
   class="pay:size-4 pay:text-muted-foreground"
   viewBox="0 0 24 24"
   fill="none"
@@ -5819,7 +5821,7 @@ const hd = Re(
 >
   <rect x="2" y="4" width="20" height="16" rx="2" />
   <path d="m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7" />
-</svg>`, md = x`<svg
+</svg>`, md = w`<svg
   class="pay:size-4 pay:text-muted-foreground"
   viewBox="0 0 24 24"
   fill="none"
@@ -5831,14 +5833,14 @@ const hd = Re(
   <path d="M7.9 20A9 9 0 1 0 4 16.1L2 22Z" />
 </svg>`;
 function yd(t) {
-  return x`
+  return w`
     <select
       class="pay:border-input pay:h-9 pay:flex-shrink-0 pay:rounded-md pay:border pay:bg-transparent pay:px-3 pay:py-1 pay:text-sm pay:shadow-xs pay:transition-[color,box-shadow] pay:outline-none pay:focus-visible:ring-[3px] pay:focus-visible:border-ring pay:focus-visible:ring-ring/50 pay:cursor-pointer"
       aria-label=${t.label}
       @change=${t.onChange}
     >
       ${B1.map(
-    (e) => x`
+    (e) => w`
           <option value=${e.code} ?selected=${e.code === t.value}>
             ${e.flag} ${e.code} ${e.dial}
           </option>
@@ -5848,7 +5850,7 @@ function yd(t) {
   `;
 }
 function gd() {
-  return x`
+  return w`
     <div
       role="alert"
       class="pay:bg-red-50 pay:border pay:border-red-400 pay:text-red-700 pay:p-4 pay:rounded-md"
@@ -5857,14 +5859,14 @@ function gd() {
     </div>
   `;
 }
-var bd = Object.defineProperty, S = (t, e, r, n) => {
+var bd = Object.defineProperty, A = (t, e, r, n) => {
   for (var d = void 0, o = t.length - 1, i; o >= 0; o--)
     (i = t[o]) && (d = i(e, r, d) || d);
   return d && bd(e, r, d), d;
 };
-class E extends Ce {
+class P extends Ce {
   constructor() {
-    super(...arguments), this.token = "", this.currency = "EUR", this.defaultAmount = "", this.defaultReference = "", this.readOnlyAmount = !1, this.customerName = "", this.customerEmail = "", this.customerPhone = "", this.locale = "fr", this.payClientRef = "", this._amount = "", this._email = "", this._phone = "", this._paymentReference = "", this._method = "", this._channel = void 0, this._country = u0.code, this._loading = !1, this._success = !1, this._paymentMethods = [], this._methodsLoading = !0, this._methodsError = null, this._initialized = !1, this._t = ot("fr"), this._apiUrl = "https://localhost:4004";
+    super(...arguments), this.token = "", this.currency = "EUR", this.defaultAmount = "", this.defaultReference = "", this.readOnlyAmount = !1, this.customerName = "", this.customerEmail = "", this.customerPhone = "", this.locale = "fr", this.payClientRef = "", this._amount = "", this._email = "", this._phone = "", this._paymentReference = "", this._method = "", this._channel = void 0, this._country = u0.code, this._loading = !1, this._success = !1, this._submitError = null, this._paymentMethods = [], this._methodsLoading = !0, this._methodsError = null, this._initialized = !1, this._t = ot("fr"), this._apiUrl = "https://localhost:4004";
   }
   createRenderRoot() {
     return this;
@@ -5931,8 +5933,8 @@ class E extends Ce {
   _onCountryChange(e) {
     this._country = e.target.value;
   }
-  async _onSubmit(e) {
-    e.preventDefault(), this._loading = !0;
+  _onSubmit(e) {
+    e.preventDefault(), this._loading = !0, this._submitError = null;
     const r = this._method.indexOf("_"), n = r >= 0 ? this._method.substring(0, r) : this._method, d = r >= 0 ? this._method.substring(r + 1) : "", o = {
       order_reference: this._paymentReference,
       channel: this._channel === "email" ? "email" : this._channel === "sms" ? "sms" : "link",
@@ -5941,23 +5943,19 @@ class E extends Ce {
       method: d,
       customer_contact: this._channel === "email" ? this._email : this._channel === "sms" ? this._phone : this._email,
       partner: n
-    };
-    this._success = !0;
-    try {
-      await Promise.resolve(
-        this.dispatchEvent(
-          new CustomEvent("request-to-pay", {
-            detail: o,
-            bubbles: !0,
-            composed: !0
-          })
-        )
-      );
-    } catch (i) {
-      console.error(i);
-    } finally {
-      this._loading = !1;
-    }
+    }, i = new CustomEvent("request-to-pay", {
+      detail: o,
+      bubbles: !0,
+      composed: !0,
+      cancelable: !0
+    });
+    !this.dispatchEvent(i) || this.reportSuccess();
+  }
+  reportSuccess() {
+    this._success = !0, this._loading = !1, this._submitError = null;
+  }
+  reportError(e) {
+    this._submitError = e ?? this._t.submitError, this._loading = !1;
   }
   _onClose() {
     this._success = !1, this.dispatchEvent(
@@ -5977,7 +5975,7 @@ class E extends Ce {
     );
   }
   _renderChannels() {
-    return x`
+    return w`
       ${A1({
       name: "channel",
       value: "email",
@@ -5998,7 +5996,7 @@ class E extends Ce {
   }
   _renderForm() {
     const e = this._amount ? !this._validateAmount(this._amount) : !1, r = this._email ? !f1(this._email) : !1, n = this._phone ? !h1(this._country, this._phone) : !1;
-    return x`
+    return w`
       <form @submit=${this._onSubmit} class="pay:space-y-4">
         <p
           class="pay:text-xl pay:font-bold pay:text-accent-foreground pay:text-center"
@@ -6053,7 +6051,7 @@ class E extends Ce {
           <div class="pay:grid pay:gap-1">${this._renderMethods()}</div>
         </div>
 
-        ${this._method ? x`
+        ${this._method ? w`
               <div
                 class="pay:animate-in pay:fade-in pay:slide-in-from-bottom-1 pay:duration-300"
               >
@@ -6065,7 +6063,7 @@ class E extends Ce {
                 </div>
               </div>
             ` : _}
-        ${this._channel === "email" ? x`
+        ${this._channel === "email" ? w`
               <div
                 class="pay:flex pay:flex-col pay:gap-1 pay:animate-in pay:fade-in pay:slide-in-from-bottom-1 pay:duration-300"
               >
@@ -6087,7 +6085,7 @@ class E extends Ce {
                 ${at(r && this._t.emailInvalid)}
               </div>
             ` : _}
-        ${this._channel === "sms" ? x`
+        ${this._channel === "sms" ? w`
               <div
                 class="pay:flex pay:flex-col pay:gap-1 pay:animate-in pay:fade-in pay:slide-in-from-bottom-1 pay:duration-300"
               >
@@ -6112,6 +6110,12 @@ class E extends Ce {
                 ${at(n && this._t.phoneInvalid)}
               </div>
             ` : _}
+        ${this._submitError ? w`<div
+              role="alert"
+              class="pay:bg-red-50 pay:border pay:border-red-400 pay:text-red-700 pay:p-3 pay:rounded-md pay:text-sm"
+            >
+              ${this._submitError}
+            </div>` : _}
         ${E1(
       {
         type: "submit",
@@ -6124,7 +6128,7 @@ class E extends Ce {
     `;
   }
   _renderSuccess() {
-    return x`
+    return w`
       <div
         class="pay:absolute pay:inset-0 pay:flex pay:items-center pay:justify-center pay:z-10 pay:bg-background pay:rounded-lg pay:px-6 pay:animate-in pay:fade-in pay:duration-300"
       >
@@ -6132,89 +6136,92 @@ class E extends Ce {
           <h2 class="pay:text-xl pay:font-bold pay:text-accent-foreground">
             ${this._t.paymentLinkSent}
           </h2>
-          ${this._channel === "email" ? x`<p>
+          ${this._channel === "email" ? w`<p>
                 ${this._t.emailSentTo} <strong>${this._email}</strong>
-              </p>` : x`<p>${this._t.smsSentTo} <strong>${this._phone}</strong></p>`}
+              </p>` : w`<p>${this._t.smsSentTo} <strong>${this._phone}</strong></p>`}
           ${E1({ type: "button", onClick: this._onClose }, this._t.close)}
         </div>
       </div>
     `;
   }
   render() {
-    return !this._methodsLoading && this._methodsError ? x`<div class="pay:p-4">${gd()}</div>` : x`
+    return !this._methodsLoading && this._methodsError ? w`<div class="pay:p-4">${gd()}</div>` : w`
       <div class="pay:relative pay:p-4 pay:space-y-6">
         ${this._renderForm()} ${this._success ? this._renderSuccess() : _}
       </div>
     `;
   }
 }
-S([
-  G({ type: String })
-], E.prototype, "token");
-S([
-  G({ type: String })
-], E.prototype, "currency");
-S([
-  G({ type: String, attribute: "default-amount" })
-], E.prototype, "defaultAmount");
-S([
-  G({ type: String, attribute: "default-reference" })
-], E.prototype, "defaultReference");
-S([
-  G({ type: Boolean, attribute: "read-only-amount" })
-], E.prototype, "readOnlyAmount");
-S([
-  G({ type: String, attribute: "customer-name" })
-], E.prototype, "customerName");
-S([
-  G({ type: String, attribute: "customer-email" })
-], E.prototype, "customerEmail");
-S([
-  G({ type: String, attribute: "customer-phone" })
-], E.prototype, "customerPhone");
-S([
-  G({ type: String })
-], E.prototype, "locale");
-S([
-  G({ type: String, attribute: "pay-client-ref" })
-], E.prototype, "payClientRef");
-S([
+A([
+  z({ type: String })
+], P.prototype, "token");
+A([
+  z({ type: String })
+], P.prototype, "currency");
+A([
+  z({ type: String, attribute: "default-amount" })
+], P.prototype, "defaultAmount");
+A([
+  z({ type: String, attribute: "default-reference" })
+], P.prototype, "defaultReference");
+A([
+  z({ type: Boolean, attribute: "read-only-amount" })
+], P.prototype, "readOnlyAmount");
+A([
+  z({ type: String, attribute: "customer-name" })
+], P.prototype, "customerName");
+A([
+  z({ type: String, attribute: "customer-email" })
+], P.prototype, "customerEmail");
+A([
+  z({ type: String, attribute: "customer-phone" })
+], P.prototype, "customerPhone");
+A([
+  z({ type: String })
+], P.prototype, "locale");
+A([
+  z({ type: String, attribute: "pay-client-ref" })
+], P.prototype, "payClientRef");
+A([
   H()
-], E.prototype, "_amount");
-S([
+], P.prototype, "_amount");
+A([
   H()
-], E.prototype, "_email");
-S([
+], P.prototype, "_email");
+A([
   H()
-], E.prototype, "_phone");
-S([
+], P.prototype, "_phone");
+A([
   H()
-], E.prototype, "_paymentReference");
-S([
+], P.prototype, "_paymentReference");
+A([
   H()
-], E.prototype, "_method");
-S([
+], P.prototype, "_method");
+A([
   H()
-], E.prototype, "_channel");
-S([
+], P.prototype, "_channel");
+A([
   H()
-], E.prototype, "_country");
-S([
+], P.prototype, "_country");
+A([
   H()
-], E.prototype, "_loading");
-S([
+], P.prototype, "_loading");
+A([
   H()
-], E.prototype, "_success");
-S([
+], P.prototype, "_success");
+A([
   H()
-], E.prototype, "_paymentMethods");
-S([
+], P.prototype, "_submitError");
+A([
   H()
-], E.prototype, "_methodsLoading");
-S([
+], P.prototype, "_paymentMethods");
+A([
   H()
-], E.prototype, "_methodsError");
-customElements.get("openhive-pay") || customElements.define("openhive-pay", E);
+], P.prototype, "_methodsLoading");
+A([
+  H()
+], P.prototype, "_methodsError");
+customElements.get("openhive-pay") || customElements.define("openhive-pay", P);
 function Pd({
   token: t,
   currency: e,
@@ -6231,10 +6238,10 @@ function Pd({
   className: u,
   style: g
 }) {
-  const b = Ot(null), P = Ot(l);
-  P.current = l;
-  const w = $2((v) => {
-    b.current = v, v && P.current !== void 0 && (v.payClient = P.current);
+  const b = Ot(null), E = Ot(l);
+  E.current = l;
+  const x = $2((v) => {
+    b.current = v, v && E.current !== void 0 && (v.payClient = E.current);
   }, []);
   return Rt(() => {
     b.current && (b.current.payClient = l);
@@ -6242,7 +6249,12 @@ function Pd({
     const v = b.current;
     if (!v) return;
     const L = (V) => {
-      c?.(V.detail);
+      if (!c) return;
+      V.preventDefault();
+      const j = b.current;
+      Promise.resolve(c(V.detail)).then(() => j.reportSuccess()).catch((U) => {
+        j.reportError(U instanceof Error ? U.message : void 0);
+      });
     }, F = () => $?.();
     return v.addEventListener("request-to-pay", L), v.addEventListener("close", F), () => {
       v.removeEventListener("request-to-pay", L), v.removeEventListener("close", F);
@@ -6250,7 +6262,7 @@ function Pd({
   }, [c, $]), /* @__PURE__ */ l2(
     "openhive-pay",
     {
-      ref: w,
+      ref: x,
       token: t,
       currency: e,
       "default-amount": r,