@zonos/elements 1.3.8-alpha.0 → 1.3.8-alpha.2

package/dist/cjs/zonos-cart-items_9.cjs.entry.js

@@ -3,12 +3,12 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-72767498.js');
-const cart = require('./cart-eee85bda.js');
-const zonosStore = require('./zonosStore-138c5555.js');
-const submitGtag = require('./submitGtag-a2e1f652.js');
-const getBorderRadius = require('./getBorderRadius-d8f18958.js');
+const cart = require('./cart-c22d66c8.js');
+const zonosStore = require('./zonosStore-2a8612a4.js');
+const submitGtag = require('./submitGtag-bc28bb8f.js');
+const getBorderRadius = require('./getBorderRadius-d9a954a3.js');
 const classes = require('./classes-b7918f56.js');
-const isDarkColor = require('./isDarkColor-57860b44.js');
+const isDarkColor = require('./isDarkColor-c01f24df.js');
 const ILanguage = require('./ILanguage-d247b45b.js');
 const isCheckoutMobile = require('./isCheckoutMobile-f491ca7c.js');
 
@@ -197,8 +197,8 @@ const ZonosCheckoutFinish = class {
                     });
                     document.dispatchEvent(successEvent);
                 }
-                // Attempt to pull the order details from the graph every second on 5 attempts
-                if (this.notificationType === 'success') {
+                // Attempt to pull the order details from the graph every second on 5 attempts. Only pull if checkoutSessionId is available
+                if (this.notificationType === 'success' && cart.cartStore.checkoutSessionId) {
                     // wait this to finish before resetting store and checkout session id
                     await this.getPullOrder();
                 }
@@ -243,7 +243,7 @@ const ZonosCheckoutFinish = class {
         // const totalItems = this.order?.items?.reduce((acc, item) => {
         //   return acc + item.quantity;
         // }, 0);
-        return (index.h(index.Host, { key: 'fe08bfd0c0b60f4dce1aa9a6f3ba273dccd70a92', class: "zonos--checkout-finish zonos--elements", style: {
+        return (index.h(index.Host, { key: 'd3e8a30ddfffe0cee18ff29edf839775f7a9d8ec', class: "zonos--checkout-finish zonos--elements", style: {
                 '--border-radius': getBorderRadius.getBorderRadius(this.borderRadius),
             } }, this.isLoading && (index.h("div", { class: "loading-wrapper" }, index.h("zonos-spinner", null))), !this.isLoading && (index.h(index.Fragment, null, index.h("div", { class: "zonos--group" }, this.notificationType === 'success' ? (index.h("zonos-icon", { "aria-label": "Order success", content: SuccessIcon, iconColor: 'blue-800', size: 50 })) : (index.h("zonos-icon", { "aria-label": "Order failed", content: RemoveIcon$1, iconColor: 'red-800', size: 50 })), index.h("zonos-text", { class: "zonos--title", type: "semiBoldSubheader" }, this.notificationTitle), index.h("zonos-text", null, this.notificationMessages.map(message => (index.h(index.Fragment, null, message, index.h("br", null))))), index.h("zonos-button", { onClick: () => this.closeClickHandler(), size: "md", variant: "primary" }, cart.translate('Keep shopping')))))));
     }
@@ -348,6 +348,17 @@ const ZonosCustomerInfo = class {
          * handler for continue button click
          */
         this.continueClickHandler = () => {
+            if (this.hasInvalidBillingCharacters || this.hasInvalidShippingCharacters) {
+                // if the address contains invalid characters, scroll to the nearest zonos-banner
+                const banner = this.el.querySelector('zonos-address zonos-banner');
+                if (banner) {
+                    banner.scrollIntoView({
+                        behavior: 'smooth',
+                        block: 'center',
+                    });
+                }
+                return;
+            }
             this.continueClicked.emit();
         };
         this.continueLoading = false;
@@ -355,6 +366,8 @@ const ZonosCustomerInfo = class {
         this.submitBtnColor = undefined;
         this.defaultAddress = null;
         this.disabled = true;
+        this.hasInvalidShippingCharacters = false;
+        this.hasInvalidBillingCharacters = false;
     }
     watchFormComplete() {
         if (!this.disabled) {
@@ -364,26 +377,28 @@ const ZonosCustomerInfo = class {
         }
     }
     render() {
-        var _a, _b, _c, _d;
         if (!cart.stripeStore.stripeElements) {
             return null;
         }
+        const stripeShippingAddressEventData = cart.stripeStore.stripeAddressEventData;
+        const stripeBillingAddressEventData = cart.stripeStore.stripeBillingAddressEventData;
+        const stripeLinkEventData = cart.stripeStore.stripeLinkEventData;
         // if the shipping is different from billing, we need to make sure the billing address is valid and disable the button if it's not
         const isValidBilling = cart.stripeStore.stripeShippingSameAsBilling
-            ? !!((_a = cart.stripeStore.stripeAddressEventData) === null || _a === void 0 ? void 0 : _a.complete)
-            : !!((_b = cart.stripeStore.stripeBillingAddressEventData) === null || _b === void 0 ? void 0 : _b.complete);
+            ? !!(stripeShippingAddressEventData === null || stripeShippingAddressEventData === void 0 ? void 0 : stripeShippingAddressEventData.complete)
+            : !!(stripeBillingAddressEventData === null || stripeBillingAddressEventData === void 0 ? void 0 : stripeBillingAddressEventData.complete);
+        const isValidShipping = !!(stripeShippingAddressEventData === null || stripeShippingAddressEventData === void 0 ? void 0 : stripeShippingAddressEventData.complete);
+        const isValidLink = !!(stripeLinkEventData === null || stripeLinkEventData === void 0 ? void 0 : stripeLinkEventData.complete);
         // make sure data is valid
-        this.disabled =
-            !isValidBilling ||
-                !((_c = cart.stripeStore.stripeAddressEventData) === null || _c === void 0 ? void 0 : _c.complete) ||
-                !((_d = cart.stripeStore.stripeLinkEventData) === null || _d === void 0 ? void 0 : _d.complete);
+        this.disabled = !isValidBilling || !isValidShipping || !isValidLink;
         const showBilling = !cart.stripeStore.stripeShippingSameAsBilling;
-        return (index.h(index.Host, { class: "zonos--customer-info zonos--elements" }, index.h("div", { class: "zonos--group" }, index.h("zonos-text", { class: "zonos--title", type: "semiBoldSubheader" }, cart.translate('Customer information')), index.h("zonos-link-authentication", { titleText: cart.translate('Contact') }), index.h("zonos-address", { defaultAddress: this.defaultAddress, titleText: cart.translate('Address'), type: "shipping" }), index.h("zonos-checkbox", { isChecked: cart.stripeStore.stripeShippingSameAsBilling, label: cart.translate('Shipping address same as billing'), onCheckboxSelected: e => {
+        return (index.h(index.Host, { class: "zonos--customer-info zonos--elements" }, index.h("div", { class: "zonos--group" }, index.h("zonos-text", { class: "zonos--title", type: "semiBoldSubheader" }, cart.translate('Customer information')), index.h("zonos-link-authentication", { titleText: cart.translate('Contact') }), index.h("zonos-address", { defaultAddress: this.defaultAddress, onInvalidCharacters: e => (this.hasInvalidShippingCharacters = e.detail), titleText: cart.translate('Address'), type: "shipping" }), index.h("zonos-checkbox", { isChecked: cart.stripeStore.stripeShippingSameAsBilling, label: cart.translate('Shipping address same as billing'), onCheckboxSelected: e => {
                 cart.stripeStore.stripeShippingSameAsBilling = e.detail;
-            } }), index.h("zonos-collapse", { collapsed: !showBilling }, index.h("zonos-address", { defaultAddress: this.defaultAddress, titleText: cart.translate('Billing address'), type: "billing" })), index.h("div", { class: "zonos--group-btn" }, index.h("zonos-button", { backgroundColor: this.submitBtnColor, isDisabled: this.disabled, loading: this.continueLoading, onClick: () => this.continueClickHandler(), size: "lg",
+            } }), index.h("zonos-collapse", { collapsed: !showBilling }, index.h("zonos-address", { defaultAddress: this.defaultAddress, onInvalidCharacters: e => (this.hasInvalidBillingCharacters = e.detail), titleText: cart.translate('Billing address'), type: "billing" })), index.h("div", { class: "zonos--group-btn" }, index.h("zonos-button", { backgroundColor: this.submitBtnColor, isDisabled: this.disabled, loading: this.continueLoading, onClick: () => this.continueClickHandler(), size: "lg",
             // use primary type when on mobile mode
             variant: this.submitBtnType }, cart.translate('Continue to shipping'))))));
     }
+    get el() { return index.getElement(this); }
     static get watchers() { return {
         "disabled": ["watchFormComplete"]
     }; }

package/dist/cjs/zonos-checkout.cjs.entry.js

@@ -3,13 +3,13 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-72767498.js');
-const cart = require('./cart-eee85bda.js');
-const zonosStore = require('./zonosStore-138c5555.js');
-const submitGtag = require('./submitGtag-a2e1f652.js');
+const cart = require('./cart-c22d66c8.js');
+const zonosStore = require('./zonosStore-2a8612a4.js');
+const submitGtag = require('./submitGtag-bc28bb8f.js');
 const isCheckoutMobile = require('./isCheckoutMobile-f491ca7c.js');
 const classes = require('./classes-b7918f56.js');
-const getBorderRadius = require('./getBorderRadius-d8f18958.js');
-const isDarkColor = require('./isDarkColor-57860b44.js');
+const getBorderRadius = require('./getBorderRadius-d9a954a3.js');
+const isDarkColor = require('./isDarkColor-c01f24df.js');
 
 const isShippableCountry = (showLog = true) => {
     if (!cart.localizationStore.localizationLoaded) {

package/dist/cjs/zonos-controller.cjs.entry.js

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-72767498.js');
-const cart = require('./cart-eee85bda.js');
-const zonosStore = require('./zonosStore-138c5555.js');
-require('./isDarkColor-57860b44.js');
-require('./getBorderRadius-d8f18958.js');
+const cart = require('./cart-c22d66c8.js');
+const zonosStore = require('./zonosStore-2a8612a4.js');
+require('./isDarkColor-c01f24df.js');
+require('./getBorderRadius-d9a954a3.js');
 
 const getZonosSettings = async () => {
     const url = `${"https://v1.route.js.zonos.com"}/api/zonos-elements/zonos-settings`;

package/dist/cjs/zonos-country-flag.cjs.entry.js

@@ -3,11 +3,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-72767498.js');
-const cart = require('./cart-eee85bda.js');
-const zonosStore = require('./zonosStore-138c5555.js');
+const cart = require('./cart-c22d66c8.js');
+const zonosStore = require('./zonosStore-2a8612a4.js');
 const classes = require('./classes-b7918f56.js');
-require('./isDarkColor-57860b44.js');
-require('./getBorderRadius-d8f18958.js');
+require('./isDarkColor-c01f24df.js');
+require('./getBorderRadius-d9a954a3.js');
 
 const zonosCountryFlagCss = ":host{font-family:var(--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--font-family, Inter), Inter}:host img{max-width:100%}:host dl,:host dd,:host h1,:host h2,:host h3,:host h4,:host h5,:host h6,:host hr,:host figure,:host p,:host pre{margin:0}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}:host{display:-ms-inline-flexbox;display:inline-flex}:host .flag-container{position:relative;overflow:hidden;width:100%;height:100%}:host .flag-icon{position:absolute;top:0;left:0;width:100%;height:100%;background-position:center;background-repeat:no-repeat;background-size:cover}";
 const ZonosCountryFlagStyle0 = zonosCountryFlagCss;

package/dist/cjs/zonos-country-select_3.cjs.entry.js

@@ -3,12 +3,12 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-72767498.js');
-const cart = require('./cart-eee85bda.js');
-const zonosStore = require('./zonosStore-138c5555.js');
+const cart = require('./cart-c22d66c8.js');
+const zonosStore = require('./zonosStore-2a8612a4.js');
 const formatStringWithLinks = require('./formatStringWithLinks-52341fc7.js');
-const isDarkColor = require('./isDarkColor-57860b44.js');
+const isDarkColor = require('./isDarkColor-c01f24df.js');
 const ILanguage = require('./ILanguage-d247b45b.js');
-require('./getBorderRadius-d8f18958.js');
+require('./getBorderRadius-d9a954a3.js');
 
 /**
  * Fuse.js v6.6.2 - Lightweight fuzzy-search (http://fusejs.io)

package/dist/cjs/zonos-elements.cjs.js

@@ -19,7 +19,7 @@ const patchBrowser = () => {
 
 patchBrowser().then(async (options) => {
   await appGlobals.globalScripts();
-  return index.bootstrapLazy([["zonos-checkout.cjs",[[2,"zonos-checkout",{"appearanceSettingsOverride":[16],"preview":[4],"mobile":[4],"defaultAddress":[16],"forceDialogOpen":[4,"force-dialog-open"],"open":[32],"stripe":[32],"submitLoading":[32],"paymentError":[32],"collapseReviewMobile":[32],"isAttachError":[32],"isMobile":[32],"zonosReviewRef":[32],"storybookPaymentStatusOverride":[32],"domesticRedirectedBtnSelector":[32],"closeDialogHandler":[64],"init":[64],"setToFinishStep":[64]},[[16,"zonos--init-cart-info","initCartInfoHandler"],[9,"resize","handleWindowResize"]],{"appearanceSettingsOverride":["appearanceSettingsOverrideChanged"],"mobile":["handleMobileChange"]}]]],["zonos-hello.cjs",[[1,"zonos-hello",{"mobileLocationOverride":[1,"mobile-location-override"],"animateFromLeftOverride":[4,"animate-from-left-override"],"appearanceSettingsOverride":[16],"showPeekMessage":[32],"zonosStoreHelloSettings":[32],"showDialog":[32],"peekMessage":[32],"initialUrl":[32],"allRestrictedItems":[32],"allFoundProducts":[32],"productsOnPage":[32],"displayCurrency":[64],"convertAndFormat":[64],"convert":[64],"format":[64],"openHelloDialog":[64]},[[9,"resize","handleResize"]]]]],["zonos-controller.cjs",[[1,"zonos-controller",{"config":[16],"zonosApiKey":[1,"zonos-api-key"],"initCheckoutElement":[64],"setupGoogleFont":[64],"showNotification":[64],"overrideConfig":[64],"overrideCountry":[64],"getAppearanceSetting":[64],"updateOrganizationName":[64]}]]],["zonos-component.cjs",[[1,"zonos-component",{"first":[1],"middle":[1],"last":[1]}]]],["zonos-link.cjs",[[1,"zonos-link",{"href":[1],"rel":[1],"target":[1],"linkTitle":[1,"link-title"]}]]],["zonos-logo.cjs",[[1,"zonos-logo",{"theme":[1],"width":[1]}]]],["zonos-text.cjs",[[1,"zonos-text",{"textColor":[1,"text-color"],"size":[1],"type":[1],"weight":[2],"content":[1],"ready":[32]}]]],["zonos-hello-dialog.cjs",[[1,"zonos-hello-dialog",{"isOpen":[4,"is-open"],"setIsOpen":[16],"mobileLocationOverride":[1,"mobile-location-override"],"animateFromLeftOverride":[4,"animate-from-left-override"],"appearanceSettings":[16],"restrictedItems":[16],"welcomeMessage":[32],"showCountrySelect":[32],"showLanguageSelect":[32]},[[4,"click","globalClickHandler"]],{"isOpen":["isOpenHandler"]}]]],["zonos-notification.cjs",[[1,"zonos-notification",{"notificationArray":[32],"showNotification":[64]}]]],["zonos-payment.cjs",[[2,"zonos-payment",{"titleText":[1,"title-text"],"stripe":[32],"stripeElements":[32]},null,{"stripeElements":["watchInitStripe"],"stripe":["watchInitStripe"]}]]],["zonos-shipping-rich-radio.cjs",[[1,"zonos-shipping-rich-radio",{"items":[16],"borderColor":[1,"border-color"],"borderStyle":[1,"border-style"],"theme":[1],"selectedItem":[32]}]]],["zonos-badge_2.cjs",[[1,"zonos-badge",{"bold":[4],"badgeColor":[1,"badge-color"],"icon":[16],"iconRight":[4,"icon-right"],"size":[1],"rounded":[4]}],[1,"zonos-tooltip",{"label":[1],"subtitle":[1],"showTooltip":[32]}]]],["zonos-country-flag.cjs",[[1,"zonos-country-flag",{"countryCode":[1,"country-code"],"size":[2]}]]],["zonos-banner.cjs",[[1,"zonos-banner",{"bannerTitle":[1,"banner-title"],"intent":[1],"hasContent":[32]}]]],["zonos-button_3.cjs",[[1,"zonos-button",{"buttonColor":[1,"button-color"],"backgroundColor":[1,"background-color"],"borderStyle":[1,"border-style"],"isDisabled":[4,"is-disabled"],"icon":[16],"iconRight":[4,"icon-right"],"size":[1],"variant":[1],"noBackground":[4,"no-background"],"noPaddingLeft":[4,"no-padding-left"],"noPaddingRight":[4,"no-padding-right"],"loading":[4],"theme":[1],"hasIcon":[32],"hasContent":[32]},[[2,"click","clickHandler"]],{"icon":["iconChangeHandler"]}],[1,"zonos-icon",{"autoHeight":[4,"auto-height"],"iconColor":[1,"icon-color"],"content":[1],"size":[2]}],[1,"zonos-spinner",{"size":[2],"spinnerColor":[1,"spinner-color"]}]]],["zonos-select-dialog-header_2.cjs",[[1,"zonos-select-dialog-header",{"handleOnClose":[16],"label":[1]}],[1,"zonos-v-stack",{"spacing":[2]}]]],["zonos-card_2.cjs",[[1,"zonos-language-select",{"handleOnClose":[16]}],[1,"zonos-card",{"actions":[16],"footerActions":[16],"footerContent":[16],"footerHeight":[2,"footer-height"],"label":[16],"spacing":[1]}]]],["zonos-country-select_3.cjs",[[1,"zonos-country-select",{"handleOnClose":[16],"inputValue":[32]}],[1,"zonos-hello-dialog-footer",{"appearanceSettings":[16],"setShowCountrySelect":[16],"setShowLanguageSelect":[16]}],[1,"zonos-custom-message",{"icon":[1],"message":[1]}]]],["zonos-address_4.cjs",[[2,"zonos-address",{"type":[1],"titleText":[1,"title-text"],"defaultAddress":[16],"stripe":[32],"isDirtyAddress":[32]},null,{"stripe":["watchInitStripe"]}],[1,"zonos-checkbox",{"backgroundColor":[1,"background-color"],"label":[1],"isChecked":[4,"is-checked"],"isDisabled":[4,"is-disabled"],"size":[2],"fontSize":[1,"font-size"],"borderStyle":[1,"border-style"]}],[2,"zonos-link-authentication",{"titleText":[1,"title-text"],"stripe":[32]},null,{"stripe":["watchInitStripe"]}],[1,"zonos-collapse",{"collapsed":[4],"collapseSize":[2,"collapse-size"],"height":[32],"iframe":[32]}]]],["zonos-cart-items_9.cjs",[[1,"zonos-checkout-footer",{"showDialog":[32]},[[4,"click","handleGlobalClick"]]],[2,"zonos-customer-info",{"continueLoading":[4,"continue-loading"],"submitBtnType":[1,"submit-btn-type"],"submitBtnColor":[1,"submit-btn-color"],"defaultAddress":[16],"disabled":[32]},null,{"disabled":["watchFormComplete"]}],[2,"zonos-checkout-payment",{"paymentError":[4,"payment-error"],"submitBtnType":[1,"submit-btn-type"],"continueLoading":[4,"continue-loading"],"submitBtnColor":[1,"submit-btn-color"],"disabled":[32]},null,{"disabled":["watchFormComplete"]}],[2,"zonos-shipping",{"continueLoading":[4,"continue-loading"],"submitBtnColor":[1,"submit-btn-color"],"submitBtnType":[1,"submit-btn-type"],"selectedShippingMethod":[32],"disabled":[32]},null,{"disabled":["watchFormComplete"]}],[1,"zonos-cart-subtotal"],[1,"zonos-checkout-finish",{"borderRadius":[1,"border-radius"],"storybookForceStatus":[1,"storybook-force-status"],"overrideNotification":[16],"isLoading":[32],"notificationType":[32],"notificationTitle":[32],"notificationMessages":[32],"order":[32]}],[1,"zonos-dialog",{"open":[4],"headerText":[1,"header-text"],"width":[1],"height":[1],"noHeader":[4,"no-header"],"noBodyPadding":[4,"no-body-padding"],"noBorder":[4,"no-border"],"footerRightAction":[16],"borderStyle":[1,"border-style"],"noCloseButton":[4,"no-close-button"],"noClickOutside":[4,"no-click-outside"],"mobile":[4],"isLoading":[4,"is-loading"],"isMobile":[32]},[[9,"resize","handleWindowResize"]]],[1,"zonos-review",{"mobile":[4],"collapsed":[4],"isMobile":[32]},[[9,"resize","handleWindowResize"]]],[1,"zonos-cart-items",{"errorImages":[32]}]]]], options);
+  return index.bootstrapLazy([["zonos-checkout.cjs",[[2,"zonos-checkout",{"appearanceSettingsOverride":[16],"preview":[4],"mobile":[4],"defaultAddress":[16],"forceDialogOpen":[4,"force-dialog-open"],"open":[32],"stripe":[32],"submitLoading":[32],"paymentError":[32],"collapseReviewMobile":[32],"isAttachError":[32],"isMobile":[32],"zonosReviewRef":[32],"storybookPaymentStatusOverride":[32],"domesticRedirectedBtnSelector":[32],"closeDialogHandler":[64],"init":[64],"setToFinishStep":[64]},[[16,"zonos--init-cart-info","initCartInfoHandler"],[9,"resize","handleWindowResize"]],{"appearanceSettingsOverride":["appearanceSettingsOverrideChanged"],"mobile":["handleMobileChange"]}]]],["zonos-hello.cjs",[[1,"zonos-hello",{"mobileLocationOverride":[1,"mobile-location-override"],"animateFromLeftOverride":[4,"animate-from-left-override"],"appearanceSettingsOverride":[16],"showPeekMessage":[32],"zonosStoreHelloSettings":[32],"showDialog":[32],"peekMessage":[32],"initialUrl":[32],"allRestrictedItems":[32],"allFoundProducts":[32],"productsOnPage":[32],"displayCurrency":[64],"convertAndFormat":[64],"convert":[64],"format":[64],"openHelloDialog":[64]},[[9,"resize","handleResize"]]]]],["zonos-controller.cjs",[[1,"zonos-controller",{"config":[16],"zonosApiKey":[1,"zonos-api-key"],"initCheckoutElement":[64],"setupGoogleFont":[64],"showNotification":[64],"overrideConfig":[64],"overrideCountry":[64],"getAppearanceSetting":[64],"updateOrganizationName":[64]}]]],["zonos-component.cjs",[[1,"zonos-component",{"first":[1],"middle":[1],"last":[1]}]]],["zonos-link.cjs",[[1,"zonos-link",{"href":[1],"rel":[1],"target":[1],"linkTitle":[1,"link-title"]}]]],["zonos-logo.cjs",[[1,"zonos-logo",{"theme":[1],"width":[1]}]]],["zonos-text.cjs",[[1,"zonos-text",{"textColor":[1,"text-color"],"size":[1],"type":[1],"weight":[2],"content":[1],"ready":[32]}]]],["zonos-hello-dialog.cjs",[[1,"zonos-hello-dialog",{"isOpen":[4,"is-open"],"setIsOpen":[16],"mobileLocationOverride":[1,"mobile-location-override"],"animateFromLeftOverride":[4,"animate-from-left-override"],"appearanceSettings":[16],"restrictedItems":[16],"welcomeMessage":[32],"showCountrySelect":[32],"showLanguageSelect":[32]},[[4,"click","globalClickHandler"]],{"isOpen":["isOpenHandler"]}]]],["zonos-notification.cjs",[[1,"zonos-notification",{"notificationArray":[32],"showNotification":[64]}]]],["zonos-payment.cjs",[[2,"zonos-payment",{"titleText":[1,"title-text"],"stripe":[32],"stripeElements":[32]},null,{"stripeElements":["watchInitStripe"],"stripe":["watchInitStripe"]}]]],["zonos-shipping-rich-radio.cjs",[[1,"zonos-shipping-rich-radio",{"items":[16],"borderColor":[1,"border-color"],"borderStyle":[1,"border-style"],"theme":[1],"selectedItem":[32]}]]],["zonos-badge_2.cjs",[[1,"zonos-badge",{"bold":[4],"badgeColor":[1,"badge-color"],"icon":[16],"iconRight":[4,"icon-right"],"size":[1],"rounded":[4]}],[1,"zonos-tooltip",{"label":[1],"subtitle":[1],"showTooltip":[32]}]]],["zonos-country-flag.cjs",[[1,"zonos-country-flag",{"countryCode":[1,"country-code"],"size":[2]}]]],["zonos-banner.cjs",[[1,"zonos-banner",{"bannerTitle":[1,"banner-title"],"intent":[1],"hasContent":[32]}]]],["zonos-button_3.cjs",[[1,"zonos-button",{"buttonColor":[1,"button-color"],"backgroundColor":[1,"background-color"],"borderStyle":[1,"border-style"],"isDisabled":[4,"is-disabled"],"icon":[16],"iconRight":[4,"icon-right"],"size":[1],"variant":[1],"noBackground":[4,"no-background"],"noPaddingLeft":[4,"no-padding-left"],"noPaddingRight":[4,"no-padding-right"],"loading":[4],"theme":[1],"hasIcon":[32],"hasContent":[32]},[[2,"click","clickHandler"]],{"icon":["iconChangeHandler"]}],[1,"zonos-icon",{"autoHeight":[4,"auto-height"],"iconColor":[1,"icon-color"],"content":[1],"size":[2]}],[1,"zonos-spinner",{"size":[2],"spinnerColor":[1,"spinner-color"]}]]],["zonos-select-dialog-header_2.cjs",[[1,"zonos-select-dialog-header",{"handleOnClose":[16],"label":[1]}],[1,"zonos-v-stack",{"spacing":[2]}]]],["zonos-card_2.cjs",[[1,"zonos-language-select",{"handleOnClose":[16]}],[1,"zonos-card",{"actions":[16],"footerActions":[16],"footerContent":[16],"footerHeight":[2,"footer-height"],"label":[16],"spacing":[1]}]]],["zonos-country-select_3.cjs",[[1,"zonos-country-select",{"handleOnClose":[16],"inputValue":[32]}],[1,"zonos-hello-dialog-footer",{"appearanceSettings":[16],"setShowCountrySelect":[16],"setShowLanguageSelect":[16]}],[1,"zonos-custom-message",{"icon":[1],"message":[1]}]]],["zonos-address_4.cjs",[[2,"zonos-address",{"type":[1],"titleText":[1,"title-text"],"defaultAddress":[16],"stripe":[32],"hasInvalidCharacters":[32],"isDirtyAddress":[32]},null,{"stripe":["watchInitStripe"]}],[1,"zonos-checkbox",{"backgroundColor":[1,"background-color"],"label":[1],"isChecked":[4,"is-checked"],"isDisabled":[4,"is-disabled"],"size":[2],"fontSize":[1,"font-size"],"borderStyle":[1,"border-style"]}],[2,"zonos-link-authentication",{"titleText":[1,"title-text"],"stripe":[32]},null,{"stripe":["watchInitStripe"]}],[1,"zonos-collapse",{"collapsed":[4],"collapseSize":[2,"collapse-size"],"height":[32],"iframe":[32]}]]],["zonos-cart-items_9.cjs",[[2,"zonos-customer-info",{"continueLoading":[4,"continue-loading"],"submitBtnType":[1,"submit-btn-type"],"submitBtnColor":[1,"submit-btn-color"],"defaultAddress":[16],"disabled":[32],"hasInvalidShippingCharacters":[32],"hasInvalidBillingCharacters":[32]},null,{"disabled":["watchFormComplete"]}],[1,"zonos-checkout-footer",{"showDialog":[32]},[[4,"click","handleGlobalClick"]]],[2,"zonos-checkout-payment",{"paymentError":[4,"payment-error"],"submitBtnType":[1,"submit-btn-type"],"continueLoading":[4,"continue-loading"],"submitBtnColor":[1,"submit-btn-color"],"disabled":[32]},null,{"disabled":["watchFormComplete"]}],[2,"zonos-shipping",{"continueLoading":[4,"continue-loading"],"submitBtnColor":[1,"submit-btn-color"],"submitBtnType":[1,"submit-btn-type"],"selectedShippingMethod":[32],"disabled":[32]},null,{"disabled":["watchFormComplete"]}],[1,"zonos-cart-subtotal"],[1,"zonos-checkout-finish",{"borderRadius":[1,"border-radius"],"storybookForceStatus":[1,"storybook-force-status"],"overrideNotification":[16],"isLoading":[32],"notificationType":[32],"notificationTitle":[32],"notificationMessages":[32],"order":[32]}],[1,"zonos-dialog",{"open":[4],"headerText":[1,"header-text"],"width":[1],"height":[1],"noHeader":[4,"no-header"],"noBodyPadding":[4,"no-body-padding"],"noBorder":[4,"no-border"],"footerRightAction":[16],"borderStyle":[1,"border-style"],"noCloseButton":[4,"no-close-button"],"noClickOutside":[4,"no-click-outside"],"mobile":[4],"isLoading":[4,"is-loading"],"isMobile":[32]},[[9,"resize","handleWindowResize"]]],[1,"zonos-review",{"mobile":[4],"collapsed":[4],"isMobile":[32]},[[9,"resize","handleWindowResize"]]],[1,"zonos-cart-items",{"errorImages":[32]}]]]], options);
 });
 
 exports.setNonce = index.setNonce;

package/dist/cjs/zonos-hello-dialog.cjs.entry.js

@@ -3,13 +3,13 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-72767498.js');
-const cart = require('./cart-eee85bda.js');
-const zonosStore = require('./zonosStore-138c5555.js');
+const cart = require('./cart-c22d66c8.js');
+const zonosStore = require('./zonosStore-2a8612a4.js');
 const classes = require('./classes-b7918f56.js');
 const formatStringWithLinks = require('./formatStringWithLinks-52341fc7.js');
 const getHasMoreSpaceOnRight = require('./getHasMoreSpaceOnRight-4c94667f.js');
-require('./isDarkColor-57860b44.js');
-require('./getBorderRadius-d8f18958.js');
+require('./isDarkColor-c01f24df.js');
+require('./getBorderRadius-d9a954a3.js');
 
 const getHasMoreSpaceAbove = (ref) => {
     const componentRect = ref.getBoundingClientRect();

package/dist/cjs/zonos-hello.cjs.entry.js

@@ -3,12 +3,12 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-72767498.js');
-const zonosStore = require('./zonosStore-138c5555.js');
-const cart = require('./cart-eee85bda.js');
+const zonosStore = require('./zonosStore-2a8612a4.js');
+const cart = require('./cart-c22d66c8.js');
 const classes = require('./classes-b7918f56.js');
 const getHasMoreSpaceOnRight = require('./getHasMoreSpaceOnRight-4c94667f.js');
-require('./isDarkColor-57860b44.js');
-require('./getBorderRadius-d8f18958.js');
+require('./isDarkColor-c01f24df.js');
+require('./getBorderRadius-d9a954a3.js');
 
 var root = zonosStore._root;
 

package/dist/cjs/zonos-logo.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-72767498.js');
-const zonosStore = require('./zonosStore-138c5555.js');
+const zonosStore = require('./zonosStore-2a8612a4.js');
 const classes = require('./classes-b7918f56.js');
 
 const zonosLogoCss = ":host{font-family:var(--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--font-family, Inter), Inter}:host img{max-width:100%}:host dl,:host dd,:host h1,:host h2,:host h3,:host h4,:host h5,:host h6,:host hr,:host figure,:host p,:host pre{margin:0}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}:host{display:-ms-inline-flexbox;display:inline-flex}:host img{-webkit-filter:var(--filter-color);filter:var(--filter-color);width:var(--width)}";

package/dist/cjs/zonos-notification.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-72767498.js');
-const zonosStore = require('./zonosStore-138c5555.js');
+const zonosStore = require('./zonosStore-2a8612a4.js');
 const classes = require('./classes-b7918f56.js');
 
 const zonosNotificationCss = ":host{font-family:var(--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--font-family, Inter), Inter}:host img{max-width:100%}:host dl,:host dd,:host h1,:host h2,:host h3,:host h4,:host h5,:host h6,:host hr,:host figure,:host p,:host pre{margin:0}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}:host{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}:host .zonos--notification-items{position:fixed;z-index:9999999;bottom:var(--amino-space-24);gap:var(--amino-space-8);display:-ms-inline-flexbox;display:inline-flex;-ms-flex-direction:column;flex-direction:column}:host .zonos--notification-item{cursor:pointer;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;padding:var(--amino-space-8);border-radius:var(--border-radius, var(--amino-radius-6));opacity:0;-ms-flex-negative:0.0001;flex-shrink:0.0001;-webkit-transform:translateY(100%);transform:translateY(100%)}:host .zonos--notification-item+:host .zonos--notification-item{margin-top:8px}:host .zonos--notification-item.show{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-ms-flex-positive:1000;flex-grow:1000}:host .zonos--notification-item.success{background-color:var(--amino-green-700)}:host .zonos--notification-item.error{background-color:var(--amino-red-700)}:host .zonos--notification-item.warning{background-color:var(--amino-orange-700)}";

package/dist/cjs/zonos-payment.cjs.entry.js

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-72767498.js');
-const cart = require('./cart-eee85bda.js');
-require('./zonosStore-138c5555.js');
-require('./isDarkColor-57860b44.js');
-require('./getBorderRadius-d8f18958.js');
+const cart = require('./cart-c22d66c8.js');
+require('./zonosStore-2a8612a4.js');
+require('./isDarkColor-c01f24df.js');
+require('./getBorderRadius-d9a954a3.js');
 
 const zonosPaymentCss = ".sc-zonos-payment-h{font-family:var(--font-family, Inter), Inter;display:block;white-space:normal}.sc-zonos-payment-h *.sc-zonos-payment{font-family:var(--font-family, Inter), Inter}.sc-zonos-payment-h img.sc-zonos-payment{max-width:100%}.sc-zonos-payment-h dl.sc-zonos-payment,.sc-zonos-payment-h dd.sc-zonos-payment,.sc-zonos-payment-h h1.sc-zonos-payment,.sc-zonos-payment-h h2.sc-zonos-payment,.sc-zonos-payment-h h3.sc-zonos-payment,.sc-zonos-payment-h h4.sc-zonos-payment,.sc-zonos-payment-h h5.sc-zonos-payment,.sc-zonos-payment-h h6.sc-zonos-payment,.sc-zonos-payment-h hr.sc-zonos-payment,.sc-zonos-payment-h figure.sc-zonos-payment,.sc-zonos-payment-h p.sc-zonos-payment,.sc-zonos-payment-h pre.sc-zonos-payment{margin:0}.sc-zonos-payment-h{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}.sc-zonos-payment-h .zonos--title.sc-zonos-payment{margin-bottom:var(--amino-space-16)}";
 const ZonosPaymentStyle0 = zonosPaymentCss;

package/dist/cjs/zonos-select-dialog-header_2.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-72767498.js');
-const zonosStore = require('./zonosStore-138c5555.js');
+const zonosStore = require('./zonosStore-2a8612a4.js');
 const classes = require('./classes-b7918f56.js');
 
 const RemoveIcon = `<svg xmlns="https://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="#C5C6CA" fill-rule="evenodd" d="M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10Z" clip-rule="evenodd"/><path fill="#4D505A" fill-rule="evenodd" d="M8.293 8.293a1 1 0 0 1 1.414 0L12 10.586l2.293-2.293a1 1 0 1 1 1.414 1.414L13.414 12l2.293 2.293a1 1 0 0 1-1.414 1.414L12 13.414l-2.293 2.293a1 1 0 0 1-1.414-1.414L10.586 12 8.293 9.707a1 1 0 0 1 0-1.414Z" clip-rule="evenodd"/></svg>`;

package/dist/cjs/zonos-shipping-rich-radio.cjs.entry.js

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-72767498.js');
-const zonosStore = require('./zonosStore-138c5555.js');
+const zonosStore = require('./zonosStore-2a8612a4.js');
 const classes = require('./classes-b7918f56.js');
-const getBorderRadius = require('./getBorderRadius-d8f18958.js');
+const getBorderRadius = require('./getBorderRadius-d9a954a3.js');
 const isColorVariable = require('./isColorVariable-41cacd82.js');
 
 const zonosShippingRichRadioCss = ":host{font-family:var(--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--font-family, Inter), Inter}:host img{max-width:100%}:host dl,:host dd,:host h1,:host h2,:host h3,:host h4,:host h5,:host h6,:host hr,:host figure,:host p,:host pre{margin:0}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}:host{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host input{margin:0;accent-color:var(--selected-border-color, var(--amino-blue-600))}:host .zonos--shipping-rich-radio-item{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;padding:var(--amino-space-16);-ms-flex-align:center;align-items:center;gap:var(--amino-space-16);cursor:pointer;border:1px solid var(--amino-gray-200)}:host .zonos--shipping-rich-radio-item:first-child{border-top-left-radius:var(--border-radius, var(--amino-radius-10));border-top-right-radius:var(--border-radius, var(--amino-radius-10))}:host .zonos--shipping-rich-radio-item:last-child{border-bottom-right-radius:var(--border-radius, var(--amino-radius-10));border-bottom-left-radius:var(--border-radius, var(--amino-radius-10))}:host .zonos--shipping-rich-radio-item:not(:last-child){border-bottom:none}:host .zonos--shipping-rich-radio-item.selected{outline:1px solid var(--selected-border-color, var(--amino-blue-600));outline-offset:-1px}:host .zonos--shipping-info{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex:1;flex:1}:host .zonos--shipping-detail{-ms-flex:1;flex:1}:host .zonos--sub-detail{display:-ms-inline-flexbox;display:inline-flex;gap:8px;-ms-flex-wrap:wrap;flex-wrap:wrap}";

package/dist/cjs/zonos-text.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-72767498.js');
-const zonosStore = require('./zonosStore-138c5555.js');
+const zonosStore = require('./zonosStore-2a8612a4.js');
 const classes = require('./classes-b7918f56.js');
 
 const textOptions = {

package/dist/cjs/{zonosStore-138c5555.js → zonosStore-2a8612a4.js}

@@ -2769,6 +2769,7 @@ const { reset, state: zonosStore } = createStore(() => ({
         zonosAttribution: 'DISABLED',
     },
     checkoutSettings: {
+        allowedCharacterSets: 'ALL',
         analyticsProviders: [],
         orderNotifications: {
             abandonedCart: {

package/dist/collection/components/checkout/zonos-checkout/zonos-checkout-finish/zonos-checkout-finish.js

@@ -108,8 +108,8 @@ export class ZonosCheckoutFinish {
                     });
                     document.dispatchEvent(successEvent);
                 }
-                // Attempt to pull the order details from the graph every second on 5 attempts
-                if (this.notificationType === 'success') {
+                // Attempt to pull the order details from the graph every second on 5 attempts. Only pull if checkoutSessionId is available
+                if (this.notificationType === 'success' && cartStore.checkoutSessionId) {
                     // wait this to finish before resetting store and checkout session id
                     await this.getPullOrder();
                 }
@@ -154,7 +154,7 @@ export class ZonosCheckoutFinish {
         // const totalItems = this.order?.items?.reduce((acc, item) => {
         //   return acc + item.quantity;
         // }, 0);
-        return (h(Host, { key: 'fe08bfd0c0b60f4dce1aa9a6f3ba273dccd70a92', class: "zonos--checkout-finish zonos--elements", style: {
+        return (h(Host, { key: 'd3e8a30ddfffe0cee18ff29edf839775f7a9d8ec', class: "zonos--checkout-finish zonos--elements", style: {
                 '--border-radius': getBorderRadius(this.borderRadius),
             } }, this.isLoading && (h("div", { class: "loading-wrapper" }, h("zonos-spinner", null))), !this.isLoading && (h(Fragment, null, h("div", { class: "zonos--group" }, this.notificationType === 'success' ? (h("zonos-icon", { "aria-label": "Order success", content: SuccessIcon, iconColor: 'blue-800', size: 50 })) : (h("zonos-icon", { "aria-label": "Order failed", content: RemoveIcon, iconColor: 'red-800', size: 50 })), h("zonos-text", { class: "zonos--title", type: "semiBoldSubheader" }, this.notificationTitle), h("zonos-text", null, this.notificationMessages.map(message => (h(Fragment, null, message, h("br", null))))), h("zonos-button", { onClick: () => this.closeClickHandler(), size: "md", variant: "primary" }, translate('Keep shopping')))))));
     }

package/dist/collection/components/checkout/zonos-checkout/zonos-customer-info/zonos-customer-info.js

@@ -9,6 +9,17 @@ export class ZonosCustomerInfo {
          * handler for continue button click
          */
         this.continueClickHandler = () => {
+            if (this.hasInvalidBillingCharacters || this.hasInvalidShippingCharacters) {
+                // if the address contains invalid characters, scroll to the nearest zonos-banner
+                const banner = this.el.querySelector('zonos-address zonos-banner');
+                if (banner) {
+                    banner.scrollIntoView({
+                        behavior: 'smooth',
+                        block: 'center',
+                    });
+                }
+                return;
+            }
             this.continueClicked.emit();
         };
         this.continueLoading = false;
@@ -16,6 +27,8 @@ export class ZonosCustomerInfo {
         this.submitBtnColor = undefined;
         this.defaultAddress = null;
         this.disabled = true;
+        this.hasInvalidShippingCharacters = false;
+        this.hasInvalidBillingCharacters = false;
     }
     watchFormComplete() {
         if (!this.disabled) {
@@ -25,23 +38,24 @@ export class ZonosCustomerInfo {
         }
     }
     render() {
-        var _a, _b, _c, _d;
         if (!stripeStore.stripeElements) {
             return null;
         }
+        const stripeShippingAddressEventData = stripeStore.stripeAddressEventData;
+        const stripeBillingAddressEventData = stripeStore.stripeBillingAddressEventData;
+        const stripeLinkEventData = stripeStore.stripeLinkEventData;
         // if the shipping is different from billing, we need to make sure the billing address is valid and disable the button if it's not
         const isValidBilling = stripeStore.stripeShippingSameAsBilling
-            ? !!((_a = stripeStore.stripeAddressEventData) === null || _a === void 0 ? void 0 : _a.complete)
-            : !!((_b = stripeStore.stripeBillingAddressEventData) === null || _b === void 0 ? void 0 : _b.complete);
+            ? !!(stripeShippingAddressEventData === null || stripeShippingAddressEventData === void 0 ? void 0 : stripeShippingAddressEventData.complete)
+            : !!(stripeBillingAddressEventData === null || stripeBillingAddressEventData === void 0 ? void 0 : stripeBillingAddressEventData.complete);
+        const isValidShipping = !!(stripeShippingAddressEventData === null || stripeShippingAddressEventData === void 0 ? void 0 : stripeShippingAddressEventData.complete);
+        const isValidLink = !!(stripeLinkEventData === null || stripeLinkEventData === void 0 ? void 0 : stripeLinkEventData.complete);
         // make sure data is valid
-        this.disabled =
-            !isValidBilling ||
-                !((_c = stripeStore.stripeAddressEventData) === null || _c === void 0 ? void 0 : _c.complete) ||
-                !((_d = stripeStore.stripeLinkEventData) === null || _d === void 0 ? void 0 : _d.complete);
+        this.disabled = !isValidBilling || !isValidShipping || !isValidLink;
         const showBilling = !stripeStore.stripeShippingSameAsBilling;
-        return (h(Host, { class: "zonos--customer-info zonos--elements" }, h("div", { class: "zonos--group" }, h("zonos-text", { class: "zonos--title", type: "semiBoldSubheader" }, translate('Customer information')), h("zonos-link-authentication", { titleText: translate('Contact') }), h("zonos-address", { defaultAddress: this.defaultAddress, titleText: translate('Address'), type: "shipping" }), h("zonos-checkbox", { isChecked: stripeStore.stripeShippingSameAsBilling, label: translate('Shipping address same as billing'), onCheckboxSelected: e => {
+        return (h(Host, { class: "zonos--customer-info zonos--elements" }, h("div", { class: "zonos--group" }, h("zonos-text", { class: "zonos--title", type: "semiBoldSubheader" }, translate('Customer information')), h("zonos-link-authentication", { titleText: translate('Contact') }), h("zonos-address", { defaultAddress: this.defaultAddress, onInvalidCharacters: e => (this.hasInvalidShippingCharacters = e.detail), titleText: translate('Address'), type: "shipping" }), h("zonos-checkbox", { isChecked: stripeStore.stripeShippingSameAsBilling, label: translate('Shipping address same as billing'), onCheckboxSelected: e => {
                 stripeStore.stripeShippingSameAsBilling = e.detail;
-            } }), h("zonos-collapse", { collapsed: !showBilling }, h("zonos-address", { defaultAddress: this.defaultAddress, titleText: translate('Billing address'), type: "billing" })), h("div", { class: "zonos--group-btn" }, h("zonos-button", { backgroundColor: this.submitBtnColor, isDisabled: this.disabled, loading: this.continueLoading, onClick: () => this.continueClickHandler(), size: "lg",
+            } }), h("zonos-collapse", { collapsed: !showBilling }, h("zonos-address", { defaultAddress: this.defaultAddress, onInvalidCharacters: e => (this.hasInvalidBillingCharacters = e.detail), titleText: translate('Billing address'), type: "billing" })), h("div", { class: "zonos--group-btn" }, h("zonos-button", { backgroundColor: this.submitBtnColor, isDisabled: this.disabled, loading: this.continueLoading, onClick: () => this.continueClickHandler(), size: "lg",
             // use primary type when on mobile mode
             variant: this.submitBtnType }, translate('Continue to shipping'))))));
     }
@@ -142,7 +156,9 @@ export class ZonosCustomerInfo {
     }
     static get states() {
         return {
-            "disabled": {}
+            "disabled": {},
+            "hasInvalidShippingCharacters": {},
+            "hasInvalidBillingCharacters": {}
         };
     }
     static get events() {
@@ -163,6 +179,7 @@ export class ZonosCustomerInfo {
                 }
             }];
     }
+    static get elementRef() { return "el"; }
     static get watchers() {
         return [{
                 "propName": "disabled",

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

@@ -42,7 +42,7 @@ const getStripeOptions = ({ clientSecret, overrideBorderRaidus, overridePrimaryC
     return {
         appearance: {
             labels: 'floating',
-            rules: Object.assign({}, addressRuleStyle({ theme: 'LIGHT' })),
+            rules: Object.assign({}, addressRuleStyle({ theme: overrideTheme || 'LIGHT' })),
             // get contrast theme color base on primary color
             theme: overrideTheme ? theme : themeBasedColor,
             variables: Object.assign(Object.assign({}, defaultVariable({
@@ -180,9 +180,9 @@ const stripeStorePrefetchLandedCost = async () => {
                         return null;
                     }
                     return Object.assign(Object.assign({}, checkoutSession), { landedCost: foundLandedCost });
-                }).filter(Boolean)) || null;
+                }).filter(Boolean)) || [];
             cartStore.shippingData =
-                (shipmentRatingCalculateWorkflow === null || shipmentRatingCalculateWorkflow === void 0 ? void 0 : shipmentRatingCalculateWorkflow.filter(Boolean)) || null;
+                (shipmentRatingCalculateWorkflow === null || shipmentRatingCalculateWorkflow === void 0 ? void 0 : shipmentRatingCalculateWorkflow.filter(Boolean)) || [];
             // apply new subtotal and total, this is mainly to show items in the presentment currency
             const firstLandedCostData = (_f = cartStore.landedCostData) === null || _f === void 0 ? void 0 : _f.find(Boolean);
             const subtotals = !!firstLandedCostData

package/dist/collection/components/store/translationStore/strings.arabic.js

@@ -83,6 +83,9 @@ export const stringsArabic = {
     "Payment processing. We'll update you when payment is received.": {
         value: 'جارٍ معالجة الدفع. سنحدثك عند استلام الدفعة.',
     },
+    'Please ensure your text uses the Latin alphabet only (A-Z, a-z).': {
+        value: 'يرجى التأكد من أن نصك يستخدم الأبجدية اللاتينية فقط (A-Z, a-z).',
+    },
     'Powered by': {
         value: 'مشغل بواسطة',
     },

package/dist/collection/components/store/translationStore/strings.base.js

@@ -83,6 +83,9 @@ export const stringsBase = {
     "Payment processing. We'll update you when payment is received.": {
         value: "Payment processing. We'll update you when payment is received.",
     },
+    'Please ensure your text uses the Latin alphabet only (A-Z, a-z).': {
+        value: 'Please ensure your text uses the Latin alphabet only (A-Z, a-z).',
+    },
     'Powered by': {
         value: 'Powered by',
     },

package/dist/collection/components/store/translationStore/strings.chinese.js

@@ -83,6 +83,9 @@ export const stringsChinese = {
     "Payment processing. We'll update you when payment is received.": {
         value: '付款处理中。付款收到后，我们将通知您。',
     },
+    'Please ensure your text uses the Latin alphabet only (A-Z, a-z).': {
+        value: '请确保您的文本仅使用拉丁字母表（A-Z, a-z）。',
+    },
     'Powered by': {
         value: '由...提供支持',
     },

package/dist/collection/components/store/translationStore/strings.danish.js

@@ -83,6 +83,9 @@ export const stringsDanish = {
     "Payment processing. We'll update you when payment is received.": {
         value: 'Behandler betaling. Vi opdaterer dig, når betalingen er modtaget.',
     },
+    'Please ensure your text uses the Latin alphabet only (A-Z, a-z).': {
+        value: 'Sørg venligst for, at din tekst kun bruger det latinske alfabet (A-Z, a-z).',
+    },
     'Powered by': {
         value: 'Drevet af',
     },

package/dist/collection/components/store/translationStore/strings.dutch.js

@@ -83,6 +83,9 @@ export const stringsDutch = {
     "Payment processing. We'll update you when payment is received.": {
         value: 'Betaling verwerken. We brengen je op de hoogte wanneer de betaling is ontvangen.',
     },
+    'Please ensure your text uses the Latin alphabet only (A-Z, a-z).': {
+        value: 'Zorg ervoor dat uw tekst alleen het Latijnse alfabet gebruikt (A-Z, a-z).',
+    },
     'Powered by': {
         value: 'Aangedreven door',
     },

package/dist/collection/components/store/translationStore/strings.french.js

@@ -83,6 +83,9 @@ export const stringsFrench = {
     "Payment processing. We'll update you when payment is received.": {
         value: 'Traitement du paiement en cours. Nous vous tiendrons informé dès réception du paiement.',
     },
+    'Please ensure your text uses the Latin alphabet only (A-Z, a-z).': {
+        value: "Veuillez vous assurer que votre texte utilise uniquement l'alphabet latin (A-Z, a-z).",
+    },
     'Powered by': {
         value: 'Propulsé par',
     },

package/dist/collection/components/store/translationStore/strings.german.js

@@ -83,6 +83,9 @@ export const stringsGerman = {
     "Payment processing. We'll update you when payment is received.": {
         value: 'Zahlung wird verarbeitet. Wir informieren Sie, sobald die Zahlung eingegangen ist.',
     },
+    'Please ensure your text uses the Latin alphabet only (A-Z, a-z).': {
+        value: 'Bitte stellen Sie sicher, dass Ihr Text nur das lateinische Alphabet verwendet (A-Z, a-z).',
+    },
     'Powered by': {
         value: 'Angetrieben von',
     },

package/dist/collection/components/store/translationStore/strings.hebrew.js

@@ -83,6 +83,9 @@ export const stringsHebrew = {
     "Payment processing. We'll update you when payment is received.": {
         value: 'התשלום מעובד. נעדכן אותך כשהתשלום יתקבל.',
     },
+    'Please ensure your text uses the Latin alphabet only (A-Z, a-z).': {
+        value: 'אנא ודא שהטקסט שלך משתמש באלפבית הלטיני בלבד (A-Z, a-z).',
+    },
     'Powered by': {
         value: 'מופעל על ידי',
     },

package/dist/collection/components/store/translationStore/strings.indonesian.js

@@ -83,6 +83,9 @@ export const stringsIndonesian = {
     "Payment processing. We'll update you when payment is received.": {
         value: 'Pemrosesan pembayaran. Kami akan memberi Anda pembaruan ketika pembayaran diterima.',
     },
+    'Please ensure your text uses the Latin alphabet only (A-Z, a-z).': {
+        value: 'Harap pastikan teks Anda hanya menggunakan alfabet Latin (A-Z, a-z).',
+    },
     'Powered by': {
         value: 'Dipersembahkan oleh',
     },

package/dist/collection/components/store/translationStore/strings.italian.js

@@ -83,6 +83,9 @@ export const stringsItalian = {
     "Payment processing. We'll update you when payment is received.": {
         value: 'Elaborazione pagamento in corso. Ti aggiorneremo quando il pagamento sarà ricevuto.',
     },
+    'Please ensure your text uses the Latin alphabet only (A-Z, a-z).': {
+        value: "Si prega di assicurarsi che il testo utilizzi solo l'alfabeto latino (A-Z, a-z).",
+    },
     'Powered by': {
         value: 'Offerto da',
     },

package/dist/collection/components/store/translationStore/strings.japanese.js

@@ -83,6 +83,9 @@ export const stringsJapanese = {
     "Payment processing. We'll update you when payment is received.": {
         value: '支払処理中です。入金が確認された際に更新いたします。',
     },
+    'Please ensure your text uses the Latin alphabet only (A-Z, a-z).': {
+        value: 'テキストがラテンアルファベットのみを使用していることを確認してください（A-Z、a-z）。',
+    },
     'Powered by': {
         value: 'Powered by',
     },