@odus/checkout 0.30.0-beta.3 → 0.30.0

package/dist/elements.es.js

@@ -331,7 +331,7 @@ class q extends d {
   }
 }
 const b = /* @__PURE__ */ new Set(["US", "CA"]);
-class D extends d {
+class O extends d {
   _value = "";
   _country = "";
   _input = null;
@@ -433,7 +433,7 @@ class D extends d {
     return null;
   }
 }
-class O extends d {
+class D extends d {
   _value = "";
   _error = null;
   _input = null;
@@ -448,8 +448,14 @@ class O extends d {
       placeholder: e("address.placeholder.street"),
       value: this._value,
       autocomplete: "street-address",
+      maxLength: this.options.maxLength,
       onChange: (t) => {
-        this._value = t.target.value, this._error = null, this.emit("change", this._value);
+        if (this._value = t.target.value, this._error = null, this.options.maxLength && this._value.length >= this.options.maxLength) {
+          const r = e("validation.maxLengthExceeded");
+          this._error = r.replace("{{max}}", String(this.options.maxLength)), this._input?.setError(!0, this._error);
+        } else
+          this._input?.setError(!1);
+        this.emit("change", this._value);
       }
     }), this._input.addEventListener("blur", () => {
       const { t } = a();
@@ -1218,6 +1224,7 @@ class ue {
   _config;
   _apiService;
   _changeListeners = [];
+  _callbacks;
   _paymentState = {};
   _fontCleanup;
   _card;
@@ -1236,7 +1243,7 @@ class ue {
   _error;
   elements;
   constructor(e) {
-    this._config = e, e.locale && A.setLocale(e.locale), this._apiService = new V(
+    this._config = e, this._callbacks = { ...e.callbacks }, e.locale && A.setLocale(e.locale), this._apiService = new V(
       e.apiKey,
       e.environment
     );
@@ -1269,7 +1276,7 @@ class ue {
     });
     const o = {};
     Object.defineProperty(o, "street", {
-      get: () => (this._addressStreet || (this._addressStreet = new O(), this._trackElement(this._addressStreet)), this._addressStreet),
+      get: () => (this._addressStreet || (this._addressStreet = new D(), this._trackElement(this._addressStreet)), this._addressStreet),
       enumerable: !0
     }), Object.defineProperty(o, "firstName", {
       get: () => (this._addressFirstName || (this._addressFirstName = new j(), this._trackElement(this._addressFirstName)), this._addressFirstName),
@@ -1281,7 +1288,7 @@ class ue {
       get: () => (this._addressCity || (this._addressCity = new L(), this._trackElement(this._addressCity)), this._addressCity),
       enumerable: !0
     }), Object.defineProperty(o, "state", {
-      get: () => (this._addressState || (this._addressState = new D(), this._trackElement(this._addressState)), this._addressState),
+      get: () => (this._addressState || (this._addressState = new O(), this._trackElement(this._addressState)), this._addressState),
       enumerable: !0
     }), Object.defineProperty(o, "zipCode", {
       get: () => (this._addressZipCode || (this._addressZipCode = new Z(), this._trackElement(this._addressZipCode)), this._addressZipCode),
@@ -1409,6 +1416,9 @@ class ue {
   destroy() {
     this._fontCleanup?.(), this._card?.destroy(), this._email?.destroy(), this._phone?.destroy(), this._addressStreet?.destroy(), this._addressFirstName?.destroy(), this._addressLastName?.destroy(), this._cardholderName?.destroy(), this._addressCity?.destroy(), this._addressState?.destroy(), this._addressZipCode?.destroy(), this._addressCountry?.destroy(), this._applePay?.destroy(), this._paypal?.destroy(), this._error?.destroy(), this._changeListeners.length = 0;
   }
+  setCallbacks(e) {
+    Object.assign(this._callbacks, e);
+  }
   _trackElement(e) {
     e.on("change", () => {
       for (const t of this._changeListeners)
@@ -1454,22 +1464,20 @@ class ue {
   }
   _handlePaymentResponse(e) {
     if (e.latestTransaction.status === "authorized") {
-      this._config.callbacks?.onPaymentSucceeded?.(
+      this._callbacks.onPaymentSucceeded?.(
         e.latestTransaction.status
       );
       return;
     }
     if (e.latestTransaction.status === "failed") {
-      this._config.callbacks?.onPaymentFailed?.(
-        e.latestTransaction.status
-      );
+      this._callbacks.onPaymentFailed?.(e.latestTransaction.status);
       return;
     }
-    e.status === "requires_action" && this._config.callbacks?.onActionRequired?.(e.action.redirectUrl);
+    e.status === "requires_action" && this._callbacks.onActionRequired?.(e.action.redirectUrl);
   }
   _handleAuthorizationError(e) {
     const t = e.details?.message ?? "Payment failed";
-    this._config.callbacks?.onPaymentFailed?.(t), this._error?.isMounted && this._error.setError(t);
+    this._callbacks.onPaymentFailed?.(t), this._error?.isMounted && this._error.setError(t);
   }
 }
 export {
@@ -1477,8 +1485,8 @@ export {
   T as AddressCountryElement,
   j as AddressFirstNameElement,
   q as AddressLastNameElement,
-  D as AddressStateElement,
-  O as AddressStreetElement,
+  O as AddressStateElement,
+  D as AddressStreetElement,
   Z as AddressZipCodeElement,
   U as ApplePayElement,
   d as BaseElement,

package/dist/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@odus/checkout",
-  "version": "0.30.0-beta.3",
+  "version": "0.30.0",
   "displayName": "Odus Checkout SDK",
   "keywords": [
     "odus",
@@ -36,6 +36,11 @@
   },
   "nx": {
     "targets": {
+      "vite:build": {
+        "dependsOn": [
+          "^build"
+        ]
+      },
       "test": {
         "cache": true,
         "inputs": [