npm - @revolugo/elements - Versions diffs - 6.9.3-rc.0 → 6.9.4-beta.0 - Mend

@revolugo/elements 6.9.3-rc.0 → 6.9.4-beta.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (190) hide show

package/dist/{revolugo.creditcardform.CejFX150.min.js → revolugo.creditcardstripeform.fOZy-aow.min.js} RENAMED Viewed

@@ -1,14 +1,7 @@
-import { av as B, d as ke, u as Re, T as Te, H as Qt, k as At, b4 as xe, E as Me, a1 as Le, a2 as Ne, a6 as Oe, aL as Ve, b5 as Ue, a as g, D as Pt, aa as Ie, c as k, w as v, e as E, f as X, t as R, r as qe, g as z, i as Be, C as ze, aB as De, Z as je, o as A } from "./revolugo.index.wc.DLkeXtka.min.js";
-import { _ as He } from "./revolugo.bformattedamount.vue_vue_type_script_setup_true_lang.WRP6nh8U.min.js";
-import { u as Fe, _ as We, V as D, a as N } from "./revolugo.webcomponentwrapper.BNmjcBmh.min.js";
-import { V as ct } from "./revolugo.vicon.mrg8OisO.min.js";
-import { V as Ge, a as Ke } from "./revolugo.vbtn.B-LYC8rJ.min.js";
-import { V as Je } from "./revolugo.vtoolbar.CMwcpp3v.min.js";
-import { a as kt, m as Ye, V as Ze } from "./revolugo.vcheckboxbtn.BGpOwRWV.min.js";
-import { V as Rt, a as Xe } from "./revolugo.vcard.ZlYB5HOk.min.js";
-import { V as Qe } from "./revolugo.vskeletonloader.DgIjR-8k.min.js";
-import { u as tr, V as Tt, m as er } from "./revolugo.vinput.BowTI8jK.min.js";
-function Pe(e) {
+import { U as Ne, V as Oe, W as Le, bb as Ie, b as ce, aB as Ve, a as b, m as Lt, $ as Ue, d as qe, h as Be, i as st, aR as ze, x as De, c as k, w as g, ak as je, bc as H, z as M, p as nt, y as T, u as R, f as vt, j as gt, k as He, F as It, bd as Fe, P as We, o as E } from "./revolugo.index.wc.DH1JRnu9.min.js";
+import { aB as Ge, w as Ke, aC as Vt, be as Ut, aF as Je, bf as Ye, V as qt, k as bt, L as Bt, M as Ze, d as F, e as L, ba as Xe, Q as W, af as Qe, j as tr, b as er, _ as rr } from "./revolugo.webcomponentwrapper.D69HFjS6.min.js";
+import { V as sr } from "./revolugo.vtoolbar.BREGA2zy.min.js";
+function Te(e) {
   try {
     if (typeof document < "u") {
       window.REVOLUGO_ELEMENTS_STYLES = window.REVOLUGO_ELEMENTS_STYLES || {
@@ -28,133 +21,70 @@ function Pe(e) {
     console.error("[revolugo-elements] ", t);
   }
 }
-const rr = (e) => {
-  switch (e) {
-    case B.Production:
-      return "pk_live_x99EPirYIsCyUsRvPAfyhnRp";
-    case B.Sandbox:
-    case B.Staging:
-    case B.CiCd:
-    case B.Local:
-    default:
-      return "pk_test_wXnn2RrefTiOHB0zzxqJr0s8";
-  }
-}, sr = {
-  amount: { type: Number },
-  currency: { type: String },
-  disabled: {
-    default: !1,
-    type: Boolean
-  },
-  loading: {
-    default: !1,
-    type: Boolean
-  },
-  token: { required: !0, type: String },
-  withAction: {
-    default: !1,
-    type: Boolean
+const nr = Oe({
+  ...Je(),
+  ...Ue(Ye(), ["inline"])
+}, "VCheckbox"), ir = Ne()({
+  name: "VCheckbox",
+  inheritAttrs: !1,
+  props: nr(),
+  emits: {
+    "update:modelValue": (e) => !0,
+    "update:focused": (e) => !0
   },
-  withTerms: {
-    default: !1,
-    type: Boolean
-  }
-};
-var te = "basil", nr = function(t) {
-  return t === 3 ? "v3" : t;
-}, ee = "https://js.stripe.com", ir = "".concat(ee, "/").concat(te, "/stripe.js"), or = /^https:\/\/js\.stripe\.com\/v3\/?(\?.*)?$/, ar = /^https:\/\/js\.stripe\.com\/(v3|[a-z]+)\/stripe\.js(\?.*)?$/;
-var lr = function(t) {
-  return or.test(t) || ar.test(t);
-}, ur = function() {
-  for (var t = document.querySelectorAll('script[src^="'.concat(ee, '"]')), r = 0; r < t.length; r++) {
-    var s = t[r];
-    if (lr(s.src))
-      return s;
-  }
-  return null;
-}, xt = function(t) {
-  var r = "", s = document.createElement("script");
-  s.src = "".concat(ir).concat(r);
-  var n = document.head || document.body;
-  if (!n)
-    throw new Error("Expected document.body not to be null. Stripe.js requires a <body> element.");
-  return n.appendChild(s), s;
-}, cr = function(t, r) {
-  !t || !t._registerWrapper || t._registerWrapper({
-    name: "stripe-js",
-    version: "7.5.0",
-    startTime: r
-  });
-}, j = null, Q = null, tt = null, dr = function(t) {
-  return function(r) {
-    t(new Error("Failed to load Stripe.js", {
-      cause: r
-    }));
-  };
-}, pr = function(t, r) {
-  return function() {
-    window.Stripe ? t(window.Stripe) : r(new Error("Stripe.js not available"));
-  };
-}, hr = function(t) {
-  return j !== null ? j : (j = new Promise(function(r, s) {
-    if (typeof window > "u" || typeof document > "u") {
-      r(null);
-      return;
-    }
-    if (window.Stripe) {
-      r(window.Stripe);
-      return;
-    }
-    try {
-      var n = ur();
-      if (!(n && t)) {
-        if (!n)
-          n = xt(t);
-        else if (n && tt !== null && Q !== null) {
-          var i;
-          n.removeEventListener("load", tt), n.removeEventListener("error", Q), (i = n.parentNode) === null || i === void 0 || i.removeChild(n), n = xt(t);
+  setup(e, t) {
+    let {
+      attrs: r,
+      slots: s
+    } = t;
+    const n = Le(e, "modelValue"), {
+      isFocused: i,
+      focus: o,
+      blur: u
+    } = Ge(e), l = Ie(), d = ce(() => e.id || `checkbox-${l}`);
+    return Ke(() => {
+      const [m, v] = Ve(r), S = Vt.filterProps(e), $ = Ut.filterProps(e);
+      return b(Vt, Lt({
+        class: ["v-checkbox", e.class]
+      }, m, S, {
+        modelValue: n.value,
+        "onUpdate:modelValue": (O) => n.value = O,
+        id: d.value,
+        focused: i.value,
+        style: e.style
+      }), {
+        ...s,
+        default: (O) => {
+          let {
+            id: A,
+            messagesId: ft,
+            isDisabled: rt,
+            isReadonly: y,
+            isValid: C
+          } = O;
+          return b(Ut, Lt($, {
+            id: A.value,
+            "aria-describedby": ft.value,
+            disabled: rt.value,
+            readonly: y.value
+          }, v, {
+            error: C.value === !1,
+            modelValue: n.value,
+            "onUpdate:modelValue": (q) => n.value = q,
+            onFocus: o,
+            onBlur: u
+          }), s);
         }
-      }
-      tt = pr(r, s), Q = dr(s), n.addEventListener("load", tt), n.addEventListener("error", Q);
-    } catch (o) {
-      s(o);
-      return;
-    }
-  }), j.catch(function(r) {
-    return j = null, Promise.reject(r);
-  }));
-}, mr = function(t, r, s) {
-  if (t === null)
-    return null;
-  var n = r[0], i = n.match(/^pk_test/), o = nr(t.version), c = te;
-  i && o !== c && console.warn("Stripe.js@".concat(o, " was loaded on the page, but @stripe/stripe-js@").concat("7.5.0", " expected Stripe.js@").concat(c, ". This may result in unexpected behavior. For more information, see https://docs.stripe.com/sdks/stripejs-versioning"));
-  var l = t.apply(void 0, r);
-  return cr(l, s), l;
-}, H, re = !1, se = function() {
-  return H || (H = hr(null).catch(function(t) {
-    return H = null, Promise.reject(t);
-  }), H);
-};
-Promise.resolve().then(function() {
-  return se();
-}).catch(function(e) {
-  re || console.warn(e);
+      });
+    }), {};
+  }
 });
-var yr = function() {
-  for (var t = arguments.length, r = new Array(t), s = 0; s < t; s++)
-    r[s] = arguments[s];
-  re = !0;
-  var n = Date.now();
-  return se().then(function(i) {
-    return mr(i, r, n);
-  });
-};
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const ne = (e) => (t) => typeof t == "function" ? ((r, s) => (customElements.define(r, s), s))(e, t) : ((r, s) => {
+const ue = (e) => (t) => typeof t == "function" ? ((r, s) => (customElements.define(r, s), s))(e, t) : ((r, s) => {
   const { kind: n, elements: i } = s;
   return { kind: n, elements: i, finisher(o) {
     customElements.define(r, o);
@@ -165,34 +95,34 @@ const ne = (e) => (t) => typeof t == "function" ? ((r, s) => (customElements.def
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const fr = (e, t) => t.kind === "method" && t.descriptor && !("value" in t.descriptor) ? { ...t, finisher(r) {
+const or = (e, t) => t.kind === "method" && t.descriptor && !("value" in t.descriptor) ? { ...t, finisher(r) {
   r.createProperty(t.key, e);
 } } : { kind: "field", key: Symbol(), placement: "own", descriptor: {}, originalKey: t.key, initializer() {
   typeof t.initializer == "function" && (this[t.key] = t.initializer.call(this));
 }, finisher(r) {
   r.createProperty(t.key, e);
-} }, vr = (e, t, r) => {
+} }, ar = (e, t, r) => {
   t.constructor.createProperty(r, e);
 };
-function u(e) {
-  return (t, r) => r !== void 0 ? vr(e, t, r) : fr(e, t);
+function c(e) {
+  return (t, r) => r !== void 0 ? ar(e, t, r) : or(e, t);
 }
 /**
  * @license
  * Copyright 2021 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-var dt;
-((dt = window.HTMLSlotElement) === null || dt === void 0 ? void 0 : dt.prototype.assignedElements) != null;
-var Mt = !0;
-function C(e, t, r) {
+var St;
+((St = window.HTMLSlotElement) === null || St === void 0 ? void 0 : St.prototype.assignedElements) != null;
+var zt = !0;
+function x(e, t, r) {
   if (typeof r?.value != "function")
     throw new TypeError(`Only methods can be decorated with @bound. <${t ?? e.name}> is not a method!`);
   return {
-    configurable: Mt,
+    configurable: zt,
     get() {
       const s = r.value.bind(this);
-      return Object.defineProperty(this, t, { value: s, configurable: Mt, writable: !0 }), s;
+      return Object.defineProperty(this, t, { value: s, configurable: zt, writable: !0 }), s;
     }
   };
 }
@@ -201,18 +131,18 @@ function C(e, t, r) {
  * Copyright 2019 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const rt = window, $t = rt.ShadowRoot && (rt.ShadyCSS === void 0 || rt.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, wt = Symbol(), Lt = /* @__PURE__ */ new WeakMap();
-let ie = class {
+const lt = window, Rt = lt.ShadowRoot && (lt.ShadyCSS === void 0 || lt.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, Mt = Symbol(), Dt = /* @__PURE__ */ new WeakMap();
+let de = class {
   constructor(t, r, s) {
-    if (this._$cssResult$ = !0, s !== wt) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
+    if (this._$cssResult$ = !0, s !== Mt) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
     this.cssText = t, this.t = r;
   }
   get styleSheet() {
     let t = this.o;
     const r = this.t;
-    if ($t && t === void 0) {
+    if (Rt && t === void 0) {
       const s = r !== void 0 && r.length === 1;
-      s && (t = Lt.get(r)), t === void 0 && ((this.o = t = new CSSStyleSheet()).replaceSync(this.cssText), s && Lt.set(r, t));
+      s && (t = Dt.get(r)), t === void 0 && ((this.o = t = new CSSStyleSheet()).replaceSync(this.cssText), s && Dt.set(r, t));
     }
     return t;
   }
@@ -220,33 +150,33 @@ let ie = class {
     return this.cssText;
   }
 };
-const gr = (e) => new ie(typeof e == "string" ? e : e + "", void 0, wt), _t = (e, ...t) => {
+const lr = (e) => new de(typeof e == "string" ? e : e + "", void 0, Mt), Tt = (e, ...t) => {
   const r = e.length === 1 ? e[0] : t.reduce((s, n, i) => s + ((o) => {
     if (o._$cssResult$ === !0) return o.cssText;
     if (typeof o == "number") return o;
     throw Error("Value passed to 'css' function must be a 'css' function result: " + o + ". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.");
   })(n) + e[i + 1], e[0]);
-  return new ie(r, e, wt);
-}, br = (e, t) => {
-  $t ? e.adoptedStyleSheets = t.map((r) => r instanceof CSSStyleSheet ? r : r.styleSheet) : t.forEach((r) => {
-    const s = document.createElement("style"), n = rt.litNonce;
+  return new de(r, e, Mt);
+}, cr = (e, t) => {
+  Rt ? e.adoptedStyleSheets = t.map((r) => r instanceof CSSStyleSheet ? r : r.styleSheet) : t.forEach((r) => {
+    const s = document.createElement("style"), n = lt.litNonce;
     n !== void 0 && s.setAttribute("nonce", n), s.textContent = r.cssText, e.appendChild(s);
   });
-}, Nt = $t ? (e) => e : (e) => e instanceof CSSStyleSheet ? ((t) => {
+}, jt = Rt ? (e) => e : (e) => e instanceof CSSStyleSheet ? ((t) => {
   let r = "";
   for (const s of t.cssRules) r += s.cssText;
-  return gr(r);
+  return lr(r);
 })(e) : e;
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-var pt;
-const at = window, Ot = at.trustedTypes, Sr = Ot ? Ot.emptyScript : "", Vt = at.reactiveElementPolyfillSupport, gt = { toAttribute(e, t) {
+var _t;
+const ht = window, Ht = ht.trustedTypes, ur = Ht ? Ht.emptyScript : "", Ft = ht.reactiveElementPolyfillSupport, At = { toAttribute(e, t) {
   switch (t) {
     case Boolean:
-      e = e ? Sr : null;
+      e = e ? ur : null;
       break;
     case Object:
     case Array:
@@ -271,8 +201,8 @@ const at = window, Ot = at.trustedTypes, Sr = Ot ? Ot.emptyScript : "", Vt = at.
       }
   }
   return r;
-} }, oe = (e, t) => t !== e && (t == t || e == e), ht = { attribute: !0, type: String, converter: gt, reflect: !1, hasChanged: oe }, bt = "finalized";
-let O = class extends HTMLElement {
+} }, pe = (e, t) => t !== e && (t == t || e == e), wt = { attribute: !0, type: String, converter: At, reflect: !1, hasChanged: pe }, kt = "finalized";
+let B = class extends HTMLElement {
   constructor() {
     super(), this._$Ei = /* @__PURE__ */ new Map(), this.isUpdatePending = !1, this.hasUpdated = !1, this._$El = null, this._$Eu();
   }
@@ -288,7 +218,7 @@ let O = class extends HTMLElement {
       n !== void 0 && (this._$Ev.set(n, s), t.push(n));
     }), t;
   }
-  static createProperty(t, r = ht) {
+  static createProperty(t, r = wt) {
     if (r.state && (r.attribute = !1), this.finalize(), this.elementProperties.set(t, r), !r.noAccessor && !this.prototype.hasOwnProperty(t)) {
       const s = typeof t == "symbol" ? Symbol() : "__" + t, n = this.getPropertyDescriptor(t, s, r);
       n !== void 0 && Object.defineProperty(this.prototype, t, n);
@@ -303,11 +233,11 @@ let O = class extends HTMLElement {
     }, configurable: !0, enumerable: !0 };
   }
   static getPropertyOptions(t) {
-    return this.elementProperties.get(t) || ht;
+    return this.elementProperties.get(t) || wt;
   }
   static finalize() {
-    if (this.hasOwnProperty(bt)) return !1;
-    this[bt] = !0;
+    if (this.hasOwnProperty(kt)) return !1;
+    this[kt] = !0;
     const t = Object.getPrototypeOf(this);
     if (t.finalize(), t.h !== void 0 && (this.h = [...t.h]), this.elementProperties = new Map(t.elementProperties), this._$Ev = /* @__PURE__ */ new Map(), this.hasOwnProperty("properties")) {
       const r = this.properties, s = [...Object.getOwnPropertyNames(r), ...Object.getOwnPropertySymbols(r)];
@@ -319,8 +249,8 @@ let O = class extends HTMLElement {
     const r = [];
     if (Array.isArray(t)) {
       const s = new Set(t.flat(1 / 0).reverse());
-      for (const n of s) r.unshift(Nt(n));
-    } else t !== void 0 && r.push(Nt(t));
+      for (const n of s) r.unshift(jt(n));
+    } else t !== void 0 && r.push(jt(t));
     return r;
   }
   static _$Ep(t, r) {
@@ -347,7 +277,7 @@ let O = class extends HTMLElement {
   createRenderRoot() {
     var t;
     const r = (t = this.shadowRoot) !== null && t !== void 0 ? t : this.attachShadow(this.constructor.shadowRootOptions);
-    return br(r, this.constructor.elementStyles), r;
+    return cr(r, this.constructor.elementStyles), r;
   }
   connectedCallback() {
     var t;
@@ -368,11 +298,11 @@ let O = class extends HTMLElement {
   attributeChangedCallback(t, r, s) {
     this._$AK(t, s);
   }
-  _$EO(t, r, s = ht) {
+  _$EO(t, r, s = wt) {
     var n;
     const i = this.constructor._$Ep(t, s);
     if (i !== void 0 && s.reflect === !0) {
-      const o = (((n = s.converter) === null || n === void 0 ? void 0 : n.toAttribute) !== void 0 ? s.converter : gt).toAttribute(r, s.type);
+      const o = (((n = s.converter) === null || n === void 0 ? void 0 : n.toAttribute) !== void 0 ? s.converter : At).toAttribute(r, s.type);
       this._$El = t, o == null ? this.removeAttribute(i) : this.setAttribute(i, o), this._$El = null;
     }
   }
@@ -380,13 +310,13 @@ let O = class extends HTMLElement {
     var s;
     const n = this.constructor, i = n._$Ev.get(t);
     if (i !== void 0 && this._$El !== i) {
-      const o = n.getPropertyOptions(i), c = typeof o.converter == "function" ? { fromAttribute: o.converter } : ((s = o.converter) === null || s === void 0 ? void 0 : s.fromAttribute) !== void 0 ? o.converter : gt;
-      this._$El = i, this[i] = c.fromAttribute(r, o.type), this._$El = null;
+      const o = n.getPropertyOptions(i), u = typeof o.converter == "function" ? { fromAttribute: o.converter } : ((s = o.converter) === null || s === void 0 ? void 0 : s.fromAttribute) !== void 0 ? o.converter : At;
+      this._$El = i, this[i] = u.fromAttribute(r, o.type), this._$El = null;
     }
   }
   requestUpdate(t, r, s) {
     let n = !0;
-    t !== void 0 && (((s = s || this.constructor.getPropertyOptions(t)).hasChanged || oe)(this[t], r) ? (this._$AL.has(t) || this._$AL.set(t, r), s.reflect === !0 && this._$El !== t && (this._$EC === void 0 && (this._$EC = /* @__PURE__ */ new Map()), this._$EC.set(t, s))) : n = !1), !this.isUpdatePending && n && (this._$E_ = this._$Ej());
+    t !== void 0 && (((s = s || this.constructor.getPropertyOptions(t)).hasChanged || pe)(this[t], r) ? (this._$AL.has(t) || this._$AL.set(t, r), s.reflect === !0 && this._$El !== t && (this._$EC === void 0 && (this._$EC = /* @__PURE__ */ new Map()), this._$EC.set(t, s))) : n = !1), !this.isUpdatePending && n && (this._$E_ = this._$Ej());
   }
   async _$Ej() {
     this.isUpdatePending = !0;
@@ -446,84 +376,84 @@ let O = class extends HTMLElement {
   firstUpdated(t) {
   }
 };
-O[bt] = !0, O.elementProperties = /* @__PURE__ */ new Map(), O.elementStyles = [], O.shadowRootOptions = { mode: "open" }, Vt?.({ ReactiveElement: O }), ((pt = at.reactiveElementVersions) !== null && pt !== void 0 ? pt : at.reactiveElementVersions = []).push("1.6.3");
+B[kt] = !0, B.elementProperties = /* @__PURE__ */ new Map(), B.elementStyles = [], B.shadowRootOptions = { mode: "open" }, Ft?.({ ReactiveElement: B }), ((_t = ht.reactiveElementVersions) !== null && _t !== void 0 ? _t : ht.reactiveElementVersions = []).push("1.6.3");
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-var mt;
-const lt = window, V = lt.trustedTypes, Ut = V ? V.createPolicy("lit-html", { createHTML: (e) => e }) : void 0, St = "$lit$", P = `lit$${(Math.random() + "").slice(9)}$`, ae = "?" + P, $r = `<${ae}>`, M = document, K = () => M.createComment(""), J = (e) => e === null || typeof e != "object" && typeof e != "function", le = Array.isArray, wr = (e) => le(e) || typeof e?.[Symbol.iterator] == "function", yt = `[
-\f\r]`, F = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, It = /-->/g, qt = />/g, T = RegExp(`>|${yt}(?:([^\\s"'>=/]+)(${yt}*=${yt}*(?:[^
-\f\r"'\`<>=]|("|')|))|$)`, "g"), Bt = /'/g, zt = /"/g, ue = /^(?:script|style|textarea|title)$/i, _r = (e) => (t, ...r) => ({ _$litType$: e, strings: t, values: r }), Cr = _r(1), U = Symbol.for("lit-noChange"), b = Symbol.for("lit-nothing"), Dt = /* @__PURE__ */ new WeakMap(), x = M.createTreeWalker(M, 129, null, !1);
-function ce(e, t) {
+var $t;
+const mt = window, z = mt.trustedTypes, Wt = z ? z.createPolicy("lit-html", { createHTML: (e) => e }) : void 0, xt = "$lit$", N = `lit$${(Math.random() + "").slice(9)}$`, he = "?" + N, dr = `<${he}>`, U = document, X = () => U.createComment(""), Q = (e) => e === null || typeof e != "object" && typeof e != "function", me = Array.isArray, pr = (e) => me(e) || typeof e?.[Symbol.iterator] == "function", Ct = `[
+\f\r]`, G = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, Gt = /-->/g, Kt = />/g, I = RegExp(`>|${Ct}(?:([^\\s"'>=/]+)(${Ct}*=${Ct}*(?:[^
+\f\r"'\`<>=]|("|')|))|$)`, "g"), Jt = /'/g, Yt = /"/g, ye = /^(?:script|style|textarea|title)$/i, hr = (e) => (t, ...r) => ({ _$litType$: e, strings: t, values: r }), mr = hr(1), D = Symbol.for("lit-noChange"), _ = Symbol.for("lit-nothing"), Zt = /* @__PURE__ */ new WeakMap(), V = U.createTreeWalker(U, 129, null, !1);
+function fe(e, t) {
   if (!Array.isArray(e) || !e.hasOwnProperty("raw")) throw Error("invalid template strings array");
-  return Ut !== void 0 ? Ut.createHTML(t) : t;
+  return Wt !== void 0 ? Wt.createHTML(t) : t;
 }
-const Er = (e, t) => {
+const yr = (e, t) => {
   const r = e.length - 1, s = [];
-  let n, i = t === 2 ? "<svg>" : "", o = F;
-  for (let c = 0; c < r; c++) {
-    const l = e[c];
-    let p, y, f = -1, S = 0;
-    for (; S < l.length && (o.lastIndex = S, y = o.exec(l), y !== null); ) S = o.lastIndex, o === F ? y[1] === "!--" ? o = It : y[1] !== void 0 ? o = qt : y[2] !== void 0 ? (ue.test(y[2]) && (n = RegExp("</" + y[2], "g")), o = T) : y[3] !== void 0 && (o = T) : o === T ? y[0] === ">" ? (o = n ?? F, f = -1) : y[1] === void 0 ? f = -2 : (f = o.lastIndex - y[2].length, p = y[1], o = y[3] === void 0 ? T : y[3] === '"' ? zt : Bt) : o === zt || o === Bt ? o = T : o === It || o === qt ? o = F : (o = T, n = void 0);
-    const _ = o === T && e[c + 1].startsWith("/>") ? " " : "";
-    i += o === F ? l + $r : f >= 0 ? (s.push(p), l.slice(0, f) + St + l.slice(f) + P + _) : l + P + (f === -2 ? (s.push(void 0), c) : _);
-  }
-  return [ce(e, i + (e[r] || "<?>") + (t === 2 ? "</svg>" : "")), s];
+  let n, i = t === 2 ? "<svg>" : "", o = G;
+  for (let u = 0; u < r; u++) {
+    const l = e[u];
+    let d, m, v = -1, S = 0;
+    for (; S < l.length && (o.lastIndex = S, m = o.exec(l), m !== null); ) S = o.lastIndex, o === G ? m[1] === "!--" ? o = Gt : m[1] !== void 0 ? o = Kt : m[2] !== void 0 ? (ye.test(m[2]) && (n = RegExp("</" + m[2], "g")), o = I) : m[3] !== void 0 && (o = I) : o === I ? m[0] === ">" ? (o = n ?? G, v = -1) : m[1] === void 0 ? v = -2 : (v = o.lastIndex - m[2].length, d = m[1], o = m[3] === void 0 ? I : m[3] === '"' ? Yt : Jt) : o === Yt || o === Jt ? o = I : o === Gt || o === Kt ? o = G : (o = I, n = void 0);
+    const $ = o === I && e[u + 1].startsWith("/>") ? " " : "";
+    i += o === G ? l + dr : v >= 0 ? (s.push(d), l.slice(0, v) + xt + l.slice(v) + N + $) : l + N + (v === -2 ? (s.push(void 0), u) : $);
+  }
+  return [fe(e, i + (e[r] || "<?>") + (t === 2 ? "</svg>" : "")), s];
 };
-class Y {
+class tt {
   constructor({ strings: t, _$litType$: r }, s) {
     let n;
     this.parts = [];
     let i = 0, o = 0;
-    const c = t.length - 1, l = this.parts, [p, y] = Er(t, r);
-    if (this.el = Y.createElement(p, s), x.currentNode = this.el.content, r === 2) {
-      const f = this.el.content, S = f.firstChild;
-      S.remove(), f.append(...S.childNodes);
+    const u = t.length - 1, l = this.parts, [d, m] = yr(t, r);
+    if (this.el = tt.createElement(d, s), V.currentNode = this.el.content, r === 2) {
+      const v = this.el.content, S = v.firstChild;
+      S.remove(), v.append(...S.childNodes);
     }
-    for (; (n = x.nextNode()) !== null && l.length < c; ) {
+    for (; (n = V.nextNode()) !== null && l.length < u; ) {
       if (n.nodeType === 1) {
         if (n.hasAttributes()) {
-          const f = [];
-          for (const S of n.getAttributeNames()) if (S.endsWith(St) || S.startsWith(P)) {
-            const _ = y[o++];
-            if (f.push(S), _ !== void 0) {
-              const q = n.getAttribute(_.toLowerCase() + St).split(P), L = /([.?@])?(.*)/.exec(_);
-              l.push({ type: 1, index: i, name: L[2], strings: q, ctor: L[1] === "." ? Pr : L[1] === "?" ? Rr : L[1] === "@" ? Tr : ut });
+          const v = [];
+          for (const S of n.getAttributeNames()) if (S.endsWith(xt) || S.startsWith(N)) {
+            const $ = m[o++];
+            if (v.push(S), $ !== void 0) {
+              const O = n.getAttribute($.toLowerCase() + xt).split(N), A = /([.?@])?(.*)/.exec($);
+              l.push({ type: 1, index: i, name: A[2], strings: O, ctor: A[1] === "." ? vr : A[1] === "?" ? br : A[1] === "@" ? Sr : yt });
             } else l.push({ type: 6, index: i });
           }
-          for (const S of f) n.removeAttribute(S);
+          for (const S of v) n.removeAttribute(S);
         }
-        if (ue.test(n.tagName)) {
-          const f = n.textContent.split(P), S = f.length - 1;
+        if (ye.test(n.tagName)) {
+          const v = n.textContent.split(N), S = v.length - 1;
           if (S > 0) {
-            n.textContent = V ? V.emptyScript : "";
-            for (let _ = 0; _ < S; _++) n.append(f[_], K()), x.nextNode(), l.push({ type: 2, index: ++i });
-            n.append(f[S], K());
+            n.textContent = z ? z.emptyScript : "";
+            for (let $ = 0; $ < S; $++) n.append(v[$], X()), V.nextNode(), l.push({ type: 2, index: ++i });
+            n.append(v[S], X());
           }
         }
-      } else if (n.nodeType === 8) if (n.data === ae) l.push({ type: 2, index: i });
+      } else if (n.nodeType === 8) if (n.data === he) l.push({ type: 2, index: i });
       else {
-        let f = -1;
-        for (; (f = n.data.indexOf(P, f + 1)) !== -1; ) l.push({ type: 7, index: i }), f += P.length - 1;
+        let v = -1;
+        for (; (v = n.data.indexOf(N, v + 1)) !== -1; ) l.push({ type: 7, index: i }), v += N.length - 1;
       }
       i++;
     }
   }
   static createElement(t, r) {
-    const s = M.createElement("template");
+    const s = U.createElement("template");
     return s.innerHTML = t, s;
   }
 }
-function I(e, t, r = e, s) {
-  var n, i, o, c;
-  if (t === U) return t;
+function j(e, t, r = e, s) {
+  var n, i, o, u;
+  if (t === D) return t;
   let l = s !== void 0 ? (n = r._$Co) === null || n === void 0 ? void 0 : n[s] : r._$Cl;
-  const p = J(t) ? void 0 : t._$litDirective$;
-  return l?.constructor !== p && ((i = l?._$AO) === null || i === void 0 || i.call(l, !1), p === void 0 ? l = void 0 : (l = new p(e), l._$AT(e, r, s)), s !== void 0 ? ((o = (c = r)._$Co) !== null && o !== void 0 ? o : c._$Co = [])[s] = l : r._$Cl = l), l !== void 0 && (t = I(e, l._$AS(e, t.values), l, s)), t;
+  const d = Q(t) ? void 0 : t._$litDirective$;
+  return l?.constructor !== d && ((i = l?._$AO) === null || i === void 0 || i.call(l, !1), d === void 0 ? l = void 0 : (l = new d(e), l._$AT(e, r, s)), s !== void 0 ? ((o = (u = r)._$Co) !== null && o !== void 0 ? o : u._$Co = [])[s] = l : r._$Cl = l), l !== void 0 && (t = j(e, l._$AS(e, t.values), l, s)), t;
 }
-class Ar {
+class fr {
   constructor(t, r) {
     this._$AV = [], this._$AN = void 0, this._$AD = t, this._$AM = r;
   }
@@ -535,27 +465,27 @@ class Ar {
   }
   u(t) {
     var r;
-    const { el: { content: s }, parts: n } = this._$AD, i = ((r = t?.creationScope) !== null && r !== void 0 ? r : M).importNode(s, !0);
-    x.currentNode = i;
-    let o = x.nextNode(), c = 0, l = 0, p = n[0];
-    for (; p !== void 0; ) {
-      if (c === p.index) {
-        let y;
-        p.type === 2 ? y = new Z(o, o.nextSibling, this, t) : p.type === 1 ? y = new p.ctor(o, p.name, p.strings, this, t) : p.type === 6 && (y = new xr(o, this, t)), this._$AV.push(y), p = n[++l];
+    const { el: { content: s }, parts: n } = this._$AD, i = ((r = t?.creationScope) !== null && r !== void 0 ? r : U).importNode(s, !0);
+    V.currentNode = i;
+    let o = V.nextNode(), u = 0, l = 0, d = n[0];
+    for (; d !== void 0; ) {
+      if (u === d.index) {
+        let m;
+        d.type === 2 ? m = new et(o, o.nextSibling, this, t) : d.type === 1 ? m = new d.ctor(o, d.name, d.strings, this, t) : d.type === 6 && (m = new _r(o, this, t)), this._$AV.push(m), d = n[++l];
       }
-      c !== p?.index && (o = x.nextNode(), c++);
+      u !== d?.index && (o = V.nextNode(), u++);
     }
-    return x.currentNode = M, i;
+    return V.currentNode = U, i;
   }
   v(t) {
     let r = 0;
     for (const s of this._$AV) s !== void 0 && (s.strings !== void 0 ? (s._$AI(t, s, r), r += s.strings.length - 2) : s._$AI(t[r])), r++;
   }
 }
-class Z {
+class et {
   constructor(t, r, s, n) {
     var i;
-    this.type = 2, this._$AH = b, this._$AN = void 0, this._$AA = t, this._$AB = r, this._$AM = s, this.options = n, this._$Cp = (i = n?.isConnected) === null || i === void 0 || i;
+    this.type = 2, this._$AH = _, this._$AN = void 0, this._$AA = t, this._$AB = r, this._$AM = s, this.options = n, this._$Cp = (i = n?.isConnected) === null || i === void 0 || i;
   }
   get _$AU() {
     var t, r;
@@ -573,7 +503,7 @@ class Z {
     return this._$AB;
   }
   _$AI(t, r = this) {
-    t = I(this, t, r), J(t) ? t === b || t == null || t === "" ? (this._$AH !== b && this._$AR(), this._$AH = b) : t !== this._$AH && t !== U && this._(t) : t._$litType$ !== void 0 ? this.g(t) : t.nodeType !== void 0 ? this.$(t) : wr(t) ? this.T(t) : this._(t);
+    t = j(this, t, r), Q(t) ? t === _ || t == null || t === "" ? (this._$AH !== _ && this._$AR(), this._$AH = _) : t !== this._$AH && t !== D && this._(t) : t._$litType$ !== void 0 ? this.g(t) : t.nodeType !== void 0 ? this.$(t) : pr(t) ? this.T(t) : this._(t);
   }
   k(t) {
     return this._$AA.parentNode.insertBefore(t, this._$AB);
@@ -582,26 +512,26 @@ class Z {
     this._$AH !== t && (this._$AR(), this._$AH = this.k(t));
   }
   _(t) {
-    this._$AH !== b && J(this._$AH) ? this._$AA.nextSibling.data = t : this.$(M.createTextNode(t)), this._$AH = t;
+    this._$AH !== _ && Q(this._$AH) ? this._$AA.nextSibling.data = t : this.$(U.createTextNode(t)), this._$AH = t;
   }
   g(t) {
     var r;
-    const { values: s, _$litType$: n } = t, i = typeof n == "number" ? this._$AC(t) : (n.el === void 0 && (n.el = Y.createElement(ce(n.h, n.h[0]), this.options)), n);
+    const { values: s, _$litType$: n } = t, i = typeof n == "number" ? this._$AC(t) : (n.el === void 0 && (n.el = tt.createElement(fe(n.h, n.h[0]), this.options)), n);
     if (((r = this._$AH) === null || r === void 0 ? void 0 : r._$AD) === i) this._$AH.v(s);
     else {
-      const o = new Ar(i, this), c = o.u(this.options);
-      o.v(s), this.$(c), this._$AH = o;
+      const o = new fr(i, this), u = o.u(this.options);
+      o.v(s), this.$(u), this._$AH = o;
     }
   }
   _$AC(t) {
-    let r = Dt.get(t.strings);
-    return r === void 0 && Dt.set(t.strings, r = new Y(t)), r;
+    let r = Zt.get(t.strings);
+    return r === void 0 && Zt.set(t.strings, r = new tt(t)), r;
   }
   T(t) {
-    le(this._$AH) || (this._$AH = [], this._$AR());
+    me(this._$AH) || (this._$AH = [], this._$AR());
     const r = this._$AH;
     let s, n = 0;
-    for (const i of t) n === r.length ? r.push(s = new Z(this.k(K()), this.k(K()), this, this.options)) : s = r[n], s._$AI(i), n++;
+    for (const i of t) n === r.length ? r.push(s = new et(this.k(X()), this.k(X()), this, this.options)) : s = r[n], s._$AI(i), n++;
     n < r.length && (this._$AR(s && s._$AB.nextSibling, n), r.length = n);
   }
   _$AR(t = this._$AA.nextSibling, r) {
@@ -616,9 +546,9 @@ class Z {
     this._$AM === void 0 && (this._$Cp = t, (r = this._$AP) === null || r === void 0 || r.call(this, t));
   }
 }
-class ut {
+class yt {
   constructor(t, r, s, n, i) {
-    this.type = 1, this._$AH = b, this._$AN = void 0, this.element = t, this.name = r, this._$AM = n, this.options = i, s.length > 2 || s[0] !== "" || s[1] !== "" ? (this._$AH = Array(s.length - 1).fill(new String()), this.strings = s) : this._$AH = b;
+    this.type = 1, this._$AH = _, this._$AN = void 0, this.element = t, this.name = r, this._$AM = n, this.options = i, s.length > 2 || s[0] !== "" || s[1] !== "" ? (this._$AH = Array(s.length - 1).fill(new String()), this.strings = s) : this._$AH = _;
   }
   get tagName() {
     return this.element.tagName;
@@ -629,43 +559,43 @@ class ut {
   _$AI(t, r = this, s, n) {
     const i = this.strings;
     let o = !1;
-    if (i === void 0) t = I(this, t, r, 0), o = !J(t) || t !== this._$AH && t !== U, o && (this._$AH = t);
+    if (i === void 0) t = j(this, t, r, 0), o = !Q(t) || t !== this._$AH && t !== D, o && (this._$AH = t);
     else {
-      const c = t;
-      let l, p;
-      for (t = i[0], l = 0; l < i.length - 1; l++) p = I(this, c[s + l], r, l), p === U && (p = this._$AH[l]), o || (o = !J(p) || p !== this._$AH[l]), p === b ? t = b : t !== b && (t += (p ?? "") + i[l + 1]), this._$AH[l] = p;
+      const u = t;
+      let l, d;
+      for (t = i[0], l = 0; l < i.length - 1; l++) d = j(this, u[s + l], r, l), d === D && (d = this._$AH[l]), o || (o = !Q(d) || d !== this._$AH[l]), d === _ ? t = _ : t !== _ && (t += (d ?? "") + i[l + 1]), this._$AH[l] = d;
     }
     o && !n && this.j(t);
   }
   j(t) {
-    t === b ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t ?? "");
+    t === _ ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t ?? "");
   }
 }
-class Pr extends ut {
+class vr extends yt {
   constructor() {
     super(...arguments), this.type = 3;
   }
   j(t) {
-    this.element[this.name] = t === b ? void 0 : t;
+    this.element[this.name] = t === _ ? void 0 : t;
   }
 }
-const kr = V ? V.emptyScript : "";
-class Rr extends ut {
+const gr = z ? z.emptyScript : "";
+class br extends yt {
   constructor() {
     super(...arguments), this.type = 4;
   }
   j(t) {
-    t && t !== b ? this.element.setAttribute(this.name, kr) : this.element.removeAttribute(this.name);
+    t && t !== _ ? this.element.setAttribute(this.name, gr) : this.element.removeAttribute(this.name);
   }
 }
-class Tr extends ut {
+class Sr extends yt {
   constructor(t, r, s, n, i) {
     super(t, r, s, n, i), this.type = 5;
   }
   _$AI(t, r = this) {
     var s;
-    if ((t = (s = I(this, t, r, 0)) !== null && s !== void 0 ? s : b) === U) return;
-    const n = this._$AH, i = t === b && n !== b || t.capture !== n.capture || t.once !== n.once || t.passive !== n.passive, o = t !== b && (n === b || i);
+    if ((t = (s = j(this, t, r, 0)) !== null && s !== void 0 ? s : _) === D) return;
+    const n = this._$AH, i = t === _ && n !== _ || t.capture !== n.capture || t.once !== n.once || t.passive !== n.passive, o = t !== _ && (n === _ || i);
     i && this.element.removeEventListener(this.name, this, n), o && this.element.addEventListener(this.name, this, t), this._$AH = t;
   }
   handleEvent(t) {
@@ -673,7 +603,7 @@ class Tr extends ut {
     typeof this._$AH == "function" ? this._$AH.call((s = (r = this.options) === null || r === void 0 ? void 0 : r.host) !== null && s !== void 0 ? s : this.element, t) : this._$AH.handleEvent(t);
   }
 }
-class xr {
+class _r {
   constructor(t, r, s) {
     this.element = t, this.type = 6, this._$AN = void 0, this._$AM = r, this.options = s;
   }
@@ -681,18 +611,18 @@ class xr {
     return this._$AM._$AU;
   }
   _$AI(t) {
-    I(this, t);
+    j(this, t);
   }
 }
-const jt = lt.litHtmlPolyfillSupport;
-jt?.(Y, Z), ((mt = lt.litHtmlVersions) !== null && mt !== void 0 ? mt : lt.litHtmlVersions = []).push("2.8.0");
-const Mr = (e, t, r) => {
+const Xt = mt.litHtmlPolyfillSupport;
+Xt?.(tt, et), (($t = mt.litHtmlVersions) !== null && $t !== void 0 ? $t : mt.litHtmlVersions = []).push("2.8.0");
+const wr = (e, t, r) => {
   var s, n;
   const i = (s = r?.renderBefore) !== null && s !== void 0 ? s : t;
   let o = i._$litPart$;
   if (o === void 0) {
-    const c = (n = r?.renderBefore) !== null && n !== void 0 ? n : null;
-    i._$litPart$ = o = new Z(t.insertBefore(K(), c), c, void 0, r ?? {});
+    const u = (n = r?.renderBefore) !== null && n !== void 0 ? n : null;
+    i._$litPart$ = o = new et(t.insertBefore(X(), u), u, void 0, r ?? {});
   }
   return o._$AI(e), o;
 };
@@ -701,8 +631,8 @@ const Mr = (e, t, r) => {
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-var ft, vt;
-class G extends O {
+var Et, Pt;
+class Z extends B {
   constructor() {
     super(...arguments), this.renderOptions = { host: this }, this._$Do = void 0;
   }
@@ -713,7 +643,7 @@ class G extends O {
   }
   update(t) {
     const r = this.render();
-    this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(t), this._$Do = Mr(r, this.renderRoot, this.renderOptions);
+    this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(t), this._$Do = wr(r, this.renderRoot, this.renderOptions);
   }
   connectedCallback() {
     var t;
@@ -724,27 +654,27 @@ class G extends O {
     super.disconnectedCallback(), (t = this._$Do) === null || t === void 0 || t.setConnected(!1);
   }
   render() {
-    return U;
+    return D;
   }
 }
-G.finalized = !0, G._$litElement$ = !0, (ft = globalThis.litElementHydrateSupport) === null || ft === void 0 || ft.call(globalThis, { LitElement: G });
-const Ht = globalThis.litElementPolyfillSupport;
-Ht?.({ LitElement: G });
-((vt = globalThis.litElementVersions) !== null && vt !== void 0 ? vt : globalThis.litElementVersions = []).push("3.3.3");
+Z.finalized = !0, Z._$litElement$ = !0, (Et = globalThis.litElementHydrateSupport) === null || Et === void 0 || Et.call(globalThis, { LitElement: Z });
+const Qt = globalThis.litElementPolyfillSupport;
+Qt?.({ LitElement: Z });
+((Pt = globalThis.litElementVersions) !== null && Pt !== void 0 ? Pt : globalThis.litElementVersions = []).push("3.3.3");
 /**
  * @license
  * Copyright 2018 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const Lr = (e) => e ?? b, Nr = /[A-ZÀ-ÖÙ-Ý]+/g, Or = /[a-zà-öù-ý]+/g;
-function Vr(e) {
-  const t = e.replace(Nr, r).match(Or);
+const $r = (e) => e ?? _, Cr = /[A-ZÀ-ÖÙ-Ý]+/g, Er = /[a-zà-öù-ý]+/g;
+function Pr(e) {
+  const t = e.replace(Cr, r).match(Er);
   return t ? t.join("-") : "";
   function r(s) {
     return " " + (s.length > 2 ? s.slice(0, -1) + " " + s.slice(-1) : s).toLowerCase();
   }
 }
-function Ur() {
+function Ar() {
   const e = {};
   return {
     has: (t) => Object.hasOwnProperty.call(e, t),
@@ -754,44 +684,44 @@ function Ur() {
     }
   };
 }
-function Ir(e, t) {
-  const r = Ur();
+function kr(e, t) {
+  const r = Ar();
   return (...s) => {
     const n = e(...s);
     return r.has(n) || r.set(n, t(...s)), r.get(n);
   };
 }
-var qr = (e) => e, de = Ir(qr, Vr), Br = (e) => (t) => e.includes(t), zr = Br(["paymentMethod", "source", "token"]);
-async function Dr(e) {
+var xr = (e) => e, ve = kr(xr, Pr), Rr = (e) => (t) => e.includes(t), Mr = Rr(["paymentMethod", "source", "token"]);
+async function Tr(e) {
   const { ok: t, statusText: r } = e;
   if (!t)
     throw new Error(r);
   return e;
 }
-function jr(e) {
+function Nr(e) {
   return "addInitializer" in e.constructor;
 }
-var W = class {
+var Y = class {
   constructor(e) {
-    if (this.host = e, this.values = /* @__PURE__ */ new Map(), W.instances.has(e))
-      return W.instances.get(e);
-    e.addController(this), W.instances.set(e, this);
+    if (this.host = e, this.values = /* @__PURE__ */ new Map(), Y.instances.has(e))
+      return Y.instances.get(e);
+    e.addController(this), Y.instances.set(e, this);
   }
   static for(e) {
-    return new W(e);
+    return new Y(e);
   }
   hostConnected() {
   }
   set(e, t) {
     const r = this.values.get(e);
-    this.values.set(e, t), jr(this.host) ? this.host.requestUpdate(e, r) : this.host.requestUpdate();
+    this.values.set(e, t), Nr(this.host) ? this.host.requestUpdate(e, r) : this.host.requestUpdate();
   }
-}, Ct = W;
-Ct.instances = /* @__PURE__ */ new Map();
-function d(e, t) {
+}, Nt = Y;
+Nt.instances = /* @__PURE__ */ new Map();
+function p(e, t) {
   const r = e.constructor;
   r.addInitializer((s) => {
-    const n = Ct.for(s);
+    const n = Nt.for(s);
     Object.defineProperty(s.constructor.prototype, t, {
       enumerable: !0,
       configurable: !0,
@@ -807,41 +737,41 @@ function d(e, t) {
     });
   });
 }
-d.set = function(e, t) {
-  const r = Ct.for(e);
+p.set = function(e, t) {
+  const r = Nt.for(e);
   for (const [s, n] of Object.entries(t))
     r.set(s, n);
 };
-var Hr = class extends Event {
+var Or = class extends Event {
   constructor(e, t, r, s) {
     super(`${s ?? e.toLowerCase()}-changed`), this.key = e, this.oldValue = t, this.value = r, this.detail = { value: r };
   }
-}, st = class {
+}, ct = class {
   constructor(e) {
-    if (this.host = e, this.cache = /* @__PURE__ */ new Map(), st.instances.has(e))
-      return st.instances.get(e);
-    e.addController(this), st.instances.set(e, this);
+    if (this.host = e, this.cache = /* @__PURE__ */ new Map(), ct.instances.has(e))
+      return ct.instances.get(e);
+    e.addController(this), ct.instances.set(e, this);
   }
   hostUpdated() {
     for (const [e, t] of this.cache) {
       const r = this.host[e], { attribute: s } = this.host.constructor.getPropertyOptions(e) ?? {}, n = typeof s == "string" ? s : null;
-      this.cache.set(e, r), this.host.dispatchEvent(new Hr(e, t, r, n));
+      this.cache.set(e, r), this.host.dispatchEvent(new Or(e, t, r, n));
     }
   }
-}, pe = st;
-pe.instances = /* @__PURE__ */ new Map();
-function w(e, t) {
+}, ge = ct;
+ge.instances = /* @__PURE__ */ new Map();
+function P(e, t) {
   e.constructor.addInitializer((r) => {
-    new pe(r).cache.set(t, r[t]);
+    new ge(r).cache.set(t, r[t]);
   });
 }
-function Fr(e) {
+function Lr(e) {
   return (t, r, s) => {
     const n = s.value;
     return s.value = e(n), s;
   };
 }
-var Et = Fr(function(e) {
+var Ot = Lr(function(e) {
   const { name: t } = e;
   return async function(...r) {
     if (!this.stripe)
@@ -849,29 +779,29 @@ var Et = Fr(function(e) {
     return e.call(this, ...r).then(this.handleResponse);
   };
 });
-function Ft(e) {
+function te(e) {
   if (e.error)
     throw e.error;
   return e;
 }
-var Wr = Object.defineProperty, Gr = Object.getOwnPropertyDescriptor, a = (e, t, r, s) => {
-  for (var n = s > 1 ? void 0 : s ? Gr(t, r) : t, i = e.length - 1, o; i >= 0; i--)
+var Ir = Object.defineProperty, Vr = Object.getOwnPropertyDescriptor, a = (e, t, r, s) => {
+  for (var n = s > 1 ? void 0 : s ? Vr(t, r) : t, i = e.length - 1, o; i >= 0; i--)
     (o = e[i]) && (n = (s ? o(t, r, n) : o(n)) || n);
-  return s && n && Wr(t, r, n), n;
-}, he = (e, t, r) => {
+  return s && n && Ir(t, r, n), n;
+}, be = (e, t, r) => {
   if (!t.has(e))
     throw TypeError("Cannot " + r);
-}, Wt = (e, t, r) => (he(e, t, "read from private field"), r ? r.call(e) : t.get(e)), Gt = (e, t, r) => {
+}, ee = (e, t, r) => (be(e, t, "read from private field"), r ? r.call(e) : t.get(e)), re = (e, t, r) => {
   if (t.has(e))
     throw TypeError("Cannot add the same private member more than once");
   t instanceof WeakSet ? t.add(e) : t.set(e, r);
-}, Kt = (e, t, r, s) => (he(e, t, "write to private field"), t.set(e, r), r);
-function Jt() {
+}, se = (e, t, r, s) => (be(e, t, "write to private field"), t.set(e, r), r);
+function ne() {
   return (Date.now() + Math.random() * 1e3).toString(36).substr(0, 8);
 }
-var Kr = class {
+var Ur = class {
   constructor(e, t) {
-    this.host = e, this.options = t, this.initialized = !1, this.shadowHosts = [], this.host.addController(this), this.mountId = this.resetMountId(), this.slotName = this.options?.slotName ?? `breadcrumb-${Jt()}`;
+    this.host = e, this.options = t, this.initialized = !1, this.shadowHosts = [], this.host.addController(this), this.mountId = this.resetMountId(), this.slotName = this.options?.slotName ?? `breadcrumb-${ne()}`;
   }
   get mount() {
     return document.getElementById(this.mountId);
@@ -883,7 +813,7 @@ var Kr = class {
     this.destroyMountPoints();
   }
   resetMountId() {
-    return `${this.options?.mountPrefix ?? this.host.localName}-mount-point-${Jt()}`;
+    return `${this.options?.mountPrefix ?? this.host.localName}-mount-point-${ne()}`;
   }
   createMountPoint() {
     const e = document.createElement("div");
@@ -921,47 +851,47 @@ var Kr = class {
     this.destroyMountPoints(), this.initMountPoints(), this.initialized = !0;
   }
 };
-function nt(e) {
+function ut(e) {
   "@babel/helpers - typeof";
-  return typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? nt = function(t) {
+  return typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? ut = function(t) {
     return typeof t;
-  } : nt = function(t) {
+  } : ut = function(t) {
     return t && typeof Symbol == "function" && t.constructor === Symbol && t !== Symbol.prototype ? "symbol" : typeof t;
-  }, nt(e);
+  }, ut(e);
 }
-var me = "https://js.stripe.com/v3", Jr = /^https:\/\/js\.stripe\.com\/v3\/?(\?.*)?$/, Yt = "loadStripe.setLoadParameters was called but an existing Stripe.js script already exists in the document; existing script parameters will be used", Yr = function() {
-  for (var t = document.querySelectorAll('script[src^="'.concat(me, '"]')), r = 0; r < t.length; r++) {
+var Se = "https://js.stripe.com/v3", qr = /^https:\/\/js\.stripe\.com\/v3\/?(\?.*)?$/, ie = "loadStripe.setLoadParameters was called but an existing Stripe.js script already exists in the document; existing script parameters will be used", Br = function() {
+  for (var t = document.querySelectorAll('script[src^="'.concat(Se, '"]')), r = 0; r < t.length; r++) {
     var s = t[r];
-    if (Jr.test(s.src))
+    if (qr.test(s.src))
       return s;
   }
   return null;
-}, Zr = function(t) {
+}, zr = function(t) {
   var r = t && !t.advancedFraudSignals ? "?advancedFraudSignals=false" : "", s = document.createElement("script");
-  s.src = "".concat(me).concat(r);
+  s.src = "".concat(Se).concat(r);
   var n = document.head || document.body;
   if (!n)
     throw new Error("Expected document.body not to be null. Stripe.js requires a <body> element.");
   return n.appendChild(s), s;
-}, Xr = function(t, r) {
+}, Dr = function(t, r) {
   !t || !t._registerWrapper || t._registerWrapper({
     name: "stripe-js",
     version: "1.32.0",
     startTime: r
   });
-}, et = null, Qr = function(t) {
-  return et !== null || (et = new Promise(function(r, s) {
+}, it = null, jr = function(t) {
+  return it !== null || (it = new Promise(function(r, s) {
     if (typeof window > "u") {
       r(null);
       return;
     }
-    if (window.Stripe && t && console.warn(Yt), window.Stripe) {
+    if (window.Stripe && t && console.warn(ie), window.Stripe) {
       r(window.Stripe);
       return;
     }
     try {
-      var n = Yr();
-      n && t ? console.warn(Yt) : n || (n = Zr(t)), n.addEventListener("load", function() {
+      var n = Br();
+      n && t ? console.warn(ie) : n || (n = zr(t)), n.addEventListener("load", function() {
         window.Stripe ? r(window.Stripe) : s(new Error("Stripe.js not available"));
       }), n.addEventListener("error", function() {
         s(new Error("Failed to load Stripe.js"));
@@ -970,13 +900,13 @@ var me = "https://js.stripe.com/v3", Jr = /^https:\/\/js\.stripe\.com\/v3\/?(\?.
       s(i);
       return;
     }
-  })), et;
-}, ts = function(t, r, s) {
+  })), it;
+}, Hr = function(t, r, s) {
   if (t === null)
     return null;
   var n = t.apply(void 0, r);
-  return Xr(n, s), n;
-}, es = function(t) {
+  return Dr(n, s), n;
+}, Fr = function(t) {
   var r = `invalid load parameters; expected object of shape
     {advancedFraudSignals: boolean}
@@ -985,38 +915,38 @@ but received
     `.concat(JSON.stringify(t), `
 `);
-  if (t === null || nt(t) !== "object")
+  if (t === null || ut(t) !== "object")
     throw new Error(r);
   if (Object.keys(t).length === 1 && typeof t.advancedFraudSignals == "boolean")
     return t;
   throw new Error(r);
-}, ye, fe = !1, ve = function() {
+}, _e, we = !1, $e = function() {
   for (var t = arguments.length, r = new Array(t), s = 0; s < t; s++)
     r[s] = arguments[s];
-  fe = !0;
+  we = !0;
   var n = Date.now();
-  return Qr(ye).then(function(i) {
-    return ts(i, r, n);
+  return jr(_e).then(function(i) {
+    return Hr(i, r, n);
   });
 };
-ve.setLoadParameters = function(e) {
-  if (fe)
+$e.setLoadParameters = function(e) {
+  if (we)
     throw new Error("You cannot change load parameters after calling loadStripe");
-  ye = es(e);
+  _e = Fr(e);
 };
-var ge = class extends Error {
+var Ce = class extends Error {
   constructor(e, t) {
     super(`<${e}>: ${t}`), this.originalMessage = t;
   }
 };
-function be(e) {
-  return !!e && e instanceof ge;
+function Ee(e) {
+  return !!e && e instanceof Ce;
 }
-var rs = {
-  toAttribute: (e) => e ? be(e) ? e.originalMessage : e.message || "" : null
-}, h = class extends G {
+var Wr = {
+  toAttribute: (e) => e ? Ee(e) ? e.originalMessage : e.message || "" : null
+}, h = class extends Z {
   constructor() {
-    super(...arguments), this.generate = "source", this.showError = !1, this.locale = "auto", this.paymentMethod = null, this.source = null, this.token = null, this.element = null, this.elements = null, this.error = null, this.focused = !1, this.ready = !1, this.stripe = null, this.theme = "none", this.precomputedStyle = getComputedStyle(this), this.breadcrumb = new Kr(this, {
+    super(...arguments), this.generate = "source", this.showError = !1, this.locale = "auto", this.paymentMethod = null, this.source = null, this.token = null, this.element = null, this.elements = null, this.error = null, this.focused = !1, this.ready = !1, this.stripe = null, this.theme = "none", this.precomputedStyle = getComputedStyle(this), this.breadcrumb = new Ur(this, {
       slotName: `${this.constructor.is}-slot`
     });
   }
@@ -1027,8 +957,8 @@ var rs = {
     return this.breadcrumb.mount;
   }
   render() {
-    const { error: e, showError: t } = this, { slotName: r } = this.breadcrumb, s = be(e) ? e.originalMessage : e?.message;
-    return Cr`
+    const { error: e, showError: t } = this, { slotName: r } = this.breadcrumb, s = Ee(e) ? e.originalMessage : e?.message;
+    return mr`
       <div id="stripe" part="stripe">
         <slot id="stripe-slot" name="${r}"></slot>
       </div>
@@ -1037,7 +967,7 @@ var rs = {
           for="stripe"
           part="error"
           ?hidden="${!t}">
-        ${Lr(s)}
+        ${$r(s)}
       </output>
     `;
   }
@@ -1048,7 +978,7 @@ var rs = {
     super.disconnectedCallback(), await this.unmount?.();
   }
   reset() {
-    this.element?.clear?.(), this.resetRepresentations(), d.set(this, { error: null });
+    this.element?.clear?.(), this.resetRepresentations(), p.set(this, { error: null });
   }
   blur() {
     this.element?.blur();
@@ -1057,7 +987,7 @@ var rs = {
     this.element?.focus();
   }
   createError(e) {
-    return new ge(this.constructor.is, e);
+    return new Ce(this.constructor.is, e);
   }
   errorChanged() {
     this.resetRepresentations(), this.fireError(this.error);
@@ -1073,7 +1003,7 @@ var rs = {
   }
   async handleResponse(e) {
     const { error: t = null, paymentMethod: r = null, source: s = null, token: n = null } = { ...e };
-    if (d.set(this, { error: t, paymentMethod: r, source: s, token: n }), await this.updateComplete, t)
+    if (p.set(this, { error: t, paymentMethod: r, source: s, token: n }), await this.updateComplete, t)
       throw t;
     return e;
   }
@@ -1089,15 +1019,15 @@ var rs = {
   async initStripe() {
     const { publishableKey: e, stripeAccount: t, locale: r } = this;
     if (!e)
-      d.set(this, { elements: null, element: null, stripe: null });
+      p.set(this, { elements: null, element: null, stripe: null });
     else
       try {
-        const s = { stripeAccount: t, locale: r }, n = window.Stripe ? window.Stripe(e, s) : await ve(e, s), i = n?.elements();
-        d.set(this, { elements: i, error: null, stripe: n });
+        const s = { stripeAccount: t, locale: r }, n = window.Stripe ? window.Stripe(e, s) : await $e(e, s), i = n?.elements();
+        p.set(this, { elements: i, error: null, stripe: n });
       } catch (s) {
         console.warn(s);
         const n = this.createError("Stripe.js must be loaded first.");
-        d.set(this, { elements: null, error: n, stripe: null });
+        p.set(this, { elements: null, error: n, stripe: null });
       } finally {
         await this.updateComplete;
       }
@@ -1108,29 +1038,29 @@ var rs = {
     this.element?.mount(this.breadcrumb.mount);
   }
   async unmount() {
-    this.element?.unmount?.(), d.set(this, { element: null }), await this.updateComplete;
+    this.element?.unmount?.(), p.set(this, { element: null }), await this.updateComplete;
   }
   async onBlur() {
-    d.set(this, { focused: !1 }), await this.updateComplete;
+    p.set(this, { focused: !1 }), await this.updateComplete;
   }
   async onFocus() {
-    d.set(this, { focused: !0 }), await this.updateComplete;
+    p.set(this, { focused: !0 }), await this.updateComplete;
   }
   async onReady(e) {
-    d.set(this, { ready: !0 }), await this.updateComplete, this.fire("ready", e);
+    p.set(this, { ready: !0 }), await this.updateComplete, this.fire("ready", e);
   }
   async postRepresentation() {
-    const e = (l) => d.set(this, { error: l }), t = (l) => this.fire("success", l), r = this.token || void 0, s = this.source || void 0, n = this.paymentMethod || void 0, i = JSON.stringify({ token: r, source: s, paymentMethod: n }), o = { "Content-Type": "application/json" };
-    return fetch(this.action, { body: i, headers: o, method: "POST" }).then(Dr).then(t).catch(e);
+    const e = (l) => p.set(this, { error: l }), t = (l) => this.fire("success", l), r = this.token || void 0, s = this.source || void 0, n = this.paymentMethod || void 0, i = JSON.stringify({ token: r, source: s, paymentMethod: n }), o = { "Content-Type": "application/json" };
+    return fetch(this.action, { body: i, headers: o, method: "POST" }).then(Tr).then(t).catch(e);
   }
   representationChanged(e) {
-    if (!zr(e))
+    if (!Mr(e))
       return;
     const t = this[e];
-    t && (this.fire(`${de(e)}`, t), this.action && this.postRepresentation());
+    t && (this.fire(`${ve(e)}`, t), this.action && this.postRepresentation());
   }
   resetRepresentations() {
-    d.set(this, {
+    p.set(this, {
       paymentMethod: null,
       token: null,
       source: null
@@ -1138,106 +1068,106 @@ var rs = {
   }
 };
 a([
-  u({ type: String })
+  c({ type: String })
 ], h.prototype, "action", 2);
 a([
-  u({ type: String, attribute: "client-secret" })
+  c({ type: String, attribute: "client-secret" })
 ], h.prototype, "clientSecret", 2);
 a([
-  u({ type: String })
+  c({ type: String })
 ], h.prototype, "generate", 2);
 a([
-  w,
-  u({ type: String, attribute: "publishable-key", reflect: !0 })
+  P,
+  c({ type: String, attribute: "publishable-key", reflect: !0 })
 ], h.prototype, "publishableKey", 2);
 a([
-  u({ type: Boolean, attribute: "show-error", reflect: !0 })
+  c({ type: Boolean, attribute: "show-error", reflect: !0 })
 ], h.prototype, "showError", 2);
 a([
-  u({ type: String, attribute: "stripe-account" })
+  c({ type: String, attribute: "stripe-account" })
 ], h.prototype, "stripeAccount", 2);
 a([
-  u({ type: String, attribute: "locale" })
+  c({ type: String, attribute: "locale" })
 ], h.prototype, "locale", 2);
 a([
-  d,
-  w,
-  u({ type: Object, attribute: "payment-method" })
+  p,
+  P,
+  c({ type: Object, attribute: "payment-method" })
 ], h.prototype, "paymentMethod", 2);
 a([
-  d,
-  w,
-  u({ type: Object })
+  p,
+  P,
+  c({ type: Object })
 ], h.prototype, "source", 2);
 a([
-  d,
-  w,
-  u({ type: Object })
+  p,
+  P,
+  c({ type: Object })
 ], h.prototype, "token", 2);
 a([
-  d,
-  u({ type: Object })
+  p,
+  c({ type: Object })
 ], h.prototype, "element", 2);
 a([
-  d,
-  u({ type: Object })
+  p,
+  c({ type: Object })
 ], h.prototype, "elements", 2);
 a([
-  d,
-  w,
-  u({ type: Object, reflect: !0, converter: rs })
+  p,
+  P,
+  c({ type: Object, reflect: !0, converter: Wr })
 ], h.prototype, "error", 2);
 a([
-  d,
-  w,
-  u({ type: Boolean, reflect: !0 })
+  p,
+  P,
+  c({ type: Boolean, reflect: !0 })
 ], h.prototype, "focused", 2);
 a([
-  d,
-  w,
-  u({ type: Boolean, reflect: !0 })
+  p,
+  P,
+  c({ type: Boolean, reflect: !0 })
 ], h.prototype, "ready", 2);
 a([
-  d,
-  u({ type: Object })
+  p,
+  c({ type: Object })
 ], h.prototype, "stripe", 2);
 a([
-  u()
+  c()
 ], h.prototype, "theme", 2);
 a([
-  u({ attribute: "border-radius" })
+  c({ attribute: "border-radius" })
 ], h.prototype, "borderRadius", 2);
 a([
-  u({ attribute: "color-background" })
+  c({ attribute: "color-background" })
 ], h.prototype, "colorBackground", 2);
 a([
-  u({ attribute: "color-danger" })
+  c({ attribute: "color-danger" })
 ], h.prototype, "colorDanger", 2);
 a([
-  u({ attribute: "color-primary" })
+  c({ attribute: "color-primary" })
 ], h.prototype, "colorPrimary", 2);
 a([
-  u({ attribute: "color-text" })
+  c({ attribute: "color-text" })
 ], h.prototype, "colorText", 2);
 a([
-  u({ attribute: "font-family" })
+  c({ attribute: "font-family" })
 ], h.prototype, "fontFamily", 2);
 a([
-  u({ attribute: "spacing-unit" })
+  c({ attribute: "spacing-unit" })
 ], h.prototype, "spacingUnit", 2);
 a([
-  C
+  x
 ], h.prototype, "handleResponse", 1);
 a([
-  C
+  x
 ], h.prototype, "onBlur", 1);
 a([
-  C
+  x
 ], h.prototype, "onFocus", 1);
 a([
-  C
+  x
 ], h.prototype, "onReady", 1);
-var ss = _t`[hidden] {
+var Gr = Tt`[hidden] {
   display: none !important;
 }
@@ -1252,7 +1182,7 @@ var ss = _t`[hidden] {
   padding-left: 42px;
   padding-bottom: 10px;
 }
-`, Se = ss, ns = _t`:host {
+`, Pe = Gr, Kr = Tt`:host {
   min-width: var(--stripe-elements-width, 300px);
   min-height: var(--stripe-elements-height, 50px);
 }
@@ -1275,7 +1205,7 @@ var ss = _t`[hidden] {
 :host([error]) #stripe {
   border-color: #fa755a;
 }
-`, is = ns, Zt = [
+`, Jr = Kr, oe = [
   "color",
   "fontFamily",
   "fontSize",
@@ -1288,14 +1218,14 @@ var ss = _t`[hidden] {
   "textDecoration",
   "textShadow",
   "textTransform"
-], os = [
+], Yr = [
   ":hover",
   ":focus",
   "::placeholder",
   "::selection",
   ":-webkit-autofill",
   ":disabled"
-], $ = class extends h {
+], w = class extends h {
   constructor() {
     super(...arguments), this.hideIcon = !1, this.hidePostalCode = !1, this.iconStyle = "default", this.value = {}, this.brand = null, this.complete = !1, this.empty = !0, this.invalid = !1;
   }
@@ -1324,13 +1254,13 @@ var ss = _t`[hidden] {
         return this.createToken();
       default: {
         const e = this.createError(`cannot generate ${this.generate}`);
-        throw d.set(this, { error: e }), await this.updateComplete, e;
+        throw p.set(this, { error: e }), await this.updateComplete, e;
       }
     }
   }
   validate() {
     const { complete: e, empty: t, error: r } = this, s = !r && e && !t;
-    return t && !r && d.set(this, { error: this.createError("Your card number is empty.") }), s;
+    return t && !r && p.set(this, { error: this.createError("Your card number is empty.") }), s;
   }
   updateStyle() {
     this.element?.update({
@@ -1350,22 +1280,22 @@ var ss = _t`[hidden] {
     const e = (n) => this.getCSSCustomPropertyValue(n) || void 0, t = ["base", "complete", "empty", "invalid"], r = (n) => (i, o) => {
       if (n.includes("-"))
         return i;
-      const c = o.split(":").pop();
+      const u = o.split(":").pop();
       return {
         ...i,
-        [o]: Zt.reduce(s(`${n}-${c}`), {})
+        [o]: oe.reduce(s(`${n}-${u}`), {})
       };
     }, s = (n) => (i, o) => {
-      const c = `--stripe-elements-${n}-${de(o)}`;
+      const u = `--stripe-elements-${n}-${ve(o)}`;
       return {
         ...i,
-        [o]: e(c),
-        ...os.reduce(r(n), {})
+        [o]: e(u),
+        ...Yr.reduce(r(n), {})
       };
     };
     return t.reduce((n, i) => ({
       ...n,
-      [i]: Zt.reduce(s(i), {})
+      [i]: oe.reduce(s(i), {})
     }), {});
   }
   async initElement() {
@@ -1380,121 +1310,121 @@ var ss = _t`[hidden] {
       style: n,
       value: s
     });
-    i.on("change", this.onChange), d.set(this, { element: i }), await this.updateComplete;
+    i.on("change", this.onChange), p.set(this, { element: i }), await this.updateComplete;
   }
   createElement(e) {
     return this.elements.create("card", e);
   }
   async onChange(e) {
     const { brand: t, complete: r, empty: s, error: n = null } = e, i = !(n || !s && !r);
-    d.set(this, { brand: t, complete: r, empty: s, error: n, invalid: i }), await this.updateComplete, this.fire("change", e);
+    p.set(this, { brand: t, complete: r, empty: s, error: n, invalid: i }), await this.updateComplete, this.fire("change", e);
   }
 };
-$.is = "stripe-elements";
-$.elementType = "card";
-$.styles = [
-  Se,
-  is
+w.is = "stripe-elements";
+w.elementType = "card";
+w.styles = [
+  Pe,
+  Jr
 ];
 a([
-  u({ type: Boolean, attribute: "hide-icon" })
-], $.prototype, "hideIcon", 2);
+  c({ type: Boolean, attribute: "hide-icon" })
+], w.prototype, "hideIcon", 2);
 a([
-  u({ type: Boolean, attribute: "hide-postal-code" })
-], $.prototype, "hidePostalCode", 2);
+  c({ type: Boolean, attribute: "hide-postal-code" })
+], w.prototype, "hidePostalCode", 2);
 a([
-  u({ type: String, attribute: "icon-style" })
-], $.prototype, "iconStyle", 2);
+  c({ type: String, attribute: "icon-style" })
+], w.prototype, "iconStyle", 2);
 a([
-  u({ type: Object })
-], $.prototype, "value", 2);
+  c({ type: Object })
+], w.prototype, "value", 2);
 a([
-  w,
-  d,
-  u({ type: String })
-], $.prototype, "brand", 2);
+  P,
+  p,
+  c({ type: String })
+], w.prototype, "brand", 2);
 a([
-  w,
-  d,
-  u({ type: Boolean, reflect: !0 })
-], $.prototype, "complete", 2);
+  P,
+  p,
+  c({ type: Boolean, reflect: !0 })
+], w.prototype, "complete", 2);
 a([
-  w,
-  d,
-  u({ type: Boolean, reflect: !0 })
-], $.prototype, "empty", 2);
+  P,
+  p,
+  c({ type: Boolean, reflect: !0 })
+], w.prototype, "empty", 2);
 a([
-  w,
-  d,
-  u({ type: Boolean, reflect: !0 })
-], $.prototype, "invalid", 2);
+  P,
+  p,
+  c({ type: Boolean, reflect: !0 })
+], w.prototype, "invalid", 2);
 a([
-  Et
-], $.prototype, "createPaymentMethod", 1);
+  Ot
+], w.prototype, "createPaymentMethod", 1);
 a([
-  Et
-], $.prototype, "createSource", 1);
+  Ot
+], w.prototype, "createSource", 1);
 a([
-  Et
-], $.prototype, "createToken", 1);
+  Ot
+], w.prototype, "createToken", 1);
 a([
-  C
-], $.prototype, "onChange", 1);
-$ = a([
-  ne("stripe-elements")
-], $);
-var as = _t`#stripe {
+  x
+], w.prototype, "onChange", 1);
+w = a([
+  ue("stripe-elements")
+], w);
+var Zr = Tt`#stripe {
   box-sizing: border-box;
   min-width: var(--stripe-payment-request-element-min-width, 300px);
   padding: var(--stripe-payment-request-element-padding, 8px 12px);
   background: var(--stripe-payment-request-element-background, white);
 }
-`, ls = as;
-function us(e) {
+`, Xr = Zr;
+function Qr(e) {
   return e.tagName.toLowerCase() === "stripe-display-item";
 }
-function cs({ dataset: { amount: e, label: t, pending: r } }) {
+function ts({ dataset: { amount: e, label: t, pending: r } }) {
   return {
     label: t,
     amount: parseInt(e),
     ...r !== void 0 && { pending: r === "true" }
   };
 }
-function ds({ dataset: { amount: e, detail: t, ...r } }) {
+function es({ dataset: { amount: e, detail: t, ...r } }) {
   return {
     amount: parseInt(e),
     detail: t,
     ...r
   };
 }
-function ps(e) {
-  return us(e) ? cs(e) : ds(e);
+function rs(e) {
+  return Qr(e) ? ts(e) : es(e);
 }
-var it, ot, m = class extends h {
+var dt, pt, f = class extends h {
   constructor() {
-    super(...arguments), this.canMakePayment = null, Gt(this, it, void 0), this.paymentIntent = null, this.paymentRequest = null, this.pending = !1, Gt(this, ot, void 0), this.buttonType = "default", this.buttonTheme = "dark", this.complete = async (e, t) => {
+    super(...arguments), this.canMakePayment = null, re(this, dt, void 0), this.paymentIntent = null, this.paymentRequest = null, this.pending = !1, re(this, pt, void 0), this.buttonType = "default", this.buttonTheme = "dark", this.complete = async (e, t) => {
       const { error: r = null } = { ...e }, s = r || t ? "fail" : "success";
       return e.complete(s), this.fire(s, e), t ? { error: t } : e;
     };
   }
   get displayItems() {
-    const e = Wt(this, it);
+    const e = ee(this, dt);
     return Array.isArray(e) ? e : this.parseDatasets("stripe-display-item");
   }
   set displayItems(e) {
     const t = this.displayItems;
-    Kt(this, it, e), this.requestUpdate("displayItems", t);
+    se(this, dt, e), this.requestUpdate("displayItems", t);
   }
   get shippingOptions() {
-    const e = Wt(this, ot);
+    const e = ee(this, pt);
     return Array.isArray(e) ? e : this.parseDatasets("stripe-shipping-option");
   }
   set shippingOptions(e) {
     const t = this.shippingOptions;
-    Kt(this, ot, e), this.requestUpdate("shippingOptions", t);
+    se(this, pt, e), this.requestUpdate("shippingOptions", t);
   }
   reset() {
-    super.reset(), d.set(this, { paymentIntent: null });
+    super.reset(), p.set(this, { paymentIntent: null });
   }
   updated(e) {
     super.updated(e), e.has("generate") && this.initPaymentRequestListeners(), e.has("amount") && this.updatePaymentRequest();
@@ -1508,9 +1438,9 @@ var it, ot, m = class extends h {
       requestShipping: n,
       requestPayerEmail: i,
       requestPayerName: o,
-      requestPayerPhone: c,
+      requestPayerPhone: u,
       label: l = "",
-      amount: p = 0
+      amount: d = 0
     } = this;
     return {
       country: e,
@@ -1518,10 +1448,10 @@ var it, ot, m = class extends h {
       displayItems: r,
       requestPayerEmail: i,
       requestPayerName: o,
-      requestPayerPhone: c,
+      requestPayerPhone: u,
       requestShipping: n,
       shippingOptions: s,
-      total: { label: l, amount: p }
+      total: { label: l, amount: d }
     };
   }
   async initElement() {
@@ -1531,7 +1461,7 @@ var it, ot, m = class extends h {
     if (!this.stripe)
       return;
     const e = this.getStripePaymentRequestOptions(), t = this.stripe.paymentRequest(e), r = await t.canMakePayment();
-    d.set(this, { paymentRequest: t, canMakePayment: r }), await this.updateComplete, this.canMakePayment || this.fire("unsupported");
+    p.set(this, { paymentRequest: t, canMakePayment: r }), await this.updateComplete, this.canMakePayment || this.fire("unsupported");
   }
   async initPaymentRequestButton() {
     const { buttonTheme: e, buttonType: t, canMakePayment: r } = this;
@@ -1541,7 +1471,7 @@ var it, ot, m = class extends h {
       paymentRequest: this.paymentRequest,
       style: i
     });
-    d.set(this, { element: o }), await this.updateComplete;
+    p.set(this, { element: o }), await this.updateComplete;
   }
   async initPaymentRequestListeners() {
     if (this.canMakePayment)
@@ -1576,11 +1506,11 @@ var it, ot, m = class extends h {
       source: s = null,
       token: n = null
     } = { ...e };
-    d.set(this, { error: t, paymentMethod: r, source: s, token: n }), this.clientSecret && !t ? this.confirmPaymentIntent(e) : this.complete(e);
+    p.set(this, { error: t, paymentMethod: r, source: s, token: n }), this.clientSecret && !t ? this.confirmPaymentIntent(e) : this.complete(e);
   }
   async confirmPaymentIntent(e) {
-    const t = { payment_method: this.paymentMethod.id }, r = await this.confirmCardPayment(t, { handleActions: !1 }).then(({ error: i }) => this.complete(e, i)).then(Ft).then(() => this.confirmCardPayment()).then(Ft).catch((i) => ({ error: i })), { error: s = null } = r, n = r.paymentIntent ?? null;
-    d.set(this, { error: s, paymentIntent: n }), await this.updateComplete;
+    const t = { payment_method: this.paymentMethod.id }, r = await this.confirmCardPayment(t, { handleActions: !1 }).then(({ error: i }) => this.complete(e, i)).then(te).then(() => this.confirmCardPayment()).then(te).catch((i) => ({ error: i })), { error: s = null } = r, n = r.paymentIntent ?? null;
+    p.set(this, { error: s, paymentIntent: n }), await this.updateComplete;
   }
   async confirmCardPayment(e, t) {
     return this.stripe.confirmCardPayment(this.clientSecret, e, t);
@@ -1593,159 +1523,504 @@ var it, ot, m = class extends h {
   }
   parseDatasets(e) {
     const t = [...this.querySelectorAll(e)];
-    return t.length ? t.map(ps) : [];
+    return t.length ? t.map(rs) : [];
   }
 };
-it = /* @__PURE__ */ new WeakMap();
-ot = /* @__PURE__ */ new WeakMap();
-m.is = "stripe-payment-request";
-m.styles = [
-  Se,
-  ls
+dt = /* @__PURE__ */ new WeakMap();
+pt = /* @__PURE__ */ new WeakMap();
+f.is = "stripe-payment-request";
+f.styles = [
+  Pe,
+  Xr
 ];
 a([
-  u({ type: Number, reflect: !0 })
-], m.prototype, "amount", 2);
+  c({ type: Number, reflect: !0 })
+], f.prototype, "amount", 2);
 a([
-  w,
-  d,
-  u({ type: Boolean, attribute: "can-make-payment", reflect: !0 })
-], m.prototype, "canMakePayment", 2);
+  P,
+  p,
+  c({ type: Boolean, attribute: "can-make-payment", reflect: !0 })
+], f.prototype, "canMakePayment", 2);
 a([
-  u({ type: String })
-], m.prototype, "country", 2);
+  c({ type: String })
+], f.prototype, "country", 2);
 a([
-  u({ type: String })
-], m.prototype, "currency", 2);
+  c({ type: String })
+], f.prototype, "currency", 2);
 a([
-  u({ type: Array })
-], m.prototype, "displayItems", 1);
+  c({ type: Array })
+], f.prototype, "displayItems", 1);
 a([
-  u({ type: String, reflect: !0 })
-], m.prototype, "label", 2);
+  c({ type: String, reflect: !0 })
+], f.prototype, "label", 2);
 a([
-  w,
-  d,
-  u({ type: Object, attribute: "payment-intent" })
-], m.prototype, "paymentIntent", 2);
+  P,
+  p,
+  c({ type: Object, attribute: "payment-intent" })
+], f.prototype, "paymentIntent", 2);
 a([
-  d,
-  u({ type: Object, attribute: "payment-request" })
-], m.prototype, "paymentRequest", 2);
+  p,
+  c({ type: Object, attribute: "payment-request" })
+], f.prototype, "paymentRequest", 2);
 a([
-  u({ type: Boolean, reflect: !0 })
-], m.prototype, "pending", 2);
+  c({ type: Boolean, reflect: !0 })
+], f.prototype, "pending", 2);
 a([
-  u({ type: Boolean, attribute: "request-payer-email" })
-], m.prototype, "requestPayerEmail", 2);
+  c({ type: Boolean, attribute: "request-payer-email" })
+], f.prototype, "requestPayerEmail", 2);
 a([
-  u({ type: Boolean, attribute: "request-payer-name" })
-], m.prototype, "requestPayerName", 2);
+  c({ type: Boolean, attribute: "request-payer-name" })
+], f.prototype, "requestPayerName", 2);
 a([
-  u({ type: Boolean, attribute: "request-payer-phone" })
-], m.prototype, "requestPayerPhone", 2);
+  c({ type: Boolean, attribute: "request-payer-phone" })
+], f.prototype, "requestPayerPhone", 2);
 a([
-  u({ type: Boolean, attribute: "request-shipping" })
-], m.prototype, "requestShipping", 2);
+  c({ type: Boolean, attribute: "request-shipping" })
+], f.prototype, "requestShipping", 2);
 a([
-  u({ type: Array })
-], m.prototype, "shippingOptions", 1);
+  c({ type: Array })
+], f.prototype, "shippingOptions", 1);
 a([
-  u({ type: String, attribute: "button-type" })
-], m.prototype, "buttonType", 2);
+  c({ type: String, attribute: "button-type" })
+], f.prototype, "buttonType", 2);
 a([
-  u({ type: String, attribute: "button-theme" })
-], m.prototype, "buttonTheme", 2);
+  c({ type: String, attribute: "button-theme" })
+], f.prototype, "buttonTheme", 2);
 a([
-  C
-], m.prototype, "onCancel", 1);
+  x
+], f.prototype, "onCancel", 1);
 a([
-  C
-], m.prototype, "onPaymentResponse", 1);
+  x
+], f.prototype, "onPaymentResponse", 1);
 a([
-  C
-], m.prototype, "confirmPaymentIntent", 1);
+  x
+], f.prototype, "confirmPaymentIntent", 1);
 a([
-  C
-], m.prototype, "confirmCardPayment", 1);
+  x
+], f.prototype, "confirmCardPayment", 1);
 a([
-  C
-], m.prototype, "onShippingaddresschange", 1);
+  x
+], f.prototype, "onShippingaddresschange", 1);
 a([
-  C
-], m.prototype, "onShippingoptionchange", 1);
-m = a([
-  ne("stripe-payment-request")
-], m);
-const $e = ke({
-  components: {
-    BFormattedAmount: He
-  },
-  computed: {
-    termsAndConditionsUrl() {
-      return this.t("CreditCardForm.termsURL");
+  x
+], f.prototype, "onShippingoptionchange", 1);
+f = a([
+  ue("stripe-payment-request")
+], f);
+var Ae = "basil", ss = function(t) {
+  return t === 3 ? "v3" : t;
+}, ke = "https://js.stripe.com", ns = "".concat(ke, "/").concat(Ae, "/stripe.js"), is = /^https:\/\/js\.stripe\.com\/v3\/?(\?.*)?$/, os = /^https:\/\/js\.stripe\.com\/(v3|[a-z]+)\/stripe\.js(\?.*)?$/;
+var as = function(t) {
+  return is.test(t) || os.test(t);
+}, ls = function() {
+  for (var t = document.querySelectorAll('script[src^="'.concat(ke, '"]')), r = 0; r < t.length; r++) {
+    var s = t[r];
+    if (as(s.src))
+      return s;
+  }
+  return null;
+}, ae = function(t) {
+  var r = "", s = document.createElement("script");
+  s.src = "".concat(ns).concat(r);
+  var n = document.head || document.body;
+  if (!n)
+    throw new Error("Expected document.body not to be null. Stripe.js requires a <body> element.");
+  return n.appendChild(s), s;
+}, cs = function(t, r) {
+  !t || !t._registerWrapper || t._registerWrapper({
+    name: "stripe-js",
+    version: "7.8.0",
+    startTime: r
+  });
+}, K = null, ot = null, at = null, us = function(t) {
+  return function(r) {
+    t(new Error("Failed to load Stripe.js", {
+      cause: r
+    }));
+  };
+}, ds = function(t, r) {
+  return function() {
+    window.Stripe ? t(window.Stripe) : r(new Error("Stripe.js not available"));
+  };
+}, ps = function(t) {
+  return K !== null ? K : (K = new Promise(function(r, s) {
+    if (typeof window > "u" || typeof document > "u") {
+      r(null);
+      return;
     }
+    if (window.Stripe) {
+      r(window.Stripe);
+      return;
+    }
+    try {
+      var n = ls();
+      if (!(n && t)) {
+        if (!n)
+          n = ae(t);
+        else if (n && at !== null && ot !== null) {
+          var i;
+          n.removeEventListener("load", at), n.removeEventListener("error", ot), (i = n.parentNode) === null || i === void 0 || i.removeChild(n), n = ae(t);
+        }
+      }
+      at = ds(r, s), ot = us(s), n.addEventListener("load", at), n.addEventListener("error", ot);
+    } catch (o) {
+      s(o);
+      return;
+    }
+  }), K.catch(function(r) {
+    return K = null, Promise.reject(r);
+  }));
+}, hs = function(t, r, s) {
+  if (t === null)
+    return null;
+  var n = r[0], i = n.match(/^pk_test/), o = ss(t.version), u = Ae;
+  i && o !== u && console.warn("Stripe.js@".concat(o, " was loaded on the page, but @stripe/stripe-js@").concat("7.8.0", " expected Stripe.js@").concat(u, ". This may result in unexpected behavior. For more information, see https://docs.stripe.com/sdks/stripejs-versioning"));
+  var l = t.apply(void 0, r);
+  return cs(l, s), l;
+}, J, xe = !1, Re = function() {
+  return J || (J = ps(null).catch(function(t) {
+    return J = null, Promise.reject(t);
+  }), J);
+};
+Promise.resolve().then(function() {
+  return Re();
+}).catch(function(e) {
+  xe || console.warn(e);
+});
+var ms = function() {
+  for (var t = arguments.length, r = new Array(t), s = 0; s < t; s++)
+    r[s] = arguments[s];
+  xe = !0;
+  var n = Date.now();
+  return Re().then(function(i) {
+    return hs(i, r, n);
+  });
+};
+const ys = { class: "w-100 d-flex justify-space-between items-center" }, fs = { class: "text-caption font-weight-bold text-center my-0 text-red rounded" }, vs = { class: "pr-3" }, gs = ["disable", "locale", "publishable-key"], bs = ["innerHTML"], Ss = { class: "ml-1 text-caption" }, _s = { class: "mr-1" }, Me = /* @__PURE__ */ qe({
+  __name: "CreditCardStripeForm",
+  props: {
+    amount: {},
+    currency: {},
+    disabled: { type: Boolean },
+    loading: { type: Boolean },
+    stripeToken: {},
+    withAction: { type: Boolean },
+    withTerms: { type: Boolean }
   },
-  data: () => ({
-    error: "",
-    isTermsAccepted: !1,
-    termsError: !1
-  }),
-  methods: {
-    onCreditCardFormChange(e) {
-      this.error = "", this.$emit("change", !!e.detail.complete);
-    },
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    onPaymentError(e) {
-      this.error = `${e?.error?.message} ${this.t("CreditCardForm.error")}`, this.$emit("error", this.error);
-    },
-    async onStripePayment(e) {
+  emits: ["change", "error", "payment:success"],
+  setup(e, { expose: t, emit: r }) {
+    const s = e, { locale: n, t: i } = Be(), o = st(null), u = st(!1), l = st(null), d = st(null), m = r, { config: v } = ze();
+    function S(y) {
+      switch (y) {
+        case H.Production:
+          return "pk_live_x99EPirYIsCyUsRvPAfyhnRp";
+        case H.Sandbox:
+        case H.Staging:
+        case H.CiCd:
+        case H.Local:
+        default:
+          return "pk_test_wXnn2RrefTiOHB0zzxqJr0s8";
+      }
+    }
+    const $ = ce(
+      () => S(v.value.apiEnvironment)
+    );
+    function O(y) {
+      o.value = "", m("change", !!y.detail.complete);
+    }
+    function A(y) {
+      o.value = `${y?.error?.message} - ${i("CreditCardStripeForm.error")}`, m("error", o.value);
+    }
+    async function ft(y) {
       try {
-        if (!window.Stripe || this.disabled)
+        if (!window.Stripe || s.disabled)
           return;
-        const r = await window.Stripe(this.pk, {
-          locale: this.$i18n.locale
-        }).confirmCardPayment(this.token, {
+        const q = await window.Stripe($.value, {
+          locale: Fe(n.value)
+        }).confirmCardPayment(s.stripeToken, {
           // eslint-disable-next-line camelcase
-          payment_method: e.detail.id
+          payment_method: y.detail.id
         });
-        r.error && r.error ? this.onPaymentError(r) : this.withAction ? this.$eventBus.$emit(Me.PaymentSuccess) : this.$emit("success");
-      } catch (t) {
-        this.onPaymentError(t);
+        q.error ? A(q.error) : m(We.PaymentSuccess);
+      } catch (C) {
+        A(C);
       }
-    },
-    pay() {
+    }
+    function rt() {
       try {
-        if (!this.$refs.payment || this.withTerms && !this.isTermsAccepted)
-          return;
-        this.$refs.payment.submit();
-      } catch (e) {
-        this.onPaymentError(e);
+        return !d.value || s.withTerms && !u.value ? null : d.value.submit();
+      } catch (y) {
+        return A(y), null;
       }
     }
-  },
-  name: "CreditCardForm",
-  props: sr,
-  setup() {
-    const { t: e } = Re(), { config: t } = Te(), r = Qt(
-      () => rr(t.value.apiEnvironment)
-    ), s = At(!1), n = At(null);
-    return xe(async () => {
-      n.value = await yr(r.value), s.value = !0;
-    }), {
-      pk: r,
-      stripeLoaded: s,
-      t: e
-    };
+    return De(async () => {
+      l.value = await ms($.value);
+    }), t({
+      pay: rt
+    }), (y, C) => (E(), k(qt, {
+      disabled: y.disabled,
+      elevation: "0",
+      border: "",
+      style: je({
+        borderColor: y.disabled ? "" : "rgb(var(--v-theme-primary))"
+      })
+    }, {
+      default: g(() => [
+        b(sr, {
+          class: "text-white",
+          color: "primary",
+          density: "compact",
+          elevation: "0"
+        }, {
+          default: g(() => [
+            M("div", ys, [
+              M("h4", null, [
+                b(bt, {
+                  color: "white",
+                  start: "",
+                  size: "small"
+                }, {
+                  default: g(() => C[2] || (C[2] = [
+                    nt(" fas fa-credit-card ", -1)
+                  ])),
+                  _: 1,
+                  __: [2]
+                }),
+                nt(" " + T(R(i)("CreditCardStripeForm.title")) + ": ", 1),
+                y.loading ? (E(), k(Ze, {
+                  key: 1,
+                  class: "ml-2",
+                  color: "primary",
+                  indeterminate: "",
+                  size: "20",
+                  width: "1"
+                })) : (E(), k(Bt, {
+                  key: 0,
+                  amount: y.amount,
+                  class: "font-weight-bold",
+                  currency: y.currency
+                }, null, 8, ["amount", "currency"]))
+              ]),
+              b(bt, {
+                color: "white",
+                end: "",
+                size: "small"
+              }, {
+                default: g(() => C[3] || (C[3] = [
+                  nt(" fas fa-lock ", -1)
+                ])),
+                _: 1,
+                __: [3]
+              })
+            ])
+          ]),
+          _: 1
+        }),
+        b(er, null, {
+          default: g(() => [
+            b(F, null, {
+              default: g(() => [
+                b(L, null, {
+                  default: g(() => [
+                    o.value ? (E(), k(Xe, {
+                      key: 0,
+                      color: "red",
+                      density: "compact",
+                      variant: "outlined"
+                    }, {
+                      default: g(() => [
+                        M("p", fs, T(R(i)("CreditCardStripeForm.paymentDeclined")) + ": " + T(o.value), 1)
+                      ]),
+                      _: 1
+                    })) : vt("", !0)
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }),
+            b(F, {
+              class: "d-none d-sm-flex",
+              "no-gutters": ""
+            }, {
+              default: g(() => [
+                b(L, { cols: "8" }, {
+                  default: g(() => [
+                    M("small", null, T(R(i)("CreditCardStripeForm.cardNumber")), 1)
+                  ]),
+                  _: 1
+                }),
+                b(L, {
+                  class: "text-right pr-6",
+                  cols: "4"
+                }, {
+                  default: g(() => [
+                    M("small", vs, T(R(i)("CreditCardStripeForm.expDate")), 1),
+                    M("small", null, T(R(i)("CreditCardStripeForm.cvc")), 1)
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }),
+            b(F, { "no-gutters": "" }, {
+              default: g(() => [
+                b(L, null, {
+                  default: g(() => [
+                    b(qt, {
+                      elevation: "0",
+                      border: ""
+                    }, {
+                      default: g(() => [
+                        l.value ? (E(), gt("stripe-elements", {
+                          key: 0,
+                          disable: y.loading,
+                          ref_key: "payment",
+                          ref: d,
+                          generate: "payment-method",
+                          "hide-postal-code": "",
+                          locale: R(n),
+                          "publishable-key": $.value,
+                          onChange: O,
+                          onError: A,
+                          onPaymentMethod: ft
+                        }, null, 40, gs)) : (E(), k(W, {
+                          key: 1,
+                          class: "mx-auto",
+                          height: "36.8px",
+                          type: "image",
+                          width: "100%"
+                        }))
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }),
+            y.withTerms ? (E(), k(F, {
+              key: 0,
+              class: "mt-2"
+            }, {
+              default: g(() => [
+                b(L, null, {
+                  default: g(() => [
+                    y.loading ? (E(), k(W, {
+                      key: 1,
+                      class: "mt-3",
+                      height: "25px",
+                      type: "image",
+                      width: "50%"
+                    })) : (E(), k(ir, {
+                      key: 0,
+                      ref: "testing",
+                      modelValue: u.value,
+                      "onUpdate:modelValue": C[1] || (C[1] = (q) => u.value = q)
+                    }, {
+                      label: g(() => [
+                        M("span", {
+                          onClick: C[0] || (C[0] = He(() => {
+                          }, ["stop"])),
+                          innerHTML: R(i)("CreditCardStripeForm.termsAndConditions", {
+                            url: R(i)("CreditCardStripeForm.termsURL")
+                          })
+                        }, null, 8, bs)
+                      ]),
+                      _: 1
+                    }, 8, ["modelValue"]))
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            })) : vt("", !0),
+            b(F, null, {
+              default: g(() => [
+                b(L, { class: "v-col-12 v-col-sm-8 v-col-md-9" }, {
+                  default: g(() => [
+                    y.loading ? (E(), gt(It, { key: 0 }, [
+                      b(W, {
+                        height: "10px",
+                        type: "image",
+                        width: "160px"
+                      }),
+                      b(W, {
+                        height: "38px",
+                        type: "image",
+                        width: "240px"
+                      })
+                    ], 64)) : (E(), gt(It, { key: 1 }, [
+                      M("small", Ss, T(R(i)("CreditCardStripeForm.acceptedPaymentMethods")), 1),
+                      b(Qe, {
+                        class: "mb-n1",
+                        height: "45",
+                        src: "https://revolugo.s3.eu-west-3.amazonaws.com/payment-methods.png",
+                        width: "240"
+                      })
+                    ], 64))
+                  ]),
+                  _: 1
+                }),
+                y.withAction ? (E(), k(L, {
+                  key: 0,
+                  class: "v-col-12 v-col-sm-4 v-col-md-3 text-right align-self-end"
+                }, {
+                  default: g(() => [
+                    y.loading ? (E(), k(W, {
+                      key: 0,
+                      class: "w-100 align-self-end",
+                      height: "36px",
+                      type: "image",
+                      width: "170px"
+                    })) : (E(), k(tr, {
+                      key: 1,
+                      class: "w-100 w-sm-auto align-self-end",
+                      color: "primary",
+                      variant: "flat",
+                      disabled: y.disabled || y.withTerms && !u.value,
+                      onClick: rt
+                    }, {
+                      default: g(() => [
+                        b(bt, { start: "" }, {
+                          default: g(() => C[4] || (C[4] = [
+                            nt(" fas fa-lock ", -1)
+                          ])),
+                          _: 1,
+                          __: [4]
+                        }),
+                        M("span", _s, T(R(i)("CreditCardStripeForm.payNow")), 1),
+                        b(Bt, {
+                          amount: y.amount,
+                          class: "font-weight-bold",
+                          currency: y.currency
+                        }, null, 8, ["amount", "currency"])
+                      ]),
+                      _: 1
+                    }, 8, ["disabled"]))
+                  ]),
+                  _: 1
+                })) : vt("", !0)
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        })
+      ]),
+      _: 1
+    }, 8, ["disabled", "style"]));
   }
 });
-function Xt(e) {
+function le(e) {
   const t = e;
   t.__i18n = t.__i18n || [], t.__i18n.push({
     locale: "",
     resource: {
       "en-US": {
-        CreditCardForm: {
+        CreditCardStripeForm: {
+          acceptedPaymentMethods: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Payment Methods Accepted:" } },
           cardNumber: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Card number" } },
           error: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Please, use another payment method" } },
           or: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "or" } },
@@ -1754,14 +2029,15 @@ function Xt(e) {
           pay: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Total price to pay" } },
           payByCard: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Amount to pay by card" } },
           paymentDeclined: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Payment declined" } },
-          title: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Total to Pay with your credit card" } },
+          title: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Total to pay with your credit card" } },
           payNow: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Pay now" } },
           termsURL: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "https://revolugo.s3.amazonaws.com/legal/cgv_revolugo.pdf" } },
           termsAndConditions: { t: 0, b: { t: 2, i: [{ t: 3, v: 'By continuing with your reservation you agree to the terms and conditions: <b><a href="' }, { t: 4, k: "url" }, { t: 3, v: '" target="_blank">Click here to read it</a></b>' }] } }
         }
       },
       "fr-FR": {
-        CreditCardForm: {
+        CreditCardStripeForm: {
+          acceptedPaymentMethods: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Moyens de Paiement Acceptés:" } },
           cardNumber: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Numéro de carte bancaire" } },
           error: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Veuillez utiliser un autre moyen de paiement." } },
           or: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "ou" } },
@@ -1777,7 +2053,8 @@ function Xt(e) {
         }
       },
       "de-DE": {
-        CreditCardForm: {
+        CreditCardStripeForm: {
+          acceptedPaymentMethods: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Zahlungsmethoden:" } },
           cardNumber: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Kartennummer" } },
           error: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Bitte verwenden Sie eine andere Zahlungsmethode" } },
           or: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "oder" } },
@@ -1793,7 +2070,8 @@ function Xt(e) {
         }
       },
       "es-ES": {
-        CreditCardForm: {
+        CreditCardStripeForm: {
+          acceptedPaymentMethods: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Métodos de Pago:" } },
           cardNumber: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Número de tarjeta" } },
           error: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Por favor, utilice otro método de pago" } },
           or: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "o" } },
@@ -1809,7 +2087,8 @@ function Xt(e) {
         }
       },
       "it-IT": {
-        CreditCardForm: {
+        CreditCardStripeForm: {
+          acceptedPaymentMethods: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Metodi di Pagamento:" } },
           cardNumber: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Numero di carta" } },
           error: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Si prega di utilizzare un altro metodo di pagamento" } },
           or: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "o" } },
@@ -1825,7 +2104,8 @@ function Xt(e) {
         }
       },
       "nl-NL": {
-        CreditCardForm: {
+        CreditCardStripeForm: {
+          acceptedPaymentMethods: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Betaalmethoden:" } },
           cardNumber: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Kaartnummer" } },
           error: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Gebruik alstublieft een andere betaalmethode" } },
           or: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "of" } },
@@ -1841,7 +2121,8 @@ function Xt(e) {
         }
       },
       "pt-PT": {
-        CreditCardForm: {
+        CreditCardStripeForm: {
+          acceptedPaymentMethods: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Métodos de Pagamento:" } },
           cardNumber: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Número do cartão" } },
           error: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "Por favor, utilize outro método de pagamento" } },
           or: { t: 0, b: { t: 2, i: [{ t: 3 }], s: "ou" } },
@@ -1859,290 +2140,11 @@ function Xt(e) {
     }
   });
 }
-const hs = Ne({
-  ...er(),
-  ...Ie(Ye(), ["inline"])
-}, "VCheckbox"), ms = Le()({
-  name: "VCheckbox",
-  inheritAttrs: !1,
-  props: hs(),
-  emits: {
-    "update:modelValue": (e) => !0,
-    "update:focused": (e) => !0
-  },
-  setup(e, t) {
-    let {
-      attrs: r,
-      slots: s
-    } = t;
-    const n = Oe(e, "modelValue"), {
-      isFocused: i,
-      focus: o,
-      blur: c
-    } = tr(e), l = Ve(), p = Qt(() => e.id || `checkbox-${l}`);
-    return Fe(() => {
-      const [y, f] = Ue(r), S = Tt.filterProps(e), _ = kt.filterProps(e);
-      return g(Tt, Pt({
-        class: ["v-checkbox", e.class]
-      }, y, S, {
-        modelValue: n.value,
-        "onUpdate:modelValue": (q) => n.value = q,
-        id: p.value,
-        focused: i.value,
-        style: e.style
-      }), {
-        ...s,
-        default: (q) => {
-          let {
-            id: L,
-            messagesId: we,
-            isDisabled: _e,
-            isReadonly: Ce,
-            isValid: Ee
-          } = q;
-          return g(kt, Pt(_, {
-            id: L.value,
-            "aria-describedby": we.value,
-            disabled: _e.value,
-            readonly: Ce.value
-          }, f, {
-            error: Ee.value === !1,
-            modelValue: n.value,
-            "onUpdate:modelValue": (Ae) => n.value = Ae,
-            onFocus: o,
-            onBlur: c
-          }), s);
-        }
-      });
-    }), {};
-  }
-}), ys = { class: "w-100 d-flex justify-space-between items-center" }, fs = { class: "text-caption font-weight-bold text-center my-0 text-red rounded" }, vs = { class: "pr-3" }, gs = ["locale", "publishable-key"], bs = ["innerHTML"], Ss = { class: "mr-1" };
-function $s(e, t, r, s, n, i) {
-  const o = qe("BFormattedAmount");
-  return A(), k(Rt, {
-    disabled: e.disabled,
-    elevation: "0",
-    border: "",
-    style: je({
-      borderColor: e.disabled ? null : "rgb(var(--v-theme-primary))"
-    })
-  }, {
-    default: v(() => [
-      g(Je, {
-        class: "text-white",
-        color: "primary",
-        density: "compact",
-        elevation: "0"
-      }, {
-        default: v(() => [
-          E("div", ys, [
-            E("h4", null, [
-              g(ct, {
-                color: "white",
-                start: "",
-                size: "small"
-              }, {
-                default: v(() => t[5] || (t[5] = [
-                  X(" fas fa-credit-card ")
-                ])),
-                _: 1,
-                __: [5]
-              }),
-              X(" " + R(e.t("CreditCardForm.title")) + ": ", 1),
-              e.loading ? (A(), k(Ge, {
-                key: 1,
-                class: "ml-2",
-                color: "primary",
-                indeterminate: "",
-                size: "20",
-                width: "1"
-              })) : (A(), k(o, {
-                key: 0,
-                amount: e.amount,
-                class: "font-weight-bold",
-                currency: e.currency
-              }, null, 8, ["amount", "currency"]))
-            ]),
-            g(ct, {
-              color: "white",
-              end: "",
-              size: "small"
-            }, {
-              default: v(() => t[6] || (t[6] = [
-                X(" fas fa-lock ")
-              ])),
-              _: 1,
-              __: [6]
-            })
-          ])
-        ]),
-        _: 1
-      }),
-      g(Xe, null, {
-        default: v(() => [
-          g(D, null, {
-            default: v(() => [
-              g(N, null, {
-                default: v(() => [
-                  e.error ? (A(), k(Ze, {
-                    key: 0,
-                    color: "red",
-                    density: "compact",
-                    variant: "outlined"
-                  }, {
-                    default: v(() => [
-                      E("p", fs, R(e.t("CreditCardForm.paymentDeclined")) + ": " + R(e.error), 1)
-                    ]),
-                    _: 1
-                  })) : z("", !0)
-                ]),
-                _: 1
-              })
-            ]),
-            _: 1
-          }),
-          g(D, {
-            class: "d-none d-sm-flex",
-            "no-gutters": ""
-          }, {
-            default: v(() => [
-              g(N, { cols: "8" }, {
-                default: v(() => [
-                  E("small", null, R(e.t("CreditCardForm.cardNumber")), 1)
-                ]),
-                _: 1
-              }),
-              g(N, {
-                class: "text-right pr-6",
-                cols: "4"
-              }, {
-                default: v(() => [
-                  E("small", vs, R(e.t("CreditCardForm.expDate")), 1),
-                  E("small", null, R(e.t("CreditCardForm.cvc")), 1)
-                ]),
-                _: 1
-              })
-            ]),
-            _: 1
-          }),
-          g(D, { "no-gutters": "" }, {
-            default: v(() => [
-              g(N, null, {
-                default: v(() => [
-                  g(Rt, {
-                    elevation: "0",
-                    border: ""
-                  }, {
-                    default: v(() => [
-                      e.stripeLoaded ? (A(), Be("stripe-elements", {
-                        key: 0,
-                        ref: "payment",
-                        class: ze({
-                          "d-none": e.loading
-                        }),
-                        generate: "payment-method",
-                        "hide-postal-code": "",
-                        locale: e.$i18n.locale,
-                        "publishable-key": e.pk,
-                        onChange: t[0] || (t[0] = (...c) => e.onCreditCardFormChange && e.onCreditCardFormChange(...c)),
-                        onError: t[1] || (t[1] = (...c) => e.onPaymentError && e.onPaymentError(...c)),
-                        onPaymentMethod: t[2] || (t[2] = (...c) => e.onStripePayment && e.onStripePayment(...c))
-                      }, null, 42, gs)) : z("", !0),
-                      e.loading ? (A(), k(Qe, {
-                        key: 1,
-                        class: "mx-auto",
-                        height: "36.8px",
-                        type: "image",
-                        width: "100%"
-                      })) : z("", !0)
-                    ]),
-                    _: 1
-                  })
-                ]),
-                _: 1
-              })
-            ]),
-            _: 1
-          }),
-          e.withTerms ? (A(), k(D, {
-            key: 0,
-            class: "mt-2"
-          }, {
-            default: v(() => [
-              g(N, null, {
-                default: v(() => [
-                  g(ms, {
-                    ref: "testing",
-                    modelValue: e.isTermsAccepted,
-                    "onUpdate:modelValue": t[4] || (t[4] = (c) => e.isTermsAccepted = c),
-                    class: "mt-0",
-                    error: e.termsError && !e.isTermsAccepted
-                  }, {
-                    label: v(() => [
-                      E("span", {
-                        onClick: t[3] || (t[3] = De(() => {
-                        }, ["stop"])),
-                        innerHTML: e.t("CreditCardForm.termsAndConditions", {
-                          url: e.termsAndConditionsUrl
-                        })
-                      }, null, 8, bs)
-                    ]),
-                    _: 1
-                  }, 8, ["modelValue", "error"])
-                ]),
-                _: 1
-              })
-            ]),
-            _: 1
-          })) : z("", !0),
-          e.withAction ? (A(), k(D, { key: 1 }, {
-            default: v(() => [
-              g(N, { class: "d-flex justify-end flex-column flex-sm-row mb-1 align-center mt-4 mt-sm-0" }, {
-                default: v(() => [
-                  g(Ke, {
-                    class: "w-100 w-sm-auto",
-                    color: "primary",
-                    variant: "flat",
-                    disabled: e.disabled || e.withTerms && !e.isTermsAccepted,
-                    loading: e.loading,
-                    onClick: e.pay
-                  }, {
-                    default: v(() => [
-                      g(ct, { start: "" }, {
-                        default: v(() => t[7] || (t[7] = [
-                          X(" fas fa-lock ")
-                        ])),
-                        _: 1,
-                        __: [7]
-                      }),
-                      E("span", Ss, R(e.t("CreditCardForm.payNow")), 1),
-                      g(o, {
-                        amount: e.amount,
-                        class: "font-weight-bold",
-                        currency: e.currency
-                      }, null, 8, ["amount", "currency"])
-                    ]),
-                    _: 1
-                  }, 8, ["disabled", "loading", "onClick"])
-                ]),
-                _: 1
-              })
-            ]),
-            _: 1
-          })) : z("", !0)
-        ]),
-        _: 1
-      })
-    ]),
-    _: 1
-  }, 8, ["disabled", "style"]);
-}
-typeof Xt == "function" && Xt($e);
-const Ns = /* @__PURE__ */ We($e, [["render", $s], ["__scopeId", "data-v-bb3529bc"]]);
-Pe("css/revolugo.creditcardform.DWne0Lnv.css");
+typeof le == "function" && le(Me);
+const As = /* @__PURE__ */ rr(Me, [["__scopeId", "data-v-345de37d"]]);
+Te("css/revolugo.creditcardstripeform.DN5YJSMj.css");
 export {
-  Ns as C,
-  ms as V,
-  sr as c
+  As as C,
+  ir as V
 };
-//# sourceMappingURL=revolugo.creditcardform.CejFX150.min.js.map
+//# sourceMappingURL=revolugo.creditcardstripeform.fOZy-aow.min.js.map