@zonos/elements 1.3.246 → 1.3.248

package/dist/cjs/{localization-b1075a8c.js → localization-00e73920.js}

@@ -353,6 +353,9 @@ const stringsArabic = {
     'Invalid session': {
         value: 'جلسة غير صالحة',
     },
+    'Invalid short address code format. Must be 4 letters and 4 numbers.': {
+        value: 'تنسيق رمز العنوان القصير غير صالح. يجب أن يكون 4 أحرف و4 أرقام.',
+    },
     'Invoice:': {
         value: 'فاتورة:',
     },
@@ -596,6 +599,12 @@ const stringsArabic = {
     'Shopping cart expired': {
         value: 'انتهت صلاحية عربة التسوق',
     },
+    'Short address code': {
+        value: 'رمز العنوان القصير',
+    },
+    'Short address code is required.': {
+        value: 'مطلوب رمز عنوان قصير.',
+    },
     Show: {
         value: 'عرض',
     },
@@ -1116,6 +1125,9 @@ const stringsBase = {
     'Invalid session': {
         value: 'Invalid session',
     },
+    'Invalid short address code format. Must be 4 letters and 4 numbers.': {
+        value: 'Invalid short address code format. Must be 4 letters and 4 numbers.',
+    },
     'Invoice:': {
         value: 'Invoice:',
     },
@@ -1359,6 +1371,12 @@ const stringsBase = {
     'Shopping cart expired': {
         value: 'Shopping cart expired',
     },
+    'Short address code': {
+        value: 'Short address code',
+    },
+    'Short address code is required.': {
+        value: 'Short address code is required.',
+    },
     Show: {
         value: 'Show',
     },
@@ -1878,6 +1896,9 @@ const stringsChinese = {
     'Invalid session': {
         value: '无效的会话',
     },
+    'Invalid short address code format. Must be 4 letters and 4 numbers.': {
+        value: '无效的短地址代码格式。必须是4个字母和4个数字。',
+    },
     'Invoice:': {
         value: '发票：',
     },
@@ -2121,6 +2142,12 @@ const stringsChinese = {
     'Shopping cart expired': {
         value: '购物车已过期',
     },
+    'Short address code': {
+        value: '简短地址代码',
+    },
+    'Short address code is required.': {
+        value: '需要简短的地址代码。',
+    },
     Show: {
         value: '显示',
     },
@@ -2640,6 +2667,9 @@ const stringsDanish = {
     'Invalid session': {
         value: 'Ugyldig session',
     },
+    'Invalid short address code format. Must be 4 letters and 4 numbers.': {
+        value: 'Ugyldigt format for kort adressekode. Skal være 4 bogstaver og 4 tal.',
+    },
     'Invoice:': {
         value: 'Faktura:',
     },
@@ -2883,6 +2913,12 @@ const stringsDanish = {
     'Shopping cart expired': {
         value: 'Indkøbskurv udløbet',
     },
+    'Short address code': {
+        value: 'Kort adressekode',
+    },
+    'Short address code is required.': {
+        value: 'Kort adressekode er påkrævet.',
+    },
     Show: {
         value: 'Vis',
     },
@@ -3402,6 +3438,9 @@ const stringsDutch = {
     'Invalid session': {
         value: 'Ongeldige sessie',
     },
+    'Invalid short address code format. Must be 4 letters and 4 numbers.': {
+        value: 'Ongeldig formaat van korte adrescode. Moet 4 letters en 4 cijfers bevatten.',
+    },
     'Invoice:': {
         value: 'Factuur:',
     },
@@ -3645,6 +3684,12 @@ const stringsDutch = {
     'Shopping cart expired': {
         value: 'Winkelwagen verlopen',
     },
+    'Short address code': {
+        value: 'Korte adrescode',
+    },
+    'Short address code is required.': {
+        value: 'Korte adrescode is vereist.',
+    },
     Show: {
         value: 'Tonen',
     },
@@ -4164,6 +4209,9 @@ const stringsFrench = {
     'Invalid session': {
         value: 'Session invalide',
     },
+    'Invalid short address code format. Must be 4 letters and 4 numbers.': {
+        value: "Format de code d'adresse courte invalide. Doit être de 4 lettres et 4 chiffres.",
+    },
     'Invoice:': {
         value: 'Facture:',
     },
@@ -4407,6 +4455,12 @@ const stringsFrench = {
     'Shopping cart expired': {
         value: 'Panier expiré',
     },
+    'Short address code': {
+        value: "Code d'adresse court",
+    },
+    'Short address code is required.': {
+        value: "Un code d'adresse court est requis.",
+    },
     Show: {
         value: 'Montrer',
     },
@@ -4926,6 +4980,9 @@ const stringsGerman = {
     'Invalid session': {
         value: 'Ungültige Sitzung',
     },
+    'Invalid short address code format. Must be 4 letters and 4 numbers.': {
+        value: 'Ungültiges Format des Kurzadresscodes. Muss aus 4 Buchstaben und 4 Zahlen bestehen.',
+    },
     'Invoice:': {
         value: 'Rechnung:',
     },
@@ -5169,6 +5226,12 @@ const stringsGerman = {
     'Shopping cart expired': {
         value: 'Einkaufswagen abgelaufen',
     },
+    'Short address code': {
+        value: 'Kurzer Adresscode',
+    },
+    'Short address code is required.': {
+        value: 'Ein kurzer Adresscode ist erforderlich.',
+    },
     Show: {
         value: 'Zeigen',
     },
@@ -5688,6 +5751,9 @@ const stringsHebrew = {
     'Invalid session': {
         value: 'סשן לא חוקי',
     },
+    'Invalid short address code format. Must be 4 letters and 4 numbers.': {
+        value: 'פורמט קוד כתובת קצר לא חוקי. חייב להיות 4 אותיות ו-4 מספרים.',
+    },
     'Invoice:': {
         value: 'חשבונית:',
     },
@@ -5931,6 +5997,12 @@ const stringsHebrew = {
     'Shopping cart expired': {
         value: 'תוקף עגלת הקניות פג',
     },
+    'Short address code': {
+        value: 'קוד כתובת קצר',
+    },
+    'Short address code is required.': {
+        value: 'נדרש קוד כתובת קצר.',
+    },
     Show: {
         value: 'הצג',
     },
@@ -6450,6 +6522,9 @@ const stringsIndonesian = {
     'Invalid session': {
         value: 'Sesi tidak valid',
     },
+    'Invalid short address code format. Must be 4 letters and 4 numbers.': {
+        value: 'Format kode alamat pendek tidak valid. Harus terdiri dari 4 huruf dan 4 angka.',
+    },
     'Invoice:': {
         value: 'Faktur:',
     },
@@ -6693,6 +6768,12 @@ const stringsIndonesian = {
     'Shopping cart expired': {
         value: 'Keranjang belanja kedaluwarsa',
     },
+    'Short address code': {
+        value: 'Kode alamat pendek',
+    },
+    'Short address code is required.': {
+        value: 'Kode alamat pendek diperlukan.',
+    },
     Show: {
         value: 'Tampilkan',
     },
@@ -7212,6 +7293,9 @@ const stringsItalian = {
     'Invalid session': {
         value: 'Sessione non valida',
     },
+    'Invalid short address code format. Must be 4 letters and 4 numbers.': {
+        value: 'Formato del codice di indirizzo breve non valido. Deve essere composto da 4 lettere e 4 numeri.',
+    },
     'Invoice:': {
         value: 'Fattura:',
     },
@@ -7455,6 +7539,12 @@ const stringsItalian = {
     'Shopping cart expired': {
         value: 'Carrello della spesa scaduto',
     },
+    'Short address code': {
+        value: 'Codice di indirizzo breve',
+    },
+    'Short address code is required.': {
+        value: 'È richiesto un codice di indirizzo breve.',
+    },
     Show: {
         value: 'Mostra',
     },
@@ -7974,6 +8064,9 @@ const stringsJapanese = {
     'Invalid session': {
         value: '無効なセッション',
     },
+    'Invalid short address code format. Must be 4 letters and 4 numbers.': {
+        value: '無効な短い住所コード形式です。4文字と4数字でなければなりません。',
+    },
     'Invoice:': {
         value: '請求書:',
     },
@@ -8217,6 +8310,12 @@ const stringsJapanese = {
     'Shopping cart expired': {
         value: 'ショッピングカートの期限が切れました',
     },
+    'Short address code': {
+        value: '短い住所コード',
+    },
+    'Short address code is required.': {
+        value: '短い住所コードが必要です。',
+    },
     Show: {
         value: '表示',
     },
@@ -8736,6 +8835,9 @@ const stringsKorean = {
     'Invalid session': {
         value: '유효하지 않은 세션',
     },
+    'Invalid short address code format. Must be 4 letters and 4 numbers.': {
+        value: '잘못된 짧은 주소 코드 형식입니다. 4개의 문자와 4개의 숫자로 구성되어야 합니다.',
+    },
     'Invoice:': {
         value: '송장:',
     },
@@ -8979,6 +9081,12 @@ const stringsKorean = {
     'Shopping cart expired': {
         value: '쇼핑 카트가 만료되었습니다',
     },
+    'Short address code': {
+        value: '짧은 주소 코드',
+    },
+    'Short address code is required.': {
+        value: '짧은 주소 코드가 필요합니다.',
+    },
     Show: {
         value: '보이다',
     },
@@ -9498,6 +9606,9 @@ const stringsNorwegian = {
     'Invalid session': {
         value: 'Ugyldig økt',
     },
+    'Invalid short address code format. Must be 4 letters and 4 numbers.': {
+        value: 'Ugyldig format for kort adressekode. Må være 4 bokstaver og 4 tall.',
+    },
     'Invoice:': {
         value: 'Faktura:',
     },
@@ -9741,6 +9852,12 @@ const stringsNorwegian = {
     'Shopping cart expired': {
         value: 'Handlekurv utløpt',
     },
+    'Short address code': {
+        value: 'Kort adressekode',
+    },
+    'Short address code is required.': {
+        value: 'Kort adressekode er nødvendig.',
+    },
     Show: {
         value: 'Vis',
     },
@@ -10260,6 +10377,9 @@ const stringsPolish = {
     'Invalid session': {
         value: 'Nieprawidłowa sesja',
     },
+    'Invalid short address code format. Must be 4 letters and 4 numbers.': {
+        value: 'Nieprawidłowy format kodu krótkiego adresu. Musi zawierać 4 litery i 4 cyfry.',
+    },
     'Invoice:': {
         value: 'Faktura:',
     },
@@ -10503,6 +10623,12 @@ const stringsPolish = {
     'Shopping cart expired': {
         value: 'Koszyk wygasł',
     },
+    'Short address code': {
+        value: 'Krótki kod adresowy',
+    },
+    'Short address code is required.': {
+        value: 'Wymagany jest krótki kod adresowy.',
+    },
     Show: {
         value: 'Pokaż',
     },
@@ -11022,6 +11148,9 @@ const stringsPortuguese = {
     'Invalid session': {
         value: 'Sessão inválida',
     },
+    'Invalid short address code format. Must be 4 letters and 4 numbers.': {
+        value: 'Formato de código de endereço curto inválido. Deve ter 4 letras e 4 números.',
+    },
     'Invoice:': {
         value: 'Fatura:',
     },
@@ -11265,6 +11394,12 @@ const stringsPortuguese = {
     'Shopping cart expired': {
         value: 'Carrinho de compras expirado',
     },
+    'Short address code': {
+        value: 'Código de endereço curto',
+    },
+    'Short address code is required.': {
+        value: 'É necessário um código de endereço curto.',
+    },
     Show: {
         value: 'Mostrar',
     },
@@ -11784,6 +11919,9 @@ const stringsRussian = {
     'Invalid session': {
         value: 'Недействительная сессия',
     },
+    'Invalid short address code format. Must be 4 letters and 4 numbers.': {
+        value: 'Неверный формат кода короткого адреса. Должен содержать 4 буквы и 4 цифры.',
+    },
     'Invoice:': {
         value: 'Счет:',
     },
@@ -12027,6 +12165,12 @@ const stringsRussian = {
     'Shopping cart expired': {
         value: 'Срок действия корзины истек',
     },
+    'Short address code': {
+        value: 'Короткий код адреса',
+    },
+    'Short address code is required.': {
+        value: 'Требуется короткий код адреса.',
+    },
     Show: {
         value: 'Показать',
     },
@@ -12546,6 +12690,9 @@ const stringsSpanish = {
     'Invalid session': {
         value: 'Sesión no válida',
     },
+    'Invalid short address code format. Must be 4 letters and 4 numbers.': {
+        value: 'Formato de código de dirección corta no válido. Debe ser de 4 letras y 4 números.',
+    },
     'Invoice:': {
         value: 'Factura:',
     },
@@ -12789,6 +12936,12 @@ const stringsSpanish = {
     'Shopping cart expired': {
         value: 'Carrito de compras caducado',
     },
+    'Short address code': {
+        value: 'Código de dirección corto',
+    },
+    'Short address code is required.': {
+        value: 'Se requiere un código de dirección corto.',
+    },
     Show: {
         value: 'Mostrar',
     },
@@ -13308,6 +13461,9 @@ const stringsSwedish = {
     'Invalid session': {
         value: 'Ogiltig session',
     },
+    'Invalid short address code format. Must be 4 letters and 4 numbers.': {
+        value: 'Ogiltigt format för kort adresskod. Måste vara 4 bokstäver och 4 siffror.',
+    },
     'Invoice:': {
         value: 'Faktura:',
     },
@@ -13551,6 +13707,12 @@ const stringsSwedish = {
     'Shopping cart expired': {
         value: 'Kundvagn har gått ut',
     },
+    'Short address code': {
+        value: 'Kort adresskod',
+    },
+    'Short address code is required.': {
+        value: 'Kort adresskod krävs.',
+    },
     Show: {
         value: 'Visa',
     },
@@ -14070,6 +14232,9 @@ const stringsTurkish = {
     'Invalid session': {
         value: 'Geçersiz oturum',
     },
+    'Invalid short address code format. Must be 4 letters and 4 numbers.': {
+        value: 'Geçersiz kısa adres kodu formatı. 4 harf ve 4 rakam olmalıdır.',
+    },
     'Invoice:': {
         value: 'Fatura:',
     },
@@ -14313,6 +14478,12 @@ const stringsTurkish = {
     'Shopping cart expired': {
         value: 'Alışveriş sepeti süresi doldu',
     },
+    'Short address code': {
+        value: 'Kısa adres kodu',
+    },
+    'Short address code is required.': {
+        value: 'Kısa adres kodu gereklidir.',
+    },
     Show: {
         value: 'Göster',
     },
@@ -14832,6 +15003,9 @@ const stringsVietnamese = {
     'Invalid session': {
         value: 'Phiên không hợp lệ',
     },
+    'Invalid short address code format. Must be 4 letters and 4 numbers.': {
+        value: 'Định dạng mã địa chỉ ngắn không hợp lệ. Phải là 4 chữ cái và 4 chữ số.',
+    },
     'Invoice:': {
         value: 'Hóa đơn:',
     },
@@ -15075,6 +15249,12 @@ const stringsVietnamese = {
     'Shopping cart expired': {
         value: 'Giỏ hàng đã hết hạn',
     },
+    'Short address code': {
+        value: 'Mã địa chỉ ngắn',
+    },
+    'Short address code is required.': {
+        value: 'Cần có mã địa chỉ ngắn.',
+    },
     Show: {
         value: 'Hiển thị',
     },

package/dist/cjs/{paypal-e339cc8c.js → paypal-3019ae94.js}

@@ -1,11 +1,12 @@
 'use strict';
 
 const zonosStore = require('./zonosStore-37a4b4f4.js');
-const cart = require('./cart-52cf3366.js');
-const localization = require('./localization-b1075a8c.js');
+const cart = require('./cart-28310848.js');
+const localization = require('./localization-00e73920.js');
 const handleFetch = require('./handleFetch-954f30e1.js');
-const isDarkColor = require('./isDarkColor-878e600e.js');
+const isContrastColor = require('./isContrastColor-09f5924a.js');
 const VarianceTest = require('./VarianceTest-bec00ea8.js');
+const submitGtag = require('./submitGtag-a50ab32e.js');
 
 /*!
  * paypal-js v8.1.0 (2024-06-07T16:55:00.122Z)
@@ -226,28 +227,6 @@ const paypalCreateOrder = async ({ checkoutSessionId, intent, }) => {
     return { errors, json };
 };
 
-const isContrastColor = ({ backgroundColor1, backgroundColor2, }) => {
-    // get readibility of the color
-    const colorReadibilityValue = isDarkColor.tinycolor.readability(backgroundColor1, backgroundColor2);
-    // If the readibility is less than 2.5, then we need to use different color
-    return colorReadibilityValue > 2.5;
-};
-
-/**
- * Submit a gtag event if the gtag function is available.
- */
-const submitGtag = (event) => {
-    const googleAnalyticSetting = zonosStore.zonosStore.checkoutSettings.analyticsProviders.find(item => item.type === 'GOOGLE_ANALYTICS');
-    // only submit if googleAnalytic in checkout setting is on.
-    if (!googleAnalyticSetting || (googleAnalyticSetting === null || googleAnalyticSetting === void 0 ? void 0 : googleAnalyticSetting.status) === 'DISABLED') {
-        return;
-    }
-    if (typeof window.gtag === 'function') {
-        VarianceTest.log('Zonos submits gtag event', 'log', event);
-        window.gtag('event', event, {});
-    }
-};
-
 const { onChange: paypalStoreOnChange, reset: paypalStoreReset, state: paypalStore, } = zonosStore.createStore(() => ({
     intent: 'capture',
     orderIdCreated: null,
@@ -308,7 +287,7 @@ const paypalButtonOptions = ({ checkoutSessionId, onPaypalFail, onPaypalSessionD
     // Paypal gold color
     const paypalGoldColorHex = '#ffc33a';
     // check if the paypal gold color is contrast to the background
-    const isContrast = isContrastColor({
+    const isContrast = isContrastColor.isContrastColor({
         backgroundColor1: paypalGoldColorHex,
         backgroundColor2: colorPrimary || '',
     });
@@ -328,6 +307,12 @@ const paypalButtonOptions = ({ checkoutSessionId, onPaypalFail, onPaypalSessionD
                 // reset stripe error message
                 cart.stripeStore.hasPaymentError = false;
                 cart.stripeStore.customErrorMessage = null;
+                submitGtag.submitGtag({
+                    event: 'zonos-checkout-payment-fail',
+                    metadata: {
+                        checkoutSessionId,
+                    },
+                });
                 onPaypalFail === null || onPaypalFail === void 0 ? void 0 : onPaypalFail();
                 return '';
             }
@@ -360,6 +345,12 @@ const paypalButtonOptions = ({ checkoutSessionId, onPaypalFail, onPaypalSessionD
                 // reset stripe error message
                 cart.stripeStore.hasPaymentError = false;
                 cart.stripeStore.customErrorMessage = null;
+                submitGtag.submitGtag({
+                    event: 'zonos-checkout-payment-fail',
+                    metadata: {
+                        checkoutSessionId,
+                    },
+                });
                 // trigger fail event
                 onPaypalFail === null || onPaypalFail === void 0 ? void 0 : onPaypalFail();
                 return '';
@@ -370,7 +361,13 @@ const paypalButtonOptions = ({ checkoutSessionId, onPaypalFail, onPaypalSessionD
                 // reset paypal error banner
                 paypalStore.paypalErrorMessage = null;
                 // submit google tag when the form is complete
-                submitGtag('zonos-checkout-payment-info');
+                submitGtag.submitGtag({
+                    event: 'zonos-checkout-payment-info',
+                    metadata: {
+                        checkoutSessionId,
+                        paymentMethod: 'paypal',
+                    },
+                });
                 const orderId = await paypalStoreCaptureOrder({
                     checkoutSessionId,
                     paypalMockResponse: window.Zonos._paypalMockResponse,
@@ -485,11 +482,9 @@ const paypalStoreHasPaypalEnabled = () => {
     return paypalEnabledInSetting || !!paypalStore.paypalButtons.length;
 };
 
-exports.isContrastColor = isContrastColor;
 exports.paypalInitScript = paypalInitScript;
 exports.paypalStore = paypalStore;
 exports.paypalStoreHasPaypalEnabled = paypalStoreHasPaypalEnabled;
 exports.paypalStoreInitButtons = paypalStoreInitButtons;
 exports.paypalStoreOnChange = paypalStoreOnChange;
 exports.paypalStoreReset = paypalStoreReset;
-exports.submitGtag = submitGtag;

package/dist/cjs/{placeTestOrder-3dfbe3d6.js → placeTestOrder-b0369cfd.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-const cart = require('./cart-52cf3366.js');
-const localization = require('./localization-b1075a8c.js');
+const cart = require('./cart-28310848.js');
+const localization = require('./localization-00e73920.js');
 const handleFetch = require('./handleFetch-954f30e1.js');
 
 const placeTestOrder = async () => {

package/dist/cjs/{renderCheckoutCurrency-55056c97.js → renderCheckoutCurrency-9e919b9f.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-const cart = require('./cart-52cf3366.js');
-const localization = require('./localization-b1075a8c.js');
+const cart = require('./cart-28310848.js');
+const localization = require('./localization-00e73920.js');
 
 const getDisplayCurrency = () => {
     var _a, _b;

package/dist/cjs/{shouldRenderTaxIdInput-eda13ef8.js → shouldRenderTaxIdInput-b8abf6de.js}

@@ -1,7 +1,24 @@
 'use strict';
 
+const ShortAddressCode = require('./ShortAddressCode-bec338b0.js');
 const TaxId = require('./TaxId-12acedde.js');
 
+const isInShortAddressCodeCountry = (countryCode) => {
+    return ShortAddressCode.countryRequireShortAddressCode.includes(countryCode);
+};
+/**
+ * Checks if the short address code input should be rendered based on the country code.
+ */
+const shouldRenderShortAddressCodeInput = ({ countryCode, }) => {
+    // If country require short address code, show the input
+    const isCountryRequireShortAddressCode = isInShortAddressCodeCountry(countryCode);
+    if (isCountryRequireShortAddressCode) {
+        return true;
+    }
+    // If country doesn't require short address code, no need to show the input
+    return false;
+};
+
 const isInTaxIdCountry = (countryCode) => {
     return TaxId.countryRequireTaxId.includes(countryCode);
 };
@@ -22,4 +39,5 @@ const shouldRenderTaxIdInput = ({ companyName, countryCode, }) => {
     return false;
 };
 
+exports.shouldRenderShortAddressCodeInput = shouldRenderShortAddressCodeInput;
 exports.shouldRenderTaxIdInput = shouldRenderTaxIdInput;