@openhive-eu/payment 1.0.0-beta.2 → 1.0.0-beta.3

package/dist/index.js

@@ -5862,7 +5862,7 @@ var pd = Object.defineProperty, A = (t, e, r, n) => {
 };
 class w 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._paymentMethods = [], this._methodsLoading = !0, this._methodsError = null, this._initialized = !1, this._t = ot("fr"), this._apiUrl = "https://payment.openhive-staging.eu/api/payment-methods";
   }
   createRenderRoot() {
     return this;

package/dist/index.min.js

@@ -123,7 +123,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
     >
       <p>Something went wrong while loading the payment component.</p>
     </div>
-  `}var yi=Object.defineProperty,_=(t,e,r,n)=>{for(var o=void 0,i=t.length-1,a;i>=0;i--)(a=t[i])&&(o=a(e,r,o)||o);return o&&yi(e,r,o),o};class w extends _e{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=$o.code,this._loading=!1,this._success=!1,this._paymentMethods=[],this._methodsLoading=!0,this._methodsError=null,this._initialized=!1,this._t=Ct("fr"),this._apiUrl="https://localhost:4004"}createRenderRoot(){return this}get payClient(){return this._payClient}set payClient(e){this._payClient=e,this._initialized&&this._fetchPaymentMethods()}willUpdate(e){this._initialized?e.has("locale")&&(this._t=Ct(this.locale)):(this._initialized=!0,this._amount=t1(this.defaultAmount),this._email=this.customerEmail,this._phone=this.customerPhone,this._paymentReference=this.defaultReference,this._t=Ct(this.locale))}firstUpdated(){this._fetchPaymentMethods()}_getPayClient(){if(this._payClient)return this._payClient;if(this.payClientRef){const e=globalThis[this.payClientRef];if(e)return e}return new W1(this._apiUrl,this.token,this.locale)}async _fetchPaymentMethods(){this._methodsLoading=!0,this._methodsError=null;try{this._paymentMethods=await this._getPayClient().getPaymentMethods()}catch(e){this._methodsError=e instanceof Error?e.message:"Failed to load payment methods"}finally{this._methodsLoading=!1}}_validateAmount(e){const r=parseFloat(e.replace(",",".").replace(/\s/g,""));return!isNaN(r)&&r>0}get _isValid(){return!this._amount||!this._validateAmount(this._amount)||!this._paymentReference||!this._method?!1:this._channel==="email"?kr(this._email):this._channel==="sms"?Ar(this._country,this._phone):!0}_onAmountInput(e){const r=e.target;this._amount=t1(r.value)}_onReferenceInput(e){this._paymentReference=e.target.value}_onMethodChange(e){this._method=e.target.value}_onChannelChange(e){this._channel=e.target.value}_onEmailInput(e){this._email=e.target.value}_onPhoneInput(e){this._phone=so(this._country,e.target.value)}_onCountryChange(e){this._country=e.target.value}async _onSubmit(e){e.preventDefault(),this._loading=!0;const r=this._method.indexOf("_"),n=r>=0?this._method.substring(0,r):this._method,o=r>=0?this._method.substring(r+1):"",i={order_reference:this._paymentReference,channel:this._channel==="email"?"email":this._channel==="sms"?"sms":"link",amount:ei(this._amount),currency:this.currency,method:o,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:i,bubbles:!0,composed:!0})))}catch(a){console.error(a)}finally{this._loading=!1}}_onClose(){this._success=!1,this.dispatchEvent(new CustomEvent("close",{bubbles:!0,composed:!0}))}_renderMethods(){return this._methodsLoading?ni():this._paymentMethods.map(e=>$i({name:"payment-method",value:e.id,checked:this._method===e.id,onChange:this._onMethodChange.bind(this),label:e.name,logoSvg:e.logoSvg}))}_renderChannels(){return C`
+  `}var yi=Object.defineProperty,_=(t,e,r,n)=>{for(var o=void 0,i=t.length-1,a;i>=0;i--)(a=t[i])&&(o=a(e,r,o)||o);return o&&yi(e,r,o),o};class w extends _e{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=$o.code,this._loading=!1,this._success=!1,this._paymentMethods=[],this._methodsLoading=!0,this._methodsError=null,this._initialized=!1,this._t=Ct("fr"),this._apiUrl="https://payment.openhive-staging.eu/api/payment-methods"}createRenderRoot(){return this}get payClient(){return this._payClient}set payClient(e){this._payClient=e,this._initialized&&this._fetchPaymentMethods()}willUpdate(e){this._initialized?e.has("locale")&&(this._t=Ct(this.locale)):(this._initialized=!0,this._amount=t1(this.defaultAmount),this._email=this.customerEmail,this._phone=this.customerPhone,this._paymentReference=this.defaultReference,this._t=Ct(this.locale))}firstUpdated(){this._fetchPaymentMethods()}_getPayClient(){if(this._payClient)return this._payClient;if(this.payClientRef){const e=globalThis[this.payClientRef];if(e)return e}return new W1(this._apiUrl,this.token,this.locale)}async _fetchPaymentMethods(){this._methodsLoading=!0,this._methodsError=null;try{this._paymentMethods=await this._getPayClient().getPaymentMethods()}catch(e){this._methodsError=e instanceof Error?e.message:"Failed to load payment methods"}finally{this._methodsLoading=!1}}_validateAmount(e){const r=parseFloat(e.replace(",",".").replace(/\s/g,""));return!isNaN(r)&&r>0}get _isValid(){return!this._amount||!this._validateAmount(this._amount)||!this._paymentReference||!this._method?!1:this._channel==="email"?kr(this._email):this._channel==="sms"?Ar(this._country,this._phone):!0}_onAmountInput(e){const r=e.target;this._amount=t1(r.value)}_onReferenceInput(e){this._paymentReference=e.target.value}_onMethodChange(e){this._method=e.target.value}_onChannelChange(e){this._channel=e.target.value}_onEmailInput(e){this._email=e.target.value}_onPhoneInput(e){this._phone=so(this._country,e.target.value)}_onCountryChange(e){this._country=e.target.value}async _onSubmit(e){e.preventDefault(),this._loading=!0;const r=this._method.indexOf("_"),n=r>=0?this._method.substring(0,r):this._method,o=r>=0?this._method.substring(r+1):"",i={order_reference:this._paymentReference,channel:this._channel==="email"?"email":this._channel==="sms"?"sms":"link",amount:ei(this._amount),currency:this.currency,method:o,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:i,bubbles:!0,composed:!0})))}catch(a){console.error(a)}finally{this._loading=!1}}_onClose(){this._success=!1,this.dispatchEvent(new CustomEvent("close",{bubbles:!0,composed:!0}))}_renderMethods(){return this._methodsLoading?ni():this._paymentMethods.map(e=>$i({name:"payment-method",value:e.id,checked:this._method===e.id,onChange:this._onMethodChange.bind(this),label:e.name,logoSvg:e.logoSvg}))}_renderChannels(){return C`
       ${i1({name:"channel",value:"email",checked:this._channel==="email",onChange:this._onChannelChange.bind(this),label:this._t.email,icon:ui})}
       ${i1({name:"channel",value:"sms",checked:this._channel==="sms",onChange:this._onChannelChange.bind(this),label:this._t.textMessage,icon:pi})}
     `}_renderForm(){const e=this._amount?!this._validateAmount(this._amount):!1,r=this._email?!kr(this._email):!1,n=this._phone?!Ar(this._country,this._phone):!1;return C`

package/dist/react.js

@@ -44,7 +44,7 @@ let u2 = class {
     return this.cssText;
   }
 };
-const f2 = (t) => new u2(typeof t == "string" ? t : t + "", void 0, S1), h2 = (t, e) => {
+const f2 = (t) => new u2(typeof t == "string" ? t : t + "", void 0, S1), p2 = (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;
@@ -55,7 +55,7 @@ const f2 = (t) => new u2(typeof t == "string" ? t : t + "", void 0, S1), h2 = (t
   for (const n of e.cssRules) r += n.cssText;
   return f2(r);
 })(t) : t;
-const { is: p2, defineProperty: m2, getOwnPropertyDescriptor: y2, getOwnPropertyNames: g2, getOwnPropertySymbols: b2, getPrototypeOf: v2 } = Object, qe = globalThis, Tt = qe.trustedTypes, C2 = Tt ? Tt.emptyScript : "", _2 = qe.reactiveElementPolyfillSupport, ve = (t, e) => t, Be = { toAttribute(t, e) {
+const { is: h2, defineProperty: m2, getOwnPropertyDescriptor: y2, getOwnPropertyNames: g2, getOwnPropertySymbols: b2, getPrototypeOf: v2 } = Object, qe = globalThis, Tt = qe.trustedTypes, C2 = Tt ? Tt.emptyScript : "", _2 = qe.reactiveElementPolyfillSupport, ve = (t, e) => t, Be = { toAttribute(t, e) {
   switch (e) {
     case Boolean:
       t = t ? C2 : null;
@@ -83,9 +83,9 @@ const { is: p2, defineProperty: m2, getOwnPropertyDescriptor: y2, getOwnProperty
       }
   }
   return r;
-} }, yt = (t, e) => !p2(t, e), Lt = { attribute: !0, type: String, converter: Be, reflect: !1, useDefault: !1, hasChanged: yt };
+} }, yt = (t, e) => !h2(t, e), Lt = { attribute: !0, type: String, converter: Be, reflect: !1, useDefault: !1, hasChanged: yt };
 Symbol.metadata ??= /* @__PURE__ */ Symbol("metadata"), qe.litPropertyMetadata ??= /* @__PURE__ */ new WeakMap();
-let he = class extends HTMLElement {
+let pe = class extends HTMLElement {
   static addInitializer(e) {
     this._$Ei(), (this.l ??= []).push(e);
   }
@@ -166,7 +166,7 @@ let he = class extends HTMLElement {
   }
   createRenderRoot() {
     const e = this.shadowRoot ?? this.attachShadow(this.constructor.shadowRootOptions);
-    return h2(e, this.constructor.elementStyles), e;
+    return p2(e, this.constructor.elementStyles), e;
   }
   connectedCallback() {
     this.renderRoot ??= this.createRenderRoot(), this.enableUpdating(!0), this._$EO?.forEach((e) => e.hostConnected?.());
@@ -266,7 +266,7 @@ let he = class extends HTMLElement {
   firstUpdated(e) {
   }
 };
-he.elementStyles = [], he.shadowRootOptions = { mode: "open" }, he[ve("elementProperties")] = /* @__PURE__ */ new Map(), he[ve("finalized")] = /* @__PURE__ */ new Map(), _2?.({ ReactiveElement: he }), (qe.reactiveElementVersions ??= []).push("2.1.2");
+pe.elementStyles = [], pe.shadowRootOptions = { mode: "open" }, pe[ve("elementProperties")] = /* @__PURE__ */ new Map(), pe[ve("finalized")] = /* @__PURE__ */ new Map(), _2?.({ ReactiveElement: pe }), (qe.reactiveElementVersions ??= []).push("2.1.2");
 const gt = globalThis, Ft = (t) => t, ze = gt.trustedTypes, Ht = ze ? ze.createPolicy("lit-html", { createHTML: (t) => t }) : void 0, N1 = "$lit$", te = `lit$${Math.random().toFixed(9).slice(2)}$`, k1 = "?" + te, w2 = `<${k1}>`, se = document, _e = () => se.createComment(""), we = (t) => t === null || typeof t != "object" && typeof t != "function", bt = Array.isArray, x2 = (t) => bt(t) || typeof t?.[Symbol.iterator] == "function", rt = `[ 	
 \f\r]`, ge = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, Dt = /-->/g, Vt = />/g, oe = RegExp(`>|${rt}(?:([^\\s"'>=/]+)(${rt}*=${rt}*(?:[^ 	
 \f\r"'\`<>=]|("|')|))|$)`, "g"), jt = /'/g, Ut = /"/g, O1 = /^(?:script|style|textarea|title)$/i, P2 = (t) => (e, ...r) => ({ _$litType$: t, strings: e, values: r }), _ = P2(1), le = /* @__PURE__ */ Symbol.for("lit-noChange"), C = /* @__PURE__ */ Symbol.for("lit-nothing"), Gt = /* @__PURE__ */ new WeakMap(), ae = se.createTreeWalker(se, 129);
@@ -493,7 +493,7 @@ const I2 = (t, e, r) => {
   return d._$AI(t), d;
 };
 const vt = globalThis;
-let Ce = class extends he {
+let Ce = class extends pe {
   constructor() {
     super(...arguments), this.renderOptions = { host: this }, this._$Do = void 0;
   }
@@ -986,7 +986,7 @@ function Wt(t, e) {
   return t[1] && e[1] ? t[1] > e[1] ? 1 : t[1] < e[1] ? -1 : 0 : !t[1] && e[1] ? 1 : t[1] && !e[1] ? -1 : 0;
 }
 var J2 = {}.constructor;
-function pe(t) {
+function he(t) {
   return t != null && t.constructor === J2;
 }
 function ye(t) {
@@ -1436,8 +1436,8 @@ function Xt(t, e) {
 function T1(t) {
   if (!t)
     throw new Error("[libphonenumber-js] `metadata` argument not passed. Check your arguments.");
-  if (!pe(t) || !pe(t.countries))
-    throw new Error("[libphonenumber-js] `metadata` argument was passed but it's not a valid metadata. Must be an object having `.countries` child object property. Got ".concat(pe(t) ? "an object of shape: { " + Object.keys(t).join(", ") + " }" : "a " + sr(t) + ": " + t, "."));
+  if (!he(t) || !he(t.countries))
+    throw new Error("[libphonenumber-js] `metadata` argument was passed but it's not a valid metadata. Must be an object having `.countries` child object property. Got ".concat(he(t) ? "an object of shape: { " + Object.keys(t).join(", ") + " }" : "a " + sr(t) + ": " + t, "."));
 }
 var sr = function(e) {
   return ye(e);
@@ -1520,7 +1520,7 @@ function Yt(t, e) {
   for (var r = 0, n = Array(e); r < e; r++) n[r] = t[r];
   return n;
 }
-var hr = ["MOBILE", "PREMIUM_RATE", "TOLL_FREE", "SHARED_COST", "VOIP", "PERSONAL_NUMBER", "PAGER", "UAN", "VOICEMAIL"];
+var pr = ["MOBILE", "PREMIUM_RATE", "TOLL_FREE", "SHARED_COST", "VOIP", "PERSONAL_NUMBER", "PAGER", "UAN", "VOICEMAIL"];
 function wt(t, e, r) {
   if (e = e || {}, !(!t.country && !t.countryCallingCode)) {
     r = new R(r), r.selectNumberingPlan(t.country, t.countryCallingCode);
@@ -1528,7 +1528,7 @@ function wt(t, e, r) {
     if (Y(n, r.nationalNumberPattern())) {
       if (nt(n, "FIXED_LINE", r))
         return r.type("MOBILE") && r.type("MOBILE").pattern() === "" || !r.type("MOBILE") || nt(n, "MOBILE", r) ? "FIXED_LINE_OR_MOBILE" : "FIXED_LINE";
-      for (var d = ur(hr), o; !(o = d()).done; ) {
+      for (var d = ur(pr), o; !(o = d()).done; ) {
         var i = o.value;
         if (nt(n, i, r))
           return i;
@@ -1540,7 +1540,7 @@ function nt(t, e, r) {
   var n = r.type(e);
   return !n || !n.pattern() || n.possibleLengths() && n.possibleLengths().indexOf(t.length) < 0 ? !1 : Y(t, n.pattern());
 }
-function pr(t, e, r) {
+function hr(t, e, r) {
   if (e = e || {}, r = new R(r), r.selectNumberingPlan(t.country, t.countryCallingCode), r.hasTypes())
     return wt(t, e, r.metadata) !== void 0;
   var n = e.v2 ? t.nationalNumber : t.phone;
@@ -1944,7 +1944,7 @@ var on = /* @__PURE__ */ (function() {
       throw new TypeError("First argument must be a string");
     if (e[0] === "+" && !r)
       throw new TypeError("`metadata` argument not passed");
-    if (pe(r) && pe(r.countries)) {
+    if (he(r) && he(r.countries)) {
       n = r;
       var d = e;
       if (!ln.test(d))
@@ -1983,7 +1983,7 @@ var on = /* @__PURE__ */ (function() {
   }, {
     key: "isValid",
     value: function() {
-      return pr(this, {
+      return hr(this, {
         v2: !0
       }, this.getMetadata());
     }
@@ -2075,13 +2075,13 @@ function un(t, e, r) {
 function fn(t, e) {
   if (e && (lt(e) == "object" || typeof e == "function")) return e;
   if (e !== void 0) throw new TypeError("Derived constructors may only return object or undefined");
-  return hn(t);
+  return pn(t);
 }
-function hn(t) {
+function pn(t) {
   if (t === void 0) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
   return t;
 }
-function pn(t, e) {
+function hn(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 && Ee(t, e);
 }
@@ -2139,7 +2139,7 @@ var X = /* @__PURE__ */ (function(t) {
     var n;
     return cn(this, e), n = un(this, e, [r]), Object.setPrototypeOf(n, e.prototype), n.name = n.constructor.name, n;
   }
-  return pn(e, t), $n(e);
+  return hn(e, t), $n(e);
 })(/* @__PURE__ */ $t(Error)), r1 = new RegExp("(?:" + V1() + ")$", "i");
 function gn(t) {
   var e = t.search(r1);
@@ -2545,7 +2545,7 @@ function n0(t) {
     i ? (s = o, l = i) : (s = void 0, l = o), d && (s = Kn({
       defaultCountry: d
     }, s));
-  else if (pe(d))
+  else if (he(d))
     o ? (s = d, l = o) : l = d;
   else throw new Error("Invalid second argument: ".concat(d));
   return {
@@ -2627,16 +2627,16 @@ function $0(t, e) {
   const r = G1(e, t);
   return r ? r?.formatNational() : e;
 }
-function h1(t, e) {
+function p1(t, e) {
   return G1(e, t)?.isValid() ?? !1;
 }
 const c0 = l0(Ct);
 function u0(t) {
   return t.toUpperCase().replace(/./g, (e) => String.fromCodePoint(127397 + e.charCodeAt(0)));
 }
-const p1 = ["FR"], B1 = [
-  ...p1,
-  ...c0.filter((t) => !p1.includes(t))
+const h1 = ["FR"], B1 = [
+  ...h1,
+  ...c0.filter((t) => !h1.includes(t))
 ].map((t) => ({
   code: t,
   dial: "+" + et(t, Ct),
@@ -2727,14 +2727,14 @@ const y1 = (t) => typeof t == "boolean" ? `${t}` : t === 0 ? "0" : t, g1 = Z1, R
     ] : l;
   }, []);
   return g1(t, i, s, r?.class, r?.className);
-}, h0 = (t, e) => {
+}, p0 = (t, e) => {
   const r = new Array(t.length + e.length);
   for (let n = 0; n < t.length; n++)
     r[n] = t[n];
   for (let n = 0; n < e.length; n++)
     r[t.length + n] = e[n];
   return r;
-}, p0 = (t, e) => ({
+}, h0 = (t, e) => ({
   classGroupId: t,
   validator: e
 }), W1 = (t = /* @__PURE__ */ new Map(), e = null, r) => ({
@@ -2756,7 +2756,7 @@ const y1 = (t) => typeof t == "boolean" ? `${t}` : t === 0 ? "0" : t, g1 = Z1, R
     getConflictingClassGroupIds: (i, a) => {
       if (a) {
         const s = n[i], l = r[i];
-        return s ? l ? h0(l, s) : s : l || b1;
+        return s ? l ? p0(l, s) : s : l || b1;
       }
       return r[i] || b1;
     }
@@ -2818,7 +2818,7 @@ const y1 = (t) => typeof t == "boolean" ? `${t}` : t === 0 ? "0" : t, g1 = Z1, R
     At(t(n), e, r, n);
     return;
   }
-  e.validators === null && (e.validators = []), e.validators.push(p0(r, t));
+  e.validators === null && (e.validators = []), e.validators.push(h0(r, t));
 }, x0 = (t, e, r, n) => {
   const d = Object.entries(t), o = d.length;
   for (let i = 0; i < o; i++) {
@@ -3006,7 +3006,7 @@ const y1 = (t) => typeof t == "boolean" ? `${t}` : t === 0 ? "0" : t, g1 = Z1, R
   // 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.
   H0.test(t) && !D0.test(t)
-), St = () => !1, G0 = (t) => V0.test(t), B0 = (t) => j0.test(t), z0 = (t) => !h(t) && !p(t), Z0 = (t) => re(t, r2, St), h = (t) => Y1.test(t), ie = (t) => re(t, n2, U0), _1 = (t) => re(t, ed, g), W0 = (t) => re(t, o2, Q1), K0 = (t) => re(t, d2, St), w1 = (t) => re(t, e2, St), q0 = (t) => re(t, t2, B0), De = (t) => re(t, i2, G0), p = (t) => J1.test(t), be = (t) => $e(t, n2), X0 = (t) => $e(t, d2), x1 = (t) => $e(t, e2), Y0 = (t) => $e(t, r2), J0 = (t) => $e(t, t2), Ve = (t) => $e(t, i2, !0), Q0 = (t) => $e(t, o2, !0), re = (t, e, r) => {
+), St = () => !1, G0 = (t) => V0.test(t), B0 = (t) => j0.test(t), z0 = (t) => !p(t) && !h(t), Z0 = (t) => re(t, r2, St), p = (t) => Y1.test(t), ie = (t) => re(t, n2, U0), _1 = (t) => re(t, ed, g), W0 = (t) => re(t, o2, Q1), K0 = (t) => re(t, d2, St), w1 = (t) => re(t, e2, St), q0 = (t) => re(t, t2, B0), De = (t) => re(t, i2, G0), h = (t) => J1.test(t), be = (t) => $e(t, n2), X0 = (t) => $e(t, d2), x1 = (t) => $e(t, e2), Y0 = (t) => $e(t, r2), J0 = (t) => $e(t, t2), Ve = (t) => $e(t, i2, !0), Q0 = (t) => $e(t, o2, !0), re = (t, e, r) => {
   const n = Y1.exec(t);
   return n ? n[1] ? e(n[1]) : r(n[2]) : !1;
 }, $e = (t, e, r = !1) => {
@@ -3031,30 +3031,30 @@ 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 = () => [...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], Ie = () => ["auto", {
-    span: ["full", ee, p, h]
-  }, ee, p, h], L = () => [ee, "auto", p, h], Me = () => ["auto", "min", "max", "fr", p, h], J = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], D = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], S = () => ["auto", ...m()], v = () => [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(), x1, w1, {
-    position: [p, h]
+  ], z = () => [...B(), h, p], Z = () => ["auto", "hidden", "clip", "visible", "scroll"], W = () => ["auto", "contain", "none"], m = () => [h, p, s], O = () => [Q, "full", "auto", ...m()], ce = () => [ee, "none", "subgrid", h, p], Ie = () => ["auto", {
+    span: ["full", ee, h, p]
+  }, ee, h, p], L = () => [ee, "auto", h, p], Me = () => ["auto", "min", "max", "fr", h, p], J = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], D = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], S = () => ["auto", ...m()], v = () => [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, h, p], P = () => [...B(), x1, w1, {
+    position: [h, p]
   }], G = () => ["no-repeat", {
     repeat: ["", "x", "y", "space", "round"]
   }], de = () => ["auto", "cover", "contain", Y0, Z0, {
-    size: [p, h]
+    size: [h, p]
   }], K = () => [it, be, ie], M = () => [
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
     "full",
     l,
-    p,
-    h
+    h,
+    p
   ], T = () => ["", g, 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"], k = () => [g, it, x1, w1], kt = () => [
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
     b,
-    p,
-    h
-  ], Le = () => ["none", g, p, h], Fe = () => ["none", g, p, h], tt = () => [g, p, h], He = () => [Q, "full", ...m()];
+    h,
+    p
+  ], Le = () => ["none", g, h, p], Fe = () => ["none", g, h, p], tt = () => [g, h, p], He = () => [Q, "full", ...m()];
   return {
     cacheSize: 500,
     theme: {
@@ -3087,7 +3087,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, x]
+        aspect: ["auto", "square", Q, p, h, x]
       }],
       /**
        * Container
@@ -3100,7 +3100,7 @@ const y1 = (t) => typeof t == "boolean" ? `${t}` : t === 0 ? "0" : t, g1 = Z1, R
        * @see https://tailwindcss.com/docs/columns
        */
       columns: [{
-        columns: [g, h, p, a]
+        columns: [g, p, h, a]
       }],
       /**
        * Break After
@@ -3326,7 +3326,7 @@ const y1 = (t) => typeof t == "boolean" ? `${t}` : t === 0 ? "0" : t, g1 = Z1, R
        * @see https://tailwindcss.com/docs/z-index
        */
       z: [{
-        z: [ee, "auto", p, h]
+        z: [ee, "auto", h, p]
       }],
       // ------------------------
       // --- Flexbox and Grid ---
@@ -3357,28 +3357,28 @@ const y1 = (t) => typeof t == "boolean" ? `${t}` : t === 0 ? "0" : t, g1 = Z1, R
        * @see https://tailwindcss.com/docs/flex
        */
       flex: [{
-        flex: [g, Q, "auto", "initial", "none", h]
+        flex: [g, Q, "auto", "initial", "none", p]
       }],
       /**
        * Flex Grow
        * @see https://tailwindcss.com/docs/flex-grow
        */
       grow: [{
-        grow: ["", g, p, h]
+        grow: ["", g, h, p]
       }],
       /**
        * Flex Shrink
        * @see https://tailwindcss.com/docs/flex-shrink
        */
       shrink: [{
-        shrink: ["", g, p, h]
+        shrink: ["", g, h, p]
       }],
       /**
        * Order
        * @see https://tailwindcss.com/docs/order
        */
       order: [{
-        order: [ee, "first", "last", "none", p, h]
+        order: [ee, "first", "last", "none", h, p]
       }],
       /**
        * Grid Template Columns
@@ -3867,7 +3867,7 @@ const y1 = (t) => typeof t == "boolean" ? `${t}` : t === 0 ? "0" : t, g1 = Z1, R
        * @see https://tailwindcss.com/docs/font-stretch
        */
       "font-stretch": [{
-        "font-stretch": ["ultra-condensed", "extra-condensed", "condensed", "semi-condensed", "normal", "semi-expanded", "expanded", "extra-expanded", "ultra-expanded", it, h]
+        "font-stretch": ["ultra-condensed", "extra-condensed", "condensed", "semi-condensed", "normal", "semi-expanded", "expanded", "extra-expanded", "ultra-expanded", it, p]
       }],
       /**
        * Font Family
@@ -3881,7 +3881,7 @@ const y1 = (t) => typeof t == "boolean" ? `${t}` : t === 0 ? "0" : t, g1 = Z1, R
        * @see https://tailwindcss.com/docs/font-feature-settings
        */
       "font-features": [{
-        "font-features": [h]
+        "font-features": [p]
       }],
       /**
        * Font Variant Numeric
@@ -3918,14 +3918,14 @@ const y1 = (t) => typeof t == "boolean" ? `${t}` : t === 0 ? "0" : t, g1 = Z1, R
        * @see https://tailwindcss.com/docs/letter-spacing
        */
       tracking: [{
-        tracking: [d, p, h]
+        tracking: [d, h, p]
       }],
       /**
        * Line Clamp
        * @see https://tailwindcss.com/docs/line-clamp
        */
       "line-clamp": [{
-        "line-clamp": [g, "none", p, _1]
+        "line-clamp": [g, "none", h, _1]
       }],
       /**
        * Line Height
@@ -3943,7 +3943,7 @@ const y1 = (t) => typeof t == "boolean" ? `${t}` : t === 0 ? "0" : t, g1 = Z1, R
        * @see https://tailwindcss.com/docs/list-style-image
        */
       "list-image": [{
-        "list-image": ["none", p, h]
+        "list-image": ["none", h, p]
       }],
       /**
        * List Style Position
@@ -3957,7 +3957,7 @@ const y1 = (t) => typeof t == "boolean" ? `${t}` : t === 0 ? "0" : t, g1 = Z1, R
        * @see https://tailwindcss.com/docs/list-style-type
        */
       "list-style-type": [{
-        list: ["disc", "decimal", "none", p, h]
+        list: ["disc", "decimal", "none", h, p]
       }],
       /**
        * Text Alignment
@@ -3998,7 +3998,7 @@ const y1 = (t) => typeof t == "boolean" ? `${t}` : t === 0 ? "0" : t, g1 = Z1, R
        * @see https://tailwindcss.com/docs/text-decoration-thickness
        */
       "text-decoration-thickness": [{
-        decoration: [g, "from-font", "auto", p, ie]
+        decoration: [g, "from-font", "auto", h, ie]
       }],
       /**
        * Text Decoration Color
@@ -4012,7 +4012,7 @@ const y1 = (t) => typeof t == "boolean" ? `${t}` : t === 0 ? "0" : t, g1 = Z1, R
        * @see https://tailwindcss.com/docs/text-underline-offset
        */
       "underline-offset": [{
-        "underline-offset": [g, "auto", p, h]
+        "underline-offset": [g, "auto", h, p]
       }],
       /**
        * Text Transform
@@ -4043,7 +4043,7 @@ const y1 = (t) => typeof t == "boolean" ? `${t}` : t === 0 ? "0" : t, g1 = Z1, R
        * @see https://tailwindcss.com/docs/vertical-align
        */
       "vertical-align": [{
-        align: ["baseline", "top", "middle", "bottom", "text-top", "text-bottom", "sub", "super", p, h]
+        align: ["baseline", "top", "middle", "bottom", "text-top", "text-bottom", "sub", "super", h, p]
       }],
       /**
        * Whitespace
@@ -4078,7 +4078,7 @@ const y1 = (t) => typeof t == "boolean" ? `${t}` : t === 0 ? "0" : t, g1 = Z1, R
        * @see https://tailwindcss.com/docs/content
        */
       content: [{
-        content: ["none", p, h]
+        content: ["none", h, p]
       }],
       // -------------------
       // --- Backgrounds ---
@@ -4133,9 +4133,9 @@ const y1 = (t) => typeof t == "boolean" ? `${t}` : t === 0 ? "0" : t, g1 = Z1, R
         bg: ["none", {
           linear: [{
             to: ["t", "tr", "r", "br", "b", "bl", "l", "tl"]
-          }, ee, p, h],
-          radial: ["", p, h],
-          conic: [ee, p, h]
+          }, ee, h, p],
+          radial: ["", h, p],
+          conic: [ee, h, p]
         }, J0, q0]
       }],
       /**
@@ -4506,7 +4506,7 @@ const y1 = (t) => typeof t == "boolean" ? `${t}` : t === 0 ? "0" : t, g1 = Z1, R
        * @see https://tailwindcss.com/docs/outline-offset
        */
       "outline-offset": [{
-        "outline-offset": [g, p, h]
+        "outline-offset": [g, h, p]
       }],
       /**
        * Outline Width
@@ -4632,7 +4632,7 @@ const y1 = (t) => typeof t == "boolean" ? `${t}` : t === 0 ? "0" : t, g1 = Z1, R
        * @see https://tailwindcss.com/docs/opacity
        */
       opacity: [{
-        opacity: [g, p, h]
+        opacity: [g, h, p]
       }],
       /**
        * Mix Blend Mode
@@ -4754,7 +4754,7 @@ const y1 = (t) => typeof t == "boolean" ? `${t}` : t === 0 ? "0" : t, g1 = Z1, R
         "mask-y-to": f()
       }],
       "mask-image-radial": [{
-        "mask-radial": [p, h]
+        "mask-radial": [h, p]
       }],
       "mask-image-radial-from-pos": [{
         "mask-radial-from": k()
@@ -4842,7 +4842,7 @@ const y1 = (t) => typeof t == "boolean" ? `${t}` : t === 0 ? "0" : t, g1 = Z1, R
        * @see https://tailwindcss.com/docs/mask-image
        */
       "mask-image": [{
-        mask: ["none", p, h]
+        mask: ["none", h, p]
       }],
       // ---------------
       // --- Filters ---
@@ -4856,8 +4856,8 @@ const y1 = (t) => typeof t == "boolean" ? `${t}` : t === 0 ? "0" : t, g1 = Z1, R
           // Deprecated since Tailwind CSS v3.0.0
           "",
           "none",
-          p,
-          h
+          h,
+          p
         ]
       }],
       /**
@@ -4872,14 +4872,14 @@ const y1 = (t) => typeof t == "boolean" ? `${t}` : t === 0 ? "0" : t, g1 = Z1, R
        * @see https://tailwindcss.com/docs/brightness
        */
       brightness: [{
-        brightness: [g, p, h]
+        brightness: [g, h, p]
       }],
       /**
        * Contrast
        * @see https://tailwindcss.com/docs/contrast
        */
       contrast: [{
-        contrast: [g, p, h]
+        contrast: [g, h, p]
       }],
       /**
        * Drop Shadow
@@ -4907,35 +4907,35 @@ const y1 = (t) => typeof t == "boolean" ? `${t}` : t === 0 ? "0" : t, g1 = Z1, R
        * @see https://tailwindcss.com/docs/grayscale
        */
       grayscale: [{
-        grayscale: ["", g, p, h]
+        grayscale: ["", g, h, p]
       }],
       /**
        * Hue Rotate
        * @see https://tailwindcss.com/docs/hue-rotate
        */
       "hue-rotate": [{
-        "hue-rotate": [g, p, h]
+        "hue-rotate": [g, h, p]
       }],
       /**
        * Invert
        * @see https://tailwindcss.com/docs/invert
        */
       invert: [{
-        invert: ["", g, p, h]
+        invert: ["", g, h, p]
       }],
       /**
        * Saturate
        * @see https://tailwindcss.com/docs/saturate
        */
       saturate: [{
-        saturate: [g, p, h]
+        saturate: [g, h, p]
       }],
       /**
        * Sepia
        * @see https://tailwindcss.com/docs/sepia
        */
       sepia: [{
-        sepia: ["", g, p, h]
+        sepia: ["", g, h, p]
       }],
       /**
        * Backdrop Filter
@@ -4946,8 +4946,8 @@ const y1 = (t) => typeof t == "boolean" ? `${t}` : t === 0 ? "0" : t, g1 = Z1, R
           // Deprecated since Tailwind CSS v3.0.0
           "",
           "none",
-          p,
-          h
+          h,
+          p
         ]
       }],
       /**
@@ -4962,56 +4962,56 @@ const y1 = (t) => typeof t == "boolean" ? `${t}` : t === 0 ? "0" : t, g1 = Z1, R
        * @see https://tailwindcss.com/docs/backdrop-brightness
        */
       "backdrop-brightness": [{
-        "backdrop-brightness": [g, p, h]
+        "backdrop-brightness": [g, h, p]
       }],
       /**
        * Backdrop Contrast
        * @see https://tailwindcss.com/docs/backdrop-contrast
        */
       "backdrop-contrast": [{
-        "backdrop-contrast": [g, p, h]
+        "backdrop-contrast": [g, h, p]
       }],
       /**
        * Backdrop Grayscale
        * @see https://tailwindcss.com/docs/backdrop-grayscale
        */
       "backdrop-grayscale": [{
-        "backdrop-grayscale": ["", g, p, h]
+        "backdrop-grayscale": ["", g, h, p]
       }],
       /**
        * Backdrop Hue Rotate
        * @see https://tailwindcss.com/docs/backdrop-hue-rotate
        */
       "backdrop-hue-rotate": [{
-        "backdrop-hue-rotate": [g, p, h]
+        "backdrop-hue-rotate": [g, h, p]
       }],
       /**
        * Backdrop Invert
        * @see https://tailwindcss.com/docs/backdrop-invert
        */
       "backdrop-invert": [{
-        "backdrop-invert": ["", g, p, h]
+        "backdrop-invert": ["", g, h, p]
       }],
       /**
        * Backdrop Opacity
        * @see https://tailwindcss.com/docs/backdrop-opacity
        */
       "backdrop-opacity": [{
-        "backdrop-opacity": [g, p, h]
+        "backdrop-opacity": [g, h, p]
       }],
       /**
        * Backdrop Saturate
        * @see https://tailwindcss.com/docs/backdrop-saturate
        */
       "backdrop-saturate": [{
-        "backdrop-saturate": [g, p, h]
+        "backdrop-saturate": [g, h, p]
       }],
       /**
        * Backdrop Sepia
        * @see https://tailwindcss.com/docs/backdrop-sepia
        */
       "backdrop-sepia": [{
-        "backdrop-sepia": ["", g, p, h]
+        "backdrop-sepia": ["", g, h, p]
       }],
       // --------------
       // --- Tables ---
@@ -5066,7 +5066,7 @@ const y1 = (t) => typeof t == "boolean" ? `${t}` : t === 0 ? "0" : t, g1 = Z1, R
        * @see https://tailwindcss.com/docs/transition-property
        */
       transition: [{
-        transition: ["", "all", "colors", "opacity", "shadow", "transform", "none", p, h]
+        transition: ["", "all", "colors", "opacity", "shadow", "transform", "none", h, p]
       }],
       /**
        * Transition Behavior
@@ -5080,28 +5080,28 @@ const y1 = (t) => typeof t == "boolean" ? `${t}` : t === 0 ? "0" : t, g1 = Z1, R
        * @see https://tailwindcss.com/docs/transition-duration
        */
       duration: [{
-        duration: [g, "initial", p, h]
+        duration: [g, "initial", h, p]
       }],
       /**
        * Transition Timing Function
        * @see https://tailwindcss.com/docs/transition-timing-function
        */
       ease: [{
-        ease: ["linear", "initial", I, p, h]
+        ease: ["linear", "initial", I, h, p]
       }],
       /**
        * Transition Delay
        * @see https://tailwindcss.com/docs/transition-delay
        */
       delay: [{
-        delay: [g, p, h]
+        delay: [g, h, p]
       }],
       /**
        * Animation
        * @see https://tailwindcss.com/docs/animation
        */
       animate: [{
-        animate: ["none", H, p, h]
+        animate: ["none", H, h, p]
       }],
       // ------------------
       // --- Transforms ---
@@ -5118,7 +5118,7 @@ const y1 = (t) => typeof t == "boolean" ? `${t}` : t === 0 ? "0" : t, g1 = Z1, R
        * @see https://tailwindcss.com/docs/perspective
        */
       perspective: [{
-        perspective: [A, p, h]
+        perspective: [A, h, p]
       }],
       /**
        * Perspective Origin
@@ -5214,7 +5214,7 @@ const y1 = (t) => typeof t == "boolean" ? `${t}` : t === 0 ? "0" : t, g1 = Z1, R
        * @see https://tailwindcss.com/docs/transform
        */
       transform: [{
-        transform: [p, h, "", "none", "gpu", "cpu"]
+        transform: [h, p, "", "none", "gpu", "cpu"]
       }],
       /**
        * Transform Origin
@@ -5299,7 +5299,7 @@ const y1 = (t) => typeof t == "boolean" ? `${t}` : t === 0 ? "0" : t, g1 = Z1, R
        * @see https://tailwindcss.com/docs/cursor
        */
       cursor: [{
-        cursor: ["auto", "default", "pointer", "wait", "text", "move", "help", "not-allowed", "none", "context-menu", "progress", "cell", "crosshair", "vertical-text", "alias", "copy", "no-drop", "grab", "grabbing", "all-scroll", "col-resize", "row-resize", "n-resize", "e-resize", "s-resize", "w-resize", "ne-resize", "nw-resize", "se-resize", "sw-resize", "ew-resize", "ns-resize", "nesw-resize", "nwse-resize", "zoom-in", "zoom-out", p, h]
+        cursor: ["auto", "default", "pointer", "wait", "text", "move", "help", "not-allowed", "none", "context-menu", "progress", "cell", "crosshair", "vertical-text", "alias", "copy", "no-drop", "grab", "grabbing", "all-scroll", "col-resize", "row-resize", "n-resize", "e-resize", "s-resize", "w-resize", "ne-resize", "nw-resize", "se-resize", "sw-resize", "ew-resize", "ns-resize", "nesw-resize", "nwse-resize", "zoom-in", "zoom-out", h, p]
       }],
       /**
        * Field Sizing
@@ -5549,7 +5549,7 @@ const y1 = (t) => typeof t == "boolean" ? `${t}` : t === 0 ? "0" : t, g1 = Z1, R
        * @see https://tailwindcss.com/docs/will-change
        */
       "will-change": [{
-        "will-change": ["auto", "scroll", "contents", "transform", p, h]
+        "will-change": ["auto", "scroll", "contents", "transform", h, p]
       }],
       // -----------
       // --- SVG ---
@@ -5642,7 +5642,7 @@ const y1 = (t) => typeof t == "boolean" ? `${t}` : t === 0 ? "0" : t, g1 = Z1, R
     orderSensitiveModifiers: ["*", "**", "after", "backdrop", "before", "details-content", "file", "first-letter", "first-line", "marker", "placeholder", "selection"]
   };
 }, rd = /* @__PURE__ */ M0(td);
-function ht(...t) {
+function pt(...t) {
   return rd(Z1(t));
 }
 function P1(t) {
@@ -5688,7 +5688,7 @@ function E1(t, e) {
   return _`
     <button
       type=${r}
-      class=${ht(dd({ variant: n, size: d }), t.class)}
+      class=${pt(dd({ variant: n, size: d }), t.class)}
       ?disabled=${o}
       @click=${i}
     >
@@ -5752,7 +5752,7 @@ class $d {
     return this.render(...r);
   }
 }
-class pt extends $d {
+class ht extends $d {
   constructor(e) {
     if (super(e), this.it = C, e.type !== sd.CHILD) throw Error(this.constructor.directiveName + "() can only be used in child bindings");
   }
@@ -5766,8 +5766,8 @@ class pt extends $d {
     return r.raw = r, this._t = { _$litType$: this.constructor.resultType, strings: r, values: [] };
   }
 }
-pt.directiveName = "unsafeHTML", pt.resultType = 1;
-const cd = ld(pt), ud = Re(
+ht.directiveName = "unsafeHTML", ht.resultType = 1;
+const cd = ld(ht), ud = Re(
   "pay:appearance-none pay:peer pay:block pay:w-4 pay:h-4 pay:border pay:border-input pay:rounded-full pay:shrink-0 pay:cursor-pointer pay:shadow-xs pay:outline-none pay:transition-[color,box-shadow] pay:focus-visible:border-ring pay:focus-visible:ring-[3px] pay:focus-visible:ring-ring/50"
 ), fd = 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"
@@ -5801,7 +5801,7 @@ const s2 = Re(
     }
   }
 );
-function hd(t) {
+function pd(t) {
   return _`
     <label class=${s2({ size: "method" })}>
       ${a2(t)}
@@ -5831,9 +5831,9 @@ function A1(t) {
     </label>
   `;
 }
-const pd = Re(
+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 = pd(), md = _`<svg
+), Ue = hd(), md = _`<svg
   class="pay:size-4 pay:text-muted-foreground"
   viewBox="0 0 24 24"
   fill="none"
@@ -5889,7 +5889,7 @@ var vd = Object.defineProperty, E = (t, e, r, n) => {
 };
 class w 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 = f0.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 = f0.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://payment.openhive-staging.eu/api/payment-methods";
   }
   createRenderRoot() {
     return this;
@@ -5929,7 +5929,7 @@ class w extends Ce {
     return !isNaN(r) && r > 0;
   }
   get _isValid() {
-    return !this._amount || !this._validateAmount(this._amount) || !this._paymentReference || !this._method ? !1 : this._channel === "email" ? f1(this._email) : this._channel === "sms" ? h1(this._country, this._phone) : !0;
+    return !this._amount || !this._validateAmount(this._amount) || !this._paymentReference || !this._method ? !1 : this._channel === "email" ? f1(this._email) : this._channel === "sms" ? p1(this._country, this._phone) : !0;
   }
   _onAmountInput(e) {
     const r = e.target;
@@ -5991,7 +5991,7 @@ class w extends Ce {
   }
   _renderMethods() {
     return this._methodsLoading ? id() : this._paymentMethods.map(
-      (e) => hd({
+      (e) => pd({
         name: "payment-method",
         value: e.id,
         checked: this._method === e.id,
@@ -6022,7 +6022,7 @@ class w 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;
+    const e = this._amount ? !this._validateAmount(this._amount) : !1, r = this._email ? !f1(this._email) : !1, n = this._phone ? !p1(this._country, this._phone) : !1;
     return _`
       <form @submit=${this._onSubmit} class="pay:space-y-4">
         <p
@@ -6038,7 +6038,7 @@ class w extends Ce {
               id="amount"
               type="text"
               placeholder="0,00"
-              class=${ht(
+              class=${pt(
       Ue,
       "pay:text-3xl pay:font-bold pay:text-center pay:h-10 pay:pr-12"
     )}
@@ -6127,7 +6127,7 @@ class w extends Ce {
                     id="phone"
                     type="tel"
                     placeholder="07 12 34 56 78"
-                    class=${ht(Ue, "pay:flex-1")}
+                    class=${pt(Ue, "pay:flex-1")}
                     .value=${this._phone}
                     @input=${this._onPhoneInput}
                     aria-required="true"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@openhive-eu/payment",
-  "version": "1.0.0-beta.2",
+  "version": "1.0.0-beta.3",
   "private": false,
   "description": "Payment terminal widget — web component + optional React wrapper",
   "license": "ISC",