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

package/dist/cjs/{cart-eee85bda.js → cart-c22d66c8.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-const zonosStore = require('./zonosStore-138c5555.js');
-const isDarkColor = require('./isDarkColor-57860b44.js');
-const getBorderRadius = require('./getBorderRadius-d8f18958.js');
+const zonosStore = require('./zonosStore-2a8612a4.js');
+const isDarkColor = require('./isDarkColor-c01f24df.js');
+const getBorderRadius = require('./getBorderRadius-d9a954a3.js');
 
 const stringsArabic = {
     'Above de minimis threshold for': {
@@ -89,6 +89,9 @@ 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: 'مشغل بواسطة',
     },
@@ -257,6 +260,9 @@ 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',
     },
@@ -425,6 +431,9 @@ 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: '由...提供支持',
     },
@@ -593,6 +602,9 @@ 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',
     },
@@ -761,6 +773,9 @@ 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',
     },
@@ -929,6 +944,9 @@ 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',
     },
@@ -1097,6 +1115,9 @@ 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',
     },
@@ -1265,6 +1286,9 @@ 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: 'מופעל על ידי',
     },
@@ -1433,6 +1457,9 @@ 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',
     },
@@ -1601,6 +1628,9 @@ 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',
     },
@@ -1769,6 +1799,9 @@ 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',
     },
@@ -1937,6 +1970,9 @@ const stringsKorean = {
     "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: '제공됨',
     },
@@ -2105,6 +2141,9 @@ const stringsNorwegian = {
     "Payment processing. We'll update you when payment is received.": {
         value: 'Bearbeider betalingen. Vi gir deg beskjed når betalingen er mottatt.',
     },
+    'Please ensure your text uses the Latin alphabet only (A-Z, a-z).': {
+        value: 'Vennligst sørg for at teksten din kun bruker det latinske alfabetet (A-Z, a-z).',
+    },
     'Powered by': {
         value: 'Drevet av',
     },
@@ -2273,6 +2312,9 @@ const stringsPolish = {
     "Payment processing. We'll update you when payment is received.": {
         value: 'Trwa przetwarzanie płatności. Poinformujemy gdy płatność zostanie otrzymana.',
     },
+    'Please ensure your text uses the Latin alphabet only (A-Z, a-z).': {
+        value: 'Proszę upewnić się, że tekst używa tylko alfabetu łacińskiego (A-Z, a-z).',
+    },
     'Powered by': {
         value: 'Dostarczone przez',
     },
@@ -2441,6 +2483,9 @@ const stringsPortuguese = {
     "Payment processing. We'll update you when payment is received.": {
         value: 'Processando pagamento. Informaremos quando o pagamento for recebido.',
     },
+    'Please ensure your text uses the Latin alphabet only (A-Z, a-z).': {
+        value: 'Por favor, certifique-se de que seu texto utilize apenas o alfabeto latino (A-Z, a-z).',
+    },
     'Powered by': {
         value: 'Desenvolvido por',
     },
@@ -2609,6 +2654,9 @@ const stringsRussian = {
     "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: 'Работает на',
     },
@@ -2777,6 +2825,9 @@ const stringsSpanish = {
     "Payment processing. We'll update you when payment is received.": {
         value: 'Procesando pago. Le informaremos cuando se reciba el pago.',
     },
+    'Please ensure your text uses the Latin alphabet only (A-Z, a-z).': {
+        value: 'Por favor, asegúrese de que su texto use solo el alfabeto latino (A-Z, a-z).',
+    },
     'Powered by': {
         value: 'Desarrollado por',
     },
@@ -2945,6 +2996,9 @@ const stringsSwedish = {
     "Payment processing. We'll update you when payment is received.": {
         value: 'Betalningsbehandling. Vi kommer att uppdatera dig när betalningen har mottagits.',
     },
+    'Please ensure your text uses the Latin alphabet only (A-Z, a-z).': {
+        value: 'Vänligen se till att din text endast använder det latinska alfabetet (A-Z, a-z).',
+    },
     'Powered by': {
         value: 'Drivs av',
     },
@@ -3113,6 +3167,9 @@ const stringsTurkish = {
     "Payment processing. We'll update you when payment is received.": {
         value: 'Ödeme işleniyor. Ödeme alındığında sizi bilgilendireceğiz.',
     },
+    'Please ensure your text uses the Latin alphabet only (A-Z, a-z).': {
+        value: 'Lütfen metninizin sadece Latin alfabesini kullandığından emin olun (A-Z, a-z).',
+    },
     'Powered by': {
         value: 'Tarafından desteklenmektedir',
     },
@@ -3281,6 +3338,9 @@ const stringsVietnamese = {
     "Payment processing. We'll update you when payment is received.": {
         value: 'Đang xử lý thanh toán. Chúng tôi sẽ thông báo khi nhận được thanh toán.',
     },
+    'Please ensure your text uses the Latin alphabet only (A-Z, a-z).': {
+        value: 'Vui lòng đảm bảo rằng văn bản của bạn chỉ sử dụng bảng chữ cái Latinh (A-Z, a-z).',
+    },
     'Powered by': {
         value: 'Nền tảng cung cấp bởi',
     },
@@ -4157,23 +4217,40 @@ const jsonParse = (_data) => {
 };
 
 const addressRuleStyle = ({ theme, }) => {
+    const defaultStyle = {
+        '.Action': {
+            color: 'var(--colorText)',
+        },
+        '.Input': {
+            boxShadow: 'none',
+            // need to reset everything and the paddingTop to default, otherwise the paddingTop will not be updated.
+            padding: '0',
+            paddingBottom: '8px',
+            paddingLeft: '16px',
+            paddingRight: '8px',
+            // any value here will be add up to the default paddingTop (20px).
+            paddingTop: '6px',
+        },
+        '.Input:focus': {
+            boxShadow: 'none',
+        },
+        '.PickerItem--highlight': {
+            boxShadow: '0 0 0 2px var(--colorBackground)',
+        },
+        '.PickerItem--highlight:hover': {
+            backgroundColor: 'var(--colorBackground)',
+            boxShadow: 'none',
+        },
+        '.PickerItem--new': {
+            color: 'var(--colorText)',
+        },
+    };
     switch (theme) {
+        case 'DARK': {
+            return Object.assign(Object.assign({}, defaultStyle), { '.Action': Object.assign(Object.assign({}, defaultStyle['.Action']), { color: 'white' }), '.PickerItem--new': Object.assign(Object.assign({}, defaultStyle['.PickerItem--new']), { color: 'white' }) });
+        }
         default:
-            return {
-                '.Input': {
-                    boxShadow: 'none',
-                    // need to reset everything and the paddingTop to default, otherwise the paddingTop will not be updated.
-                    padding: '0',
-                    paddingBottom: '8px',
-                    paddingLeft: '16px',
-                    paddingRight: '8px',
-                    // any value here will be add up to the default paddingTop (20px).
-                    paddingTop: '6px',
-                },
-                '.Input:focus': {
-                    boxShadow: 'none',
-                },
-            };
+            return defaultStyle;
     }
 };
 
@@ -4225,7 +4302,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({
@@ -4362,9 +4439,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/cjs/{getBorderRadius-d8f18958.js → getBorderRadius-d9a954a3.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const zonosStore = require('./zonosStore-138c5555.js');
+const zonosStore = require('./zonosStore-2a8612a4.js');
 
 /**
  * Get the border radius for the elements based on the style

package/dist/cjs/{isDarkColor-57860b44.js → isDarkColor-c01f24df.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const zonosStore = require('./zonosStore-138c5555.js');
+const zonosStore = require('./zonosStore-2a8612a4.js');
 
 var tinycolor$1 = {exports: {}};
 

package/dist/cjs/loader.cjs.js

@@ -8,7 +8,7 @@ const appGlobals = require('./app-globals-3a1e7e63.js');
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;
   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/{submitGtag-a2e1f652.js → submitGtag-9c0a8038.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-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 trackConversionEvent = async (eventName, metadata) => {
     // If a Zonos domain, we don't want analytics to be tracked

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

@@ -3,23 +3,39 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-72767498.js');
-const cart = require('./cart-eee85bda.js');
+const cart = require('./cart-c22d66c8.js');
+const zonosStore = require('./zonosStore-2a8612a4.js');
 const isCheckoutMobile = require('./isCheckoutMobile-f491ca7c.js');
-const zonosStore = require('./zonosStore-138c5555.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 zonosAddressCss = ".sc-zonos-address-h{font-family:var(--font-family, Inter), Inter;display:block;white-space:normal}.sc-zonos-address-h *.sc-zonos-address{font-family:var(--font-family, Inter), Inter}.sc-zonos-address-h img.sc-zonos-address{max-width:100%}.sc-zonos-address-h dl.sc-zonos-address,.sc-zonos-address-h dd.sc-zonos-address,.sc-zonos-address-h h1.sc-zonos-address,.sc-zonos-address-h h2.sc-zonos-address,.sc-zonos-address-h h3.sc-zonos-address,.sc-zonos-address-h h4.sc-zonos-address,.sc-zonos-address-h h5.sc-zonos-address,.sc-zonos-address-h h6.sc-zonos-address,.sc-zonos-address-h hr.sc-zonos-address,.sc-zonos-address-h figure.sc-zonos-address,.sc-zonos-address-h p.sc-zonos-address,.sc-zonos-address-h pre.sc-zonos-address{margin:0}.sc-zonos-address-h{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}.sc-zonos-address-h .zonos--title.sc-zonos-address{margin-bottom:var(--amino-space-16)}";
+/**
+ * Check if the given address object contains non-latin characters
+ * @returns an object with the same keys as the input object, and a boolean value indicating if the value contains non-latin characters
+ */
+const containsNonLatinChars = (params) => {
+    /**
+     * This regex matches any character that is not a latin character, punctuation, symbol, number, separator, control, or mark
+     * I limited the character found to 1 in the regex, so that we can return early if we find any non-latin character
+     **/
+    const nonLatinRegex = /[^\p{Script=Latin}\p{P}\p{S}\p{N}\p{Z}\p{C}\p{M}]{1}/u;
+    const nonLatinValueList = Object.entries(params).reduce((prev, [key, value]) => nonLatinRegex.test(value) ? Object.assign(Object.assign({}, prev), { [key]: true }) : prev, {});
+    return nonLatinValueList;
+};
+
+const zonosAddressCss = ".sc-zonos-address-h{font-family:var(--font-family, Inter), Inter;display:block;white-space:normal}.sc-zonos-address-h *.sc-zonos-address{font-family:var(--font-family, Inter), Inter}.sc-zonos-address-h img.sc-zonos-address{max-width:100%}.sc-zonos-address-h dl.sc-zonos-address,.sc-zonos-address-h dd.sc-zonos-address,.sc-zonos-address-h h1.sc-zonos-address,.sc-zonos-address-h h2.sc-zonos-address,.sc-zonos-address-h h3.sc-zonos-address,.sc-zonos-address-h h4.sc-zonos-address,.sc-zonos-address-h h5.sc-zonos-address,.sc-zonos-address-h h6.sc-zonos-address,.sc-zonos-address-h hr.sc-zonos-address,.sc-zonos-address-h figure.sc-zonos-address,.sc-zonos-address-h p.sc-zonos-address,.sc-zonos-address-h pre.sc-zonos-address{margin:0}.sc-zonos-address-h{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}.sc-zonos-address-h .zonos--title.sc-zonos-address{margin-bottom:var(--amino-space-16)}.sc-zonos-address-h zonos-banner.sc-zonos-address{margin-top:var(--amino-space-8)}";
 const ZonosAddressStyle0 = zonosAddressCss;
 
 const ZonosAddress = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
+        this.invalidCharacters = index.createEvent(this, "invalidCharacters", 7);
         this.type = undefined;
         this.titleText = undefined;
         this.defaultAddress = null;
         this.stripe = window.Zonos.stripe;
+        this.hasInvalidCharacters = false;
         this.isDirtyAddress = false;
     }
     getStripeAddressInstance() {
@@ -45,6 +61,13 @@ const ZonosAddress = class {
                 cart.stripeStore.stripeAddressEventData = event;
                 break;
         }
+        const hasInvalidCharacters = this.checkInvalidCharacters(event);
+        this.invalidCharacters.emit(hasInvalidCharacters);
+        this.hasInvalidCharacters = hasInvalidCharacters;
+        if (hasInvalidCharacters) {
+            // no need to prefetch landed cost if the address contains invalid characters
+            return;
+        }
         // only prefetch if the address type is shipping
         void cart.stripeStorePrefetchLandedCost();
     }
@@ -55,6 +78,29 @@ const ZonosAddress = class {
         }
         cart.stripeStore.stripeBillingAddressElement = stripeAddressElement;
     }
+    checkInvalidCharacters(address) {
+        // Do nothing if the allowed character sets is ALL or the address is incomplete
+        if (!address.complete ||
+            zonosStore.zonosStore.checkoutSettings.allowedCharacterSets === 'ALL') {
+            return false;
+        }
+        const { address: addressValue, firstName, lastName, name } = address.value;
+        const { city, country, line1, line2, postal_code, state } = addressValue;
+        const invalidList = containsNonLatinChars({
+            city,
+            country,
+            line1,
+            line2: line2 || '',
+            name: name || `${firstName} ${lastName}`,
+            postal_code,
+            state,
+        });
+        // emit event if the address contains invalid characters
+        if (Object.keys(invalidList).length) {
+            return true;
+        }
+        return false;
+    }
     async watchInitStripe() {
         var _a, _b;
         this.stripe = window.Zonos.stripe;
@@ -118,7 +164,7 @@ const ZonosAddress = class {
                 }, 600);
             }
             this.updateAddressEventData({
-                event: Object.assign(Object.assign({}, event), { elementMode: this.type, elementType: 'address', empty: false, value: Object.assign(Object.assign({}, eventValue), { firstName: eventValue.firstName || eventValue.name.split(' ')[0], lastName: eventValue.lastName || eventValue.name.split(' ').pop() }) }),
+                event: Object.assign(Object.assign({}, event), { elementMode: this.type, elementType: 'address', value: Object.assign(Object.assign({}, eventValue), { firstName: eventValue.firstName || eventValue.name.split(' ')[0], lastName: eventValue.lastName || eventValue.name.split(' ')[1] }) }),
                 type: this.type,
             });
         });
@@ -139,10 +185,17 @@ const ZonosAddress = class {
                 stripeAddressEventData.value.address.line1.length > 0;
         // @Watch doesn't get trigger on initial load
         void this.watchInitStripe();
+        setTimeout(() => {
+            // check if the address contains invalid characters after address is loaded
+            const newStripeAddressEventData = this.getStripeAddressInstance().stripeAddressEventData;
+            if (newStripeAddressEventData) {
+                this.checkInvalidCharacters(newStripeAddressEventData);
+            }
+        }, 500);
     }
     render() {
         // this component loads iframe from the stripe elements and puts here, so we don't need to do anything here
-        return (index.h(index.Host, { key: '8d762300d8f599a277806d861d13d2beb6a0a5a6', class: "zonos--address zonos--elements" }, index.h("zonos-text", { key: 'c355eece2f193cb0595ede434238f062b2c07c7c', class: "zonos--title", type: "semiBoldLabel" }, this.titleText), index.h("div", { key: '59c3bd68cd67c8d733fd2ca5d9f4b4114c84db4a', class: "zonos--address-component" })));
+        return (index.h(index.Host, { key: '2656f94224ff0385b4ae2594284257add19f82c3', class: "zonos--address zonos--elements" }, index.h("zonos-text", { key: '48b5ac45621d6d0f79f62227c71d70bb284c60da', class: "zonos--title", type: "semiBoldLabel" }, this.titleText), index.h("div", { key: '2f11c7983fd310afa01fa5100ce25ce49cfcc3da', class: "zonos--address-component" }), this.hasInvalidCharacters && (index.h("zonos-banner", { bannerTitle: cart.translate('Please ensure your text uses the Latin alphabet only (A-Z, a-z).'), intent: "error" }))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/zonos-badge_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 zonosBadgeCss = ":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 .zonos--badge-content{display:-ms-flexbox;display:flex;gap:var(--amino-space-8);font-size:var(--amino-font-size-s);padding:4px 8px;text-align:center;border-radius:var(--amino-radius-6);background-color:var(--amino-gray-100);color:var(--amino-gray-800);-ms-flex-align:center;align-items:center}:host p{font-weight:600;line-height:16px}:host .icon-right svg{-ms-flex-order:2;order:2}:host .small{padding:2px 8px}:host .rounded{border-radius:20px}:host .bold{background-color:var(--amino-gray-600);color:var(--amino-gray-100)}:host .blue{background-color:var(--amino-blue-100);color:var(--amino-blue-800)}:host .blue.bold{background-color:var(--amino-blue-600);color:var(--amino-blue-100)}:host .green{background-color:var(--amino-green-100);color:var(--amino-green-800)}:host .green.bold{background-color:var(--amino-green-600);color:var(--amino-green-100)}:host .red{background-color:var(--amino-red-100);color:var(--amino-red-800)}:host .red.bold{background-color:var(--amino-red-600);color:var(--amino-red-100)}:host .orange{background-color:var(--amino-orange-100);color:var(--amino-orange-800)}:host .orange.bold{background-color:var(--amino-orange-600);color:var(--amino-orange-100)}:host .purple{background-color:var(--amino-purple-100);color:var(--amino-purple-800)}:host .purple.bold{background-color:var(--amino-purple-600);color:var(--amino-purple-100)}:host .cyan{background-color:var(--amino-cyan-100);color:var(--amino-cyan-800)}:host .cyan.bold{background-color:var(--amino-cyan-600);color:var(--amino-cyan-100)}";

package/dist/cjs/zonos-banner.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 zonosBannerCss = ":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{border-radius:var(--amino-radius-10);padding:var(--amino-space-16);background:var(--amino-gray-100)}:host .zonos--container{display:grid;-ms-flex-align:center;align-items:center;grid-template-areas:\"icon header\" \". content\";grid-template-columns:32px auto 0}:host .zonos--icon-wrapper{grid-area:icon;display:-ms-flexbox;display:flex;justify-self:start}:host .zonos--header-wrapper{margin-top:var(--amino-space-0);grid-area:header}:host .zonos--content-wrapper{grid-area:content;margin-top:var(--amino-space-4)}:host(.info){background-color:var(--amino-blue-100);border:1px solid var(--amino-blue-200)}:host(.success){background-color:var(--amino-green-100);border:1px solid var(--amino-green-200)}:host(.error){background-color:var(--amino-red-100);border:1px solid var(--amino-red-200)}:host(.warning){background-color:var(--amino-orange-100);border:1px solid var(--amino-orange-200)}";

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

@@ -3,11 +3,11 @@
 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 isDarkColor = require('./isDarkColor-57860b44.js');
+const isDarkColor = require('./isDarkColor-c01f24df.js');
 
 /**
  * Get theme for button text based on background color

package/dist/cjs/zonos-card_2.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 zonosStore = require('./zonosStore-2a8612a4.js');
 const classes = require('./classes-b7918f56.js');
-const cart = require('./cart-eee85bda.js');
+const cart = require('./cart-c22d66c8.js');
 const ILanguage = require('./ILanguage-d247b45b.js');
-require('./isDarkColor-57860b44.js');
-require('./getBorderRadius-d8f18958.js');
+require('./isDarkColor-c01f24df.js');
+require('./getBorderRadius-d9a954a3.js');
 
 const zonosCardCss = ":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 .styled-card{border:var(--amino-border);border-radius:var(--amino-radius-6);padding:var(--spacing, var(--amino-space-24));text-align:left}:host .styled-card hr{margin-left:calc(var(--spacing, var(--amino-space-24)) * -1);margin-right:calc(var(--spacing, var(--amino-space-24)) * -1)}:host .styled-card .card-header{margin:calc(var(--spacing, var(--amino-space-24)) * -1);padding:var(--spacing, var(--amino-space-24));display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin-bottom:var(--spacing, var(--amino-space-24));border-bottom:var(--amino-border);height:65px;line-height:65px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}:host .styled-card .card-header h5{margin-bottom:0;-ms-flex:1;flex:1}:host .styled-card .card-footer{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;margin:calc(var(--spacing, var(--amino-space-24)) * -1);padding:var(--spacing, var(--amino-space-24));border-top:var(--amino-border);background:var(--amino-surface-color-secondary);margin-top:var(--spacing, var(--amino-space-24));border-bottom-left-radius:var(--amino-radius-8);border-bottom-right-radius:var(--amino-radius-8);height:var(--footerHeight)}";
 const ZonosCardStyle0 = zonosCardCss;