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

package/dist/index.js

@@ -1,7 +1,7 @@
-const Ge = globalThis, mt = Ge.ShadowRoot && (Ge.ShadyCSS === void 0 || Ge.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, A1 = /* @__PURE__ */ Symbol(), Ot = /* @__PURE__ */ new WeakMap();
+const Ge = globalThis, mt = Ge.ShadowRoot && (Ge.ShadyCSS === void 0 || Ge.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, E1 = /* @__PURE__ */ Symbol(), Ot = /* @__PURE__ */ new WeakMap();
 let a2 = class {
   constructor(e, r, n) {
-    if (this._$cssResult$ = !0, n !== A1) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
+    if (this._$cssResult$ = !0, n !== E1) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
     this.cssText = e, this.t = r;
   }
   get styleSheet() {
@@ -17,7 +17,7 @@ let a2 = class {
     return this.cssText;
   }
 };
-const s2 = (t) => new a2(typeof t == "string" ? t : t + "", void 0, A1), l2 = (t, e) => {
+const s2 = (t) => new a2(typeof t == "string" ? t : t + "", void 0, E1), l2 = (t, e) => {
   if (mt) t.adoptedStyleSheets = e.map((r) => r instanceof CSSStyleSheet ? r : r.styleSheet);
   else for (const r of e) {
     const n = document.createElement("style"), d = Ge.litNonce;
@@ -240,7 +240,7 @@ let he = class extends HTMLElement {
   }
 };
 he.elementStyles = [], he.shadowRootOptions = { mode: "open" }, he[ve("elementProperties")] = /* @__PURE__ */ new Map(), he[ve("finalized")] = /* @__PURE__ */ new Map(), y2?.({ ReactiveElement: he }), (qe.reactiveElementVersions ??= []).push("2.1.2");
-const gt = globalThis, Mt = (t) => t, ze = gt.trustedTypes, Lt = ze ? ze.createPolicy("lit-html", { createHTML: (t) => t }) : void 0, E1 = "$lit$", te = `lit$${Math.random().toFixed(9).slice(2)}$`, S1 = "?" + te, g2 = `<${S1}>`, se = document, _e = () => se.createComment(""), we = (t) => t === null || typeof t != "object" && typeof t != "function", bt = Array.isArray, b2 = (t) => bt(t) || typeof t?.[Symbol.iterator] == "function", rt = `[ 	
+const gt = globalThis, Mt = (t) => t, ze = gt.trustedTypes, Lt = ze ? ze.createPolicy("lit-html", { createHTML: (t) => t }) : void 0, A1 = "$lit$", te = `lit$${Math.random().toFixed(9).slice(2)}$`, S1 = "?" + te, g2 = `<${S1}>`, se = document, _e = () => se.createComment(""), we = (t) => t === null || typeof t != "object" && typeof t != "function", bt = Array.isArray, b2 = (t) => bt(t) || typeof t?.[Symbol.iterator] == "function", rt = `[ 	
 \f\r]`, ge = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, Ft = /-->/g, Dt = />/g, oe = RegExp(`>|${rt}(?:([^\\s"'>=/]+)(${rt}*=${rt}*(?:[^ 	
 \f\r"'\`<>=]|("|')|))|$)`, "g"), Ht = /'/g, Vt = /"/g, N1 = /^(?:script|style|textarea|title)$/i, v2 = (t) => (e, ...r) => ({ _$litType$: t, strings: e, values: r }), C = v2(1), le = /* @__PURE__ */ Symbol.for("lit-noChange"), v = /* @__PURE__ */ Symbol.for("lit-nothing"), jt = /* @__PURE__ */ new WeakMap(), ae = se.createTreeWalker(se, 129);
 function k1(t, e) {
@@ -255,7 +255,7 @@ const C2 = (t, e) => {
     let l, c, $ = -1, u = 0;
     for (; u < s.length && (i.lastIndex = u, c = i.exec(s), c !== null); ) u = i.lastIndex, i === ge ? c[1] === "!--" ? i = Ft : c[1] !== void 0 ? i = Dt : c[2] !== void 0 ? (N1.test(c[2]) && (d = RegExp("</" + c[2], "g")), i = oe) : c[3] !== void 0 && (i = oe) : i === oe ? c[0] === ">" ? (i = d ?? ge, $ = -1) : c[1] === void 0 ? $ = -2 : ($ = i.lastIndex - c[2].length, l = c[1], i = c[3] === void 0 ? oe : c[3] === '"' ? Vt : Ht) : i === Vt || i === Ht ? i = oe : i === Ft || i === Dt ? i = ge : (i = oe, d = void 0);
     const g = i === oe && t[a + 1].startsWith("/>") ? " " : "";
-    o += i === ge ? s + g2 : $ >= 0 ? (n.push(l), s.slice(0, $) + E1 + s.slice($) + te + g) : s + te + ($ === -2 ? a : g);
+    o += i === ge ? s + g2 : $ >= 0 ? (n.push(l), s.slice(0, $) + A1 + s.slice($) + te + g) : s + te + ($ === -2 ? a : g);
   }
   return [k1(t, o + (t[r] || "<?>") + (e === 2 ? "</svg>" : e === 3 ? "</math>" : "")), n];
 };
@@ -271,9 +271,9 @@ class xe {
     }
     for (; (d = ae.nextNode()) !== null && s.length < a; ) {
       if (d.nodeType === 1) {
-        if (d.hasAttributes()) for (const $ of d.getAttributeNames()) if ($.endsWith(E1)) {
-          const u = c[i++], g = d.getAttribute($).split(te), _ = /([.?@])?(.*)/.exec(u);
-          s.push({ type: 1, index: o, name: _[2], strings: g, ctor: _[1] === "." ? w2 : _[1] === "?" ? x2 : _[1] === "@" ? P2 : Xe }), d.removeAttribute($);
+        if (d.hasAttributes()) for (const $ of d.getAttributeNames()) if ($.endsWith(A1)) {
+          const u = c[i++], g = d.getAttribute($).split(te), w = /([.?@])?(.*)/.exec(u);
+          s.push({ type: 1, index: o, name: w[2], strings: g, ctor: w[1] === "." ? w2 : w[1] === "?" ? x2 : w[1] === "@" ? P2 : Xe }), d.removeAttribute($);
         } else $.startsWith(te) && (s.push({ type: 6, index: o }), d.removeAttribute($));
         if (N1.test(d.tagName)) {
           const $ = d.textContent.split(te), u = $.length - 1;
@@ -319,7 +319,7 @@ class _2 {
     for (; s !== void 0; ) {
       if (i === s.index) {
         let l;
-        s.type === 2 ? l = new Oe(o, o.nextSibling, this, e) : s.type === 1 ? l = new s.ctor(o, s.name, s.strings, this, e) : s.type === 6 && (l = new A2(o, this, e)), this._$AV.push(l), s = n[++a];
+        s.type === 2 ? l = new Oe(o, o.nextSibling, this, e) : s.type === 1 ? l = new s.ctor(o, s.name, s.strings, this, e) : s.type === 6 && (l = new E2(o, this, e)), this._$AV.push(l), s = n[++a];
       }
       i !== s?.index && (o = ae.nextNode(), i++);
     }
@@ -443,7 +443,7 @@ class P2 extends Xe {
     typeof this._$AH == "function" ? this._$AH.call(this.options?.host ?? this.element, e) : this._$AH.handleEvent(e);
   }
 }
-class A2 {
+class E2 {
   constructor(e, r, n) {
     this.element = e, this.type = 6, this._$AN = void 0, this._$AM = r, this.options = n;
   }
@@ -454,8 +454,8 @@ class A2 {
     me(this, e);
   }
 }
-const E2 = gt.litHtmlPolyfillSupport;
-E2?.(xe, Oe), (gt.litHtmlVersions ??= []).push("3.3.2");
+const A2 = gt.litHtmlPolyfillSupport;
+A2?.(xe, Oe), (gt.litHtmlVersions ??= []).push("3.3.2");
 const S2 = (t, e, r) => {
   const n = r?.renderBefore ?? e;
   let d = n._$litPart$;
@@ -552,9 +552,9 @@ function H2(t) {
   async function c($, u) {
     const {
       baseUrl: g,
-      fetch: _ = n,
+      fetch: w = n,
       Request: S = r,
-      headers: x,
+      headers: P,
       params: R = {},
       parseAs: D = "json",
       querySerializer: U,
@@ -577,7 +577,7 @@ function H2(t) {
       // 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.
-      Gt(i, x, R.header)
+      Gt(i, P, R.header)
     ), Re = Gt(
       // 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
@@ -585,7 +585,7 @@ function H2(t) {
         "Content-Type": "application/json"
       },
       i,
-      x,
+      P,
       R.header
     ), L = [...l, ...Z], Te = {
       redirect: "follow",
@@ -594,34 +594,34 @@ function H2(t) {
       body: ce,
       headers: Re
     };
-    let J, H, E = new S(
+    let J, H, A = new S(
       U2($, { baseUrl: m, params: R, querySerializer: O }),
       Te
     ), b;
     for (const f in W)
-      f in E || (E[f] = W[f]);
+      f in A || (A[f] = W[f]);
     if (L.length) {
       J = D2(), H = Object.freeze({
         baseUrl: m,
-        fetch: _,
+        fetch: w,
         parseAs: D,
         querySerializer: O,
         bodySerializer: B
       });
       for (const f of L)
         if (f && typeof f == "object" && typeof f.onRequest == "function") {
-          const P = await f.onRequest({
-            request: E,
+          const E = await f.onRequest({
+            request: A,
             schemaPath: $,
             params: R,
             options: H,
             id: J
           });
-          if (P)
-            if (P instanceof S)
-              E = P;
-            else if (P instanceof Response) {
-              b = P;
+          if (E)
+            if (E instanceof S)
+              A = E;
+            else if (E instanceof Response) {
+              b = E;
               break;
             } else
               throw new Error("onRequest: must return new Request() or Response() when modifying the request");
@@ -629,16 +629,16 @@ function H2(t) {
     }
     if (!b) {
       try {
-        b = await _(E, a);
+        b = await w(A, a);
       } catch (f) {
-        let P = f;
+        let E = f;
         if (L.length)
           for (let G = L.length - 1; G >= 0; G--) {
             const de = L[G];
             if (de && typeof de == "object" && typeof de.onError == "function") {
               const K = await de.onError({
-                request: E,
-                error: P,
+                request: A,
+                error: E,
                 schemaPath: $,
                 params: R,
                 options: H,
@@ -646,26 +646,26 @@ function H2(t) {
               });
               if (K) {
                 if (K instanceof Response) {
-                  P = void 0, b = K;
+                  E = void 0, b = K;
                   break;
                 }
                 if (K instanceof Error) {
-                  P = K;
+                  E = K;
                   continue;
                 }
                 throw new Error("onError: must return new Response() or instance of Error");
               }
             }
           }
-        if (P)
-          throw P;
+        if (E)
+          throw E;
       }
       if (L.length)
         for (let f = L.length - 1; f >= 0; f--) {
-          const P = L[f];
-          if (P && typeof P == "object" && typeof P.onResponse == "function") {
-            const G = await P.onResponse({
-              request: E,
+          const E = L[f];
+          if (E && typeof E == "object" && typeof E.onResponse == "function") {
+            const G = await E.onResponse({
+              request: A,
               response: b,
               schemaPath: $,
               params: R,
@@ -681,15 +681,15 @@ function H2(t) {
         }
     }
     const ue = b.headers.get("Content-Length");
-    if (b.status === 204 || E.method === "HEAD" || ue === "0")
+    if (b.status === 204 || A.method === "HEAD" || ue === "0")
       return b.ok ? { data: void 0, response: b } : { error: void 0, response: b };
     if (b.ok)
       return { data: await (async () => {
         if (D === "stream")
           return b.body;
         if (D === "json" && !ue) {
-          const P = await b.text();
-          return P ? JSON.parse(P) : void 0;
+          const E = await b.text();
+          return E ? JSON.parse(E) : void 0;
         }
         return await b[D]();
       })(), response: b };
@@ -1596,7 +1596,7 @@ function Xt(t, e) {
   for (var r = 0, n = Array(e); r < e; r++) n[r] = t[r];
   return n;
 }
-function Ar(t, e) {
+function Er(t, e) {
   var r = e.countries, n = e.metadata;
   n = new I(n);
   for (var d = xr(r), o; !(o = d()).done; ) {
@@ -1614,7 +1614,7 @@ function Ar(t, e) {
 function L1(t, e) {
   var r = e.nationalNumber, n = e.metadata, d = n.getCountryCodesForCallingCode(t);
   if (d)
-    return d.length === 1 ? d[0] : Ar(r, {
+    return d.length === 1 ? d[0] : Er(r, {
       countries: d,
       metadata: n.metadata
     });
@@ -1622,7 +1622,7 @@ function L1(t, e) {
 function st(t, e, r) {
   var n = wr(t, r), d = n.carrierCode, o = n.nationalNumber;
   if (o !== t) {
-    if (!Er(t, o, r))
+    if (!Ar(t, o, r))
       return {
         nationalNumber: t
       };
@@ -1639,7 +1639,7 @@ function st(t, e, r) {
     carrierCode: d
   };
 }
-function Er(t, e, r) {
+function Ar(t, e, r) {
   return !(Y(t, r.nationalNumberPattern()) && !Y(e, r.nationalNumberPattern()));
 }
 function Sr(t, e, r) {
@@ -1741,8 +1741,8 @@ var Mr = ";ext=", fe = function(e) {
   return "([".concat(V, "]{1,").concat(e, "})");
 };
 function D1(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 = Mr + fe(e), _ = o + s + i + fe(e) + a, S = o + l + i + fe(n) + a, x = c + fe(d) + "#", R = $ + u + i + fe(r) + a, D = $ + "(?:,)+" + i + fe(n) + a;
-  return g + "|" + _ + "|" + S + "|" + x + "|" + R + "|" + D;
+  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 = Mr + fe(e), w = o + s + i + fe(e) + a, S = o + l + i + fe(n) + a, P = c + fe(d) + "#", R = $ + u + i + fe(r) + a, D = $ + "(?:,)+" + i + fe(n) + a;
+  return g + "|" + w + "|" + S + "|" + P + "|" + R + "|" + D;
 }
 var Lr = "[" + V + "]{" + xt + "}", Fr = "[" + Pt + "]{0,1}(?:[" + Ze + "]*[" + V + "]){3,}[" + Ze + V + "]*", Dr = new RegExp("^[" + Pt + "]{0,1}(?:[" + Ze + "]*[" + V + "]){1,2}$", "i"), Hr = Fr + // Phone number extensions
 "(?:" + D1() + ")?", Vr = new RegExp(
@@ -2043,7 +2043,7 @@ function on(t, e) {
   if (!(t instanceof e)) throw new TypeError("Cannot call a class as a function");
 }
 function an(t, e, r) {
-  return e = Ee(e), sn(t, At() ? Reflect.construct(e, r || [], Ee(t).constructor) : e.apply(t, r));
+  return e = Ae(e), sn(t, Et() ? Reflect.construct(e, r || [], Ae(t).constructor) : e.apply(t, r));
 }
 function sn(t, e) {
   if (e && (lt(e) == "object" || typeof e == "function")) return e;
@@ -2056,7 +2056,7 @@ function ln(t) {
 }
 function $n(t, e) {
   if (typeof e != "function" && e !== null) throw new TypeError("Super expression must either be null or a function");
-  t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, "prototype", { writable: !1 }), e && Ae(t, e);
+  t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, "prototype", { writable: !1 }), e && Ee(t, e);
 }
 function $t(t) {
   var e = typeof Map == "function" ? /* @__PURE__ */ new Map() : void 0;
@@ -2068,25 +2068,25 @@ function $t(t) {
       e.set(n, d);
     }
     function d() {
-      return cn(n, arguments, Ee(this).constructor);
+      return cn(n, arguments, Ae(this).constructor);
     }
-    return d.prototype = Object.create(n.prototype, { constructor: { value: d, enumerable: !1, writable: !0, configurable: !0 } }), Ae(d, n);
+    return d.prototype = Object.create(n.prototype, { constructor: { value: d, enumerable: !1, writable: !0, configurable: !0 } }), Ee(d, n);
   }, $t(t);
 }
 function cn(t, e, r) {
-  if (At()) return Reflect.construct.apply(null, arguments);
+  if (Et()) return Reflect.construct.apply(null, arguments);
   var n = [null];
   n.push.apply(n, e);
   var d = new (t.bind.apply(t, n))();
-  return r && Ae(d, r.prototype), d;
+  return r && Ee(d, r.prototype), d;
 }
-function At() {
+function Et() {
   try {
     var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function() {
     }));
   } catch {
   }
-  return (At = function() {
+  return (Et = function() {
     return !!t;
   })();
 }
@@ -2097,15 +2097,15 @@ function un(t) {
     return typeof t == "function";
   }
 }
-function Ae(t, e) {
-  return Ae = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(r, n) {
+function Ee(t, e) {
+  return Ee = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(r, n) {
     return r.__proto__ = n, r;
-  }, Ae(t, e);
+  }, Ee(t, e);
 }
-function Ee(t) {
-  return Ee = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(e) {
+function Ae(t) {
+  return Ae = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(e) {
     return e.__proto__ || Object.getPrototypeOf(e);
-  }, Ee(t);
+  }, Ae(t);
 }
 var X = /* @__PURE__ */ (function(t) {
   function e(r) {
@@ -2237,7 +2237,7 @@ function r1(t) {
 function gn(t, e, r) {
   return t === "+" ? e ? void 0 : "+" : pn(t);
 }
-var V1 = "+", bn = "[\\-\\.\\(\\)]?", n1 = "([" + V + "]|" + bn + ")", vn = "^\\" + V1 + n1 + "*[" + V + "]" + n1 + "*$", Cn = new RegExp(vn, "g"), ct = V, _n = "[" + ct + "]+((\\-)*[" + ct + "])*", wn = "a-zA-Z", xn = "[" + wn + "]+((\\-)*[" + ct + "])*", Pn = "^(" + _n + "\\.)*" + xn + "\\.?$", An = new RegExp(Pn, "g"), d1 = "tel:", ut = ";phone-context=", En = ";isub=";
+var V1 = "+", bn = "[\\-\\.\\(\\)]?", n1 = "([" + V + "]|" + bn + ")", vn = "^\\" + V1 + n1 + "*[" + V + "]" + n1 + "*$", Cn = new RegExp(vn, "g"), ct = V, _n = "[" + ct + "]+((\\-)*[" + ct + "])*", wn = "a-zA-Z", xn = "[" + wn + "]+((\\-)*[" + ct + "])*", Pn = "^(" + _n + "\\.)*" + xn + "\\.?$", En = new RegExp(Pn, "g"), d1 = "tel:", ut = ";phone-context=", An = ";isub=";
 function Sn(t) {
   var e = t.indexOf(ut);
   if (e < 0)
@@ -2249,7 +2249,7 @@ function Sn(t) {
   return n >= 0 ? t.substring(r, n) : t.substring(r);
 }
 function Nn(t) {
-  return t === null ? !0 : t.length === 0 ? !1 : Cn.test(t) || An.test(t);
+  return t === null ? !0 : t.length === 0 ? !1 : Cn.test(t) || En.test(t);
 }
 function kn(t, e) {
   var r = e.extractFormattedPhoneNumber, n = Sn(t);
@@ -2265,7 +2265,7 @@ function kn(t, e) {
     var a = t.indexOf(ut);
     d += t.substring(i, a);
   }
-  var s = d.indexOf(En);
+  var s = d.indexOf(An);
   if (s > 0 && (d = d.substring(0, s)), d !== "")
     return d;
 }
@@ -2299,16 +2299,16 @@ function Tn(t, e, r) {
     var g = new en(c, l, r.metadata);
     return s && (g.country = s), u && (g.carrierCode = u), o && (g.ext = o), g.__countryCallingCodeSource = $, g;
   }
-  var _ = (e.extended ? r.hasSelectedNumberingPlan() : s) ? Y(l, r.nationalNumberPattern()) : !1;
+  var w = (e.extended ? r.hasSelectedNumberingPlan() : s) ? Y(l, r.nationalNumberPattern()) : !1;
   return e.extended ? {
     country: s,
     countryCallingCode: c,
     carrierCode: u,
-    valid: _,
-    possible: _ ? !0 : !!(e.extended === !0 && r.possibleLengths() && M1(l, s, r)),
+    valid: w,
+    possible: w ? !0 : !!(e.extended === !0 && r.possibleLengths() && M1(l, s, r)),
     phone: l,
     ext: o
-  } : _ ? Fn(s, l, o) : {};
+  } : w ? Fn(s, l, o) : {};
 }
 function Mn(t, e, r) {
   if (t) {
@@ -2634,7 +2634,8 @@ const f1 = ["FR"], U1 = [
     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",
@@ -2655,7 +2656,8 @@ const f1 = ["FR"], U1 = [
     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) => h1[t] ?? h1.fr;
 function G1(t) {
@@ -2684,15 +2686,15 @@ const p1 = (t) => typeof t == "boolean" ? `${t}` : t === 0 ? "0" : t, m1 = B1, I
     return u === void 0 || (l[$] = u), l;
   }, {}), 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((_) => {
-      let [S, x] = _;
-      return Array.isArray(x) ? x.includes({
+    return Object.entries(g).every((w) => {
+      let [S, P] = w;
+      return Array.isArray(P) ? P.includes({
         ...o,
         ...a
       }[S]) : {
         ...o,
         ...a
-      }[S] === x;
+      }[S] === P;
     }) ? [
       ...l,
       $,
@@ -2764,10 +2766,10 @@ const p1 = (t) => typeof t == "boolean" ? `${t}` : t === 0 ? "0" : t, m1 = B1, I
   const r = z1();
   for (const n in t) {
     const d = t[n];
-    Et(d, r, n, e);
+    At(d, r, n, e);
   }
   return r;
-}, Et = (t, e, r, n) => {
+}, At = (t, e, r, n) => {
   const d = t.length;
   for (let o = 0; o < d; o++) {
     const i = t[o];
@@ -2788,7 +2790,7 @@ const p1 = (t) => typeof t == "boolean" ? `${t}` : t === 0 ? "0" : t, m1 = B1, I
   n.classGroupId = r;
 }, g0 = (t, e, r, n) => {
   if (v0(t)) {
-    Et(t(n), e, r, n);
+    At(t(n), e, r, n);
     return;
   }
   e.validators === null && (e.validators = []), e.validators.push($0(r, t));
@@ -2796,7 +2798,7 @@ const p1 = (t) => typeof t == "boolean" ? `${t}` : t === 0 ? "0" : t, m1 = B1, I
   const d = Object.entries(t), o = d.length;
   for (let i = 0; i < o; i++) {
     const [a, s] = d[i];
-    Et(s, W1(e, a), r, n);
+    At(s, W1(e, a), r, n);
   }
 }, W1 = (t, e) => {
   let r = t;
@@ -2847,18 +2849,18 @@ const p1 = (t) => typeof t == "boolean" ? `${t}` : t === 0 ? "0" : t, m1 = B1, I
     let i = 0, a = 0, s = 0, l;
     const c = d.length;
     for (let S = 0; S < c; S++) {
-      const x = d[S];
+      const P = d[S];
       if (i === 0 && a === 0) {
-        if (x === g1) {
+        if (P === g1) {
           o.push(d.slice(s, S)), s = S + 1;
           continue;
         }
-        if (x === "/") {
+        if (P === "/") {
           l = S;
           continue;
         }
       }
-      x === "[" ? i++ : x === "]" ? i-- : x === "(" ? a++ : x === ")" && a--;
+      P === "[" ? i++ : P === "]" ? i-- : P === "(" ? a++ : P === ")" && a--;
     }
     const $ = o.length === 0 ? d : d.slice(s);
     let u = $, g = !1;
@@ -2869,8 +2871,8 @@ const p1 = (t) => typeof t == "boolean" ? `${t}` : t === 0 ? "0" : t, m1 = B1, I
        */
       $.startsWith(ft) && (u = $.slice(1), g = !0)
     );
-    const _ = l && l > s ? l - s : void 0;
-    return b1(o, g, u, _);
+    const w = l && l > s ? l - s : void 0;
+    return b1(o, g, u, w);
   };
   if (e) {
     const d = e + g1, o = n;
@@ -2902,43 +2904,43 @@ const p1 = (t) => typeof t == "boolean" ? `${t}` : t === 0 ? "0" : t, m1 = B1, I
   parseClassName: w0(t),
   sortModifiers: x0(t),
   ...u0(t)
-}), A0 = /\s+/, E0 = (t, e) => {
+}), E0 = /\s+/, A0 = (t, e) => {
   const {
     parseClassName: r,
     getClassGroupId: n,
     getConflictingClassGroupIds: d,
     sortModifiers: o
-  } = e, i = [], a = t.trim().split(A0);
+  } = e, i = [], a = t.trim().split(E0);
   let s = "";
   for (let l = a.length - 1; l >= 0; l -= 1) {
     const c = a[l], {
       isExternal: $,
       modifiers: u,
       hasImportantModifier: g,
-      baseClassName: _,
+      baseClassName: w,
       maybePostfixModifierPosition: S
     } = r(c);
     if ($) {
       s = c + (s.length > 0 ? " " + s : s);
       continue;
     }
-    let x = !!S, R = n(x ? _.substring(0, S) : _);
+    let P = !!S, R = n(P ? w.substring(0, S) : w);
     if (!R) {
-      if (!x) {
+      if (!P) {
         s = c + (s.length > 0 ? " " + s : s);
         continue;
       }
-      if (R = n(_), !R) {
+      if (R = n(w), !R) {
         s = c + (s.length > 0 ? " " + s : s);
         continue;
       }
-      x = !1;
+      P = !1;
     }
     const D = u.length === 0 ? "" : u.length === 1 ? u[0] : o(u).join(":"), U = g ? D + ft : D, B = U + R;
     if (i.indexOf(B) > -1)
       continue;
     i.push(B);
-    const z = d(R, x);
+    const z = d(R, P);
     for (let Z = 0; Z < z.length; ++Z) {
       const W = z[Z];
       i.push(U + W);
@@ -2967,7 +2969,7 @@ const p1 = (t) => typeof t == "boolean" ? `${t}` : t === 0 ? "0" : t, m1 = B1, I
     const l = n(s);
     if (l)
       return l;
-    const c = E0(s, r);
+    const c = A0(s, r);
     return d(s, c), c;
   };
   return o = i, (...s) => o(S0(...s));
@@ -2986,7 +2988,7 @@ const p1 = (t) => typeof t == "boolean" ? `${t}` : t === 0 ? "0" : t, m1 = B1, I
   const n = X1.exec(t);
   return n ? n[1] ? e(n[1]) : r : !1;
 }, J1 = (t) => t === "position" || t === "percentage", Q1 = (t) => t === "image" || t === "url", e2 = (t) => t === "length" || t === "size" || t === "bg-size", t2 = (t) => t === "length", q0 = (t) => t === "number", r2 = (t) => t === "family-name", n2 = (t) => t === "number" || t === "weight", d2 = (t) => t === "shadow", X0 = () => {
-  const t = N("color"), e = N("font"), r = N("text"), n = N("font-weight"), d = N("tracking"), o = N("leading"), i = N("breakpoint"), a = N("container"), s = N("spacing"), l = N("radius"), c = N("shadow"), $ = N("inset-shadow"), u = N("text-shadow"), g = N("drop-shadow"), _ = N("blur"), S = N("perspective"), x = N("aspect"), R = N("ease"), D = N("animate"), U = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], B = () => [
+  const t = N("color"), e = N("font"), r = N("text"), n = N("font-weight"), d = N("tracking"), o = N("leading"), i = N("breakpoint"), a = N("container"), s = N("spacing"), l = N("radius"), c = N("shadow"), $ = N("inset-shadow"), u = N("text-shadow"), g = N("drop-shadow"), w = N("blur"), S = N("perspective"), P = N("aspect"), R = N("ease"), D = N("animate"), U = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], B = () => [
     "center",
     "top",
     "bottom",
@@ -3006,7 +3008,7 @@ const p1 = (t) => typeof t == "boolean" ? `${t}` : t === 0 ? "0" : t, m1 = B1, I
     "left-bottom"
   ], z = () => [...B(), p, h], Z = () => ["auto", "hidden", "clip", "visible", "scroll"], W = () => ["auto", "contain", "none"], m = () => [p, h, s], O = () => [Q, "full", "auto", ...m()], ce = () => [ee, "none", "subgrid", p, h], Re = () => ["auto", {
     span: ["full", ee, p, h]
-  }, ee, p, h], L = () => [ee, "auto", p, h], Te = () => ["auto", "min", "max", "fr", p, h], J = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], H = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], E = () => ["auto", ...m()], b = () => [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], P = () => [...B(), _1, C1, {
+  }, ee, p, h], L = () => [ee, "auto", p, h], Te = () => ["auto", "min", "max", "fr", p, h], J = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], H = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], A = () => ["auto", ...m()], b = () => [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], E = () => [...B(), _1, C1, {
     position: [p, h]
   }], G = () => ["no-repeat", {
     repeat: ["", "x", "y", "space", "round"]
@@ -3024,7 +3026,7 @@ const p1 = (t) => typeof t == "boolean" ? `${t}` : t === 0 ? "0" : t, m1 = B1, I
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
-    _,
+    w,
     p,
     h
   ], Le = () => ["none", y, p, h], Fe = () => ["none", y, p, h], tt = () => [y, p, h], De = () => [Q, "full", ...m()];
@@ -3060,7 +3062,7 @@ const p1 = (t) => typeof t == "boolean" ? `${t}` : t === 0 ? "0" : t, m1 = B1, I
        * @see https://tailwindcss.com/docs/aspect-ratio
        */
       aspect: [{
-        aspect: ["auto", "square", Q, h, p, x]
+        aspect: ["auto", "square", Q, h, p, P]
       }],
       /**
        * Container
@@ -3601,77 +3603,77 @@ const p1 = (t) => typeof t == "boolean" ? `${t}` : t === 0 ? "0" : t, m1 = B1, I
        * @see https://tailwindcss.com/docs/margin
        */
       m: [{
-        m: E()
+        m: A()
       }],
       /**
        * Margin Inline
        * @see https://tailwindcss.com/docs/margin
        */
       mx: [{
-        mx: E()
+        mx: A()
       }],
       /**
        * Margin Block
        * @see https://tailwindcss.com/docs/margin
        */
       my: [{
-        my: E()
+        my: A()
       }],
       /**
        * Margin Inline Start
        * @see https://tailwindcss.com/docs/margin
        */
       ms: [{
-        ms: E()
+        ms: A()
       }],
       /**
        * Margin Inline End
        * @see https://tailwindcss.com/docs/margin
        */
       me: [{
-        me: E()
+        me: A()
       }],
       /**
        * Margin Block Start
        * @see https://tailwindcss.com/docs/margin
        */
       mbs: [{
-        mbs: E()
+        mbs: A()
       }],
       /**
        * Margin Block End
        * @see https://tailwindcss.com/docs/margin
        */
       mbe: [{
-        mbe: E()
+        mbe: A()
       }],
       /**
        * Margin Top
        * @see https://tailwindcss.com/docs/margin
        */
       mt: [{
-        mt: E()
+        mt: A()
       }],
       /**
        * Margin Right
        * @see https://tailwindcss.com/docs/margin
        */
       mr: [{
-        mr: E()
+        mr: A()
       }],
       /**
        * Margin Bottom
        * @see https://tailwindcss.com/docs/margin
        */
       mb: [{
-        mb: E()
+        mb: A()
       }],
       /**
        * Margin Left
        * @see https://tailwindcss.com/docs/margin
        */
       ml: [{
-        ml: E()
+        ml: A()
       }],
       /**
        * Space Between X
@@ -4082,7 +4084,7 @@ const p1 = (t) => typeof t == "boolean" ? `${t}` : t === 0 ? "0" : t, m1 = B1, I
        * @see https://tailwindcss.com/docs/background-position
        */
       "bg-position": [{
-        bg: P()
+        bg: E()
       }],
       /**
        * Background Repeat
@@ -4787,7 +4789,7 @@ const p1 = (t) => typeof t == "boolean" ? `${t}` : t === 0 ? "0" : t, m1 = B1, I
        * @see https://tailwindcss.com/docs/mask-position
        */
       "mask-position": [{
-        mask: P()
+        mask: E()
       }],
       /**
        * Mask Repeat
@@ -5855,14 +5857,14 @@ function hd() {
     </div>
   `;
 }
-var pd = Object.defineProperty, A = (t, e, r, n) => {
+var pd = Object.defineProperty, x = (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 && pd(e, r, d), d;
 };
-class w extends Ce {
+class _ 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 = s0.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 = s0.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;
@@ -5929,8 +5931,8 @@ class w 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",
@@ -5939,23 +5941,19 @@ class w 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(
@@ -6110,6 +6108,12 @@ class w extends Ce {
                 ${at(n && this._t.phoneInvalid)}
               </div>
             ` : v}
+        ${this._submitError ? C`<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>` : v}
         ${x1(
       {
         type: "submit",
@@ -6146,73 +6150,76 @@ class w extends Ce {
     `;
   }
 }
-A([
+x([
   j({ type: String })
-], w.prototype, "token");
-A([
+], _.prototype, "token");
+x([
   j({ type: String })
-], w.prototype, "currency");
-A([
+], _.prototype, "currency");
+x([
   j({ type: String, attribute: "default-amount" })
-], w.prototype, "defaultAmount");
-A([
+], _.prototype, "defaultAmount");
+x([
   j({ type: String, attribute: "default-reference" })
-], w.prototype, "defaultReference");
-A([
+], _.prototype, "defaultReference");
+x([
   j({ type: Boolean, attribute: "read-only-amount" })
-], w.prototype, "readOnlyAmount");
-A([
+], _.prototype, "readOnlyAmount");
+x([
   j({ type: String, attribute: "customer-name" })
-], w.prototype, "customerName");
-A([
+], _.prototype, "customerName");
+x([
   j({ type: String, attribute: "customer-email" })
-], w.prototype, "customerEmail");
-A([
+], _.prototype, "customerEmail");
+x([
   j({ type: String, attribute: "customer-phone" })
-], w.prototype, "customerPhone");
-A([
+], _.prototype, "customerPhone");
+x([
   j({ type: String })
-], w.prototype, "locale");
-A([
+], _.prototype, "locale");
+x([
   j({ type: String, attribute: "pay-client-ref" })
-], w.prototype, "payClientRef");
-A([
+], _.prototype, "payClientRef");
+x([
+  F()
+], _.prototype, "_amount");
+x([
   F()
-], w.prototype, "_amount");
-A([
+], _.prototype, "_email");
+x([
   F()
-], w.prototype, "_email");
-A([
+], _.prototype, "_phone");
+x([
   F()
-], w.prototype, "_phone");
-A([
+], _.prototype, "_paymentReference");
+x([
   F()
-], w.prototype, "_paymentReference");
-A([
+], _.prototype, "_method");
+x([
   F()
-], w.prototype, "_method");
-A([
+], _.prototype, "_channel");
+x([
   F()
-], w.prototype, "_channel");
-A([
+], _.prototype, "_country");
+x([
   F()
-], w.prototype, "_country");
-A([
+], _.prototype, "_loading");
+x([
   F()
-], w.prototype, "_loading");
-A([
+], _.prototype, "_success");
+x([
   F()
-], w.prototype, "_success");
-A([
+], _.prototype, "_submitError");
+x([
   F()
-], w.prototype, "_paymentMethods");
-A([
+], _.prototype, "_paymentMethods");
+x([
   F()
-], w.prototype, "_methodsLoading");
-A([
+], _.prototype, "_methodsLoading");
+x([
   F()
-], w.prototype, "_methodsError");
-customElements.get("openhive-pay") || customElements.define("openhive-pay", w);
+], _.prototype, "_methodsError");
+customElements.get("openhive-pay") || customElements.define("openhive-pay", _);
 export {
-  w as PaymentWidget
+  _ as PaymentWidget
 };