@odus/checkout 0.14.0-beta.2 → 0.14.0

package/dist/checkout.es.js

@@ -276,7 +276,7 @@ var ut = (
       return a > 0 && (i += ".incomplete"), i;
     }, n;
   }()
-), Qt = (
+), Wt = (
   /** @class */
   function() {
     function n(t, e, r, i, s) {
@@ -506,7 +506,7 @@ var ut = (
       return this.tagClass === 0 && this.tagNumber === 0;
     }, n;
   }()
-), V, Wt = 244837814094590, Tt = (Wt & 16777215) == 15715070, T = [2, 3, 5, 7, 11, 13, 17, 19, 23, 29, 31, 37, 41, 43, 47, 53, 59, 61, 67, 71, 73, 79, 83, 89, 97, 101, 103, 107, 109, 113, 127, 131, 137, 139, 149, 151, 157, 163, 167, 173, 179, 181, 191, 193, 197, 199, 211, 223, 227, 229, 233, 239, 241, 251, 257, 263, 269, 271, 277, 281, 283, 293, 307, 311, 313, 317, 331, 337, 347, 349, 353, 359, 367, 373, 379, 383, 389, 397, 401, 409, 419, 421, 431, 433, 439, 443, 449, 457, 461, 463, 467, 479, 487, 491, 499, 503, 509, 521, 523, 541, 547, 557, 563, 569, 571, 577, 587, 593, 599, 601, 607, 613, 617, 619, 631, 641, 643, 647, 653, 659, 661, 673, 677, 683, 691, 701, 709, 719, 727, 733, 739, 743, 751, 757, 761, 769, 773, 787, 797, 809, 811, 821, 823, 827, 829, 839, 853, 857, 859, 863, 877, 881, 883, 887, 907, 911, 919, 929, 937, 941, 947, 953, 967, 971, 977, 983, 991, 997], Xt = (1 << 26) / T[T.length - 1], p = (
+), V, Qt = 244837814094590, Tt = (Qt & 16777215) == 15715070, T = [2, 3, 5, 7, 11, 13, 17, 19, 23, 29, 31, 37, 41, 43, 47, 53, 59, 61, 67, 71, 73, 79, 83, 89, 97, 101, 103, 107, 109, 113, 127, 131, 137, 139, 149, 151, 157, 163, 167, 173, 179, 181, 191, 193, 197, 199, 211, 223, 227, 229, 233, 239, 241, 251, 257, 263, 269, 271, 277, 281, 283, 293, 307, 311, 313, 317, 331, 337, 347, 349, 353, 359, 367, 373, 379, 383, 389, 397, 401, 409, 419, 421, 431, 433, 439, 443, 449, 457, 461, 463, 467, 479, 487, 491, 499, 503, 509, 521, 523, 541, 547, 557, 563, 569, 571, 577, 587, 593, 599, 601, 607, 613, 617, 619, 631, 641, 643, 647, 653, 659, 661, 673, 677, 683, 691, 701, 709, 719, 727, 733, 739, 743, 751, 757, 761, 769, 773, 787, 797, 809, 811, 821, 823, 827, 829, 839, 853, 857, 859, 863, 877, 881, 883, 887, 907, 911, 919, 929, 937, 941, 947, 953, 967, 971, 977, 983, 991, 997], Xt = (1 << 26) / T[T.length - 1], p = (
   /** @class */
   function() {
     function n(t, e, r) {
@@ -1904,7 +1904,7 @@ var xe = /* @__PURE__ */ function() {
     }
     return t.prototype.parseKey = function(e) {
       try {
-        var r = 0, i = 0, s = /^\s*(?:[0-9A-Fa-f][0-9A-Fa-f]\s*)+$/, a = s.test(e) ? Zt.decode(e) : mt.unarmor(e), o = Qt.decode(a);
+        var r = 0, i = 0, s = /^\s*(?:[0-9A-Fa-f][0-9A-Fa-f]\s*)+$/, a = s.test(e) ? Zt.decode(e) : mt.unarmor(e), o = Wt.decode(a);
         if (o.sub.length === 3 && (o = o.sub[2].sub[0]), o.sub.length === 9) {
           r = o.sub[1].getHexStringValue(), this.n = C(r, 16), i = o.sub[2].getHexStringValue(), this.e = parseInt(i, 16);
           var l = o.sub[3].getHexStringValue();
@@ -2076,7 +2076,13 @@ class De {
   browserInfo;
   publicKey;
   constructor(t, e, r) {
-    this.apiKey = t, this.baseUrl = gt(e), this.publicKey = e === "test" ? Fe : Me, this.browserInfo = r || { userAgent: navigator.userAgent };
+    this.apiKey = t, this.baseUrl = gt(e), this.publicKey = e === "test" ? Fe : Me, this.browserInfo = r || {
+      colorDepth: screen.colorDepth,
+      javaEnabled: navigator.javaEnabled(),
+      screenHeight: screen.height,
+      screenWidth: screen.width,
+      timeZoneOffset: (/* @__PURE__ */ new Date()).getTimezoneOffset().toString()
+    };
   }
   async fetchApi({
     endpoint: t,
@@ -2359,7 +2365,7 @@ function Pe({
     reload: s
   };
 }
-const Q = (n) => {
+const W = (n) => {
   const t = n.replace(/\s/g, "");
   return /^4\d{0,15}$/.test(t) ? "visa" : /^(5[1-5]\d{4}|677189|222[1-9]\d{2}|22[3-9]\d{3}|2[3-6]\d{4}|27[01]\d{3}|2720\d{2})\d{0,13}$/.test(
     t
@@ -2576,7 +2582,7 @@ const Q = (n) => {
       const r = e.replace(/\s/g, "");
       if (!r)
         return n("validation.cardNumberInvalid");
-      const i = Q(r);
+      const i = W(r);
       if (i === "unknown")
         return n("validation.cardNumberInvalid");
       const s = i === "amex" ? 15 : 16;
@@ -2587,7 +2593,7 @@ const Q = (n) => {
       const i = e.replace(/\s/g, "");
       if (!i || !/^\d+$/.test(i))
         return n("validation.cardSecurityFormat");
-      const a = (r ? Q(r) : "unknown") === "amex" ? 4 : 3;
+      const a = (r ? W(r) : "unknown") === "amex" ? 4 : 3;
       if (i.length !== a)
         return n("validation.cardSecurityFormat");
     }
@@ -2633,7 +2639,7 @@ const Q = (n) => {
     let d = c;
     if (l in J)
       if (l === "cardCvv") {
-        const E = Q(u.formData.cardNumber) === "amex" ? 4 : 3;
+        const E = W(u.formData.cardNumber) === "amex" ? 4 : 3;
         d = J.cardCvv(c, E);
       } else
         d = J[l](c);
@@ -2687,9 +2693,9 @@ const Q = (n) => {
   "pay-with-card": "oder mit Karte bezahlen",
   buttonTexts: Ze,
   validation: Ye
-}, Qe = "Email", We = "Cardholder name", Xe = "Card information", tr = "Full name on card", er = "MM / YY", rr = "Do not close the window", ir = { pay: "PAY", submit: "SUBMIT", getPlan: "GET MY PLAN", donate: "DONATE", book: "BOOK NOW", order: "ORDER NOW" }, nr = { 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" }, sr = {
-  email: Qe,
-  cardholderNameLabel: We,
+}, We = "Email", Qe = "Cardholder name", Xe = "Card information", tr = "Full name on card", er = "MM / YY", rr = "Do not close the window", ir = { pay: "PAY", submit: "SUBMIT", getPlan: "GET MY PLAN", donate: "DONATE", book: "BOOK NOW", order: "ORDER NOW" }, nr = { 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" }, sr = {
+  email: We,
+  cardholderNameLabel: Qe,
   cardInformation: Xe,
   cardholderNamePlaceholder: tr,
   cardExpiry: er,
@@ -2747,9 +2753,9 @@ const Q = (n) => {
   "pay-with-card": "ou pagar com cartão",
   buttonTexts: Zr,
   validation: Yr
-}, Qr = "E-posta", Wr = "Kart sahibinin adı", Xr = "Kart bilgileri", ti = "Kart üzerindeki tam ad", ei = "AA / YY", ri = "Lütfen pencereyi kapatmayın", ii = { pay: "ÖDE", submit: "GÖNDER", getPlan: "PLANIMI AL", donate: "BAĞIŞ YAP", book: "ŞİMDİ REZERVASYON YAP", order: "ŞİMDİ SİPARİŞ VER" }, ni = { 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ı" }, si = {
-  email: Qr,
-  cardholderNameLabel: Wr,
+}, Wr = "E-posta", Qr = "Kart sahibinin adı", Xr = "Kart bilgileri", ti = "Kart üzerindeki tam ad", ei = "AA / YY", ri = "Lütfen pencereyi kapatmayın", ii = { pay: "ÖDE", submit: "GÖNDER", getPlan: "PLANIMI AL", donate: "BAĞIŞ YAP", book: "ŞİMDİ REZERVASYON YAP", order: "ŞİMDİ SİPARİŞ VER" }, ni = { 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ı" }, si = {
+  email: Wr,
+  cardholderNameLabel: Qr,
   cardInformation: Xr,
   cardholderNamePlaceholder: ti,
   cardExpiry: ei,
@@ -3183,7 +3189,7 @@ class di extends S {
     e.style.fontFamily = "inherit", e.style.color = t.styles.color, e.style.fontSize = `${t.styles.fontSize}px`;
   }
 }
-class W extends S {
+class Q extends S {
   inputElement;
   helperText = null;
   constructor(t) {
@@ -3248,7 +3254,7 @@ class fi {
       translationFunc: o,
       autocomplete: l = "cc-name"
     } = t;
-    this.input = new W({
+    this.input = new Q({
       name: "name",
       label: o("cardholderNameLabel"),
       // Always hide error initially - we'll show it only on blur if needed
@@ -3301,7 +3307,7 @@ class mi {
   constructor(t) {
     this.options = t, this.currentMaxLength = this.getMaxLengthForCardBrand(
       t.cardBrand || "unknown"
-    ), this.input = new W({
+    ), this.input = new Q({
       name: "cardCvv",
       placeholder: "CVV",
       type: "tel",
@@ -3384,7 +3390,7 @@ class Ei {
   wrapper;
   inputContainer = null;
   constructor(t) {
-    this.options = t, this.wrapper = document.createElement("div"), this.wrapper.style.position = "relative", this.input = new W({
+    this.options = t, this.wrapper = document.createElement("div"), this.wrapper.style.position = "relative", this.input = new Q({
       name: "cardNumber",
       label: t.translationFunc?.("cardInformation") ?? "Card number",
       placeholder: "1234 5678 9012 3456",
@@ -3426,7 +3432,7 @@ class Ei {
   }
   handleChange = (t) => {
     let i = t.target.value.replace(/\D/g, "");
-    const s = Q(i), a = s === "amex" ? 15 : 16;
+    const s = W(i), a = s === "amex" ? 15 : 16;
     i = i.slice(0, a);
     const o = J.cardNumber(i);
     this.input.setValue(o), this.currentCardBrand = s, this.updateCardIcons(this.currentCardBrand), this.options.onChange && this.options.onChange(o, this.currentCardBrand);
@@ -3444,7 +3450,7 @@ class Ei {
     return this.input.getValue();
   }
   setValue(t) {
-    this.input.setValue(t), this.currentCardBrand = Q(t), this.updateCardIcons(this.currentCardBrand);
+    this.input.setValue(t), this.currentCardBrand = W(t), this.updateCardIcons(this.currentCardBrand);
   }
   setError(t) {
     this.input.getElement().querySelector(".form-input")?.classList.toggle("form-input-error", t);
@@ -3508,7 +3514,7 @@ class bi extends S {
       }
     }), r && this.cardNumberElement.setValue(r), y.appendChild(this.cardNumberElement.getElement());
     const E = document.createElement("div");
-    E.className = "card-details", this.cardExpiry = new W({
+    E.className = "card-details", this.cardExpiry = new Q({
       name: "cardExpiry",
       type: "tel",
       placeholder: m("cardExpiry"),
@@ -3608,7 +3614,7 @@ class Si {
       translationFunc: l,
       autocomplete: c = "email"
     } = t;
-    this.input = new W({
+    this.input = new Q({
       name: "email",
       label: l("email"),
       // Always hide error initially - we'll show it only on blur if needed
@@ -4390,18 +4396,18 @@ class Ri extends S {
   async handleSubmit() {
     if (!this.stateCoordinator.isFormDisabled())
       try {
-        this.stateCoordinator.setSubmitting(!0), this.updateFormUI(), this.uiManager.showSpinner(this.translation.t("loading")), await this.options.onSubmit({
+        this.stateCoordinator.setSubmitting(!0), this.updateFormUI(), this.options.onLoadingStateChange?.(!0), this.uiManager.showSpinner(this.translation.t("loading")), await this.options.onSubmit({
           formData: this.formManager.getFormState().formData
-        }), this.uiManager.hideSpinner(), this.stateCoordinator.setSubmitting(!1), this.updateFormUI();
+        }), this.uiManager.hideSpinner(), this.options.onLoadingStateChange?.(!1), this.stateCoordinator.setSubmitting(!1), this.updateFormUI();
       } catch {
         this.handleSubmitError("Payment processing failed. Please try again.");
       }
   }
   handleSubmitError(t) {
-    this.uiManager.hideSpinner(), this.stateCoordinator.setSubmitting(!1), this.uiManager.setErrorMessage(t), this.updateFormUI();
+    this.uiManager.hideSpinner(), this.options.onLoadingStateChange?.(!1), this.stateCoordinator.setSubmitting(!1), this.uiManager.setErrorMessage(t), this.updateFormUI();
   }
   async handlePaypalSubmit() {
-    this.stateCoordinator.setSubmitting(!0), this.updateFormUI(), this.uiManager.showSpinner(this.translation.t("loading"));
+    this.stateCoordinator.setSubmitting(!0), this.updateFormUI(), this.options.onLoadingStateChange?.(!0), this.uiManager.showSpinner(this.translation.t("loading"));
     try {
       await this.options.onSubmit({
         formData: null
@@ -4409,7 +4415,7 @@ class Ri extends S {
     } catch {
       this.uiManager.setErrorMessage(
         "PayPal processing failed. Please try again."
-      ), this.uiManager.hideSpinner(), this.stateCoordinator.setSubmitting(!1), this.updateFormUI();
+      ), this.uiManager.hideSpinner(), this.options.onLoadingStateChange?.(!1), this.stateCoordinator.setSubmitting(!1), this.updateFormUI();
     }
   }
   setErrorMessage(t) {

package/dist/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@odus/checkout",
-  "version": "0.14.0-beta.2",
+  "version": "0.14.0",
   "displayName": "Odus Checkout SDK",
   "keywords": [
     "odus",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@odus/checkout",
-  "version": "0.14.0-beta.2",
+  "version": "0.14.0",
   "displayName": "Odus Checkout SDK",
   "keywords": [
     "odus",