@zonos/elements 1.3.84 → 1.3.85

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

@@ -137,8 +137,8 @@ export const stringsFrench = {
     Hide: {
         value: 'Cacher',
     },
-    'Hide non prepaid methods': {
-        value: 'Masquer les méthodes non prépayées',
+    'Hide non-prepaid options': {
+        value: 'Masquer les options non prépayées',
     },
     'Invalid promo code': {
         value: 'Code promo invalide',
@@ -284,8 +284,8 @@ export const stringsFrench = {
     Show: {
         value: 'Montrer',
     },
-    'Show non prepaid methods': {
-        value: 'Afficher les méthodes non prépayées',
+    'Show non-prepaid options': {
+        value: 'Afficher les options non prépayées',
     },
     'Something went wrong.': {
         value: "Quelque chose s'est mal passé.",
@@ -386,9 +386,6 @@ export const stringsFrench = {
     days: {
         value: 'jours',
     },
-    or: {
-        value: 'ou',
-    },
     'restricted items': {
         value: 'articles restreints',
     },

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

@@ -137,8 +137,8 @@ export const stringsGerman = {
     Hide: {
         value: 'Verstecken',
     },
-    'Hide non prepaid methods': {
-        value: 'Nicht vorausbezahlte Methoden ausblenden',
+    'Hide non-prepaid options': {
+        value: 'Nicht vorausbezahlte Optionen ausblenden',
     },
     'Invalid promo code': {
         value: 'Ungültiger Aktionscode',
@@ -284,8 +284,8 @@ export const stringsGerman = {
     Show: {
         value: 'Zeigen',
     },
-    'Show non prepaid methods': {
-        value: 'Nicht vorausbezahlte Methoden anzeigen',
+    'Show non-prepaid options': {
+        value: 'Nicht vorausbezahlte Optionen anzeigen',
     },
     'Something went wrong.': {
         value: 'Etwas ist schief gelaufen.',
@@ -386,9 +386,6 @@ export const stringsGerman = {
     days: {
         value: 'Tage',
     },
-    or: {
-        value: 'oder',
-    },
     'restricted items': {
         value: 'eingeschränkte Artikel',
     },

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

@@ -137,8 +137,8 @@ export const stringsHebrew = {
     Hide: {
         value: 'הסתר',
     },
-    'Hide non prepaid methods': {
-        value: 'הסתר שיטות שאינן בתשלום מראש',
+    'Hide non-prepaid options': {
+        value: 'הסתר אפשרויות שאינן בתשלום מראש',
     },
     'Invalid promo code': {
         value: 'קוד קידום מכירות לא חוקי',
@@ -284,8 +284,8 @@ export const stringsHebrew = {
     Show: {
         value: 'הצג',
     },
-    'Show non prepaid methods': {
-        value: 'הצג שיטות שאינן בתשלום מראש',
+    'Show non-prepaid options': {
+        value: 'הצג אפשרויות שאינן בתשלום מראש',
     },
     'Something went wrong.': {
         value: 'משהו השתבש.',
@@ -386,9 +386,6 @@ export const stringsHebrew = {
     days: {
         value: 'ימים',
     },
-    or: {
-        value: 'או',
-    },
     'restricted items': {
         value: 'פריטים מוגבלים',
     },

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

@@ -137,8 +137,8 @@ export const stringsIndonesian = {
     Hide: {
         value: 'Sembunyikan',
     },
-    'Hide non prepaid methods': {
-        value: 'Sembunyikan metode non-prabayar',
+    'Hide non-prepaid options': {
+        value: 'Sembunyikan opsi yang tidak prabayar',
     },
     'Invalid promo code': {
         value: 'Kode promo tidak valid',
@@ -284,8 +284,8 @@ export const stringsIndonesian = {
     Show: {
         value: 'Tampilkan',
     },
-    'Show non prepaid methods': {
-        value: 'Tampilkan metode non prabayar',
+    'Show non-prepaid options': {
+        value: 'Tampilkan opsi non-prabayar',
     },
     'Something went wrong.': {
         value: 'Ada yang salah.',
@@ -386,9 +386,6 @@ export const stringsIndonesian = {
     days: {
         value: 'hari',
     },
-    or: {
-        value: 'atau',
-    },
     'restricted items': {
         value: 'barang terbatas',
     },

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

@@ -137,8 +137,8 @@ export const stringsItalian = {
     Hide: {
         value: 'Nascondi',
     },
-    'Hide non prepaid methods': {
-        value: 'Nascondi metodi non prepagati',
+    'Hide non-prepaid options': {
+        value: 'Nascondi opzioni non prepagate',
     },
     'Invalid promo code': {
         value: 'Codice promozionale non valido',
@@ -284,8 +284,8 @@ export const stringsItalian = {
     Show: {
         value: 'Mostra',
     },
-    'Show non prepaid methods': {
-        value: 'Mostra metodi non prepagati',
+    'Show non-prepaid options': {
+        value: 'Mostra opzioni non prepagate',
     },
     'Something went wrong.': {
         value: 'Qualcosa è andato storto.',
@@ -386,9 +386,6 @@ export const stringsItalian = {
     days: {
         value: 'giorni',
     },
-    or: {
-        value: 'o',
-    },
     'restricted items': {
         value: 'articoli limitati',
     },

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

@@ -137,8 +137,8 @@ export const stringsJapanese = {
     Hide: {
         value: '隠す',
     },
-    'Hide non prepaid methods': {
-        value: '非プリペイド方式を隠す',
+    'Hide non-prepaid options': {
+        value: '未払いオプションを非表示にする',
     },
     'Invalid promo code': {
         value: '無効なプロモーションコード',
@@ -284,8 +284,8 @@ export const stringsJapanese = {
     Show: {
         value: '表示',
     },
-    'Show non prepaid methods': {
-        value: '非プリペイド方法を表示',
+    'Show non-prepaid options': {
+        value: '非プリペイドオプションを表示',
     },
     'Something went wrong.': {
         value: 'エラーが発生しました。',
@@ -386,9 +386,6 @@ export const stringsJapanese = {
     days: {
         value: '日々',
     },
-    or: {
-        value: 'または',
-    },
     'restricted items': {
         value: '制限された項目',
     },

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

@@ -137,8 +137,8 @@ export const stringsKorean = {
     Hide: {
         value: '숨기다',
     },
-    'Hide non prepaid methods': {
-        value: '비선불 방법 숨기기',
+    'Hide non-prepaid options': {
+        value: '선불이 아닌 옵션 숨기기',
     },
     'Invalid promo code': {
         value: '유효하지 않은 프로모션 코드',
@@ -284,8 +284,8 @@ export const stringsKorean = {
     Show: {
         value: '보이다',
     },
-    'Show non prepaid methods': {
-        value: '비선불 방법 표시',
+    'Show non-prepaid options': {
+        value: '비선불 옵션 표시',
     },
     'Something went wrong.': {
         value: '문제가 발생했습니다.',
@@ -386,9 +386,6 @@ export const stringsKorean = {
     days: {
         value: '일',
     },
-    or: {
-        value: '또는',
-    },
     'restricted items': {
         value: '제한된 항목',
     },

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

@@ -137,8 +137,8 @@ export const stringsNorwegian = {
     Hide: {
         value: 'Gjem',
     },
-    'Hide non prepaid methods': {
-        value: 'Skjul ikke-forhåndsbetalte metoder',
+    'Hide non-prepaid options': {
+        value: 'Skjul ikke-forhåndsbetalte alternativer',
     },
     'Invalid promo code': {
         value: 'Ugyldig kampanjekode',
@@ -284,8 +284,8 @@ export const stringsNorwegian = {
     Show: {
         value: 'Vis',
     },
-    'Show non prepaid methods': {
-        value: 'Vis ikke forhåndsbetalte metoder',
+    'Show non-prepaid options': {
+        value: 'Vis ikke-forhåndsbetalte alternativer',
     },
     'Something went wrong.': {
         value: 'Noe gikk galt.',
@@ -386,9 +386,6 @@ export const stringsNorwegian = {
     days: {
         value: 'dager',
     },
-    or: {
-        value: 'eller',
-    },
     'restricted items': {
         value: 'begrensede elementer',
     },

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

@@ -137,8 +137,8 @@ export const stringsPolish = {
     Hide: {
         value: 'Ukryj',
     },
-    'Hide non prepaid methods': {
-        value: 'Ukryj metody nieprzedpłacone',
+    'Hide non-prepaid options': {
+        value: 'Ukryj opcje nieprzedpłacone',
     },
     'Invalid promo code': {
         value: 'Nieprawidłowy kod promocyjny',
@@ -284,8 +284,8 @@ export const stringsPolish = {
     Show: {
         value: 'Pokaż',
     },
-    'Show non prepaid methods': {
-        value: 'Pokaż metody nieprzedpłacone',
+    'Show non-prepaid options': {
+        value: 'Pokaż opcje bez przedpłaty',
     },
     'Something went wrong.': {
         value: 'Coś poszło nie tak.',
@@ -386,9 +386,6 @@ export const stringsPolish = {
     days: {
         value: 'dni',
     },
-    or: {
-        value: 'lub',
-    },
     'restricted items': {
         value: 'przedmioty ograniczone',
     },

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

@@ -137,8 +137,8 @@ export const stringsPortuguese = {
     Hide: {
         value: 'Esconder',
     },
-    'Hide non prepaid methods': {
-        value: 'Ocultar métodos não pré-pagos',
+    'Hide non-prepaid options': {
+        value: 'Ocultar opções não pré-pagas',
     },
     'Invalid promo code': {
         value: 'Código promocional inválido',
@@ -284,8 +284,8 @@ export const stringsPortuguese = {
     Show: {
         value: 'Mostrar',
     },
-    'Show non prepaid methods': {
-        value: 'Mostrar métodos não pré-pagos',
+    'Show non-prepaid options': {
+        value: 'Mostrar opções não pré-pagas',
     },
     'Something went wrong.': {
         value: 'Algo deu errado.',
@@ -386,9 +386,6 @@ export const stringsPortuguese = {
     days: {
         value: 'dias',
     },
-    or: {
-        value: 'ou',
-    },
     'restricted items': {
         value: 'itens restritos',
     },

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

@@ -137,8 +137,8 @@ export const stringsRussian = {
     Hide: {
         value: 'Скрыть',
     },
-    'Hide non prepaid methods': {
-        value: 'Скрыть непредоплаченные методы',
+    'Hide non-prepaid options': {
+        value: 'Скрыть неоплаченные варианты',
     },
     'Invalid promo code': {
         value: 'Недействительный промо-код',
@@ -284,8 +284,8 @@ export const stringsRussian = {
     Show: {
         value: 'Показать',
     },
-    'Show non prepaid methods': {
-        value: 'Показать непредоплаченные методы',
+    'Show non-prepaid options': {
+        value: 'Показать варианты без предоплаты',
     },
     'Something went wrong.': {
         value: 'Что-то пошло не так.',
@@ -386,9 +386,6 @@ export const stringsRussian = {
     days: {
         value: 'дни',
     },
-    or: {
-        value: 'или',
-    },
     'restricted items': {
         value: 'ограниченные предметы',
     },

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

@@ -137,8 +137,8 @@ export const stringsSpanish = {
     Hide: {
         value: 'Ocultar',
     },
-    'Hide non prepaid methods': {
-        value: 'Ocultar métodos no prepagados',
+    'Hide non-prepaid options': {
+        value: 'Ocultar opciones no prepagadas',
     },
     'Invalid promo code': {
         value: 'Código promocional no válido',
@@ -284,8 +284,8 @@ export const stringsSpanish = {
     Show: {
         value: 'Mostrar',
     },
-    'Show non prepaid methods': {
-        value: 'Mostrar métodos no prepagados',
+    'Show non-prepaid options': {
+        value: 'Mostrar opciones no prepagadas',
     },
     'Something went wrong.': {
         value: 'Algo salió mal.',
@@ -386,9 +386,6 @@ export const stringsSpanish = {
     days: {
         value: 'días',
     },
-    or: {
-        value: 'o',
-    },
     'restricted items': {
         value: 'artículos restringidos',
     },

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

@@ -137,8 +137,8 @@ export const stringsSwedish = {
     Hide: {
         value: 'Dölj',
     },
-    'Hide non prepaid methods': {
-        value: 'Dölj icke-förbetalda metoder',
+    'Hide non-prepaid options': {
+        value: 'Dölj icke-förbetalda alternativ',
     },
     'Invalid promo code': {
         value: 'Ogiltig kampanjkod',
@@ -284,8 +284,8 @@ export const stringsSwedish = {
     Show: {
         value: 'Visa',
     },
-    'Show non prepaid methods': {
-        value: 'Visa icke förbetalda metoder',
+    'Show non-prepaid options': {
+        value: 'Visa icke-förbetalda alternativ',
     },
     'Something went wrong.': {
         value: 'Något gick fel.',
@@ -386,9 +386,6 @@ export const stringsSwedish = {
     days: {
         value: 'dagar',
     },
-    or: {
-        value: 'eller',
-    },
     'restricted items': {
         value: 'begränsade föremål',
     },

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

@@ -137,8 +137,8 @@ export const stringsTurkish = {
     Hide: {
         value: 'Sakla',
     },
-    'Hide non prepaid methods': {
-        value: 'Ön ödemesiz yöntemleri gizle',
+    'Hide non-prepaid options': {
+        value: 'Ön ödemesiz seçenekleri gizle',
     },
     'Invalid promo code': {
         value: 'Geçersiz promosyon kodu',
@@ -284,8 +284,8 @@ export const stringsTurkish = {
     Show: {
         value: 'Göster',
     },
-    'Show non prepaid methods': {
-        value: 'Ön ödemesiz yöntemleri göster',
+    'Show non-prepaid options': {
+        value: 'Ön ödemesiz seçenekleri göster',
     },
     'Something went wrong.': {
         value: 'Bir şeyler yanlış gitti.',
@@ -386,9 +386,6 @@ export const stringsTurkish = {
     days: {
         value: 'günler',
     },
-    or: {
-        value: 'veya',
-    },
     'restricted items': {
         value: 'kısıtlı öğeler',
     },

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

@@ -137,8 +137,8 @@ export const stringsVietnamese = {
     Hide: {
         value: 'Ẩn',
     },
-    'Hide non prepaid methods': {
-        value: 'Ẩn các phương thức không trả trước',
+    'Hide non-prepaid options': {
+        value: 'Ẩn các tùy chọn chưa trả trước',
     },
     'Invalid promo code': {
         value: 'Mã khuyến mãi không hợp lệ',
@@ -284,8 +284,8 @@ export const stringsVietnamese = {
     Show: {
         value: 'Hiển thị',
     },
-    'Show non prepaid methods': {
-        value: 'Hiển thị các phương thức không trả trước',
+    'Show non-prepaid options': {
+        value: 'Hiển thị các tùy chọn không trả trước',
     },
     'Something went wrong.': {
         value: 'Đã xảy ra lỗi.',
@@ -386,9 +386,6 @@ export const stringsVietnamese = {
     days: {
         value: 'ngày',
     },
-    or: {
-        value: 'hoặc',
-    },
     'restricted items': {
         value: 'mặt hàng bị hạn chế',
     },

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

@@ -17,7 +17,7 @@ export class ZonosPayment {
         // Create and mount the Authentication Element in ${type} mode
         const paymentElement = stripeStore.stripePaymentElement ||
             this.stripeElements.create('payment', {
-                layout: 'accordion',
+                layout: 'tabs',
             });
         const paymentElementContainer = this.el.querySelector('.zonos--payment-component');
         if (!paymentElementContainer) {
@@ -36,7 +36,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: 'c461a967d00b2d96fa70aaaf1651b435cdcd84bd', class: "zonos--payment zonos--elements" }, this.titleText && (h("zonos-text", { key: '44da1d89ce19f7174cad1214ab9463f0b1174c0d', class: "zonos--title", type: "semiBoldLabel" }, this.titleText)), h("div", { key: 'b9e3491b48d9ede19a5cdef639bd47e6bf0ba742', class: "zonos--payment-component" }), h("div", { key: '578516ce1ca1dc01eebb2268bb5449613e14298f', class: "zonos--payment-paypal-container" })));
+        return (h(Host, { key: 'cf616ec959fd1b7396ed86b23561f459e0da8722', class: "zonos--payment zonos--elements" }, this.titleText && (h("zonos-text", { key: 'e5564db71ba2c0d67d372cb1804d6d462cdf1b33', class: "zonos--title", type: "semiBoldLabel" }, this.titleText)), h("div", { key: '3ea47f2c0a541590210d181bc73ecb3fb27e7783', class: "zonos--payment-component" }), h("div", { key: 'd3a46a127448568caf4309806e88556594075c12', class: "zonos--payment-paypal-container" })));
     }
     static get is() { return "zonos-payment"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/utils/getContrastColor.js

@@ -14,7 +14,12 @@ export const getContrastColor = ({ backgroundColor, color, }) => {
     if (isDarkColor(color)) {
         return '#ffffff';
     }
-    else {
-        return tinycolor(color).darken(25).toHexString();
-    }
+    const newDarkerColor = tinycolor(color).darken(25).toHexString();
+    const newLigherColor = tinycolor(color).lighten(25).toHexString();
+    // get readibility of the color
+    const isNewColorContrastEnough = isContrastColor({
+        backgroundColor1: backgroundColor,
+        backgroundColor2: newDarkerColor,
+    });
+    return isNewColorContrastEnough ? newDarkerColor : newLigherColor;
 };

package/dist/collection/styles/stripe/addressRuleStyle.js

@@ -29,6 +29,10 @@ export const addressRuleStyle = ({ theme, }) => {
         '.PickerItem--new': {
             color: 'var(--colorText)',
         },
+        '.Tab--selected': {
+            borderStyle: 'solid',
+            borderWidth: '1px',
+        },
     };
     switch (theme) {
         case 'DARK': {