@zonos/elements 1.3.18-alpha.1 → 1.3.18-alpha.2

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

@@ -17,6 +17,9 @@ export const stringsPortuguese = {
     'Address line 2': {
         value: 'Endereço linha 2',
     },
+    'Are you sure?': {
+        value: 'Você tem certeza?',
+    },
     Back: {
         value: 'Voltar',
     },
@@ -35,6 +38,9 @@ export const stringsPortuguese = {
     City: {
         value: 'Cidade',
     },
+    Close: {
+        value: 'Fechar',
+    },
     Contact: {
         value: 'Contato',
     },
@@ -56,6 +62,9 @@ export const stringsPortuguese = {
     'Delivery options': {
         value: 'Opções de entrega',
     },
+    "Don't close": {
+        value: 'Não fechar',
+    },
     'Duties and taxes will be applied to items and shipping.': {
         value: 'Impostos e taxas serão aplicados aos itens e ao frete.',
     },
@@ -239,6 +248,9 @@ export const stringsPortuguese = {
     'What you entered': {
         value: 'O que você digitou',
     },
+    'Would you like to close checkout and return to the site?': {
+        value: 'Gostaria de fechar o checkout e voltar ao site?',
+    },
     "You're all set!": {
         value: 'Está tudo pronto!',
     },

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

@@ -17,6 +17,9 @@ export const stringsRussian = {
     'Address line 2': {
         value: 'Адресная строка 2',
     },
+    'Are you sure?': {
+        value: 'Вы уверены?',
+    },
     Back: {
         value: 'Назад',
     },
@@ -35,6 +38,9 @@ export const stringsRussian = {
     City: {
         value: 'Город',
     },
+    Close: {
+        value: 'Закрыть',
+    },
     Contact: {
         value: 'Контакты',
     },
@@ -56,6 +62,9 @@ export const stringsRussian = {
     'Delivery options': {
         value: 'Варианты доставки',
     },
+    "Don't close": {
+        value: 'Не закрывайте',
+    },
     'Duties and taxes will be applied to items and shipping.': {
         value: 'Пошлины и налоги будут применены к товарам и доставке.',
     },
@@ -239,6 +248,9 @@ export const stringsRussian = {
     'What you entered': {
         value: 'То, что вы ввели',
     },
+    'Would you like to close checkout and return to the site?': {
+        value: 'Вы хотите завершить оформление заказа и вернуться на сайт?',
+    },
     "You're all set!": {
         value: 'Все готово!',
     },

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

@@ -17,6 +17,9 @@ export const stringsSpanish = {
     'Address line 2': {
         value: 'Línea de dirección 2',
     },
+    'Are you sure?': {
+        value: '¿Estás seguro?',
+    },
     Back: {
         value: 'Regresar',
     },
@@ -35,6 +38,9 @@ export const stringsSpanish = {
     City: {
         value: 'Ciudad',
     },
+    Close: {
+        value: 'Cerrar',
+    },
     Contact: {
         value: 'Contacto',
     },
@@ -56,6 +62,9 @@ export const stringsSpanish = {
     'Delivery options': {
         value: 'Opciones de entrega',
     },
+    "Don't close": {
+        value: 'No cerrar',
+    },
     'Duties and taxes will be applied to items and shipping.': {
         value: 'Los impuestos y aranceles se aplicarán a los artículos y al envío.',
     },
@@ -239,6 +248,9 @@ export const stringsSpanish = {
     'What you entered': {
         value: 'Lo que ingresaste',
     },
+    'Would you like to close checkout and return to the site?': {
+        value: '¿Te gustaría cerrar la caja y volver al sitio?',
+    },
     "You're all set!": {
         value: '¡Está todo listo!',
     },

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

@@ -17,6 +17,9 @@ export const stringsSwedish = {
     'Address line 2': {
         value: 'Adressrad 2',
     },
+    'Are you sure?': {
+        value: 'Är du säker?',
+    },
     Back: {
         value: 'Tillbaka',
     },
@@ -35,6 +38,9 @@ export const stringsSwedish = {
     City: {
         value: 'Stad',
     },
+    Close: {
+        value: 'Stänga',
+    },
     Contact: {
         value: 'Kontakt',
     },
@@ -56,6 +62,9 @@ export const stringsSwedish = {
     'Delivery options': {
         value: 'Leveransalternativ',
     },
+    "Don't close": {
+        value: 'Stäng inte',
+    },
     'Duties and taxes will be applied to items and shipping.': {
         value: 'Tull och skatter kommer att tillämpas på varor och frakt.',
     },
@@ -239,6 +248,9 @@ export const stringsSwedish = {
     'What you entered': {
         value: 'Det du angav',
     },
+    'Would you like to close checkout and return to the site?': {
+        value: 'Vill du stänga kassan och återvända till webbplatsen?',
+    },
     "You're all set!": {
         value: 'Du är klar!',
     },

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

@@ -17,6 +17,9 @@ export const stringsTurkish = {
     'Address line 2': {
         value: 'Adres satırı 2',
     },
+    'Are you sure?': {
+        value: 'Emin misiniz?',
+    },
     Back: {
         value: 'Geri',
     },
@@ -35,6 +38,9 @@ export const stringsTurkish = {
     City: {
         value: 'Şehir',
     },
+    Close: {
+        value: 'Kapat',
+    },
     Contact: {
         value: 'İletişim',
     },
@@ -56,6 +62,9 @@ export const stringsTurkish = {
     'Delivery options': {
         value: 'Teslimat seçenekleri',
     },
+    "Don't close": {
+        value: 'Kapatma',
+    },
     'Duties and taxes will be applied to items and shipping.': {
         value: 'Ürünlere ve kargoya vergi ve gümrük vergisi uygulanacak.',
     },
@@ -239,6 +248,9 @@ export const stringsTurkish = {
     'What you entered': {
         value: 'Girdiğin şey',
     },
+    'Would you like to close checkout and return to the site?': {
+        value: 'Ödemeyi kapatıp siteye geri dönmek ister misiniz?',
+    },
     "You're all set!": {
         value: 'Hazırsınız!',
     },

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

@@ -17,6 +17,9 @@ export const stringsVietnamese = {
     'Address line 2': {
         value: 'Dòng địa chỉ 2',
     },
+    'Are you sure?': {
+        value: 'Bạn có chắc không?',
+    },
     Back: {
         value: 'Quay lại',
     },
@@ -35,6 +38,9 @@ export const stringsVietnamese = {
     City: {
         value: 'Thành phố',
     },
+    Close: {
+        value: 'Đóng',
+    },
     Contact: {
         value: 'Liên hệ',
     },
@@ -56,6 +62,9 @@ export const stringsVietnamese = {
     'Delivery options': {
         value: 'Tùy chọn giao hàng',
     },
+    "Don't close": {
+        value: 'Đừng đóng',
+    },
     'Duties and taxes will be applied to items and shipping.': {
         value: 'Thuế và phí sẽ được áp dụng cho hàng hóa và vận chuyển.',
     },
@@ -239,6 +248,9 @@ export const stringsVietnamese = {
     'What you entered': {
         value: 'Những gì bạn đã nhập',
     },
+    'Would you like to close checkout and return to the site?': {
+        value: 'Bạn có muốn đóng thanh toán và quay lại trang web không?',
+    },
     "You're all set!": {
         value: 'Bạn đã sẵn sàng!',
     },

package/dist/collection/components/store/zonosStore.js

@@ -114,6 +114,7 @@ const zonosStoreInitSetting = ({ overrideSettings, zonosSettings, }) => {
     zonosStore.organizationName = ((_b = zonosSettings === null || zonosSettings === void 0 ? void 0 : zonosSettings.organization) === null || _b === void 0 ? void 0 : _b.name) || '';
     zonosStore.storeId = ((_d = (_c = zonosSettings === null || zonosSettings === void 0 ? void 0 : zonosSettings.organization) === null || _c === void 0 ? void 0 : _c.references) === null || _d === void 0 ? void 0 : _d.storeId) || null;
     zonosStore.currencyConverter = overrideSettings === null || overrideSettings === void 0 ? void 0 : overrideSettings.currencyConverter;
+    zonosStore.onCountryChange = overrideSettings === null || overrideSettings === void 0 ? void 0 : overrideSettings.onCountryChange;
 };
 const zonosStoreFontFamily = () => {
     const fontFamily = zonosStore.appearance.fontFamily || 'Inter';

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

@@ -135,7 +135,7 @@ export class ZonosAddress {
     }
     render() {
         // this component loads iframe from the stripe elements and puts here, so we don't need to do anything here
-        return (h(Host, { key: 'f45a7bbe9d6b5ffac15671a862b3ad4f2eb4a87b', class: "zonos--address zonos--elements" }, h("zonos-text", { key: 'a9119e6e0c4e5c81a7d17ebe4d6bec925404a3dd', class: "zonos--title", type: "semiBoldLabel" }, this.titleText), h("div", { key: '7dc12043c6e75ebabd646490c390bafdc2cd4a1d', class: "zonos--address-component" })));
+        return (h(Host, { key: '77cf6085adb67da95283000b857a9252215c71cd', class: "zonos--address zonos--elements" }, h("zonos-text", { key: '30aff37f04ef04ce4c062d52c78286b362469894', class: "zonos--title", type: "semiBoldLabel" }, this.titleText), h("div", { key: '599e73e5d3f88cba12a7fc72abc3e575eb3eb777', class: "zonos--address-component" })));
     }
     static get is() { return "zonos-address"; }
     static get encapsulation() { return "scoped"; }

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

@@ -42,7 +42,7 @@ export class ZonosLinkAuthentication {
     }
     render() {
         // this component loads iframe from the stripe elements and puts here, so we don't need to do anything here
-        return (h(Host, { key: '4a7b9eb534e938f791f70e04756aa9fb1c39f2c7', class: "zonos--link-authentication zonos--elements" }, h("zonos-text", { key: 'cc4fe49ed6d4bd7cec502ef739b9e835e9e26584', class: "zonos--title", type: "semiBoldLabel" }, this.titleText), h("div", { key: 'f04a438d04e6ccd608d7ff61ac300fb09da4f0ce', class: "zonos--link-authentication-component" })));
+        return (h(Host, { key: '1a206ef754ae3df55e57f7b8f587bde7d04c20d3', class: "zonos--link-authentication zonos--elements" }, h("zonos-text", { key: '7f938c30d9ee5d404df05db96b814a48786c9c83', class: "zonos--title", type: "semiBoldLabel" }, this.titleText), h("div", { key: 'fddc855fd5eabf43a4d99532516053f0da71ae20', class: "zonos--link-authentication-component" })));
     }
     static get is() { return "zonos-link-authentication"; }
     static get encapsulation() { return "scoped"; }

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

@@ -37,7 +37,7 @@ export class ZonosPayment {
     }
     render() {
         // this component loads iframe from the stripe elements and puts here, so we don't need to do anything here
-        return (h(Host, { key: '7967dfeb2c8661201aed74d3d9f4be1df9eb993d', class: "zonos--payment zonos--elements" }, this.titleText && (h("zonos-text", { key: '2a3b744c1935f471897ab492efa7d3788907b126', class: "zonos--title", type: "semiBoldLabel" }, this.titleText)), h("div", { key: '7d643ec935dc15339c79237572bd067efa8f23ea', class: "zonos--payment-component" })));
+        return (h(Host, { key: 'fa213e672515b2aa3e389f0e7f918350a076e493', class: "zonos--payment zonos--elements" }, this.titleText && (h("zonos-text", { key: 'ed1fa911c3765962f7a3a7ce606a334541ca0a9a', class: "zonos--title", type: "semiBoldLabel" }, this.titleText)), h("div", { key: 'afeb5892da35ae3fef9659d05a0bb77924acb7f0', class: "zonos--payment-component" })));
     }
     static get is() { return "zonos-payment"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/scripts/zonosBase.js

@@ -36,7 +36,7 @@ Zonos.modeAlerted = false;
 Zonos.tempCartData = null;
 Zonos.getCurrentTimestamp = () => new Date().getTime();
 Zonos.zonosController = null;
-Zonos.init = async ({ appearance, checkoutSettings, currencyConverter, helloSettings, storeId, zonosApiKey, }) => {
+Zonos.init = async ({ appearance, checkoutSettings, currencyConverter, helloSettings, onCountryChange, storeId, zonosApiKey, }) => {
     if (_a.doneInit) {
         // do nothing if zonos is already initializeds
         return;
@@ -64,6 +64,7 @@ Zonos.init = async ({ appearance, checkoutSettings, currencyConverter, helloSett
             checkoutSettings,
             currencyConverter,
             helloSettings,
+            onCountryChange,
         },
         zonosApiKey,
     });

package/dist/components/stripe.js

@@ -533,7 +533,7 @@ const getOverrideLocale = () => {
     return zonosLocale;
 };
 const localizationStoreUpdateSelectedCountryCode = (newSelectedCountryCode) => {
-    var _a;
+    var _a, _b;
     log('update selected country code');
     localizationStore.selectedCountryCode = newSelectedCountryCode;
     const { selectedCountryCode, shippingZoneCountries } = localizationStore;
@@ -559,6 +559,11 @@ const localizationStoreUpdateSelectedCountryCode = (newSelectedCountryCode) => {
     setZCountryUrlParam(selectedCountryCode);
     (_a = document
         .querySelector('zonos-hello')) === null || _a === void 0 ? void 0 : _a.setAttribute('z-country', selectedCountryCode);
+    // Trigger callback onCountryChange
+    (_b = zonosStore.onCountryChange) === null || _b === void 0 ? void 0 : _b.call(zonosStore, {
+        countryCode: selectedCountryCode,
+        currencyCode,
+    });
 };
 const initLocalizationStore = async () => {
     // all countries from countries.json, shipping zone and localization
@@ -577,7 +582,12 @@ const initLocalizationStore = async () => {
     const overrideLocale = getOverrideLocale();
     localizationStore.selectedLocale = overrideLocale || locale || 'en';
     translationStoreUpdateLanguage(localizationStore.selectedLocale);
-    const devSites = ['dev.storybook.elements', 'dev.elements', 'dev.dashboard'];
+    const devSites = [
+        'dev.storybook.elements',
+        'dev.elements',
+        'dev.demo.elements',
+        'dev.dashboard',
+    ];
     // If the country code is not set, set it to the US for development (vercel can't get geo country in dev)
     if (!localizationStore.selectedCountryCode &&
         devSites.some(site => window.location.origin.includes(site))) {