@zonos/elements 1.3.204 → 1.3.205

package/dist/collection/components/store/checkout/stripe.js

@@ -691,7 +691,8 @@ const stripeStoreInitCheckoutSession = async () => {
     if (errors.length || !json) {
         const messages = (_a = errors.find(error => error.message)) === null || _a === void 0 ? void 0 : _a.message;
         // check if the error is related to expired cart and thow error so we can show error message accordingly
-        if (messages.some(message => message.message === 'Cart is expired.')) {
+        if (Array.isArray(messages) &&
+            messages.some(message => message.message === 'Cart is expired.')) {
             throw new Error('Cart is expired.');
         }
         logError('Error occurred when creating checkout session', JSON.stringify(errors, null, 2));

package/dist/collection/components/stripe/zonos-address/zonos-address.js

@@ -20,6 +20,27 @@ export class ZonosAddress {
          * Google autocomplete overlay is conflict with our button, this is to adjust z index of the autocomplete
          */
         this.isAutoCompleteAdjusted = false;
+        /**
+         * Default address for stripe
+         */
+        this.defaultAddress = [];
+        /**
+         * Error message for tax id input
+         */
+        this.taxIdErrorMessage = '';
+        this.stripe = window.Zonos.stripe;
+        /**
+         * Check if the address is dirty or not to scroll into view. When the component is mounted, if the data is filled with address line 1, it's considered dirty
+         */
+        this.isDirtyAddress = false;
+        /**
+         * Local address event for stripe address element
+         */
+        this.isAddressFilled = false;
+        /**
+         * Local checkout session id to check if the address is filled after checkout is loaded
+         */
+        this.checkoutSessionId = storageStore.checkoutSessionId;
         /**
          * Check if the tracking event is sent
          */
@@ -32,14 +53,6 @@ export class ZonosAddress {
             onCheckoutSessionIdChange();
             this.onStoreCheckoutSessionIdChangedSubscription = storageStoreOnChange('checkoutSessionId', onCheckoutSessionIdChange);
         };
-        this.type = undefined;
-        this.titleText = undefined;
-        this.defaultAddress = [];
-        this.taxIdErrorMessage = '';
-        this.stripe = window.Zonos.stripe;
-        this.isDirtyAddress = false;
-        this.isAddressFilled = false;
-        this.checkoutSessionId = storageStore.checkoutSessionId;
     }
     getStripeAddressInstance() {
         if (this.type === 'billing') {

package/dist/collection/components/stripe/zonos-custom-address/zonos-address-suggestions/zonos-address-suggestions.js

@@ -9,6 +9,19 @@ import RemoveIcon from "./assets/RemoveIcon.svg";
  */
 export class ZonosAddressSuggestions {
     constructor() {
+        /**
+         * Suggestions to display
+         */
+        this.suggestions = [];
+        /**
+         * Selected suggestion id
+         */
+        this.selectedSuggestionId = null;
+        /**
+         * Local suggestions to display
+         */
+        this.localSuggestions = [];
+        this.lastHoveredSuggestionId = null;
         /**
          * Handle clicks outside of the suggestions component
          */
@@ -17,11 +30,6 @@ export class ZonosAddressSuggestions {
                 this.localSuggestions = [];
             }
         };
-        this.type = undefined;
-        this.suggestions = [];
-        this.selectedSuggestionId = null;
-        this.localSuggestions = [];
-        this.lastHoveredSuggestionId = null;
     }
     suggestionsChanged() {
         var _a, _b;

package/dist/collection/components/stripe/zonos-custom-address/zonos-custom-address.js

@@ -31,6 +31,74 @@ import { countryRequireTaxId, shipToTaxIdLabels, } from "../../../types/checkout
 export class ZonosAddress {
     constructor() {
         this.onStoreCheckoutSessionIdChangedSubscription = () => { };
+        /**
+         * Default address for stripe
+         */
+        this.defaultAddress = [];
+        /**
+         * Error message for tax id input
+         */
+        this.taxIdErrorMessage = '';
+        this.stripe = window.Zonos.stripe;
+        /**
+         * Check if the address is dirty or not to scroll into view. When the component is mounted, if the data is filled with address line 1, it's considered dirty
+         */
+        this.isDirtyAddress = false;
+        /**
+         * Local address event for stripe address element
+         */
+        this.isAddressFilled = false;
+        /**
+         * Whether the address line 1 is already entered greater than 3 characters once
+         */
+        this.isAddressLine1Entered = false;
+        /**
+         * Address suggestions from google place api
+         */
+        this.addressSuggestions = [];
+        /**
+         * Country fields for the current country
+         */
+        this.countryField = null;
+        /**
+         * Whether to start google place suggestions
+         */
+        this.startGooglePlaceSuggestions = false;
+        /**
+         * List of countries to show in the address element
+         */
+        this.shipToCountries = null;
+        /**
+         * Shipping zones from localization
+         */
+        this.shippingZones = null;
+        this.city = '';
+        this.country = '';
+        this.firstName = '';
+        this.lastName = '';
+        this.line1 = '';
+        this.line2 = null;
+        this.phone = '';
+        this.postalCode = '';
+        this.state = '';
+        this.cityError = '';
+        this.stateError = '';
+        this.postalCodeError = '';
+        this.phoneError = '';
+        this.firstNameError = '';
+        this.lastNameError = '';
+        /**
+         * Whether the address element is loaded
+         */
+        this.isFirstInitialization = true;
+        /**
+         * Address service instance
+         */
+        this.addressService = null;
+        /**
+         * Local checkout session id to check if the address is filled after checkout is loaded
+         */
+        this.checkoutSessionId = storageStore.checkoutSessionId;
         /**
          * Whether the suggestion is clicked
          */
@@ -193,37 +261,6 @@ export class ZonosAddress {
             onCheckoutSessionIdChange();
             this.onStoreCheckoutSessionIdChangedSubscription = storageStoreOnChange('checkoutSessionId', onCheckoutSessionIdChange);
         };
-        this.type = undefined;
-        this.titleText = undefined;
-        this.defaultAddress = [];
-        this.taxIdErrorMessage = '';
-        this.stripe = window.Zonos.stripe;
-        this.isDirtyAddress = false;
-        this.isAddressFilled = false;
-        this.isAddressLine1Entered = false;
-        this.addressSuggestions = [];
-        this.countryField = null;
-        this.startGooglePlaceSuggestions = false;
-        this.shipToCountries = null;
-        this.shippingZones = null;
-        this.city = '';
-        this.country = '';
-        this.firstName = '';
-        this.lastName = '';
-        this.line1 = '';
-        this.line2 = null;
-        this.phone = '';
-        this.postalCode = '';
-        this.state = '';
-        this.cityError = '';
-        this.stateError = '';
-        this.postalCodeError = '';
-        this.phoneError = '';
-        this.firstNameError = '';
-        this.lastNameError = '';
-        this.isFirstInitialization = true;
-        this.addressService = null;
-        this.checkoutSessionId = storageStore.checkoutSessionId;
     }
     getStripeAddressInstance() {
         if (this.type === 'billing') {
@@ -289,6 +326,9 @@ export class ZonosAddress {
     }
     getIsComplete() {
         const { city, firstName, lastName, line1, phone, postalCode, state } = this.getCustomAddressErrors();
+        if (!this.line1 || !this.firstName || !this.lastName || !this.phone) {
+            return false;
+        }
         // has any errors from any of the fields
         const hasErrors = line1 || postalCode || state || city || firstName || lastName || phone;
         return !hasErrors;
@@ -848,10 +888,10 @@ export class ZonosAddress {
             this.country = localizationStore.selectedCountryCode;
         }
         // this component loads iframe from the stripe elements and puts here, so we don't need to do anything here
-        return (h(Host, { key: 'e693838d636553752143c9f0b85468fbc468d6a2', class: classes([
+        return (h(Host, { key: 'd66b492bb6eb663ce3311012de3cc14e9848e41e', class: classes([
                 'zonos--address zonos--elements',
                 `zonos--${this.type}-address`,
-            ]) }, h("zonos-text", { key: '1983fa345e6720875f9fa37d293c7d26815de5a1', class: "zonos--title", type: "semiBoldLabel" }, this.titleText), this.renderCompanyNameInput(), this.renderTaxIdInput(), this.renderCustomAddressForm()));
+            ]) }, h("zonos-text", { key: '4ab2a112115c951719063f94247d1d85f16faec8', class: "zonos--title", type: "semiBoldLabel" }, this.titleText), this.renderCompanyNameInput(), this.renderTaxIdInput(), this.renderCustomAddressForm()));
     }
     static get is() { return "zonos-custom-address"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/stripe/zonos-link-authentication/zonos-link-authentication.js

@@ -12,6 +12,17 @@ import { validateEmailValue } from "../../utils/validateEmailValue";
  */
 export class ZonosLinkAuthentication {
     constructor() {
+        /**
+         * Default email for stripe
+         */
+        this.defaultEmail = null;
+        /**
+         * Email error text to dispaly
+         */
+        this.isEmailError = false;
+        this.stripe = stripeStore.stripe;
+        this.isStagingMode = cartStore.isStagingMode;
+        this.clientSecret = stripeStore.clientSecret;
         this.setCustomEmailInputToLinkEvent = (emailValue) => {
             // check if the email is valid
             const isValid = validateEmailValue(emailValue);
@@ -31,12 +42,6 @@ export class ZonosLinkAuthentication {
             this.setCustomEmailInputToLinkEvent(inputValue);
             (_a = this.linkAuthenticationChange) === null || _a === void 0 ? void 0 : _a.emit();
         };
-        this.titleText = undefined;
-        this.defaultEmail = null;
-        this.isEmailError = false;
-        this.stripe = stripeStore.stripe;
-        this.isStagingMode = cartStore.isStagingMode;
-        this.clientSecret = stripeStore.clientSecret;
     }
     watchIsStagingMode() {
         // Wait for the DOM to be ready before re-initializing Link element

package/dist/collection/components/stripe/zonos-payment/zonos-payment.js

@@ -8,11 +8,10 @@ import { logError } from "../../utils/logging/logError";
  */
 export class ZonosPayment {
     constructor() {
-        this.trackingSent = false;
-        this.titleText = undefined;
         this.stripe = stripeStore.stripe;
         this.stripeElements = stripeStore.stripeElements;
         this.isPaymentInfoFilled = false;
+        this.trackingSent = false;
     }
     watchIsPaymentInfoFilled() {
         var _a;

package/dist/esm/{cart-db61eb95.js → cart-a921e0b7.js}

@@ -1,8 +1,8 @@
-import { z as zonosStore, c as createStore } from './zonosStore-d10a829f.js';
-import { s as storageStore, l as localizationStore, t as translate, f as filterValidTests, b as storageStoreSetEnabledVariantTestKeys } from './localization-bf7224aa.js';
+import { z as zonosStore, c as createStore } from './zonosStore-1e015fa5.js';
+import { s as storageStore, l as localizationStore, t as translate, f as filterValidTests, b as storageStoreSetEnabledVariantTestKeys } from './localization-a2b8f9ed.js';
 import { l as log, f as fallbackApiList, h as handleFetch, g as getIsTestMode, a as getIsStagingMode, s as sendErrorLog, d as allLogs, b as logError, j as jsonParse } from './handleFetch-621e45bc.js';
-import { i as isDarkColor } from './isDarkColor-31dd7dff.js';
-import { g as getBorderRadius } from './getBorderRadius-78b28b4d.js';
+import { i as isDarkColor } from './isDarkColor-d8bb8659.js';
+import { g as getBorderRadius } from './getBorderRadius-b18c924f.js';
 
 /**
  * Extract value from translated object
@@ -1266,7 +1266,8 @@ const stripeStoreInitCheckoutSession = async () => {
     if (errors.length || !json) {
         const messages = (_a = errors.find(error => error.message)) === null || _a === void 0 ? void 0 : _a.message;
         // check if the error is related to expired cart and thow error so we can show error message accordingly
-        if (messages.some(message => message.message === 'Cart is expired.')) {
+        if (Array.isArray(messages) &&
+            messages.some(message => message.message === 'Cart is expired.')) {
             throw new Error('Cart is expired.');
         }
         logError('Error occurred when creating checkout session', JSON.stringify(errors, null, 2));
@@ -1915,4 +1916,4 @@ const cartStoreResetTabItems = () => {
     cartStoreResetSelectedShippingOption();
 };
 
-export { cartStoreHasOneEligibleItem as A, stripeStoreApplyPromoCode as B, stripeStoreRemovePromoCode as C, stripeStoreResetPromoCode as D, stripeStoreMessageBasedOnStatus as E, stripeStoreTranslateAddressToLatin as F, cartStoreUpdateSelectedShippingOption as G, cartStoreGetShippingTransitInfo as H, sortServiceLevelOptionsByAmount as I, cartStoreGetMethod as J, stripeStoreCleanupDomesticShippingSession as a, stripeStoreSaveDomesticShippingSession as b, stripeStoreRetrievePayment as c, stripeStore as d, cartStore as e, cartStoreUpdateItems as f, cartStoreReset as g, cartStoreResetTabItems as h, initStripeElements as i, cartStoreClearCheckoutInterval as j, stripeStoreInitCheckoutSession as k, stripeStoreGetPaymentIntent as l, cartStoreStartCheckoutInterval as m, getCheckoutSessionBody as n, cartStoreUpdateToErrorState as o, cartStoreSetCheckoutSession as p, stripeStorePrefetchLandedCost as q, cartStoreNextStep as r, stripeStoreGetDomesticShippingSession as s, trackConversionEvent as t, stripeStoreUpdateCheckoutSessionBaseCurrency as u, stripeStoreHandleInventoryCheck as v, stripeStoreConfirmPayment as w, stripeStoreHandleInventoryRefund as x, stripeStoreReset as y, validateCheckoutSession as z };
+export { cartStoreHasOneEligibleItem as A, stripeStoreApplyPromoCode as B, stripeStoreRemovePromoCode as C, stripeStoreResetPromoCode as D, stripeStoreMessageBasedOnStatus as E, stripeStoreTranslateAddressToLatin as F, cartStoreUpdateSelectedShippingOption as G, cartStoreGetShippingTransitInfo as H, sortServiceLevelOptionsByAmount as I, cartStoreGetMethod as J, stripeStoreCleanupDomesticShippingSession as a, stripeStoreSaveDomesticShippingSession as b, stripeStore as c, stripeStoreRetrievePayment as d, cartStore as e, cartStoreUpdateItems as f, cartStoreReset as g, cartStoreResetTabItems as h, initStripeElements as i, cartStoreClearCheckoutInterval as j, stripeStoreInitCheckoutSession as k, stripeStoreGetPaymentIntent as l, cartStoreStartCheckoutInterval as m, getCheckoutSessionBody as n, cartStoreUpdateToErrorState as o, cartStoreSetCheckoutSession as p, stripeStorePrefetchLandedCost as q, cartStoreNextStep as r, stripeStoreGetDomesticShippingSession as s, trackConversionEvent as t, stripeStoreUpdateCheckoutSessionBaseCurrency as u, stripeStoreHandleInventoryCheck as v, stripeStoreConfirmPayment as w, stripeStoreHandleInventoryRefund as x, stripeStoreReset as y, validateCheckoutSession as z };

package/dist/esm/{debounce-3a9f27a0.js → debounce-eaee3a94.js}

@@ -1,4 +1,4 @@
-import { _ as _root, e as _baseGetTag, i as isObjectLike_1, f as isObject_1 } from './zonosStore-d10a829f.js';
+import { _ as _root, e as _baseGetTag, i as isObjectLike_1, f as isObject_1 } from './zonosStore-1e015fa5.js';
 
 var root = _root;
 

package/dist/esm/{getBorderRadius-78b28b4d.js → getBorderRadius-b18c924f.js}

@@ -1,4 +1,4 @@
-import { z as zonosStore } from './zonosStore-d10a829f.js';
+import { z as zonosStore } from './zonosStore-1e015fa5.js';
 
 /**
  * Get the border radius for the elements based on the style