@odus/checkout 0.10.0 → 0.11.0

package/dist/checkout.es.js

@@ -1,27 +1,27 @@
-const N = () => "http://localhost:3000";
+const N = (o) => o === "test" ? "https://sandbox-api.odus.com" : o === "live" ? "https://api.odus.com" : "http://localhost:3000";
 class H {
   apiKey;
   baseUrl;
   browserInfo;
-  constructor(e, t, a) {
-    this.apiKey = e, this.baseUrl = N(), this.browserInfo = a || { userAgent: navigator.userAgent };
+  constructor(e, t, i) {
+    this.apiKey = e, this.baseUrl = N(t), this.browserInfo = i || { userAgent: navigator.userAgent };
   }
   async fetchApi({
     endpoint: e,
     method: t = "POST",
-    body: a,
-    customHeaders: i = {}
+    body: i,
+    customHeaders: a = {}
   }) {
     const r = {
       Authorization: `Bearer ${this.apiKey}`,
       "Content-Type": "application/json",
-      ...i
+      ...a
     };
     try {
       const s = await fetch(`${this.baseUrl}${e}`, {
         method: t,
         headers: r,
-        body: a ? JSON.stringify(a) : void 0
+        body: i ? JSON.stringify(i) : void 0
       });
       if (!s.ok) {
         let n;
@@ -51,26 +51,26 @@ class H {
   async authorizePayment({
     paymentId: e,
     checkoutKey: t,
-    formData: a,
-    token: i,
+    formData: i,
+    token: a,
     returnUrl: r
   }) {
     let s = {};
-    if (i && a) {
-      const n = a.cardExpiry.replace(/\s+/g, "").split("/"), l = n[0], c = n[1];
+    if (a && i) {
+      const n = i.cardExpiry.replace(/\s+/g, "").split("/"), l = n[0], c = n[1];
       s = {
         paymentMethodData: {
           type: "card",
           card: {
-            token: i,
+            token: a,
             expMonth: l,
             expYear: `20${c}`,
-            cardholderName: a.name
+            cardholderName: i.name
           }
         },
         customerData: {
-          email: a.email,
-          name: a.name
+          email: i.email,
+          name: i.name
         },
         context: {
           returnUrl: r,
@@ -102,16 +102,16 @@ const O = async ({
   apiKey: e,
   environment: t
 }) => {
-  const a = N(), i = await fetch(`${a}/checkout-profiles/${o}`, {
+  const i = N(t), a = await fetch(`${i}/checkout-profiles/${o}`, {
     method: "GET",
     headers: {
       "Content-Type": "application/json",
       Authorization: `Bearer ${e}`
     }
   });
-  if (!i.ok)
-    throw new Error(`HTTP error! Status: ${i.status}`);
-  return await i.json();
+  if (!a.ok)
+    throw new Error(`HTTP error! Status: ${a.status}`);
+  return await a.json();
 };
 class K {
   events = /* @__PURE__ */ new Map();
@@ -123,8 +123,8 @@ class K {
    */
   subscribe(e, t) {
     return this.events.has(e) || this.events.set(e, /* @__PURE__ */ new Set()), this.events.get(e)?.add(t), () => {
-      const a = this.events.get(e);
-      a && (a.delete(t), a.size === 0 && this.events.delete(e));
+      const i = this.events.get(e);
+      i && (i.delete(t), i.size === 0 && this.events.delete(e));
     };
   }
   /**
@@ -133,8 +133,8 @@ class K {
    * @param data - The data to pass to subscribers
    */
   publish(e, t) {
-    const a = this.events.get(e);
-    a && a.forEach((i) => i(t));
+    const i = this.events.get(e);
+    i && i.forEach((a) => a(t));
   }
   /**
    * Clear all event subscriptions
@@ -151,13 +151,13 @@ class K {
     return this.events.get(e)?.size || 0;
   }
 }
-const q = new K();
-class j {
+const j = new K();
+class q {
   state;
   initialState;
   eventBus;
   stateChangedEvent = "state-changed";
-  constructor(e, t = q) {
+  constructor(e, t = j) {
     this.initialState = { ...e }, this.state = { ...e }, this.eventBus = t;
   }
   /**
@@ -198,41 +198,41 @@ class j {
   }
 }
 function T(o) {
-  return new j(o);
+  return new q(o);
 }
 function U({
   apiKey: o,
   profileId: e,
   environment: t
 }) {
-  const a = T({
+  const i = T({
     checkoutProfile: void 0,
     isLoading: !0,
     error: null
-  }), i = async () => {
+  }), a = async () => {
     try {
-      a.setState({ isLoading: !0 });
+      i.setState({ isLoading: !0 });
       const r = await O({
         apiKey: o,
         id: e,
         environment: t
       });
-      r && a.setState({
+      r && i.setState({
         checkoutProfile: r,
         isLoading: !1,
         error: null
       });
     } catch (r) {
-      a.setState({
+      i.setState({
         error: "Failed to load checkout profile",
         isLoading: !1
       }), console.error(r);
     }
   };
-  return i(), {
-    getState: a.getState.bind(a),
-    subscribe: a.subscribe.bind(a),
-    reload: i
+  return a(), {
+    getState: i.getState.bind(i),
+    subscribe: i.subscribe.bind(i),
+    reload: a
   };
 }
 const D = {
@@ -321,58 +321,58 @@ const D = {
     if (o === "companycok" && t === "co")
       return "company.co";
     if (o.endsWith(t) && !o.includes(".")) {
-      const a = o.length - t.length;
-      return `${o.substring(0, a)}.${t}`;
+      const i = o.length - t.length;
+      return `${o.substring(0, i)}.${t}`;
     }
   }
   return null;
 }, G = (o, e) => {
   if (o.length === 0) return e.length;
   if (e.length === 0) return o.length;
-  const t = e.length + 1, a = o.length + 1, i = Array.from(
+  const t = e.length + 1, i = o.length + 1, a = Array.from(
     { length: t },
-    (r, s) => Array.from({ length: a }, (n, l) => s === 0 ? l : l === 0 ? s : 0)
+    (r, s) => Array.from({ length: i }, (n, l) => s === 0 ? l : l === 0 ? s : 0)
   );
   for (let r = 1; r < t; r++)
-    for (let s = 1; s < a; s++) {
+    for (let s = 1; s < i; s++) {
       const n = o[s - 1] === e[r - 1] ? 0 : 1;
-      i[r][s] = Math.min(
-        i[r - 1][s] + 1,
+      a[r][s] = Math.min(
+        a[r - 1][s] + 1,
         // deletion
-        i[r][s - 1] + 1,
+        a[r][s - 1] + 1,
         // insertion
-        i[r - 1][s - 1] + n
+        a[r - 1][s - 1] + n
         // substitution
       );
     }
-  return i[e.length][o.length];
+  return a[e.length][o.length];
 }, Y = (o) => {
-  let t = null, a = 3;
-  const i = o.toLowerCase();
+  let t = null, i = 3;
+  const a = o.toLowerCase();
   for (const r of Object.keys($)) {
-    const s = G(i, r);
-    s <= 2 && s < a && (a = s, t = r);
+    const s = G(a, r);
+    s <= 2 && s < i && (i = s, t = r);
   }
   return t;
 }, Z = () => {
-  const { t: o } = P();
+  const { t: o } = z();
   return {
     validateEmail: (t) => {
-      const a = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
+      const i = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
       if (!t)
         return {
           isValid: !1,
           message: o("validation.emailInvalid"),
           suggestion: null
         };
-      const i = t.indexOf("@");
-      if (i === -1)
+      const a = t.indexOf("@");
+      if (a === -1)
         return {
           isValid: !1,
           message: o("validation.emailInvalid"),
           suggestion: null
         };
-      const r = t.substring(0, i), s = t.substring(i + 1);
+      const r = t.substring(0, a), s = t.substring(a + 1);
       if (!s.includes(".")) {
         const l = _(s);
         if (l)
@@ -393,7 +393,7 @@ const D = {
               suggestion: `${r}@${c}`
             };
       }
-      if (!a.test(t))
+      if (!i.test(t))
         return {
           isValid: !1,
           message: o("validation.emailInvalid"),
@@ -416,21 +416,21 @@ const D = {
     }
   };
 }, J = () => {
-  const { t: o } = P(), { validateEmail: e } = Z();
+  const { t: o } = z(), { validateEmail: e } = Z();
   return {
     email: (t) => {
-      const a = e(t);
-      return a.isValid ? void 0 : a.message;
+      const i = e(t);
+      return i.isValid ? void 0 : i.message;
     },
     name: (t) => {
       if (!t.trim())
         return o("validation.nameRequired");
     },
     cardExpiry: (t) => {
-      const a = t.replace(/\s/g, ""), [i, r] = a.split("/").map((p) => p.trim());
-      if (!i || !r || i.length !== 2 || r.length !== 2)
+      const i = t.replace(/\s/g, ""), [a, r] = i.split("/").map((p) => p.trim());
+      if (!a || !r || a.length !== 2 || r.length !== 2)
         return o("validation.cardExpiryFormat");
-      const s = /* @__PURE__ */ new Date(), n = s.getFullYear() % 100, l = s.getMonth() + 1, c = parseInt(i, 10), d = parseInt(r, 10);
+      const s = /* @__PURE__ */ new Date(), n = s.getFullYear() % 100, l = s.getMonth() + 1, c = parseInt(a, 10), d = parseInt(r, 10);
       if (c < 1 || c > 12)
         return o("validation.cardExpiryFormat");
       if (d < n || d === n && c < l)
@@ -454,14 +454,14 @@ const D = {
   }), t = (l, c) => {
     const d = o[l];
     return d?.(c);
-  }, a = (l) => {
+  }, i = (l) => {
     const c = {};
     return Object.keys(l).forEach((d) => {
       const p = t(d, l[d]);
       p && (c[d] = p);
     }), c;
-  }, i = (l) => {
-    const c = a(l);
+  }, a = (l) => {
+    const c = i(l);
     return Object.keys(c).length === 0;
   }, r = (l, c) => {
     const d = e.getState();
@@ -478,7 +478,7 @@ const D = {
     e.setState({
       formData: g,
       errors: y,
-      isValid: i(g)
+      isValid: a(g)
     });
   }, s = (l, c) => {
     const d = e.getState(), p = {
@@ -496,7 +496,7 @@ const D = {
     };
     e.setState({
       formData: d,
-      isValid: i(d)
+      isValid: a(d)
     });
   };
   return {
@@ -512,7 +512,7 @@ const D = {
   apiKey: e,
   environment: t
 }) => {
-  const a = N(), i = await fetch(`${a}/checkout/init`, {
+  const i = N(t), a = await fetch(`${i}/checkout/init`, {
     method: "POST",
     headers: {
       "Content-Type": "application/json",
@@ -520,16 +520,16 @@ const D = {
     },
     body: JSON.stringify(o)
   });
-  if (!i.ok)
-    throw new Error(`HTTP error! Status: ${i.status}`);
-  return await i.json();
+  if (!a.ok)
+    throw new Error(`HTTP error! Status: ${a.status}`);
+  return await a.json();
 };
 function Q({
   apiKey: o,
   checkoutProfile: e,
   inputStyles: t,
-  setFormData: a,
-  environment: i,
+  setFormData: i,
+  environment: a,
   paymentId: r
 }) {
   const s = T({
@@ -549,7 +549,7 @@ function Q({
           payment: r
         },
         apiKey: o,
-        environment: i
+        environment: a
       });
       u && (s.setState({
         iframeConfig: {
@@ -558,7 +558,7 @@ function Q({
         }
       }), d());
     } catch (u) {
-      console.error("Failed to generate iframe config:", u);
+      throw console.error("Failed to generate iframe config:", u), u;
     }
   }, c = () => {
     const u = s.getState();
@@ -599,7 +599,7 @@ function Q({
       s.setState({ loadingIframe: !1 });
     }), n.on("autoCompleteValues", function(v) {
       const { nameOnCard: w, cardExp: S } = v;
-      a({
+      i({
         name: w,
         cardExpiry: S
       });
@@ -672,17 +672,17 @@ function Q({
     focusCvv: I
   };
 }
-const ee = "E-Mail", te = "Name des/der Karteninhaber/in", ae = "Kartendaten", ie = "Vollständiger Name", re = "MM / JJ", se = "Das Fenster nicht schließen", ne = { pay: "ZAHLEN", submit: "ABSENDEN", getPlan: "MEINEN PLAN ERHALTEN", donate: "spenden", book: "jetzt buchen", order: "jetzt bestellen" }, oe = { emailSuggestion: "Meinten Sie {{email}}?", emailInvalid: "Ihre E-Mail-Adresse ist nicht korrekt", cardExpiryInvalid: "Das Ablaufdatum Ihrer Karte liegt in der Vergangenheit", cardExpiryFormat: "Das Ablaufdatum Ihrer Karte ist unvollständig", cardSecurityFormat: "Der Sicherheitscode Ihrer Karte ist unvollständig", nameRequired: "Gib deinen Namen genau so ein, wie er auf deiner Karte steht", cardNumberInvalid: "Die Kartennummer ist unvollständig" }, le = {
+const ee = "E-Mail", te = "Name des/der Karteninhaber/in", ie = "Kartendaten", ae = "Vollständiger Name", re = "MM / JJ", se = "Das Fenster nicht schließen", ne = { pay: "ZAHLEN", submit: "ABSENDEN", getPlan: "MEINEN PLAN ERHALTEN", donate: "spenden", book: "jetzt buchen", order: "jetzt bestellen" }, oe = { emailSuggestion: "Meinten Sie {{email}}?", emailInvalid: "Ihre E-Mail-Adresse ist nicht korrekt", cardExpiryInvalid: "Das Ablaufdatum Ihrer Karte liegt in der Vergangenheit", cardExpiryFormat: "Das Ablaufdatum Ihrer Karte ist unvollständig", cardSecurityFormat: "Der Sicherheitscode Ihrer Karte ist unvollständig", nameRequired: "Gib deinen Namen genau so ein, wie er auf deiner Karte steht", cardNumberInvalid: "Die Kartennummer ist unvollständig", "invalid-checkout": "Checkout konnte nicht initialisiert werden" }, le = {
   email: ee,
   cardholderNameLabel: te,
-  cardInformation: ae,
-  cardholderNamePlaceholder: ie,
+  cardInformation: ie,
+  cardholderNamePlaceholder: ae,
   cardExpiry: re,
   loading: se,
   "pay-with-card": "oder mit Karte bezahlen",
   buttonTexts: ne,
   validation: oe
-}, ce = "Email", de = "Cardholder name", he = "Card information", me = "Full name on card", ue = "MM / YY", pe = "Do not close the window", fe = { pay: "PAY", submit: "SUBMIT", getPlan: "GET MY PLAN", donate: "DONATE", book: "BOOK NOW", order: "ORDER NOW" }, ge = { emailSuggestion: "Did you mean {{email}}?", emailInvalid: "Your email is not correct", cardExpiryInvalid: "Your card's expiration date is in the past", cardExpiryFormat: "Your card’s expiration date is incomplete", cardSecurityFormat: "Your card’s security code is incomplete", nameRequired: "Please enter the name as it appears on your card", cardNumberInvalid: "Your card number is invalid" }, ye = {
+}, ce = "Email", de = "Cardholder name", he = "Card information", me = "Full name on card", ue = "MM / YY", pe = "Do not close the window", fe = { pay: "PAY", submit: "SUBMIT", getPlan: "GET MY PLAN", donate: "DONATE", book: "BOOK NOW", order: "ORDER NOW" }, ge = { emailSuggestion: "Did you mean {{email}}?", emailInvalid: "Your email is not correct", cardExpiryInvalid: "Your card's expiration date is in the past", cardExpiryFormat: "Your card’s expiration date is incomplete", cardSecurityFormat: "Your card’s security code is incomplete", nameRequired: "Please enter the name as it appears on your card", cardNumberInvalid: "Your card number is invalid", "invalid-checkout": "Failed to initialize checkout" }, ye = {
   email: ce,
   cardholderNameLabel: de,
   cardInformation: he,
@@ -692,7 +692,7 @@ const ee = "E-Mail", te = "Name des/der Karteninhaber/in", ae = "Kartendaten", i
   "pay-with-card": "or pay with card",
   buttonTexts: fe,
   validation: ge
-}, ve = "Correo electrónico", Ee = "Nombre del titular de la tarjeta", Ce = "Información de la tarjeta", be = "Nombre completo en la tarjeta", Se = "MM / AA", xe = "Por favor, no cierre esta ventana", Fe = { pay: "PAGAR", submit: "ENVIAR", getPlan: "OBTENER MI PLAN", donate: "DONAR", book: "RESERVAR AHORA", order: "ORDENAR AHORA" }, ke = { emailSuggestion: "¿Quisiste decir {{email}}?", emailInvalid: "Su correo electrónico no es válido", cardExpiryInvalid: "La fecha de vencimiento de la tarjeta ya pasó", cardExpiryFormat: "La fecha de vencimiento de su tarjeta está incompleta", cardSecurityFormat: "El código de seguridad de su tarjeta está incompleto", nameRequired: "Por favor, ingrese el nombre tal como aparece en su tarjeta", cardNumberInvalid: "Su número de tarjeta no es válido" }, we = {
+}, ve = "Correo electrónico", Ee = "Nombre del titular de la tarjeta", Ce = "Información de la tarjeta", be = "Nombre completo en la tarjeta", Se = "MM / AA", xe = "Por favor, no cierre esta ventana", Fe = { pay: "PAGAR", submit: "ENVIAR", getPlan: "OBTENER MI PLAN", donate: "DONAR", book: "RESERVAR AHORA", order: "ORDENAR AHORA" }, ke = { emailSuggestion: "¿Quisiste decir {{email}}?", emailInvalid: "Su correo electrónico no es válido", cardExpiryInvalid: "La fecha de vencimiento de la tarjeta ya pasó", cardExpiryFormat: "La fecha de vencimiento de su tarjeta está incompleta", cardSecurityFormat: "El código de seguridad de su tarjeta está incompleto", nameRequired: "Por favor, ingrese el nombre tal como aparece en su tarjeta", cardNumberInvalid: "Su número de tarjeta no es válido", "invalid-checkout": "No se pudo inicializar el checkout" }, we = {
   email: ve,
   cardholderNameLabel: Ee,
   cardInformation: Ce,
@@ -702,17 +702,17 @@ const ee = "E-Mail", te = "Name des/der Karteninhaber/in", ae = "Kartendaten", i
   "pay-with-card": "o paga con tarjeta",
   buttonTexts: Fe,
   validation: ke
-}, Me = "E-mail", Le = "Nom du titulaire de la carte", Te = "Informations de la carte", Ie = "Nom complet figurant sur la carte", Ne = "MM / AA", Pe = "Veuillez ne pas fermer cette fenêtre", ze = { pay: "PAYER", submit: "ENVOYER", getPlan: "OBTENIR MON PLAN", donate: "FAIRE UN DON", book: "RÉSERVER MAINTENANT", order: "COMMANDER MAINTENANT" }, De = { emailSuggestion: "Vouliez-vous dire {{email}}?", emailInvalid: "Votre adresse e-mail n’est pas valide", cardExpiryInvalid: "La date d'expiration de votre carte est dans le passé", cardExpiryFormat: "La date d’expiration de votre carte est incomplète", cardSecurityFormat: "Le code de sécurité de votre carte est incomplet", nameRequired: "Veuillez saisir le nom tel qu’il figure sur votre carte", cardNumberInvalid: "Votre numéro de carte est invalide" }, Ve = {
+}, Me = "E-mail", Le = "Nom du titulaire de la carte", Te = "Informations de la carte", Ie = "Nom complet figurant sur la carte", Ne = "MM / AA", ze = "Veuillez ne pas fermer cette fenêtre", Pe = { pay: "PAYER", submit: "ENVOYER", getPlan: "OBTENIR MON PLAN", donate: "FAIRE UN DON", book: "RÉSERVER MAINTENANT", order: "COMMANDER MAINTENANT" }, De = { emailSuggestion: "Vouliez-vous dire {{email}}?", emailInvalid: "Votre adresse e-mail n’est pas valide", cardExpiryInvalid: "La date d'expiration de votre carte est dans le passé", cardExpiryFormat: "La date d’expiration de votre carte est incomplète", cardSecurityFormat: "Le code de sécurité de votre carte est incomplet", nameRequired: "Veuillez saisir le nom tel qu’il figure sur votre carte", cardNumberInvalid: "Votre numéro de carte est invalide", "invalid-checkout": "Échec de l'initialisation du checkout" }, Ve = {
   email: Me,
   cardholderNameLabel: Le,
   cardInformation: Te,
   cardholderNamePlaceholder: Ie,
   cardExpiry: Ne,
-  loading: Pe,
+  loading: ze,
   "pay-with-card": "ou payez avec une carte",
-  buttonTexts: ze,
+  buttonTexts: Pe,
   validation: De
-}, Ae = "Email", $e = "Nome del titolare della carta", Re = "Informazioni sulla carta", Be = "Nome completo sulla carta", He = "MM / AA", Oe = "Non chiudere la finestra", Ke = { pay: "PAGA", submit: "INVIA", getPlan: "OTTIENI IL MIO PIANO", donate: "DONARE", book: "PRENOTA ORA", order: "ORDINA ORA" }, qe = { emailSuggestion: "Intendevi {{email}}?", emailInvalid: "La tua email non è corretta", cardExpiryInvalid: "La data di scadenza della tua carta è nel passato", cardExpiryFormat: "La data di scadenza della tua carta è incompleta", cardSecurityFormat: "Il codice di sicurezza della tua carta è incompleto", nameRequired: "Inserisci il nome come appare sulla tua carta", cardNumberInvalid: "Il numero della tua carta non è valido" }, je = {
+}, Ae = "Email", $e = "Nome del titolare della carta", Re = "Informazioni sulla carta", Be = "Nome completo sulla carta", He = "MM / AA", Oe = "Non chiudere la finestra", Ke = { pay: "PAGA", submit: "INVIA", getPlan: "OTTIENI IL MIO PIANO", donate: "DONARE", book: "PRENOTA ORA", order: "ORDINA ORA" }, je = { emailSuggestion: "Intendevi {{email}}?", emailInvalid: "La tua email non è corretta", cardExpiryInvalid: "La data di scadenza della tua carta è nel passato", cardExpiryFormat: "La data di scadenza della tua carta è incompleta", cardSecurityFormat: "Il codice di sicurezza della tua carta è incompleto", nameRequired: "Inserisci il nome come appare sulla tua carta", cardNumberInvalid: "Il numero della tua carta non è valido", "invalid-checkout": "Impossibile inizializzare il checkout" }, qe = {
   email: Ae,
   cardholderNameLabel: $e,
   cardInformation: Re,
@@ -721,8 +721,8 @@ const ee = "E-Mail", te = "Name des/der Karteninhaber/in", ae = "Kartendaten", i
   loading: Oe,
   "pay-with-card": "o paga con carta",
   buttonTexts: Ke,
-  validation: qe
-}, Ue = "Adres e-mail", _e = "Imię i nazwisko posiadacza karty", Ge = "Informacje o karcie", Ye = "Imię i nazwisko na karcie", Ze = "MM / RR", Je = "Proszę nie zamykać tego okna", We = { pay: "ZAPŁAĆ", submit: "WYŚLIJ", getPlan: "POBIERZ MÓJ PLAN", donate: "PRZEKAŻ DAROWIZNĘ", book: "ZAREZERWUJ TERAZ", order: "ZAMÓW TERAZ" }, Xe = { emailSuggestion: "Czy chodziło Ci o {{email}}?", emailInvalid: "Państwa adres e-mail jest nieprawidłowy", cardExpiryInvalid: "Data ważności Państwa karty jest w przeszłości", cardExpiryFormat: "Data ważności Państwa karty jest niekompletna", cardSecurityFormat: "Kod zabezpieczający Państwa karty jest niekompletny", nameRequired: "Proszę wpisać imię i nazwisko tak, jak widnieje na karcie", cardNumberInvalid: "Numer Państwa karty jest nieprawidłowy" }, Qe = {
+  validation: je
+}, Ue = "Adres e-mail", _e = "Imię i nazwisko posiadacza karty", Ge = "Informacje o karcie", Ye = "Imię i nazwisko na karcie", Ze = "MM / RR", Je = "Proszę nie zamykać tego okna", We = { pay: "ZAPŁAĆ", submit: "WYŚLIJ", getPlan: "POBIERZ MÓJ PLAN", donate: "PRZEKAŻ DAROWIZNĘ", book: "ZAREZERWUJ TERAZ", order: "ZAMÓW TERAZ" }, Xe = { emailSuggestion: "Czy chodziło Ci o {{email}}?", emailInvalid: "Państwa adres e-mail jest nieprawidłowy", cardExpiryInvalid: "Data ważności Państwa karty jest w przeszłości", cardExpiryFormat: "Data ważności Państwa karty jest niekompletna", cardSecurityFormat: "Kod zabezpieczający Państwa karty jest niekompletny", nameRequired: "Proszę wpisać imię i nazwisko tak, jak widnieje na karcie", cardNumberInvalid: "Numer Państwa karty jest nieprawidłowy", "invalid-checkout": "Nie udało się zainicjować procesu płatności" }, Qe = {
   email: Ue,
   cardholderNameLabel: _e,
   cardInformation: Ge,
@@ -732,17 +732,17 @@ const ee = "E-Mail", te = "Name des/der Karteninhaber/in", ae = "Kartendaten", i
   "pay-with-card": "albo zapłać kartą",
   buttonTexts: We,
   validation: Xe
-}, et = "E-mail", tt = "Nome do titular do cartão", at = "Informações do cartão", it = "Nome completo no cartão", rt = "MM / AA", st = "Por favor, não feche esta janela", nt = { pay: "PAGAR", submit: "ENVIAR", getPlan: "OBTER MEU PLANO", donate: "DOAR", book: "RESERVAR AGORA", order: "FAZER PEDIDO" }, ot = { emailSuggestion: "Você quis dizer {{email}}?", emailInvalid: "O seu endereço de e-mail não é válido", cardExpiryInvalid: "A data de validade do seu cartão está no passado", cardExpiryFormat: "A data de validade do seu cartão está incompleta", cardSecurityFormat: "O código de segurança do seu cartão está incompleto", nameRequired: "Por favor, insira o nome conforme aparece no cartão", cardNumberInvalid: "O número do seu cartão é inválido" }, lt = {
+}, et = "E-mail", tt = "Nome do titular do cartão", it = "Informações do cartão", at = "Nome completo no cartão", rt = "MM / AA", st = "Por favor, não feche esta janela", nt = { pay: "PAGAR", submit: "ENVIAR", getPlan: "OBTER MEU PLANO", donate: "DOAR", book: "RESERVAR AGORA", order: "FAZER PEDIDO" }, ot = { emailSuggestion: "Você quis dizer {{email}}?", emailInvalid: "O seu endereço de e-mail não é válido", cardExpiryInvalid: "A data de validade do seu cartão está no passado", cardExpiryFormat: "A data de validade do seu cartão está incompleta", cardSecurityFormat: "O código de segurança do seu cartão está incompleto", nameRequired: "Por favor, insira o nome conforme aparece no cartão", cardNumberInvalid: "O número do seu cartão é inválido", "invalid-checkout": "Falha ao inicializar o checkout" }, lt = {
   email: et,
   cardholderNameLabel: tt,
-  cardInformation: at,
-  cardholderNamePlaceholder: it,
+  cardInformation: it,
+  cardholderNamePlaceholder: at,
   cardExpiry: rt,
   loading: st,
   "pay-with-card": "ou pagar com cartão",
   buttonTexts: nt,
   validation: ot
-}, ct = "E-posta", dt = "Kart sahibinin adı", ht = "Kart bilgileri", mt = "Kart üzerindeki tam ad", ut = "AA / YY", pt = "Lütfen pencereyi kapatmayın", ft = { pay: "ÖDE", submit: "GÖNDER", getPlan: "PLANIMI AL", donate: "BAĞIŞ YAP", book: "ŞİMDİ REZERVASYON YAP", order: "ŞİMDİ SİPARİŞ VER" }, gt = { emailSuggestion: "{{email}} demek mi istediniz?", emailInvalid: "E-posta adresiniz geçerli değil", cardExpiryInvalid: "Kartınızın son kullanma tarihi geçmiş", cardExpiryFormat: "Kartınızın son kullanma tarihi eksik", cardSecurityFormat: "Kartınızın güvenlik kodu eksik", nameRequired: "Lütfen kart üzerindeki ismi girin", cardNumberInvalid: "Kart numaranız geçersiz" }, yt = {
+}, ct = "E-posta", dt = "Kart sahibinin adı", ht = "Kart bilgileri", mt = "Kart üzerindeki tam ad", ut = "AA / YY", pt = "Lütfen pencereyi kapatmayın", ft = { pay: "ÖDE", submit: "GÖNDER", getPlan: "PLANIMI AL", donate: "BAĞIŞ YAP", book: "ŞİMDİ REZERVASYON YAP", order: "ŞİMDİ SİPARİŞ VER" }, gt = { emailSuggestion: "{{email}} demek mi istediniz?", emailInvalid: "E-posta adresiniz geçerli değil", cardExpiryInvalid: "Kartınızın son kullanma tarihi geçmiş", cardExpiryFormat: "Kartınızın son kullanma tarihi eksik", cardSecurityFormat: "Kartınızın güvenlik kodu eksik", nameRequired: "Lütfen kart üzerindeki ismi girin", cardNumberInvalid: "Kart numaranız geçersiz", "invalid-checkout": "Checkout başlatılamadı" }, yt = {
   email: ct,
   cardholderNameLabel: dt,
   cardInformation: ht,
@@ -760,7 +760,7 @@ const ee = "E-Mail", te = "Name des/der Karteninhaber/in", ae = "Kartendaten", i
   pl: Qe,
   pt: lt,
   tr: yt,
-  it: je
+  it: qe
   // Add other locales here
 };
 class vt {
@@ -776,28 +776,28 @@ class vt {
     return this.locale;
   }
   translate(e, t) {
-    const a = this.getNestedTranslation(e);
-    return !t || a === e ? a : this.interpolate(a, t);
+    const i = this.getNestedTranslation(e);
+    return !t || i === e ? i : this.interpolate(i, t);
   }
   /* eslint-disable @typescript-eslint/no-explicit-any */
   getNestedTranslation(e) {
-    const t = this.locale in V ? V[this.locale] : {}, a = this.findNestedValue(t, e);
-    return a === void 0 ? e : a;
+    const t = this.locale in V ? V[this.locale] : {}, i = this.findNestedValue(t, e);
+    return i === void 0 ? e : i;
   }
   findNestedValue(e, t) {
-    const a = t.split(".");
-    let i = e;
-    for (const r of a) {
-      if (i == null || !Object.prototype.hasOwnProperty.call(i, r))
+    const i = t.split(".");
+    let a = e;
+    for (const r of i) {
+      if (a == null || !Object.prototype.hasOwnProperty.call(a, r))
         return;
-      i = i[r];
+      a = a[r];
     }
-    return typeof i == "string" ? i : void 0;
+    return typeof a == "string" ? a : void 0;
   }
   interpolate(e, t) {
-    return e.replace(/{{(\w+)}}/g, (a, i) => {
-      const r = t[i];
-      return r === void 0 ? a : String(r);
+    return e.replace(/{{(\w+)}}/g, (i, a) => {
+      const r = t[a];
+      return r === void 0 ? i : String(r);
     });
   }
 }
@@ -812,56 +812,56 @@ const A = [
   "tr"
 ], Et = "en";
 function Ct(o) {
-  const e = new vt(), a = (() => {
+  const e = new vt(), i = (() => {
     const n = navigator?.language?.split("-")[0]?.toLowerCase();
     return A.includes(n) ? n : Et;
   })();
-  e.setLocale(a);
-  const i = T({
-    locale: a,
+  e.setLocale(i);
+  const a = T({
+    locale: i,
     translationService: e
   });
   return {
-    store: i,
-    translate: (n, l) => i.getState().translationService.translate(n, l),
+    store: a,
+    translate: (n, l) => a.getState().translationService.translate(n, l),
     setLocale: (n) => {
-      A.includes(n) && (i.getState().translationService.setLocale(n), i.setState({ locale: n }));
+      A.includes(n) && (a.getState().translationService.setLocale(n), a.setState({ locale: n }));
     },
-    getLocale: () => i.getValue("locale"),
-    subscribe: i.subscribe.bind(i)
+    getLocale: () => a.getValue("locale"),
+    subscribe: a.subscribe.bind(a)
   };
 }
-const bt = Ct(), P = () => {
-  const { translate: o, getLocale: e, setLocale: t, subscribe: a } = bt;
+const bt = Ct(), z = () => {
+  const { translate: o, getLocale: e, setLocale: t, subscribe: i } = bt;
   return {
     t: o,
     translate: o,
     locale: e(),
     setLocale: t,
-    subscribe: a
+    subscribe: i
   };
 }, St = ({ fontFamily: o }) => {
   if (!o)
     return { cleanup: () => {
     } };
-  const e = o.replace(/\s+/g, "+"), t = `https://fonts.googleapis.com/css2?family=${e}:wght@400;700&display=swap`, a = [...document.head.querySelectorAll("link")].filter(
+  const e = o.replace(/\s+/g, "+"), t = `https://fonts.googleapis.com/css2?family=${e}:wght@400;700&display=swap`, i = [...document.head.querySelectorAll("link")].filter(
     (n) => n.href.includes("fonts.googleapis.com/css2") && n.rel === "stylesheet"
-  ), i = document.createElement("link");
-  i.rel = "stylesheet", i.href = t;
-  const r = a.find(
+  ), a = document.createElement("link");
+  a.rel = "stylesheet", a.href = t;
+  const r = i.find(
     (n) => n.href.includes(`family=${e}`)
   );
   if (r)
     r.href = t;
-  else if (a.length > 0) {
-    const n = a.at(
+  else if (i.length > 0) {
+    const n = i.at(
       -1
     );
-    n?.nextSibling ? document.head.insertBefore(i, n.nextSibling) : document.head.appendChild(i);
+    n?.nextSibling ? document.head.insertBefore(a, n.nextSibling) : document.head.appendChild(a);
   } else
-    document.head.appendChild(i);
+    document.head.appendChild(a);
   return { cleanup: () => {
-    document.head.contains(i) && document.head.removeChild(i);
+    document.head.contains(a) && document.head.removeChild(a);
   } };
 }, xt = ({
   scriptSrc: o,
@@ -881,18 +881,18 @@ const bt = Ct(), P = () => {
       },
       isLoaded: Promise.resolve(!0)
     };
-  const a = document.createElement("script");
-  a.src = o, a.async = e;
-  const i = new Promise((s, n) => {
-    a.onload = () => s(!0), a.onerror = () => {
+  const i = document.createElement("script");
+  i.src = o, i.async = e;
+  const a = new Promise((s, n) => {
+    i.onload = () => s(!0), i.onerror = () => {
       console.error(`Failed to load script: ${o}`), n(new Error(`Failed to load script: ${o}`));
     };
   });
-  return document.head.appendChild(a), {
+  return document.head.appendChild(i), {
     cleanup: () => {
-      document.head.contains(a) && document.head.removeChild(a);
+      document.head.contains(i) && document.head.removeChild(i);
     },
-    isLoaded: i
+    isLoaded: a
   };
 };
 class Ft {
@@ -940,24 +940,24 @@ class Ft {
    */
   handleFieldFocus(e) {
     const t = this.focusSequence.findIndex(
-      (a) => a === e
+      (i) => i === e
     );
     t >= 0 && (this.currentFocusIndex = t);
   }
   /**
    * Update the validation state of fields based on form and iframe state
    */
-  handleStateUpdate(e, t, a, i) {
+  handleStateUpdate(e, t, i, a) {
     Object.assign(this.previousFieldValidState, this.fieldValidState);
-    const r = !!e.email && !t.email && !!a.email;
+    const r = !!e.email && !t.email && !!i.email;
     this.fieldValidState.email = r;
-    const s = !!i.isCcValid;
+    const s = !!a.isCcValid;
     this.fieldValidState.cardNumber = s;
-    const n = !!e.cardExpiry && !t.cardExpiry && !!a.cardExpiry;
+    const n = !!e.cardExpiry && !t.cardExpiry && !!i.cardExpiry;
     this.fieldValidState.cardExpiry = n;
-    const l = !!i.isCvvValid;
+    const l = !!a.isCvvValid;
     this.fieldValidState.cardCvv = l;
-    const c = !!e.name && !t.name && !!a.name;
+    const c = !!e.name && !t.name && !!i.name;
     this.fieldValidState.name = c, this.checkForValidTransitions();
   }
   /**
@@ -1000,8 +1000,8 @@ class Ft {
   }
 }
 const L = (o) => Object.entries(o).map(([e, t]) => {
-  const a = e.replace(/([A-Z])/g, "-$1").toLowerCase(), i = typeof t == "number" ? `${t}px` : t;
-  return `${a}: ${i}`;
+  const i = e.replace(/([A-Z])/g, "-$1").toLowerCase(), a = typeof t == "number" ? `${t}px` : t;
+  return `${i}: ${a}`;
 }).join("; ");
 function kt(o) {
   if (!o)
@@ -1035,24 +1035,24 @@ function kt(o) {
     color: "#717173",
     opacity: "0.3",
     fontFamily: `${o.styles.fontFamily}, sans-serif`
-  }, a = {
-    color: "#dc2727"
   }, i = {
+    color: "#dc2727"
+  }, a = {
     outline: "none"
   }, r = {
     fontFamily: `${o.styles.fontFamily}, sans-serif`
   }, s = {
     base: L(e),
-    error: L(a),
-    focus: L(i),
+    error: L(i),
+    focus: L(a),
     placeholder: L(t)
   };
   return {
     formContainerStyle: r,
     baseStyles: e,
     placeholderStyles: t,
-    errorStyles: a,
-    focusStyles: i,
+    errorStyles: i,
+    focusStyles: a,
     inputStyles: s
   };
 }
@@ -1066,9 +1066,9 @@ class h {
    * @param classNames Optional CSS class names to add
    * @param attributes Optional attributes to set on the element
    */
-  constructor(e, t = [], a = {}) {
-    this.element = document.createElement(e), t.length > 0 && this.addClass(...t), Object.entries(a).forEach(([i, r]) => {
-      this.setAttribute(i, r);
+  constructor(e, t = [], i = {}) {
+    this.element = document.createElement(e), t.length > 0 && this.addClass(...t), Object.entries(i).forEach(([a, r]) => {
+      this.setAttribute(a, r);
     });
   }
   /**
@@ -1123,14 +1123,14 @@ class h {
   /**
    * Add an event listener to the element
    */
-  addEventListener(e, t, a) {
-    return this.element.addEventListener(e, t, a), this.eventListeners.push({ type: e, listener: t }), this;
+  addEventListener(e, t, i) {
+    return this.element.addEventListener(e, t, i), this.eventListeners.push({ type: e, listener: t }), this;
   }
   /**
    * Remove an event listener from the element
    */
-  removeEventListener(e, t, a) {
-    return this.element.removeEventListener(e, t, a), this;
+  removeEventListener(e, t, i) {
+    return this.element.removeEventListener(e, t, i), this;
   }
   /**
    * Hide this component
@@ -1169,27 +1169,27 @@ class m {
   /**
    * Create a button element
    */
-  static createButton(e, t = [], a = {}) {
-    const i = new h("button", t, a);
-    return i.setText(e), i;
+  static createButton(e, t = [], i = {}) {
+    const a = new h("button", t, i);
+    return a.setText(e), a;
   }
   /**
    * Create an input element
    */
-  static createInput(e, t = [], a = {}) {
-    const i = { type: e, ...a };
-    return new h("input", t, i);
+  static createInput(e, t = [], i = {}) {
+    const a = { type: e, ...i };
+    return new h("input", t, a);
   }
   /**
    * Create a text input
    */
-  static createTextInput(e = "", t = [], a = {}) {
-    const i = {
+  static createTextInput(e = "", t = [], i = {}) {
+    const a = {
       type: "text",
       placeholder: e,
-      ...a
+      ...i
     };
-    return new h("input", t, i);
+    return new h("input", t, a);
   }
   /**
    * Create a form element
@@ -1200,26 +1200,26 @@ class m {
   /**
    * Create a label element
    */
-  static createLabel(e, t = "", a = [], i = {}) {
-    const r = t ? { for: t, ...i } : i, s = new h("label", a, r);
+  static createLabel(e, t = "", i = [], a = {}) {
+    const r = t ? { for: t, ...a } : a, s = new h("label", i, r);
     return s.setText(e), s;
   }
   /**
    * Create a select element
    */
-  static createSelect(e, t = [], a = {}) {
-    const i = new h("select", t, a);
+  static createSelect(e, t = [], i = {}) {
+    const a = new h("select", t, i);
     return e.forEach((r) => {
       const s = document.createElement("option");
-      s.value = r.value, s.textContent = r.text, r.selected && (s.selected = !0), i.getElement().appendChild(s);
-    }), i;
+      s.value = r.value, s.textContent = r.text, r.selected && (s.selected = !0), a.getElement().appendChild(s);
+    }), a;
   }
   /**
    * Create an image element
    */
-  static createImage(e, t = "", a = [], i = {}) {
-    const r = { src: e, alt: t, ...i };
-    return new h("img", a, r);
+  static createImage(e, t = "", i = [], a = {}) {
+    const r = { src: e, alt: t, ...a };
+    return new h("img", i, r);
   }
 }
 class wt extends h {
@@ -1229,10 +1229,10 @@ class wt extends h {
     const t = m.createDiv(["error-alert"], {
       role: "alert",
       "aria-live": "polite"
-    }), a = m.createDiv(["error-alert-content"]), i = m.createDiv([
+    }), i = m.createDiv(["error-alert-content"]), a = m.createDiv([
       "error-alert-icon-container"
     ]);
-    i.getElement().innerHTML = this.createAlertCircleSVG();
+    a.getElement().innerHTML = this.createAlertCircleSVG();
     const r = m.createDiv([
       "error-alert-text-container"
     ]), s = new h("h4", [
@@ -1240,7 +1240,7 @@ class wt extends h {
     ]);
     s.setText("Checkout Error"), this.messageComponent = new h("p", [
       "error-alert-message"
-    ]), this.messageComponent.setText(e.message || "Bad request"), r.appendChild(s), r.appendChild(this.messageComponent), a.appendChild(i), a.appendChild(r), t.appendChild(a), this.appendChild(t);
+    ]), this.messageComponent.setText(e.message || "Bad request"), r.appendChild(s), r.appendChild(this.messageComponent), i.appendChild(a), i.appendChild(r), t.appendChild(i), this.appendChild(t);
   }
   createAlertCircleSVG() {
     return `
@@ -1282,27 +1282,27 @@ class Mt extends h {
   createPaymentSeparatorSkeleton() {
     const e = m.createDiv([
       "payment-separator_container"
-    ]), t = m.createDiv(["payment-separator__line"]), a = m.createDiv([
+    ]), t = m.createDiv(["payment-separator__line"]), i = m.createDiv([
       "skeleton",
       "skeleton-separator-text"
-    ]), i = m.createDiv(["payment-separator__line"]);
-    return e.appendChild(t), e.appendChild(a), e.appendChild(i), e;
+    ]), a = m.createDiv(["payment-separator__line"]);
+    return e.appendChild(t), e.appendChild(i), e.appendChild(a), e;
   }
   createFieldSkeleton() {
     const e = m.createDiv(["skeleton-field"]), t = m.createDiv(["skeleton", "skeleton-label"]);
     e.appendChild(t);
-    const a = m.createDiv(["skeleton", "skeleton-input"]);
-    return e.appendChild(a), e;
+    const i = m.createDiv(["skeleton", "skeleton-input"]);
+    return e.appendChild(i), e;
   }
   createCardRowSkeleton() {
-    const e = m.createDiv(["skeleton-card-row"]), t = m.createDiv(["skeleton-field"]), a = m.createDiv([
+    const e = m.createDiv(["skeleton-card-row"]), t = m.createDiv(["skeleton-field"]), i = m.createDiv([
       "skeleton",
       "skeleton-label"
-    ]), i = m.createDiv([
+    ]), a = m.createDiv([
       "skeleton",
       "skeleton-input"
     ]);
-    t.appendChild(a), t.appendChild(i);
+    t.appendChild(i), t.appendChild(a);
     const r = m.createDiv(["skeleton-field"]), s = m.createDiv(["skeleton", "skeleton-label"]), n = m.createDiv(["skeleton", "skeleton-input"]);
     return r.appendChild(s), r.appendChild(n), e.appendChild(t), e.appendChild(r), e;
   }
@@ -1351,12 +1351,12 @@ class Tt extends h {
     t.style.fontFamily = "inherit", t.style.color = e.styles.color, t.style.fontSize = `${e.styles.fontSize}px`;
   }
 }
-class z extends h {
+class P extends h {
   inputElement;
   helperText = null;
   constructor(e) {
     if (super("div", ["input-wrapper"]), e.label && e.styles) {
-      const a = new Tt({
+      const i = new Tt({
         styles: {
           color: e.styles.color,
           fontSize: e.styles.fontSize
@@ -1364,7 +1364,7 @@ class z extends h {
         label: e.label,
         id: e.name
       });
-      this.appendChild(a);
+      this.appendChild(i);
     }
     const t = {
       id: e.name,
@@ -1376,8 +1376,8 @@ class z extends h {
       [],
       t
     ), e.styles) {
-      const a = this.inputElement.getElement();
-      a.style.fontFamily = `"${e.styles.fontFamily}", sans-serif`, a.style.color = e.styles.color, a.style.fontSize = `${e.styles.fontSize}px`, a.style.borderRadius = e.styles.borderRadius;
+      const i = this.inputElement.getElement();
+      i.style.fontFamily = `"${e.styles.fontFamily}", sans-serif`, i.style.color = e.styles.color, i.style.fontSize = `${e.styles.fontSize}px`, i.style.borderRadius = e.styles.borderRadius;
     }
     e.onChange && this.inputElement.getElement().addEventListener("input", e.onChange), this.getElement().appendChild(this.inputElement.getElement()), e.error ? (this.helperText = new C({
       text: e.errorMsg,
@@ -1391,11 +1391,11 @@ class z extends h {
     return this.inputElement.getElement().value = e, this;
   }
   setError(e, t) {
-    const a = this.inputElement.getElement();
-    return e ? (a.classList.add("form-input-error"), !this.helperText && t ? (this.helperText = new C({ text: t }), this.appendChild(this.helperText)) : this.helperText && t ? this.helperText.setText(t).toggleVisibility(!0) : this.helperText && this.helperText.toggleVisibility(!0)) : (a.classList.remove("form-input-error"), this.helperText && this.helperText.toggleVisibility(!1)), this;
+    const i = this.inputElement.getElement();
+    return e ? (i.classList.add("form-input-error"), !this.helperText && t ? (this.helperText = new C({ text: t }), this.appendChild(this.helperText)) : this.helperText && t ? this.helperText.setText(t).toggleVisibility(!0) : this.helperText && this.helperText.toggleVisibility(!0)) : (i.classList.remove("form-input-error"), this.helperText && this.helperText.toggleVisibility(!1)), this;
   }
-  addEventListener(e, t, a) {
-    return this.inputElement.getElement().addEventListener(e, t, a), this;
+  addEventListener(e, t, i) {
+    return this.inputElement.getElement().addEventListener(e, t, i), this;
   }
   /**
    * Focus the input element
@@ -1409,15 +1409,15 @@ class It {
   constructor(e) {
     const {
       value: t,
-      onChange: a,
-      onBlur: i,
+      onChange: i,
+      onBlur: a,
       error: r,
       errorMsg: s,
       checkoutProfile: n,
       translationFunc: l,
       autocomplete: c = "cc-name"
     } = e;
-    this.input = new z({
+    this.input = new P({
       name: "name",
       label: l("cardholderNameLabel"),
       // Always hide error initially - we'll show it only on blur if needed
@@ -1433,10 +1433,10 @@ class It {
       value: t,
       autocomplete: c,
       onChange: (d) => {
-        this.input.setError(!1), this.trim(), a(d);
+        this.input.setError(!1), this.trim(), i(d);
       }
     }), this.input.addEventListener("blur", (d) => {
-      r && this.input.setError(r, s), i(d);
+      r && this.input.setError(r, s), a(d);
     });
   }
   getValue() {
@@ -1467,8 +1467,8 @@ class Nt extends h {
     super("div", []);
     const t = document.createElement("div");
     t.className = e.isLoading ? "loading" : "", t.style.borderRadius = `0px 0px ${e.styles.borderRadius}px 0px`;
-    const a = document.createElement("div");
-    a.id = "card-cvv-element", a.className = `card-element ${e.isFocused ? "card-element-focus" : ""}`, a.style.zIndex = e.isFocused ? "2" : "0", t.appendChild(a), this.getElement().appendChild(t);
+    const i = document.createElement("div");
+    i.id = "card-cvv-element", i.className = `card-element ${e.isFocused ? "card-element-focus" : ""}`, i.style.zIndex = e.isFocused ? "2" : "0", t.appendChild(i), this.getElement().appendChild(t);
   }
   setFocused(e) {
     const t = this.getElement().querySelector("#card-cvv-element");
@@ -1479,7 +1479,7 @@ class Nt extends h {
     return t && (e ? t.classList.add("loading") : t.classList.remove("loading")), this;
   }
 }
-const Pt = "data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='iso-8859-1'?%3e%3c!--%20Uploaded%20to:%20SVG%20Repo,%20www.svgrepo.com,%20Generator:%20SVG%20Repo%20Mixer%20Tools%20--%3e%3csvg%20height='30px'%20width='30px'%20version='1.1'%20id='Capa_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20viewBox='0%200%20512%20512'%20xml:space='preserve'%3e%3cpath%20style='fill:%23306FC5;'%20d='M512,402.281c0,16.716-13.55,30.267-30.265,30.267H30.265C13.55,432.549,0,418.997,0,402.281V109.717%20c0-16.715,13.55-30.266,30.265-30.266h451.47c16.716,0,30.265,13.551,30.265,30.266V402.281L512,402.281z'/%3e%3cpath%20style='opacity:0.15;fill:%23202121;enable-background:new%20;'%20d='M21.517,402.281V109.717%20c0-16.715,13.552-30.266,30.267-30.266h-21.52C13.55,79.451,0,93.001,0,109.717v292.565c0,16.716,13.55,30.267,30.265,30.267h21.52%20C35.07,432.549,21.517,418.997,21.517,402.281z'/%3e%3cg%3e%3cpolygon%20style='fill:%23FFFFFF;'%20points='74.59,220.748%2089.888,220.748%2082.241,201.278%20'/%3e%3cpolygon%20style='fill:%23FFFFFF;'%20points='155.946,286.107%20155.946,295.148%20181.675,295.148%20181.675,304.885%20155.946,304.885%20155.946,315.318%20184.455,315.318%20197.666,300.712%20185.151,286.107%20'/%3e%3cpolygon%20style='fill:%23FFFFFF;'%20points='356.898,201.278%20348.553,220.748%20364.548,220.748%20'/%3e%3cpolygon%20style='fill:%23FFFFFF;'%20points='230.348,320.875%20230.348,281.241%20212.268,300.712%20'/%3e%3cpath%20style='fill:%23FFFFFF;'%20d='M264.42,292.368c-0.696-4.172-3.48-6.261-7.654-6.261h-14.599v12.516h15.299%20C261.637,298.624,264.42,296.539,264.42,292.368z'/%3e%3cpath%20style='fill:%23FFFFFF;'%20d='M313.09,297.236c1.391-0.697,2.089-2.785,2.089-4.867c0.696-2.779-0.698-4.172-2.089-4.868%20c-1.387-0.696-3.476-0.696-5.559-0.696h-13.91v11.127h13.909C309.613,297.932,311.702,297.932,313.09,297.236z'/%3e%3cpath%20style='fill:%23FFFFFF;'%20d='M413.217,183.198v8.344l-4.169-8.344H376.37v8.344l-4.174-8.344h-44.502%20c-7.648,0-13.909,1.392-19.469,4.173v-4.173h-31.289v0.696v3.477c-3.476-2.78-7.648-4.173-13.211-4.173h-111.95l-7.652,17.384%20l-7.647-17.384h-25.031h-10.431v8.344l-3.477-8.344h-0.696H66.942l-13.909,32.68L37.042,251.34l-0.294,0.697h0.294h35.463h0.444%20l0.252-0.697l4.174-10.428h9.039l4.172,11.125h40.326v-0.697v-7.647l3.479,8.343h20.163l3.475-8.343v7.647v0.697h15.993h79.965%20h0.696v-18.08h1.394c1.389,0,1.389,0,1.389,2.087v15.297h50.065v-4.172c4.172,2.089,10.426,4.172,18.771,4.172h20.863l4.172-11.123%20h9.732l4.172,11.123h40.328v-6.952v-3.476l6.261,10.428h1.387h0.698h30.595v-68.143h-31.291l0,0H413.217z%20M177.501,241.609h-6.955%20h-4.171v-4.169v-34.076l-0.696,1.595v-0.019l-16.176,36.669h-0.512h-3.719h-6.017l-16.687-38.245v38.245h-23.64l-4.867-10.43%20H70.417l-4.868,10.43H53.326l20.57-48.675h17.382l19.469,46.587v-46.587h4.171h14.251l0.328,0.697h0.024l8.773,19.094l6.3,14.306%20l0.223-0.721l13.906-33.375H177.5v48.674H177.501L177.501,241.609z%20M225.481,203.364h-27.119v9.039h26.423v9.734h-26.423v9.738%20h27.119v10.427h-38.939v-49.367h38.939V203.364L225.481,203.364z%20M275.076,221.294c0.018,0.016,0.041,0.027,0.063,0.042%20c0.263,0.278,0.488,0.557,0.68,0.824c1.332,1.746,2.409,4.343,2.463,8.151c0.004,0.066,0.007,0.131,0.011,0.197%20c0,0.038,0.007,0.071,0.007,0.11c0,0.022-0.002,0.039-0.002,0.06c0.016,0.383,0.026,0.774,0.026,1.197v9.735h-10.428v-5.565%20c0-2.781,0-6.954-2.089-9.735c-0.657-0.657-1.322-1.09-2.046-1.398c-1.042-0.675-3.017-0.686-6.295-0.686h-12.52v17.384h-11.818%20v-48.675h26.425c6.254,0,10.428,0,13.906,2.086c3.407,2.046,5.465,5.439,5.543,10.812c-0.161,7.4-4.911,11.46-8.326,12.829%20C270.676,218.662,272.996,219.129,275.076,221.294z%20M298.491,241.609h-11.822v-48.675h11.822V241.609z%20M434.083,241.609h-15.3%20l-22.25-36.855v30.595l-0.073-0.072v6.362h-11.747v-0.029h-11.822l-4.172-10.43H344.38l-4.172,11.123h-13.211%20c-5.559,0-12.517-1.389-16.687-5.561c-4.172-4.172-6.256-9.735-6.256-18.773c0-6.953,1.389-13.911,6.256-19.472%20c3.474-4.175,9.735-5.562,17.382-5.562h11.128v10.429h-11.128c-4.172,0-6.254,0.693-9.041,2.783%20c-2.082,2.085-3.474,6.256-3.474,11.123c0,5.564,0.696,9.04,3.474,11.821c2.091,2.089,4.87,2.785,8.346,2.785h4.867l15.991-38.243%20h6.957h10.428l19.472,46.587v-2.376v-15.705v-1.389v-27.116h17.382l20.161,34.07v-34.07h11.826v47.977h0.002L434.083,241.609%20L434.083,241.609z'/%3e%3cpath%20style='fill:%23FFFFFF;'%20d='M265.161,213.207c0.203-0.217,0.387-0.463,0.543-0.745c0.63-0.997,1.352-2.793,0.963-5.244%20c-0.016-0.225-0.057-0.433-0.105-0.634c-0.013-0.056-0.011-0.105-0.026-0.161l-0.007,0.001c-0.346-1.191-1.229-1.923-2.11-2.367%20c-1.394-0.693-3.48-0.693-5.565-0.693h-13.909v11.127h13.909c2.085,0,4.172,0,5.565-0.697c0.209-0.106,0.395-0.25,0.574-0.413%20l0.002,0.009C264.996,213.389,265.067,213.315,265.161,213.207z'/%3e%3cpath%20style='fill:%23FFFFFF;'%20d='M475.105,311.144c0-4.867-1.389-9.736-3.474-13.212v-31.289h-0.032v-2.089c0,0-29.145,0-33.483,0%20c-4.336,0-9.598,4.171-9.598,4.171v-4.171h-31.984c-4.87,0-11.124,1.392-13.909,4.171v-4.171h-57.016v2.089v2.081%20c-4.169-3.474-11.824-4.171-15.298-4.171h-37.549v2.089v2.081c-3.476-3.474-11.824-4.171-15.998-4.171H215.05l-9.737,10.431%20l-9.04-10.431h-2.911h-4.737h-54.93v2.089v5.493v62.651h61.19l10.054-10.057l8.715,10.057h0.698h35.258h1.598h0.696h0.692v-6.953%20v-9.039h3.479c4.863,0,11.124,0,15.991-2.089v17.382v1.394h31.291v-1.394V317.4h1.387c2.089,0,2.089,0,2.089,2.086v14.6v1.394%20h94.563c6.263,0,12.517-1.394,15.993-4.175v2.781v1.394h29.902c6.254,0,12.517-0.695,16.689-3.478%20c6.402-3.841,10.437-10.64,11.037-18.749c0.028-0.24,0.063-0.48,0.085-0.721l-0.041-0.039%20C475.087,312.043,475.105,311.598,475.105,311.144z%20M256.076,306.973h-13.91v2.081v4.174v4.173v7.649h-22.855l-13.302-15.299%20l-0.046,0.051l-0.65-0.748l-15.297,15.996h-44.501v-48.673h45.197l12.348,13.525l2.596,2.832l0.352-0.365l14.604-15.991h36.852%20c7.152,0,15.161,1.765,18.196,9.042c0.365,1.441,0.577,3.043,0.577,4.863C276.237,304.189,266.502,306.973,256.076,306.973z%20M325.609,306.276c1.389,2.081,2.085,4.867,2.085,9.041v9.732h-11.819v-6.256c0-2.786,0-7.65-2.089-9.739%20c-1.387-2.081-4.172-2.081-8.341-2.081H292.93v18.077h-11.82v-49.369h26.421c5.559,0,10.426,0,13.909,2.084%20c3.474,2.088,6.254,5.565,6.254,11.128c0,7.647-4.865,11.819-8.343,13.212C322.829,303.49,324.914,304.885,325.609,306.276z%20M373.589,286.107h-27.122v9.04h26.424v9.737h-26.424v9.736h27.122v10.429H334.65V275.68h38.939V286.107z%20M402.791,325.05h-22.252%20v-10.429h22.252c2.082,0,3.476,0,4.87-1.392c0.696-0.697,1.387-2.085,1.387-3.477c0-1.394-0.691-2.778-1.387-3.475%20c-0.698-0.695-2.091-1.391-4.176-1.391c-11.126-0.696-24.337,0-24.337-15.296c0-6.954,4.172-14.604,16.689-14.604h22.945v11.819%20h-21.554c-2.085,0-3.478,0-4.87,0.696c-1.387,0.697-1.387,2.089-1.387,3.478c0,2.087,1.387,2.783,2.778,3.473%20c1.394,0.697,2.783,0.697,4.172,0.697h6.259c6.259,0,10.43,1.391,13.211,4.173c2.087,2.087,3.478,5.564,3.478,10.43%20C420.869,320.179,414.611,325.05,402.791,325.05z%20M462.59,320.179c-2.778,2.785-7.648,4.871-14.604,4.871H425.74v-10.429h22.245%20c2.087,0,3.481,0,4.87-1.392c0.693-0.697,1.391-2.085,1.391-3.477c0-1.394-0.698-2.778-1.391-3.475%20c-0.696-0.695-2.085-1.391-4.172-1.391c-11.122-0.696-24.337,0-24.337-15.295c0-6.609,3.781-12.579,13.106-14.352%20c1.115-0.154,2.293-0.253,3.583-0.253h22.948v11.819h-15.3h-5.561h-0.696c-2.087,0-3.476,0-4.865,0.696%20c-0.7,0.697-1.396,2.089-1.396,3.478c0,2.087,0.696,2.783,2.785,3.473c1.389,0.697,2.78,0.697,4.172,0.697h0.691h5.565%20c3.039,0,5.337,0.375,7.44,1.114c1.926,0.697,8.302,3.549,9.728,10.994c0.124,0.78,0.215,1.594,0.215,2.495%20C466.761,313.925,465.37,317.401,462.59,320.179z'/%3e%3c/g%3e%3c/svg%3e", zt = "data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='iso-8859-1'?%3e%3c!--%20Uploaded%20to:%20SVG%20Repo,%20www.svgrepo.com,%20Generator:%20SVG%20Repo%20Mixer%20Tools%20--%3e%3csvg%20height='30px'%20width='30px'%20version='1.1'%20id='Capa_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20viewBox='0%200%20512%20512'%20xml:space='preserve'%3e%3cpath%20style='fill:%2334495E;'%20d='M512,402.282c0,16.716-13.55,30.267-30.265,30.267H30.265C13.55,432.549,0,418.996,0,402.282V109.717%20c0-16.716,13.55-30.266,30.265-30.266h451.469c16.716,0,30.265,13.551,30.265,30.266L512,402.282L512,402.282z'/%3e%3cpath%20style='opacity:0.15;fill:%23202121;enable-background:new%20;'%20d='M21.517,402.282V109.717%20c0-16.716,13.552-30.266,30.267-30.266h-21.52C13.55,79.451,0,93.003,0,109.717v292.565c0,16.716,13.55,30.267,30.265,30.267h21.52%20C35.07,432.549,21.517,418.996,21.517,402.282z'/%3e%3cpath%20style='fill:%23F26E21;'%20d='M309.389,255.801c0.041-9.636-3.572-19.286-10.843-26.558c-7.287-7.287-16.961-10.897-26.617-10.839%20c-0.046,0-0.091-0.003-0.139-0.003c-20.968,0-37.6,16.628-37.6,37.602c0,20.767,16.837,37.599,37.6,37.599%20c20.974,0,37.604-16.631,37.604-37.599C309.394,255.934,309.389,255.869,309.389,255.801z'/%3e%3cg%3e%3cpath%20style='fill:%23E7E8E3;'%20d='M227.198,271.909c-5.62,5.626-10.807,7.824-16.394,7.943c-13.611-0.122-23.618-10.202-23.618-24.573%20c0-7.234,2.739-13.163,7.078-18.228l0,0c4.069-3.863,9.311-6.359,15.339-6.359c6.507,0,11.571,2.169,17.352,7.954v-16.631%20c-5.78-2.891-10.846-4.338-17.352-4.338c-9.192,0.657-17.859,4.371-24.507,10.203l0,0c-1.916,1.724-3.752,3.627-5.309,5.805%20c-4.856,6.294-7.791,14.001-7.791,22.32c0,20.967,16.637,36.875,37.606,36.875c0.102,0,0.203-0.009,0.302-0.01%20c0.141,0.002,0.28,0.01,0.42,0.01c5.784,0,10.85-1.443,17.357-4.336L227.198,271.909c-0.244,0.244,0.242,0.471,0,0.702V271.909z'/%3e%3cpolygon%20style='fill:%23E7E8E3;'%20points='356.863,228.033%20356.863,228.033%20340.487,268.295%20321.685,220.566%20306.502,220.566%20336.148,293.601%20344.102,293.601%20375.196,220.566%20360.013,220.566%20'/%3e%3cpolygon%20style='fill:%23E7E8E3;'%20points='380.983,252.384%20380.983,291.435%20420.033,291.435%20420.753,291.435%20420.753,279.861%20408.461,279.861%20395.445,279.861%20395.445,266.848%20395.445,260.342%20420.033,260.342%20420.033,248.045%20395.445,248.045%20395.445,232.861%20420.753,232.861%20420.753,220.566%20380.983,220.566%20'/%3e%3cpath%20style='fill:%23E7E8E3;'%20d='M54.135,220.566H33.884v70.869h20.25c10.845,0,18.798-2.895,25.306-7.957%20c7.953-6.508,13.017-16.629,13.017-27.474C92.458,235.028,77.27,220.566,54.135,220.566z%20M70.765,274.08%20c-4.339,3.614-10.124,5.781-18.802,5.781h-4.339V232.86h3.615c8.678,0,14.463,1.446,18.803,5.783%20c5.061,4.336,7.955,10.848,7.955,17.358C78.72,262.509,75.828,269.737,70.765,274.08z'/%3e%3crect%20x='98.97'%20y='220.56'%20style='fill:%23E7E8E3;'%20width='13.739'%20height='70.867'/%3e%3cpath%20style='fill:%23E7E8E3;'%20d='M147.415,248.045c-8.676-2.892-10.848-5.063-10.848-8.677c0-4.339,4.339-7.954,10.124-7.954%20c4.339,0,7.954,1.447,11.57,5.786l7.233-9.4c-5.787-5.064-13.015-7.953-20.97-7.953c-12.296,0-22.42,8.678-22.42,20.244%20c0,10.126,4.343,14.464,17.357,19.526c5.785,2.166,7.955,2.892,9.404,4.338c2.887,1.444,4.336,4.339,4.336,7.228%20c0,5.786-4.336,10.126-10.848,10.126c-6.514,0-12.294-3.615-15.187-9.401l-8.678,8.678c6.511,9.4,14.465,13.738,24.589,13.738%20c14.461,0,24.58-9.4,24.58-23.141C167.659,258.893,163.324,253.831,147.415,248.045z'/%3e%3cpath%20style='fill:%23E7E8E3;'%20d='M459.804,261.783c10.843-2.166,16.63-9.4,16.63-20.244c0-13.014-9.402-20.973-25.308-20.973h-20.972%20v70.869h13.739V263.23h2.172l19.519,28.205h16.634L459.804,261.783z%20M448.23,253.105h-4.336v-21.691h4.336%20c8.678,0,13.742,3.614,13.742,10.85C461.972,249.492,456.909,253.105,448.23,253.105z'/%3e%3c/g%3e%3c/svg%3e", Dt = "data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='iso-8859-1'?%3e%3c!--%20Uploaded%20to:%20SVG%20Repo,%20www.svgrepo.com,%20Generator:%20SVG%20Repo%20Mixer%20Tools%20--%3e%3csvg%20height='800px'%20width='800px'%20version='1.1'%20id='Layer_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20viewBox='0%200%20291.791%20291.791'%20xml:space='preserve'%3e%3cg%3e%3cpath%20style='fill:%23E2574C;'%20d='M182.298,145.895c0,50.366-40.801,91.176-91.149,91.176S0,196.252,0,145.895%20s40.811-91.176,91.149-91.176S182.298,95.538,182.298,145.895z'/%3e%3cpath%20style='fill:%23F4B459;'%20d='M200.616,54.719c-20.442,0-39.261,6.811-54.469,18.181l0.073,0.009%20c2.991,2.89,6.291,4.924,8.835,8.251l-18.965,0.301c-2.972,3-5.68,6.264-8.233,9.656H161.3c2.544,3.054,4.896,5.708,7.03,9.081%20h-46.536c-1.705,2.936-3.282,5.954-4.659,9.09h56.493c1.477,3.127,2.799,5.489,3.921,8.799h-63.76%20c-1.012,3.146-1.878,6.364-2.535,9.646h68.966c0.675,3.155,1.194,6.072,1.55,9.045h-71.884c-0.301,3-0.456,6.045-0.456,9.118%20h72.859c0,3.228-0.228,6.218-0.556,9.118h-71.847c0.31,3.091,0.766,6.127,1.368,9.118h68.856c-0.711,2.954-1.532,5.926-2.562,9.008%20h-63.969c0.966,3.118,2.143,6.145,3.428,9.099h56.621c-1.568,3.319-3.346,5.972-5.306,9.081h-46.691%20c1.842,3.191,3.875,6.236,6.081,9.154l33.589,0.501c-2.863,3.437-6.537,5.507-9.884,8.516c0.182,0.146-5.352-0.018-16.248-0.191%20c16.576,17.105,39.744,27.772,65.446,27.772c50.357,0,91.176-40.82,91.176-91.176S250.981,54.719,200.616,54.719z'/%3e%3c/g%3e%3c/svg%3e", Vt = "data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Uploaded%20to:%20SVG%20Repo,%20www.svgrepo.com,%20Generator:%20SVG%20Repo%20Mixer%20Tools%20--%3e%3csvg%20width='800px'%20height='800px'%20viewBox='0%20-140%20780%20780'%20enable-background='new%200%200%20780%20500'%20version='1.1'%20xml:space='preserve'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M40,0h700c22.092,0,40,17.909,40,40v420c0,22.092-17.908,40-40,40H40c-22.091,0-40-17.908-40-40V40%20C0,17.909,17.909,0,40,0z'%20fill='%230E4595'/%3e%3cpath%20d='m293.2%20348.73l33.361-195.76h53.36l-33.385%20195.76h-53.336zm246.11-191.54c-10.57-3.966-27.137-8.222-47.822-8.222-52.725%200-89.865%2026.55-90.18%2064.603-0.299%2028.13%2026.514%2043.822%2046.752%2053.186%2020.771%209.595%2027.752%2015.714%2027.654%2024.283-0.131%2013.121-16.586%2019.116-31.922%2019.116-21.357%200-32.703-2.967-50.227-10.276l-6.876-3.11-7.489%2043.823c12.463%205.464%2035.51%2010.198%2059.438%2010.443%2056.09%200%2092.5-26.246%2092.916-66.882%200.199-22.269-14.016-39.216-44.801-53.188-18.65-9.055-30.072-15.099-29.951-24.268%200-8.137%209.668-16.839%2030.557-16.839%2017.449-0.27%2030.09%203.535%2039.938%207.5l4.781%202.26%207.232-42.429m137.31-4.223h-41.232c-12.773%200-22.332%203.487-27.941%2016.234l-79.244%20179.4h56.031s9.16-24.123%2011.232-29.418c6.125%200%2060.555%200.084%2068.338%200.084%201.596%206.853%206.49%2029.334%206.49%2029.334h49.514l-43.188-195.64zm-65.418%20126.41c4.412-11.279%2021.26-54.723%2021.26-54.723-0.316%200.522%204.379-11.334%207.074-18.684l3.605%2016.879s10.219%2046.729%2012.354%2056.528h-44.293zm-363.3-126.41l-52.24%20133.5-5.567-27.13c-9.725-31.273-40.025-65.155-73.898-82.118l47.766%20171.2%2056.456-0.064%2084.004-195.39h-56.521'%20fill='%23ffffff'/%3e%3cpath%20d='m146.92%20152.96h-86.041l-0.681%204.073c66.938%2016.204%20111.23%2055.363%20129.62%20102.41l-18.71-89.96c-3.23-12.395-12.597-16.094-24.186-16.527'%20fill='%23F2AE14'/%3e%3c/svg%3e", M = [
+const zt = "data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='iso-8859-1'?%3e%3c!--%20Uploaded%20to:%20SVG%20Repo,%20www.svgrepo.com,%20Generator:%20SVG%20Repo%20Mixer%20Tools%20--%3e%3csvg%20height='30px'%20width='30px'%20version='1.1'%20id='Capa_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20viewBox='0%200%20512%20512'%20xml:space='preserve'%3e%3cpath%20style='fill:%23306FC5;'%20d='M512,402.281c0,16.716-13.55,30.267-30.265,30.267H30.265C13.55,432.549,0,418.997,0,402.281V109.717%20c0-16.715,13.55-30.266,30.265-30.266h451.47c16.716,0,30.265,13.551,30.265,30.266V402.281L512,402.281z'/%3e%3cpath%20style='opacity:0.15;fill:%23202121;enable-background:new%20;'%20d='M21.517,402.281V109.717%20c0-16.715,13.552-30.266,30.267-30.266h-21.52C13.55,79.451,0,93.001,0,109.717v292.565c0,16.716,13.55,30.267,30.265,30.267h21.52%20C35.07,432.549,21.517,418.997,21.517,402.281z'/%3e%3cg%3e%3cpolygon%20style='fill:%23FFFFFF;'%20points='74.59,220.748%2089.888,220.748%2082.241,201.278%20'/%3e%3cpolygon%20style='fill:%23FFFFFF;'%20points='155.946,286.107%20155.946,295.148%20181.675,295.148%20181.675,304.885%20155.946,304.885%20155.946,315.318%20184.455,315.318%20197.666,300.712%20185.151,286.107%20'/%3e%3cpolygon%20style='fill:%23FFFFFF;'%20points='356.898,201.278%20348.553,220.748%20364.548,220.748%20'/%3e%3cpolygon%20style='fill:%23FFFFFF;'%20points='230.348,320.875%20230.348,281.241%20212.268,300.712%20'/%3e%3cpath%20style='fill:%23FFFFFF;'%20d='M264.42,292.368c-0.696-4.172-3.48-6.261-7.654-6.261h-14.599v12.516h15.299%20C261.637,298.624,264.42,296.539,264.42,292.368z'/%3e%3cpath%20style='fill:%23FFFFFF;'%20d='M313.09,297.236c1.391-0.697,2.089-2.785,2.089-4.867c0.696-2.779-0.698-4.172-2.089-4.868%20c-1.387-0.696-3.476-0.696-5.559-0.696h-13.91v11.127h13.909C309.613,297.932,311.702,297.932,313.09,297.236z'/%3e%3cpath%20style='fill:%23FFFFFF;'%20d='M413.217,183.198v8.344l-4.169-8.344H376.37v8.344l-4.174-8.344h-44.502%20c-7.648,0-13.909,1.392-19.469,4.173v-4.173h-31.289v0.696v3.477c-3.476-2.78-7.648-4.173-13.211-4.173h-111.95l-7.652,17.384%20l-7.647-17.384h-25.031h-10.431v8.344l-3.477-8.344h-0.696H66.942l-13.909,32.68L37.042,251.34l-0.294,0.697h0.294h35.463h0.444%20l0.252-0.697l4.174-10.428h9.039l4.172,11.125h40.326v-0.697v-7.647l3.479,8.343h20.163l3.475-8.343v7.647v0.697h15.993h79.965%20h0.696v-18.08h1.394c1.389,0,1.389,0,1.389,2.087v15.297h50.065v-4.172c4.172,2.089,10.426,4.172,18.771,4.172h20.863l4.172-11.123%20h9.732l4.172,11.123h40.328v-6.952v-3.476l6.261,10.428h1.387h0.698h30.595v-68.143h-31.291l0,0H413.217z%20M177.501,241.609h-6.955%20h-4.171v-4.169v-34.076l-0.696,1.595v-0.019l-16.176,36.669h-0.512h-3.719h-6.017l-16.687-38.245v38.245h-23.64l-4.867-10.43%20H70.417l-4.868,10.43H53.326l20.57-48.675h17.382l19.469,46.587v-46.587h4.171h14.251l0.328,0.697h0.024l8.773,19.094l6.3,14.306%20l0.223-0.721l13.906-33.375H177.5v48.674H177.501L177.501,241.609z%20M225.481,203.364h-27.119v9.039h26.423v9.734h-26.423v9.738%20h27.119v10.427h-38.939v-49.367h38.939V203.364L225.481,203.364z%20M275.076,221.294c0.018,0.016,0.041,0.027,0.063,0.042%20c0.263,0.278,0.488,0.557,0.68,0.824c1.332,1.746,2.409,4.343,2.463,8.151c0.004,0.066,0.007,0.131,0.011,0.197%20c0,0.038,0.007,0.071,0.007,0.11c0,0.022-0.002,0.039-0.002,0.06c0.016,0.383,0.026,0.774,0.026,1.197v9.735h-10.428v-5.565%20c0-2.781,0-6.954-2.089-9.735c-0.657-0.657-1.322-1.09-2.046-1.398c-1.042-0.675-3.017-0.686-6.295-0.686h-12.52v17.384h-11.818%20v-48.675h26.425c6.254,0,10.428,0,13.906,2.086c3.407,2.046,5.465,5.439,5.543,10.812c-0.161,7.4-4.911,11.46-8.326,12.829%20C270.676,218.662,272.996,219.129,275.076,221.294z%20M298.491,241.609h-11.822v-48.675h11.822V241.609z%20M434.083,241.609h-15.3%20l-22.25-36.855v30.595l-0.073-0.072v6.362h-11.747v-0.029h-11.822l-4.172-10.43H344.38l-4.172,11.123h-13.211%20c-5.559,0-12.517-1.389-16.687-5.561c-4.172-4.172-6.256-9.735-6.256-18.773c0-6.953,1.389-13.911,6.256-19.472%20c3.474-4.175,9.735-5.562,17.382-5.562h11.128v10.429h-11.128c-4.172,0-6.254,0.693-9.041,2.783%20c-2.082,2.085-3.474,6.256-3.474,11.123c0,5.564,0.696,9.04,3.474,11.821c2.091,2.089,4.87,2.785,8.346,2.785h4.867l15.991-38.243%20h6.957h10.428l19.472,46.587v-2.376v-15.705v-1.389v-27.116h17.382l20.161,34.07v-34.07h11.826v47.977h0.002L434.083,241.609%20L434.083,241.609z'/%3e%3cpath%20style='fill:%23FFFFFF;'%20d='M265.161,213.207c0.203-0.217,0.387-0.463,0.543-0.745c0.63-0.997,1.352-2.793,0.963-5.244%20c-0.016-0.225-0.057-0.433-0.105-0.634c-0.013-0.056-0.011-0.105-0.026-0.161l-0.007,0.001c-0.346-1.191-1.229-1.923-2.11-2.367%20c-1.394-0.693-3.48-0.693-5.565-0.693h-13.909v11.127h13.909c2.085,0,4.172,0,5.565-0.697c0.209-0.106,0.395-0.25,0.574-0.413%20l0.002,0.009C264.996,213.389,265.067,213.315,265.161,213.207z'/%3e%3cpath%20style='fill:%23FFFFFF;'%20d='M475.105,311.144c0-4.867-1.389-9.736-3.474-13.212v-31.289h-0.032v-2.089c0,0-29.145,0-33.483,0%20c-4.336,0-9.598,4.171-9.598,4.171v-4.171h-31.984c-4.87,0-11.124,1.392-13.909,4.171v-4.171h-57.016v2.089v2.081%20c-4.169-3.474-11.824-4.171-15.298-4.171h-37.549v2.089v2.081c-3.476-3.474-11.824-4.171-15.998-4.171H215.05l-9.737,10.431%20l-9.04-10.431h-2.911h-4.737h-54.93v2.089v5.493v62.651h61.19l10.054-10.057l8.715,10.057h0.698h35.258h1.598h0.696h0.692v-6.953%20v-9.039h3.479c4.863,0,11.124,0,15.991-2.089v17.382v1.394h31.291v-1.394V317.4h1.387c2.089,0,2.089,0,2.089,2.086v14.6v1.394%20h94.563c6.263,0,12.517-1.394,15.993-4.175v2.781v1.394h29.902c6.254,0,12.517-0.695,16.689-3.478%20c6.402-3.841,10.437-10.64,11.037-18.749c0.028-0.24,0.063-0.48,0.085-0.721l-0.041-0.039%20C475.087,312.043,475.105,311.598,475.105,311.144z%20M256.076,306.973h-13.91v2.081v4.174v4.173v7.649h-22.855l-13.302-15.299%20l-0.046,0.051l-0.65-0.748l-15.297,15.996h-44.501v-48.673h45.197l12.348,13.525l2.596,2.832l0.352-0.365l14.604-15.991h36.852%20c7.152,0,15.161,1.765,18.196,9.042c0.365,1.441,0.577,3.043,0.577,4.863C276.237,304.189,266.502,306.973,256.076,306.973z%20M325.609,306.276c1.389,2.081,2.085,4.867,2.085,9.041v9.732h-11.819v-6.256c0-2.786,0-7.65-2.089-9.739%20c-1.387-2.081-4.172-2.081-8.341-2.081H292.93v18.077h-11.82v-49.369h26.421c5.559,0,10.426,0,13.909,2.084%20c3.474,2.088,6.254,5.565,6.254,11.128c0,7.647-4.865,11.819-8.343,13.212C322.829,303.49,324.914,304.885,325.609,306.276z%20M373.589,286.107h-27.122v9.04h26.424v9.737h-26.424v9.736h27.122v10.429H334.65V275.68h38.939V286.107z%20M402.791,325.05h-22.252%20v-10.429h22.252c2.082,0,3.476,0,4.87-1.392c0.696-0.697,1.387-2.085,1.387-3.477c0-1.394-0.691-2.778-1.387-3.475%20c-0.698-0.695-2.091-1.391-4.176-1.391c-11.126-0.696-24.337,0-24.337-15.296c0-6.954,4.172-14.604,16.689-14.604h22.945v11.819%20h-21.554c-2.085,0-3.478,0-4.87,0.696c-1.387,0.697-1.387,2.089-1.387,3.478c0,2.087,1.387,2.783,2.778,3.473%20c1.394,0.697,2.783,0.697,4.172,0.697h6.259c6.259,0,10.43,1.391,13.211,4.173c2.087,2.087,3.478,5.564,3.478,10.43%20C420.869,320.179,414.611,325.05,402.791,325.05z%20M462.59,320.179c-2.778,2.785-7.648,4.871-14.604,4.871H425.74v-10.429h22.245%20c2.087,0,3.481,0,4.87-1.392c0.693-0.697,1.391-2.085,1.391-3.477c0-1.394-0.698-2.778-1.391-3.475%20c-0.696-0.695-2.085-1.391-4.172-1.391c-11.122-0.696-24.337,0-24.337-15.295c0-6.609,3.781-12.579,13.106-14.352%20c1.115-0.154,2.293-0.253,3.583-0.253h22.948v11.819h-15.3h-5.561h-0.696c-2.087,0-3.476,0-4.865,0.696%20c-0.7,0.697-1.396,2.089-1.396,3.478c0,2.087,0.696,2.783,2.785,3.473c1.389,0.697,2.78,0.697,4.172,0.697h0.691h5.565%20c3.039,0,5.337,0.375,7.44,1.114c1.926,0.697,8.302,3.549,9.728,10.994c0.124,0.78,0.215,1.594,0.215,2.495%20C466.761,313.925,465.37,317.401,462.59,320.179z'/%3e%3c/g%3e%3c/svg%3e", Pt = "data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='iso-8859-1'?%3e%3c!--%20Uploaded%20to:%20SVG%20Repo,%20www.svgrepo.com,%20Generator:%20SVG%20Repo%20Mixer%20Tools%20--%3e%3csvg%20height='30px'%20width='30px'%20version='1.1'%20id='Capa_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20viewBox='0%200%20512%20512'%20xml:space='preserve'%3e%3cpath%20style='fill:%2334495E;'%20d='M512,402.282c0,16.716-13.55,30.267-30.265,30.267H30.265C13.55,432.549,0,418.996,0,402.282V109.717%20c0-16.716,13.55-30.266,30.265-30.266h451.469c16.716,0,30.265,13.551,30.265,30.266L512,402.282L512,402.282z'/%3e%3cpath%20style='opacity:0.15;fill:%23202121;enable-background:new%20;'%20d='M21.517,402.282V109.717%20c0-16.716,13.552-30.266,30.267-30.266h-21.52C13.55,79.451,0,93.003,0,109.717v292.565c0,16.716,13.55,30.267,30.265,30.267h21.52%20C35.07,432.549,21.517,418.996,21.517,402.282z'/%3e%3cpath%20style='fill:%23F26E21;'%20d='M309.389,255.801c0.041-9.636-3.572-19.286-10.843-26.558c-7.287-7.287-16.961-10.897-26.617-10.839%20c-0.046,0-0.091-0.003-0.139-0.003c-20.968,0-37.6,16.628-37.6,37.602c0,20.767,16.837,37.599,37.6,37.599%20c20.974,0,37.604-16.631,37.604-37.599C309.394,255.934,309.389,255.869,309.389,255.801z'/%3e%3cg%3e%3cpath%20style='fill:%23E7E8E3;'%20d='M227.198,271.909c-5.62,5.626-10.807,7.824-16.394,7.943c-13.611-0.122-23.618-10.202-23.618-24.573%20c0-7.234,2.739-13.163,7.078-18.228l0,0c4.069-3.863,9.311-6.359,15.339-6.359c6.507,0,11.571,2.169,17.352,7.954v-16.631%20c-5.78-2.891-10.846-4.338-17.352-4.338c-9.192,0.657-17.859,4.371-24.507,10.203l0,0c-1.916,1.724-3.752,3.627-5.309,5.805%20c-4.856,6.294-7.791,14.001-7.791,22.32c0,20.967,16.637,36.875,37.606,36.875c0.102,0,0.203-0.009,0.302-0.01%20c0.141,0.002,0.28,0.01,0.42,0.01c5.784,0,10.85-1.443,17.357-4.336L227.198,271.909c-0.244,0.244,0.242,0.471,0,0.702V271.909z'/%3e%3cpolygon%20style='fill:%23E7E8E3;'%20points='356.863,228.033%20356.863,228.033%20340.487,268.295%20321.685,220.566%20306.502,220.566%20336.148,293.601%20344.102,293.601%20375.196,220.566%20360.013,220.566%20'/%3e%3cpolygon%20style='fill:%23E7E8E3;'%20points='380.983,252.384%20380.983,291.435%20420.033,291.435%20420.753,291.435%20420.753,279.861%20408.461,279.861%20395.445,279.861%20395.445,266.848%20395.445,260.342%20420.033,260.342%20420.033,248.045%20395.445,248.045%20395.445,232.861%20420.753,232.861%20420.753,220.566%20380.983,220.566%20'/%3e%3cpath%20style='fill:%23E7E8E3;'%20d='M54.135,220.566H33.884v70.869h20.25c10.845,0,18.798-2.895,25.306-7.957%20c7.953-6.508,13.017-16.629,13.017-27.474C92.458,235.028,77.27,220.566,54.135,220.566z%20M70.765,274.08%20c-4.339,3.614-10.124,5.781-18.802,5.781h-4.339V232.86h3.615c8.678,0,14.463,1.446,18.803,5.783%20c5.061,4.336,7.955,10.848,7.955,17.358C78.72,262.509,75.828,269.737,70.765,274.08z'/%3e%3crect%20x='98.97'%20y='220.56'%20style='fill:%23E7E8E3;'%20width='13.739'%20height='70.867'/%3e%3cpath%20style='fill:%23E7E8E3;'%20d='M147.415,248.045c-8.676-2.892-10.848-5.063-10.848-8.677c0-4.339,4.339-7.954,10.124-7.954%20c4.339,0,7.954,1.447,11.57,5.786l7.233-9.4c-5.787-5.064-13.015-7.953-20.97-7.953c-12.296,0-22.42,8.678-22.42,20.244%20c0,10.126,4.343,14.464,17.357,19.526c5.785,2.166,7.955,2.892,9.404,4.338c2.887,1.444,4.336,4.339,4.336,7.228%20c0,5.786-4.336,10.126-10.848,10.126c-6.514,0-12.294-3.615-15.187-9.401l-8.678,8.678c6.511,9.4,14.465,13.738,24.589,13.738%20c14.461,0,24.58-9.4,24.58-23.141C167.659,258.893,163.324,253.831,147.415,248.045z'/%3e%3cpath%20style='fill:%23E7E8E3;'%20d='M459.804,261.783c10.843-2.166,16.63-9.4,16.63-20.244c0-13.014-9.402-20.973-25.308-20.973h-20.972%20v70.869h13.739V263.23h2.172l19.519,28.205h16.634L459.804,261.783z%20M448.23,253.105h-4.336v-21.691h4.336%20c8.678,0,13.742,3.614,13.742,10.85C461.972,249.492,456.909,253.105,448.23,253.105z'/%3e%3c/g%3e%3c/svg%3e", Dt = "data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='iso-8859-1'?%3e%3c!--%20Uploaded%20to:%20SVG%20Repo,%20www.svgrepo.com,%20Generator:%20SVG%20Repo%20Mixer%20Tools%20--%3e%3csvg%20height='800px'%20width='800px'%20version='1.1'%20id='Layer_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20viewBox='0%200%20291.791%20291.791'%20xml:space='preserve'%3e%3cg%3e%3cpath%20style='fill:%23E2574C;'%20d='M182.298,145.895c0,50.366-40.801,91.176-91.149,91.176S0,196.252,0,145.895%20s40.811-91.176,91.149-91.176S182.298,95.538,182.298,145.895z'/%3e%3cpath%20style='fill:%23F4B459;'%20d='M200.616,54.719c-20.442,0-39.261,6.811-54.469,18.181l0.073,0.009%20c2.991,2.89,6.291,4.924,8.835,8.251l-18.965,0.301c-2.972,3-5.68,6.264-8.233,9.656H161.3c2.544,3.054,4.896,5.708,7.03,9.081%20h-46.536c-1.705,2.936-3.282,5.954-4.659,9.09h56.493c1.477,3.127,2.799,5.489,3.921,8.799h-63.76%20c-1.012,3.146-1.878,6.364-2.535,9.646h68.966c0.675,3.155,1.194,6.072,1.55,9.045h-71.884c-0.301,3-0.456,6.045-0.456,9.118%20h72.859c0,3.228-0.228,6.218-0.556,9.118h-71.847c0.31,3.091,0.766,6.127,1.368,9.118h68.856c-0.711,2.954-1.532,5.926-2.562,9.008%20h-63.969c0.966,3.118,2.143,6.145,3.428,9.099h56.621c-1.568,3.319-3.346,5.972-5.306,9.081h-46.691%20c1.842,3.191,3.875,6.236,6.081,9.154l33.589,0.501c-2.863,3.437-6.537,5.507-9.884,8.516c0.182,0.146-5.352-0.018-16.248-0.191%20c16.576,17.105,39.744,27.772,65.446,27.772c50.357,0,91.176-40.82,91.176-91.176S250.981,54.719,200.616,54.719z'/%3e%3c/g%3e%3c/svg%3e", Vt = "data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Uploaded%20to:%20SVG%20Repo,%20www.svgrepo.com,%20Generator:%20SVG%20Repo%20Mixer%20Tools%20--%3e%3csvg%20width='800px'%20height='800px'%20viewBox='0%20-140%20780%20780'%20enable-background='new%200%200%20780%20500'%20version='1.1'%20xml:space='preserve'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M40,0h700c22.092,0,40,17.909,40,40v420c0,22.092-17.908,40-40,40H40c-22.091,0-40-17.908-40-40V40%20C0,17.909,17.909,0,40,0z'%20fill='%230E4595'/%3e%3cpath%20d='m293.2%20348.73l33.361-195.76h53.36l-33.385%20195.76h-53.336zm246.11-191.54c-10.57-3.966-27.137-8.222-47.822-8.222-52.725%200-89.865%2026.55-90.18%2064.603-0.299%2028.13%2026.514%2043.822%2046.752%2053.186%2020.771%209.595%2027.752%2015.714%2027.654%2024.283-0.131%2013.121-16.586%2019.116-31.922%2019.116-21.357%200-32.703-2.967-50.227-10.276l-6.876-3.11-7.489%2043.823c12.463%205.464%2035.51%2010.198%2059.438%2010.443%2056.09%200%2092.5-26.246%2092.916-66.882%200.199-22.269-14.016-39.216-44.801-53.188-18.65-9.055-30.072-15.099-29.951-24.268%200-8.137%209.668-16.839%2030.557-16.839%2017.449-0.27%2030.09%203.535%2039.938%207.5l4.781%202.26%207.232-42.429m137.31-4.223h-41.232c-12.773%200-22.332%203.487-27.941%2016.234l-79.244%20179.4h56.031s9.16-24.123%2011.232-29.418c6.125%200%2060.555%200.084%2068.338%200.084%201.596%206.853%206.49%2029.334%206.49%2029.334h49.514l-43.188-195.64zm-65.418%20126.41c4.412-11.279%2021.26-54.723%2021.26-54.723-0.316%200.522%204.379-11.334%207.074-18.684l3.605%2016.879s10.219%2046.729%2012.354%2056.528h-44.293zm-363.3-126.41l-52.24%20133.5-5.567-27.13c-9.725-31.273-40.025-65.155-73.898-82.118l47.766%20171.2%2056.456-0.064%2084.004-195.39h-56.521'%20fill='%23ffffff'/%3e%3cpath%20d='m146.92%20152.96h-86.041l-0.681%204.073c66.938%2016.204%20111.23%2055.363%20129.62%20102.41l-18.71-89.96c-3.23-12.395-12.597-16.094-24.186-16.527'%20fill='%23F2AE14'/%3e%3c/svg%3e", M = [
   {
     type: "visa",
     imgSrc: Vt
@@ -1490,11 +1490,11 @@ const Pt = "data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='iso-8859-1'?%
   },
   {
     type: "americanExpress",
-    imgSrc: Pt
+    imgSrc: zt
   },
   {
     type: "discover",
-    imgSrc: zt
+    imgSrc: Pt
   }
 ];
 class At extends h {
@@ -1503,10 +1503,10 @@ class At extends h {
     super("div", []), this.cardType = e.cardType;
     const t = document.createElement("label");
     t.setAttribute("for", "cardNumber"), t.textContent = e.label, t.style.color = e.styles.color, t.style.fontSize = `${e.styles.fontSize}px`, t.style.display = "block", t.style.marginBottom = "6px", this.getElement().appendChild(t);
-    const a = document.createElement("div");
-    a.className = e.isLoading ? "loading" : "", a.style.borderRadius = `${e.styles.borderRadius}px ${e.styles.borderRadius}px 0px 0px`;
     const i = document.createElement("div");
-    i.id = "card-element", i.className = `card-element ${e.isFocused ? "card-element-focus" : ""}`, i.style.zIndex = e.isFocused ? "2" : "0";
+    i.className = e.isLoading ? "loading" : "", i.style.borderRadius = `${e.styles.borderRadius}px ${e.styles.borderRadius}px 0px 0px`;
+    const a = document.createElement("div");
+    a.id = "card-element", a.className = `card-element ${e.isFocused ? "card-element-focus" : ""}`, a.style.zIndex = e.isFocused ? "2" : "0";
     const r = document.createElement("div");
     if (r.className = "cards-position", e.cardType === "unknown")
       M.forEach((s) => {
@@ -1516,13 +1516,13 @@ class At extends h {
       const s = M.find((n) => n.type === e.cardType);
       s && r.appendChild(this.createCardIcon(s));
     }
-    i.appendChild(r), a.appendChild(i), this.getElement().appendChild(a);
+    a.appendChild(r), i.appendChild(a), this.getElement().appendChild(i);
   }
   createCardIcon(e) {
     const t = document.createElement("div");
     t.className = "card-icon";
-    const a = document.createElement("img");
-    return a.src = e.imgSrc, t.appendChild(a), t;
+    const i = document.createElement("img");
+    return i.src = e.imgSrc, t.appendChild(i), t;
   }
   setFocused(e) {
     const t = this.getElement().querySelector(
@@ -1541,16 +1541,16 @@ class At extends h {
     if (this.cardType === t)
       return this;
     this.cardType = t;
-    const a = this.getElement().querySelector(".cards-position");
-    if (a)
-      if (a.innerHTML = "", this.cardType === "unknown")
-        M.forEach((i) => {
-          a.appendChild(this.createCardIcon(i));
+    const i = this.getElement().querySelector(".cards-position");
+    if (i)
+      if (i.innerHTML = "", this.cardType === "unknown")
+        M.forEach((a) => {
+          i.appendChild(this.createCardIcon(a));
         });
       else {
-        const i = M.find((r) => r.type === this.cardType);
-        i ? a.appendChild(this.createCardIcon(i)) : M.forEach((r) => {
-          a.appendChild(this.createCardIcon(r));
+        const a = M.find((r) => r.type === this.cardType);
+        a ? i.appendChild(this.createCardIcon(a)) : M.forEach((r) => {
+          i.appendChild(this.createCardIcon(r));
         });
       }
     return this;
@@ -1565,8 +1565,8 @@ class $t extends h {
     super("div", []);
     const {
       checkoutProfile: t,
-      isLoading: a,
-      isFocused: i,
+      isLoading: i,
+      isFocused: a,
       isCvvFocused: r,
       isCcValid: s,
       isCvvValid: n,
@@ -1588,12 +1588,12 @@ class $t extends h {
         borderRadius: t.styles.borderRadius
       },
       label: u("cardInformation"),
-      isLoading: a,
-      isFocused: i,
+      isLoading: i,
+      isFocused: a,
       cardType: d
     }), k.appendChild(this.cardNumber.getElement());
     const v = document.createElement("div");
-    v.className = "card-details", this.cardExpiry = new z({
+    v.className = "card-details", this.cardExpiry = new P({
       name: "cardExpiry",
       type: "tel",
       placeholder: u("cardExpiry"),
@@ -1632,11 +1632,11 @@ class $t extends h {
       styles: {
         borderRadius: typeof t.styles.borderRadius == "number" ? t.styles.borderRadius : 0
       },
-      isLoading: a,
+      isLoading: i,
       isFocused: r
     }), S.appendChild(this.cardCvv.getElement()), v.appendChild(this.cardExpiry.getElement()), v.appendChild(S), k.appendChild(v);
     const E = document.createElement("div");
-    if (E.className = "error-messages-container", E.style.width = "100%", E.style.transition = "height 0.3s ease-in-out, opacity 0.3s ease-in-out", E.style.overflow = "hidden", E.style.height = "0px", E.style.opacity = "0", this.getElement().appendChild(k), this.getElement().appendChild(E), (i || l) && !s) {
+    if (E.className = "error-messages-container", E.style.width = "100%", E.style.transition = "height 0.3s ease-in-out, opacity 0.3s ease-in-out", E.style.overflow = "hidden", E.style.height = "0px", E.style.opacity = "0", this.getElement().appendChild(k), this.getElement().appendChild(E), (a || l) && !s) {
       const f = new C({
         text: u("validation.cardNumberInvalid")
       });
@@ -1659,19 +1659,19 @@ class $t extends h {
   updateCardType(e) {
     return this.cardNumber.updateCardType(e), this;
   }
-  updateCardExpiry(e, t, a) {
+  updateCardExpiry(e, t, i) {
     this.cardExpiry.setValue(e);
-    const i = this.getElement().querySelector(
+    const a = this.getElement().querySelector(
       ".error-messages-container"
     ), r = this.cardExpiry.getElement().querySelector("input"), s = document.activeElement === r;
-    if (t && a && !s)
+    if (t && i && !s)
       if (this.cardExpiry.setError(!1), this.validationMessages.has("cardExpiry"))
         this.validationMessages.get("cardExpiry")?.setText(t);
       else {
         const l = new C({
           text: t
         });
-        this.validationMessages.set("cardExpiry", l), i.appendChild(l.getElement()), setTimeout(() => this.updateErrorContainerHeight(), 0);
+        this.validationMessages.set("cardExpiry", l), a.appendChild(l.getElement()), setTimeout(() => this.updateErrorContainerHeight(), 0);
       }
     else if (this.cardExpiry.setError(!1), s) {
       const l = this.validationMessages.get("cardExpiry");
@@ -1689,7 +1689,7 @@ class $t extends h {
     const e = this.getCardExpiryValue().trim();
     return this.cardExpiry.setValue(e), this;
   }
-  updateCardNumberValidation(e, t, a, i = !1) {
+  updateCardNumberValidation(e, t, i, a = !1) {
     this.cardNumber.setFocused(e);
     const r = this.getElement().querySelector(
       ".error-messages-container"
@@ -1698,10 +1698,10 @@ class $t extends h {
       const n = this.validationMessages.get("cardNumber");
       return n && (n.getElement().remove(), this.validationMessages.delete("cardNumber"), this.updateErrorContainerHeight()), this;
     }
-    if (!e && i && !s) {
+    if (!e && a && !s) {
       if (!this.validationMessages.has("cardNumber")) {
         const n = new C({
-          text: a("validation.cardNumberInvalid")
+          text: i("validation.cardNumberInvalid")
         });
         this.validationMessages.set("cardNumber", n), r.appendChild(n.getElement()), setTimeout(() => this.updateErrorContainerHeight(), 0);
       }
@@ -1711,15 +1711,15 @@ class $t extends h {
     }
     return this;
   }
-  updateCardCvvValidation(e, t, a, i = !1) {
+  updateCardCvvValidation(e, t, i, a = !1) {
     this.cardCvv.setFocused(e);
     const r = this.getElement().querySelector(
       ".error-messages-container"
     );
-    if (!e && i && !(t !== !1)) {
+    if (!e && a && !(t !== !1)) {
       if (!this.validationMessages.has("cardCvv")) {
         const n = new C({
-          text: a("validation.cardSecurityFormat")
+          text: i("validation.cardSecurityFormat")
         });
         this.validationMessages.set("cardCvv", n), r.appendChild(n.getElement()), setTimeout(() => this.updateErrorContainerHeight(), 0);
       }
@@ -1744,10 +1744,10 @@ class $t extends h {
       if (this.validationMessages.size === 0)
         e.style.height = "0px", e.style.opacity = "0";
       else {
-        const t = e.style.height, a = e.style.overflow;
+        const t = e.style.height, i = e.style.overflow;
         e.style.height = "auto", e.style.overflow = "visible";
-        const i = e.scrollHeight;
-        e.style.overflow = a, e.style.height = t, e.offsetHeight, e.style.height = i + 4 + "px", e.style.opacity = "1";
+        const a = e.scrollHeight;
+        e.style.overflow = i, e.style.height = t, e.offsetHeight, e.style.height = a + 4 + "px", e.style.opacity = "1";
       }
   }
   /**
@@ -1774,15 +1774,15 @@ class Rt {
   constructor(e) {
     const {
       value: t,
-      onChange: a,
-      onBlur: i,
+      onChange: i,
+      onBlur: a,
       error: r,
       errorMsg: s,
       checkoutProfile: n,
       translationFunc: l,
       autocomplete: c = "email"
     } = e;
-    this.input = new z({
+    this.input = new P({
       name: "email",
       label: l("email"),
       // Always hide error initially - we'll show it only on blur if needed
@@ -1800,10 +1800,10 @@ class Rt {
       autocomplete: c,
       // Wrap the original onChange to apply trim and hide errors during typing
       onChange: (d) => {
-        this.input.setError(!1), this.trim(), a(d);
+        this.input.setError(!1), this.trim(), i(d);
       }
     }), this.input.addEventListener("blur", (d) => {
-      r && this.input.setError(r, s), i(d);
+      r && this.input.setError(r, s), a(d);
     });
   }
   getValue() {
@@ -1836,12 +1836,12 @@ class Ht extends h {
   isSubmitting = !1;
   constructor(e) {
     super("div", ["paypal"]);
-    const { formData: t, onSubmit: a } = e;
-    this.formData = t, this.onSubmit = a, this.getElement().style.cursor = a ? "pointer" : "default", this.getElement().style.opacity = "1";
-    const i = document.createElement("div");
-    i.className = "paypal-icon-container";
+    const { formData: t, onSubmit: i } = e;
+    this.formData = t, this.onSubmit = i, this.getElement().style.cursor = i ? "pointer" : "default", this.getElement().style.opacity = "1";
+    const a = document.createElement("div");
+    a.className = "paypal-icon-container";
     const r = document.createElement("img");
-    r.src = Bt, r.style.width = "69px", r.style.height = "22px", r.style.maxWidth = "100%", r.style.display = "block", r.style.height = "auto", i.appendChild(r), this.getElement().appendChild(i), a && this.getElement().addEventListener("click", () => this.handleSubmit());
+    r.src = Bt, r.style.width = "69px", r.style.height = "22px", r.style.maxWidth = "100%", r.style.display = "block", r.style.height = "auto", a.appendChild(r), this.getElement().appendChild(a), i && this.getElement().addEventListener("click", () => this.handleSubmit());
   }
   async handleSubmit() {
     if (!(!this.onSubmit || this.isSubmitting)) {
@@ -1864,14 +1864,14 @@ class Ht extends h {
 }
 class Ot extends h {
   constructor(e) {
-    const { translationFunc: t, checkoutProfile: a } = e;
+    const { translationFunc: t, checkoutProfile: i } = e;
     super("div", ["payment-separator"]);
-    const i = this.getElement(), r = document.createElement("span");
+    const a = this.getElement(), r = document.createElement("span");
     r.className = "payment-separator__line";
     const s = document.createElement("p");
-    s.textContent = t("pay-with-card"), s.className = "payment-separator__text", s.style.fontFamily = `${a.styles.fontFamily}, sans-serif`;
+    s.textContent = t("pay-with-card"), s.className = "payment-separator__text", s.style.fontFamily = `${i.styles.fontFamily}, sans-serif`;
     const n = document.createElement("span");
-    n.className = "payment-separator__line", i.appendChild(r), i.appendChild(s), i.appendChild(n);
+    n.className = "payment-separator__line", a.appendChild(r), a.appendChild(s), a.appendChild(n);
   }
 }
 class Kt extends h {
@@ -1880,8 +1880,8 @@ class Kt extends h {
   constructor(e) {
     const {
       checkoutProfile: t,
-      formData: a,
-      onPaypalSubmit: i,
+      formData: i,
+      onPaypalSubmit: a,
       supportedPaymentMethods: r,
       translationFunc: s
     } = e;
@@ -1906,11 +1906,11 @@ class Kt extends h {
     for (const [l] of n)
       switch (l) {
         case "paypal": {
-          if (i) {
+          if (a) {
             const c = new Ht({
               checkoutProfile: t,
-              formData: a,
-              onSubmit: i
+              formData: i,
+              onSubmit: a
             });
             this.paymentMethods.set("paypal", c), c.appendTo(this.getElement());
           }
@@ -1946,8 +1946,8 @@ class Kt extends h {
     return this.paymentMethods.size > 0 && this.getElement().style.display !== "none";
   }
 }
-const qt = 17;
-class jt extends h {
+const jt = 17;
+class qt extends h {
   styles;
   isHovered = !1;
   constructor(e) {
@@ -1958,7 +1958,7 @@ class jt extends h {
   }
   applyStyles() {
     const e = this.getElement();
-    e.style.backgroundColor = this.isHovered ? `color-mix(in srgb, ${this.styles.backgroundColor} 80%, transparent)` : this.styles.backgroundColor, e.disabled ? (e.style.color = "rgb(150, 150, 150)", e.style.backgroundColor = "rgb(200, 200, 200)") : e.style.color = this.styles.color, e.style.borderRadius = this.styles.borderRadius === qt ? "100vmax" : `${this.styles.borderRadius}px`, e.style.fontSize = `${this.styles.fontSize}px`, e.style.fontFamily = `${this.styles.fontFamily}, sans-serif`;
+    e.style.backgroundColor = this.isHovered ? `color-mix(in srgb, ${this.styles.backgroundColor} 80%, transparent)` : this.styles.backgroundColor, e.disabled ? (e.style.color = "rgb(150, 150, 150)", e.style.backgroundColor = "rgb(200, 200, 200)") : e.style.color = this.styles.color, e.style.borderRadius = this.styles.borderRadius === jt ? "100vmax" : `${this.styles.borderRadius}px`, e.style.fontSize = `${this.styles.fontSize}px`, e.style.fontFamily = `${this.styles.fontFamily}, sans-serif`;
   }
   handleMouseEnter() {
     this.isHovered = !0, this.applyStyles();
@@ -1973,17 +1973,17 @@ class jt extends h {
 class Ut {
   button;
   constructor(e) {
-    const { disabled: t, checkoutProfile: a, translationFunc: i } = e;
-    this.button = new jt({
-      text: i(
-        `buttonTexts.${a?.layout.actionButton.translationKey}`
+    const { disabled: t, checkoutProfile: i, translationFunc: a } = e;
+    this.button = new qt({
+      text: a(
+        `buttonTexts.${i?.layout.actionButton.translationKey}`
       ),
       styles: {
-        backgroundColor: a.styles.buttonColor,
-        color: a.styles.buttonTextColor,
-        fontFamily: a.styles.fontFamily,
-        borderRadius: a.styles.borderRadius,
-        fontSize: a.styles.buttonFontSize
+        backgroundColor: i.styles.buttonColor,
+        color: i.styles.buttonTextColor,
+        fontFamily: i.styles.fontFamily,
+        borderRadius: i.styles.borderRadius,
+        fontSize: i.styles.buttonFontSize
       },
       disabled: t
     });
@@ -1994,8 +1994,8 @@ class Ut {
   setDisabled(e) {
     return this.button.setDisabled(e), this;
   }
-  addEventListener(e, t, a) {
-    return this.button.addEventListener(e, t, a), this;
+  addEventListener(e, t, i) {
+    return this.button.addEventListener(e, t, i), this;
   }
   appendTo(e) {
     return this.button.appendTo(e), this;
@@ -2026,7 +2026,7 @@ class Yt extends h {
   // factories
   formManager = W();
   checkoutProfile;
-  translation = P();
+  translation = z();
   iframeHook;
   constructor(e) {
     super("form", ["form-container"]), this.options = e, this.checkoutProfile = U({
@@ -2048,10 +2048,10 @@ class Yt extends h {
     };
   }
   handleFormStateChange = () => {
-    const { formData: e, errors: t, touched: a } = this.formManager.getFormState(), i = this.iframeHook?.getState() || {};
-    Object.keys(a).forEach((r) => {
-      a[r] && this.localTouchedFields.add(r);
-    }), this.focusManager.handleStateUpdate(e, t, a, i), this.updateFormUI();
+    const { formData: e, errors: t, touched: i } = this.formManager.getFormState(), a = this.iframeHook?.getState() || {};
+    Object.keys(i).forEach((r) => {
+      i[r] && this.localTouchedFields.add(r);
+    }), this.focusManager.handleStateUpdate(e, t, i, a), this.updateFormUI();
   };
   handleProfileStateChange = (e) => {
     if (!e.isLoading)
@@ -2067,12 +2067,14 @@ class Yt extends h {
               console.error("Error loading Google Font:", t);
             }
           this.renderFormComponents(), this.initializeTokenExIframe().catch((t) => {
-            console.error("Error initializing TokenEx iframe:", t);
+            console.error("Error initializing TokenEx iframe:", t), this.hideAllFormComponents(), this.setErrorMessage(
+              this.translation.t("validation.invalid-checkout")
+            );
           });
         } catch (t) {
           console.error("Error in profile state change:", t);
-          const a = e.error || "Failed to load checkout profile data";
-          this.setErrorMessage(a);
+          const i = e.error || "Failed to load checkout profile data";
+          this.setErrorMessage(i);
         }
       else e.error && (console.error("NO profile found", e.error), this.setErrorMessage(e.error), this.setLoadingState(!1));
   };
@@ -2093,12 +2095,12 @@ class Yt extends h {
           );
           return;
         }
-        const { inputStyles: t, formContainerStyle: a } = kt(
+        const { inputStyles: t, formContainerStyle: i } = kt(
           e.checkoutProfile
         );
-        this.applyFormContainerStyles(a);
-        const i = document.getElementById("card-element"), r = document.getElementById("card-cvv-element");
-        if (!i || !r) {
+        this.applyFormContainerStyles(i);
+        const a = document.getElementById("card-element"), r = document.getElementById("card-cvv-element");
+        if (!a || !r) {
           console.error(
             "[Form] Card elements not found, cannot initialize TokenEx iframe."
           );
@@ -2137,13 +2139,13 @@ class Yt extends h {
       this.translation.t,
       this.isCvvTouched
     ), this.cardSection.updateCardType(e.possibleCardType), this.cardSection.setLoading(e.loadingIframe)), e.loadingIframe || this.setLoadingState(!1), this.submitButton && this.submitButton.setDisabled(this.isFormDisabled());
-    const { formData: t, errors: a, touched: i } = this.formManager.getFormState();
-    this.focusManager.handleStateUpdate(t, a, i, e);
+    const { formData: t, errors: i, touched: a } = this.formManager.getFormState();
+    this.focusManager.handleStateUpdate(t, i, a, e);
   };
   createCardSection = (e) => {
     if (!this.cardSection)
       try {
-        const { formData: t, errors: a, touched: i } = this._getFormStateData();
+        const { formData: t, errors: i, touched: a } = this._getFormStateData();
         let r = {
           loadingIframe: !0,
           isFocused: !1,
@@ -2165,8 +2167,8 @@ class Yt extends h {
           // Initially not touched
           cardType: r.possibleCardType,
           cardExpiry: t.cardExpiry,
-          cardExpiryError: a.cardExpiry,
-          cardExpiryTouched: !!i.cardExpiry,
+          cardExpiryError: i.cardExpiry,
+          cardExpiryTouched: !!a.cardExpiry,
           onChange: this.handleChange,
           onBlur: this.handleBlur,
           translationFunc: this.translation.t
@@ -2188,10 +2190,10 @@ class Yt extends h {
   };
   initializeForm() {
     this.setLoadingState(!0), this.options.errorMsg && this.setErrorMessage(this.options.errorMsg);
-    const e = this.options.environment === "test" ? _t : Gt, { cleanup: t, isLoaded: a } = xt({
+    const e = this.options.environment === "test" ? _t : Gt, { cleanup: t, isLoaded: i } = xt({
       scriptSrc: e
     });
-    this.scriptCleanup = t, this.tokenExScriptPromise = a, a.then(() => {
+    this.scriptCleanup = t, this.tokenExScriptPromise = i, i.then(() => {
     }).catch(() => {
       this.setLoadingState(!1), this.setErrorMessage(
         "Failed to load payment system. Please try again later."
@@ -2236,11 +2238,11 @@ class Yt extends h {
     try {
       if (!e?.additionalPaymentMethods)
         return;
-      const a = this.iframeHook?.getState().iframeConfig?.supportedPaymentMethods, { formData: i } = this._getFormStateData();
+      const i = this.iframeHook?.getState().iframeConfig?.supportedPaymentMethods, { formData: a } = this._getFormStateData();
       this.paymentMethods = new Kt({
         checkoutProfile: e,
-        formData: i,
-        supportedPaymentMethods: a,
+        formData: a,
+        supportedPaymentMethods: i,
         translationFunc: this.translation.t,
         onPaypalSubmit: async () => {
           await this.handlePaypalSubmit();
@@ -2249,19 +2251,19 @@ class Yt extends h {
         this.paymentMethods.getElement(),
         this.element.firstChild
       ) : this.element.appendChild(this.paymentMethods.getElement());
-    } catch (a) {
-      throw console.error("Error creating payment methods:", a), a;
+    } catch (i) {
+      throw console.error("Error creating payment methods:", i), i;
     }
   }
   createEmailField(e) {
     try {
-      const { formData: t, errors: a, touched: i } = this._getFormStateData();
+      const { formData: t, errors: i, touched: a } = this._getFormStateData();
       this.emailField = new Rt({
         value: t.email,
         onChange: this.handleChange,
         onBlur: this.handleBlur,
-        error: !!(a.email && i.email),
-        errorMsg: a.email,
+        error: !!(i.email && a.email),
+        errorMsg: i.email,
         checkoutProfile: e,
         translationFunc: this.translation.t
       }), this.emailFocusHandler = () => this.handleFieldFocus("email"), this.emailField.getElement().addEventListener("focus", this.emailFocusHandler, !0), this.focusManager.registerField("email", this.emailField), this.element.appendChild(this.emailField.getElement());
@@ -2271,13 +2273,13 @@ class Yt extends h {
   }
   createCardholderSection(e) {
     try {
-      const { formData: t, errors: a, touched: i } = this._getFormStateData();
+      const { formData: t, errors: i, touched: a } = this._getFormStateData();
       this.cardholderSection = new It({
         value: t.name,
         onChange: this.handleChange,
         onBlur: this.handleBlur,
-        error: !!(a.name && i.name),
-        errorMsg: a.name,
+        error: !!(i.name && a.name),
+        errorMsg: i.name,
         checkoutProfile: e,
         translationFunc: this.translation.t
       });
@@ -2301,14 +2303,14 @@ class Yt extends h {
   // Track locally touched fields to avoid redundant state checks
   localTouchedFields = /* @__PURE__ */ new Set();
   handleChange = (e) => {
-    const t = e.target, { name: a, value: i } = t, r = a;
-    this.formManager.handleChange(r, i), this.localTouchedFields.has(r) || (this.localTouchedFields.add(r), this.formManager.handleBlur(r, i));
+    const t = e.target, { name: i, value: a } = t, r = i;
+    this.formManager.handleChange(r, a), this.localTouchedFields.has(r) || (this.localTouchedFields.add(r), this.formManager.handleBlur(r, a));
     const { formData: s, errors: n, touched: l } = this.formManager.getFormState(), c = this.iframeHook?.getState() || {};
     this.focusManager.handleStateUpdate(s, n, l, c);
   };
   handleBlur = (e) => {
-    const t = e.target, { name: a, value: i } = t, r = a;
-    this.localTouchedFields.add(r), this.formManager.handleBlur(r, i);
+    const t = e.target, { name: i, value: a } = t, r = i;
+    this.localTouchedFields.add(r), this.formManager.handleBlur(r, a);
     const { formData: s, errors: n, touched: l } = this.formManager.getFormState(), c = this.iframeHook?.getState() || {};
     l[r] || this.focusManager.handleStateUpdate(
       s,
@@ -2338,12 +2340,12 @@ class Yt extends h {
       isCvvValid: !1
     };
     this.iframeHook && (t = this.iframeHook.getState());
-    const a = Object.keys(e.errors).length > 0, i = (
+    const i = Object.keys(e.errors).length > 0, a = (
       // Only require card validation if CardSection exists
       (!this.cardSection || t.isCcValid && t.isCvvValid) && !!e.formData.email && !!e.formData.name && // Only require card expiry if CardSection exists
       (!this.cardSection || !!e.formData.cardExpiry)
     );
-    return a || !i || this.isSubmitting;
+    return i || !a || this.isSubmitting;
   }
   setLoadingState(e) {
     if (this.options.onLoadingStateChange) {
@@ -2361,6 +2363,9 @@ class Yt extends h {
   hideSkeleton() {
     this.formSkeleton && (this.formSkeleton.getElement().remove(), this.formSkeleton = void 0);
   }
+  hideAllFormComponents() {
+    this.hideSpinner(), this.hideSkeleton(), this.emailField && (this.emailField.getElement().style.display = "none"), this.cardSection && (this.cardSection.getElement().style.display = "none"), this.cardholderSection && (this.cardholderSection.getElement().style.display = "none"), this.submitButton && (this.submitButton.getElement().style.display = "none"), this.paymentMethods && (this.paymentMethods.getElement().style.display = "none");
+  }
   handleSubmit = async (e) => {
     if (e.preventDefault(), !this.isFormDisabled())
       try {
@@ -2543,11 +2548,11 @@ class Xt {
     const t = document.querySelector(e);
     if (!t)
       throw new Error(`Container ${e} not found`);
-    const a = document.createElement("div");
-    return t.appendChild(a), this.stateManager.updateState({
-      form: a,
+    const i = document.createElement("div");
+    return t.appendChild(i), this.stateManager.updateState({
+      form: i,
       mounted: !0
-    }), this.formManager.mount(a), this;
+    }), this.formManager.mount(i), this;
   }
   unmount() {
     const { mounted: e } = this.stateManager.getState();
@@ -2565,16 +2570,16 @@ class Xt {
     formData: t
   }) {
     try {
-      const a = await this.apiService.authorizePayment({
+      const i = await this.apiService.authorizePayment({
         checkoutKey: this.config.checkoutKey,
         formData: t || null,
         token: e?.token || null,
         paymentId: this.config.paymentId,
         returnUrl: this.config.returnUrl
       });
-      this.handlePaymentResponse(a);
-    } catch (a) {
-      this.handleAuthorizationError(a);
+      this.handlePaymentResponse(i);
+    } catch (i) {
+      this.handleAuthorizationError(i);
     }
   }
   handlePaymentResponse(e) {
@@ -2598,7 +2603,7 @@ export {
   ye as enLocale,
   we as esLocale,
   Ve as frLocale,
-  je as itLocale,
+  qe as itLocale,
   Qe as plLocale,
   lt as ptLocale,
   yt as trLocale