@odus/checkout 0.5.6 → 0.5.7

package/dist/checkout.es.js

@@ -469,24 +469,24 @@ const z = {
     const E = {
       ...d.formData,
       [l]: u
-    }, y = { ...d.errors };
+    }, g = { ...d.errors };
     if (d.touched[l]) {
       const m = t(l, u);
-      m ? y[l] = m : delete y[l];
+      m ? g[l] = m : delete g[l];
     }
     e.setState({
       formData: E,
-      errors: y,
+      errors: g,
       isValid: i(E)
     });
   }, n = (l, c) => {
     const d = e.getState(), u = {
       ...d.touched,
       [l]: !0
-    }, E = t(l, c), y = { ...d.errors };
-    E ? y[l] = E : delete y[l], e.setState({
+    }, E = t(l, c), g = { ...d.errors };
+    E ? g[l] = E : delete g[l], e.setState({
       touched: u,
-      errors: y
+      errors: g
     });
   }, o = (l) => {
     const d = {
@@ -566,11 +566,11 @@ function Q({
     const m = r.getState();
     if (!m.iframeConfig || !e)
       return;
-    const g = document.getElementById("card-element"), f = document.getElementById("card-cvv-element");
-    if (!g || !f)
+    const y = document.getElementById("card-element"), f = document.getElementById("card-cvv-element");
+    if (!y || !f)
       throw new Error("Card elements not found in DOM");
     console.log("✅ TokenEx iframe initializing successfully:", {
-      cardElementId: g.id,
+      cardElementId: y.id,
       cvvElementId: f.id,
       timestamp: (/* @__PURE__ */ new Date()).toISOString()
     }), n = new globalThis.TokenEx.Iframe("card-element", {
@@ -627,12 +627,12 @@ function Q({
     ), n.load();
   }, c = () => {
     let m = 0;
-    const g = X;
+    const y = X;
     console.warn(
       "Card elements not found in DOM, retrying iframe initialization..."
     );
     const f = () => {
-      if (m++, m > g) {
+      if (m++, m > y) {
         console.error("Failed to find card elements after maximum retries");
         return;
       }
@@ -648,7 +648,7 @@ function Q({
           } catch (v) {
             console.error("Failed to create TokenEx iframe:", v);
           }
-        else m < g && f();
+        else m < y && f();
       }, p);
     };
     f();
@@ -659,12 +659,8 @@ function Q({
       console.error("TokenEx script not loaded correctly");
       return;
     }
-    const g = document.getElementById("card-element"), f = document.getElementById("card-cvv-element");
-    if (console.log("🔍 TokenEx iframe initialization check:", {
-      cardElementExists: !!g,
-      cvvElementExists: !!f,
-      timestamp: (/* @__PURE__ */ new Date()).toISOString()
-    }), !g || !f) {
+    const y = document.getElementById("card-element"), f = document.getElementById("card-cvv-element");
+    if (!y || !f) {
       c();
       return;
     }
@@ -677,15 +673,15 @@ function Q({
     s && await o();
   }, E = () => {
     n && (n.remove(), n = null);
-  }, y = async (m) => {
-    n && (n.on("tokenize", async function(g) {
-      await m(g);
+  }, g = async (m) => {
+    n && (n.on("tokenize", async function(y) {
+      await m(y);
     }), n.tokenize());
   };
   return {
     getState: r.getState.bind(r),
     subscribe: r.subscribe.bind(r),
-    tokenize: y,
+    tokenize: g,
     cleanup: E,
     initialize: u
   };
@@ -1411,9 +1407,9 @@ class Pt extends h {
       cardExpiryError: d,
       cardExpiryTouched: u,
       onChange: E,
-      onBlur: y,
+      onBlur: g,
       translationFunc: m,
-      cardExpiryAutocomplete: g = "cc-exp"
+      cardExpiryAutocomplete: y = "cc-exp"
     } = e, f = document.createElement("div");
     f.className = "card-grid", this.cardNumber = new At({
       styles: {
@@ -1433,7 +1429,7 @@ class Pt extends h {
       error: !!(d && u),
       errorMsg: d,
       value: c,
-      autocomplete: g,
+      autocomplete: y,
       onChange: (v) => {
         this.trimCardExpiry(), E(v);
       },
@@ -1443,7 +1439,7 @@ class Pt extends h {
         fontSize: t.styles.fontSize,
         fontFamily: t.styles.fontFamily
       }
-    }), this.cardExpiry.addEventListener("blur", y), this.cardExpiry.addEventListener("keydown", (v) => {
+    }), this.cardExpiry.addEventListener("blur", g), this.cardExpiry.addEventListener("keydown", (v) => {
       const M = v;
       ![
         "Backspace",
@@ -1611,18 +1607,17 @@ class Vt extends h {
   paymentMethods;
   constructor(e) {
     const { checkoutProfile: t, formData: a, onPaypalSubmit: i } = e;
-    if (!t?.additionalPaymentMethods) {
-      super("div", ["payment-methods"]), this.paymentMethods = /* @__PURE__ */ new Map(), this.getElement().style.display = "none";
+    if (super("div", ["payment-methods"]), this.paymentMethods = /* @__PURE__ */ new Map(), !t?.additionalPaymentMethods) {
+      this.getElement().style.display = "none";
       return;
     }
     const r = Object.entries(
       t.additionalPaymentMethods
     ).filter(([, n]) => n.enabled).sort((n, o) => n[1].order - o[1].order);
     if (r.length === 0) {
-      super("div", ["payment-methods"]), this.paymentMethods = /* @__PURE__ */ new Map(), this.getElement().style.display = "none";
+      this.getElement().style.display = "none";
       return;
     }
-    super("div", ["payment-methods"]), this.paymentMethods = /* @__PURE__ */ new Map();
     for (const [n] of r)
       switch (n) {
         case "paypal": {
@@ -1774,51 +1769,48 @@ class Ut extends h {
       console.error("Cannot initialize iframe: No checkout profile available");
       return;
     }
-    if (this.iframeHook) {
-      console.log("TokenEx iframe already initialized, skipping");
-      return;
-    }
-    try {
-      if (!("TokenEx" in globalThis))
-        return console.log("TokenEx not available yet, retrying..."), new Promise((n) => {
-          setTimeout(() => {
-            this.initializeTokenExIframe().then(n);
-          }, 500);
-        });
-      const { inputStyles: t, formContainerStyle: a } = Ft(
-        e.checkoutProfile
-      );
-      this.applyFormContainerStyles(a);
+    if (!this.iframeHook)
       try {
-        this.cardSection || (this.createCardSection(e.checkoutProfile), console.log("✅ Card element check before iframe initialization:", {
-          cardElementExists: !!document.getElementById("card-element"),
-          cvvElementExists: !!document.getElementById("card-cvv-element"),
-          timestamp: (/* @__PURE__ */ new Date()).toISOString()
-        }));
-      } catch (n) {
-        console.error("Failed to create card section:", n);
-      }
-      const i = document.getElementById("card-element"), r = document.getElementById("card-cvv-element");
-      if (!i || !r) {
-        console.error(
-          "Card elements not found, cannot initialize TokenEx iframe"
+        if (!("TokenEx" in globalThis))
+          return new Promise((n) => {
+            setTimeout(() => {
+              this.initializeTokenExIframe().then(n);
+            }, 500);
+          });
+        const { inputStyles: t, formContainerStyle: a } = Ft(
+          e.checkoutProfile
         );
-        return;
+        this.applyFormContainerStyles(a);
+        try {
+          this.cardSection || (this.createCardSection(e.checkoutProfile), console.log("✅ Card element check before iframe initialization:", {
+            cardElementExists: !!document.getElementById("card-element"),
+            cvvElementExists: !!document.getElementById("card-cvv-element"),
+            timestamp: (/* @__PURE__ */ new Date()).toISOString()
+          }));
+        } catch (n) {
+          console.error("Failed to create card section:", n);
+        }
+        const i = document.getElementById("card-element"), r = document.getElementById("card-cvv-element");
+        if (!i || !r) {
+          console.error(
+            "Card elements not found, cannot initialize TokenEx iframe"
+          );
+          return;
+        }
+        this.iframeHook = Q({
+          apiKey: this.options.apiKey,
+          checkoutProfile: e.checkoutProfile,
+          inputStyles: t,
+          setFormData: (n) => {
+            this.formManager.setFormData(n);
+          },
+          environment: this.options.environment
+        }), this.iframeHook?.subscribe(this.handleIframeStateChange), await this.iframeHook?.initialize(), console.log("✅ TokenEx iframe initialized successfully:", {
+          timestamp: (/* @__PURE__ */ new Date()).toISOString()
+        });
+      } catch (t) {
+        throw console.error("Failed to initialize payment form:", t), t;
       }
-      this.iframeHook = Q({
-        apiKey: this.options.apiKey,
-        checkoutProfile: e.checkoutProfile,
-        inputStyles: t,
-        setFormData: (n) => {
-          this.formManager.setFormData(n);
-        },
-        environment: this.options.environment
-      }), this.iframeHook?.subscribe(this.handleIframeStateChange), await this.iframeHook?.initialize(), console.log("✅ TokenEx iframe initialized successfully:", {
-        timestamp: (/* @__PURE__ */ new Date()).toISOString()
-      });
-    } catch (t) {
-      throw console.error("Failed to initialize payment form:", t), t;
-    }
   };
   handleIframeStateChange = (e) => {
     this.cardSection && (this.cardSection.updateCardNumberValidation(
@@ -1892,9 +1884,6 @@ class Ut extends h {
   renderFormComponents() {
     if (this.emailField)
       return;
-    console.log("🏗️ Starting form components rendering:", {
-      timestamp: (/* @__PURE__ */ new Date()).toISOString()
-    });
     const e = this.checkoutProfile.getState();
     if (!e.checkoutProfile) {
       this.setErrorMessage("Failed to load checkout configuration");
@@ -1920,15 +1909,6 @@ class Ut extends h {
     } catch (t) {
       console.error("Failed to create submit button:", t);
     }
-    console.log("✅ Form components rendered successfully:", {
-      timestamp: (/* @__PURE__ */ new Date()).toISOString(),
-      components: {
-        paymentMethods: !!this.paymentMethods,
-        emailField: !!this.emailField,
-        cardholderSection: !!this.cardholderSection,
-        submitButton: !!this.submitButton
-      }
-    });
   }
   createPaymentMethods(e) {
     try {
@@ -1951,7 +1931,7 @@ class Ut extends h {
         onPaypalSubmit: async () => {
           await this.handlePaypalSubmit();
         }
-      }), this.element.appendChild(this.paymentMethods.getElement()), console.log("✅ Payment methods created successfully");
+      }), this.element.appendChild(this.paymentMethods.getElement());
     } catch (t) {
       throw console.error("Error creating payment methods:", t), t;
     }
@@ -1967,7 +1947,7 @@ class Ut extends h {
         errorMsg: a.email,
         checkoutProfile: e,
         translationFunc: this.translation.t
-      }), this.element.appendChild(this.emailField.getElement()), console.log("✅ Email field created successfully");
+      }), this.element.appendChild(this.emailField.getElement());
     } catch (t) {
       throw console.error("Error creating email field:", t), t;
     }
@@ -1983,7 +1963,7 @@ class Ut extends h {
         errorMsg: a.name,
         checkoutProfile: e,
         translationFunc: this.translation.t
-      }), this.element.appendChild(this.cardholderSection.getElement()), console.log("✅ Cardholder section created successfully");
+      }), this.element.appendChild(this.cardholderSection.getElement());
     } catch (t) {
       throw console.error("Error creating cardholder section:", t), t;
     }
@@ -1994,7 +1974,7 @@ class Ut extends h {
         disabled: this.isFormDisabled(),
         checkoutProfile: e,
         translationFunc: this.translation.t
-      }), this.element.appendChild(this.submitButton.getElement()), console.log("✅ Submit button created successfully");
+      }), this.element.appendChild(this.submitButton.getElement());
     } catch (t) {
       throw console.error("Error creating submit button:", t), t;
     }

package/dist/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@odus/checkout",
-  "version": "0.5.6",
+  "version": "0.5.7",
   "displayName": "Odus Checkout SDK",
   "keywords": [
     "odus",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@odus/checkout",
-  "version": "0.5.6",
+  "version": "0.5.7",
   "displayName": "Odus Checkout SDK",
   "keywords": [
     "odus",