@zonos/elements 1.3.22 → 1.3.24

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

@@ -1,10 +1,4 @@
 export const stringsVietnamese = {
-    '${percentage} GST due on any order above ${threshold} along with an import entry transaction fee and MPI levy.': {
-        value: '${percentage} GST phải trả cho bất kỳ đơn hàng nào trên ${threshold}, cùng với phí giao dịch nhập khẩu và thuế MPI.',
-    },
-    '${percentage} GST due on any order above ${threshold}.': {
-        value: '${percentage} GST phải trả cho bất kỳ đơn hàng nào trên ${threshold}.',
-    },
     'Above de minimis threshold for': {
         value: 'Vượt ngưỡng miễn thuế đối với',
     },
@@ -131,8 +125,8 @@ export const stringsVietnamese = {
     'Order total': {
         value: 'Tổng đơn hàng',
     },
-    'Orders to ${countryName} must be over ${threshold} to ship.': {
-        value: 'Đơn hàng đến ${countryName} phải trên ${threshold} mới được gửi.',
+    'Orders to [countryName] must be over [threshold] to ship.': {
+        value: 'Đơn hàng đến [countryName] phải trên [threshold] mới được gửi.',
     },
     Pay: {
         value: 'Thanh toán',
@@ -167,6 +161,9 @@ export const stringsVietnamese = {
     'Prepay duties and taxes at checkout': {
         value: 'Thanh toán trước thuế và phí khi thanh toán',
     },
+    Reload: {
+        value: 'Tải lại',
+    },
     'Restricted item': {
         value: 'Hàng hóa bị hạn chế',
     },
@@ -185,6 +182,9 @@ export const stringsVietnamese = {
     'Select a language': {
         value: 'Chọn một ngôn ngữ',
     },
+    'Session timed out': {
+        value: 'Phiên đã hết hạn',
+    },
     Shipping: {
         value: 'Vận chuyển',
     },
@@ -239,8 +239,8 @@ export const stringsVietnamese = {
     "We've sent an email confirmation of the order details for your review. And our team is carefully preparing your order so it arrives on time.": {
         value: 'Chúng tôi đã gửi email xác nhận chi tiết đơn hàng để bạn xem lại. Và đội ngũ của chúng tôi đang cẩn thận chuẩn bị đơn hàng của bạn để đảm bảo giao đúng hạn.',
     },
-    'Welcome to': {
-        value: 'Chào mừng đến với',
+    'Welcome to [storeName]!': {
+        value: 'Chào mừng đến với [storeName]!',
     },
     'Welcome!': {
         value: 'Chào mừng!',
@@ -254,9 +254,18 @@ export const stringsVietnamese = {
     "You're all set!": {
         value: 'Bạn đã sẵn sàng!',
     },
+    'Your checkout session has expired. Please reload the page to continue.': {
+        value: 'Phiên thanh toán của bạn đã hết hạn. Vui lòng tải lại trang để tiếp tục.',
+    },
     'Your payment went through successfully! Thank you for shopping with us! We hope you had an enjoyable experience and your support means the world to us.': {
         value: 'Thanh toán của bạn thành công! Cảm ơn bạn đã mua sắm với chúng tôi! Chúng tôi hy vọng bạn có trải nghiệm thú vị và sự ủng hộ của bạn thật sự ý nghĩa với chúng tôi.',
     },
+    '[percentage] GST due on any order above [threshold] along with an import entry transaction fee and MPI levy.': {
+        value: '[percentage] GST phải trả cho bất kỳ đơn hàng nào trên [threshold], cùng với phí giao dịch nhập khẩu và thuế MPI.',
+    },
+    '[percentage] GST due on any order above [threshold].': {
+        value: '[percentage] GST phải trả cho bất kỳ đơn hàng nào trên [threshold].',
+    },
     'business days': {
         value: 'ngày làm việc',
     },

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

@@ -90,7 +90,7 @@ const translationStoreUpdateLanguage = (language) => {
  * Translate a string with variables if variable pattern is present in the string
  * @example
  * // Require variables:
- * translate('${percentage} GST due on any order above ${threshold}.', { percentage: '5%', threshold: '$100' })
+ * translate('[percentage] GST due on any order above [threshold].', { percentage: '5%', threshold: '$100' })
  * // No variables:
  * translate('Above de minimis threshold for')
  */
@@ -100,7 +100,7 @@ const translate = (...[key, replacement]) => {
         // replace all variables in the string
         let translatedString = ((_a = translationStore.translatedChunks[key]) === null || _a === void 0 ? void 0 : _a.value) || key;
         Object.entries(replacement).forEach(([replacementKey, replaceValue]) => {
-            translatedString = translatedString.replace(new RegExp(`\\$\\{${replacementKey}\\}`, 'g'), replaceValue);
+            translatedString = translatedString.replace(new RegExp(`\\[${replacementKey}\\]`, 'g'), replaceValue);
         });
         return translatedString;
     }

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

@@ -52,7 +52,6 @@ const { dispose: zonosStoreDispose, reset, state: zonosStore, } = createStore(()
         countryOverrideBehavior: 'URL_PARAM',
         currencyBehavior: 'ENABLED',
         currencyElementSelector: '.money',
-        dutyTaxEstimationBehavior: 'ENABLED',
         excludedUrlPatterns: [],
         homepageUrlPattern: '',
         mobileLocation: 'BOTTOM_RIGHT',
@@ -64,7 +63,6 @@ const { dispose: zonosStoreDispose, reset, state: zonosStore, } = createStore(()
         productDescriptionElementSelector: '',
         productDetailUrlPattern: '',
         productListUrlPattern: '',
-        productPriceElementSelector: '',
         productTitleElementSelector: '',
         restrictionBehavior: 'DISABLED',
     },

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: '9ef595622320579d43ac54bdfdf0e8a24ab5132b', class: "zonos--address zonos--elements" }, h("zonos-text", { key: '82925c3c426f384a266cfe62c2899d1ec30d0920', class: "zonos--title", type: "semiBoldLabel" }, this.titleText), h("div", { key: 'bb3b99783a75434a5a7cc6856ccf9218f1cfd212', class: "zonos--address-component" })));
+        return (h(Host, { key: 'cc7f2af47b78430a164bcc6e96e60c133b8a8139', class: "zonos--address zonos--elements" }, h("zonos-text", { key: 'f8f09068fccd362fff50b2d5736394378ebb179a', class: "zonos--title", type: "semiBoldLabel" }, this.titleText), h("div", { key: '2facdefb52dbb811931484933fe73c576420205d', 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: '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" })));
+        return (h(Host, { key: '3f2df53c0bdbd8b5d2fdd82c1af2cafe762d9063', class: "zonos--link-authentication zonos--elements" }, h("zonos-text", { key: 'fed343301247701859cec912cd03404eefd886f7', class: "zonos--title", type: "semiBoldLabel" }, this.titleText), h("div", { key: '46c604f145c75749060c4660ad10b38820bc6907', 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: '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" })));
+        return (h(Host, { key: '0add83652f88a929eb76727e27455a0ddd6866fb', class: "zonos--payment zonos--elements" }, this.titleText && (h("zonos-text", { key: 'ff4eb31c3f402562d4c85848bf6bb34c4f0b1bab', class: "zonos--title", type: "semiBoldLabel" }, this.titleText)), h("div", { key: 'fba7df5c0ca94d2374aab0f24e3111f4b08eff11', class: "zonos--payment-component" })));
     }
     static get is() { return "zonos-payment"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/utils/hello/currencyConversion/currencyDisplay.js

@@ -1,22 +1,8 @@
 import { zonosStore } from "../../../store/zonosStore";
-import { currencyConvert } from "./currencyConvert";
-import { currencyConvertAndFormat } from "./currencyConvertAndFormat";
-import { currencyFormat } from "./currencyFormat";
 import { defaultCurrencyConverter } from "./defaultCurrencyConverter";
 export const currencyDisplay = () => {
     if (zonosStore.helloSettings.currencyBehavior === 'DISABLED') {
         return;
     }
-    const { currencyElementSelector } = zonosStore.helloSettings;
-    if (zonosStore.currencyConverter) {
-        zonosStore.currencyConverter({
-            convert: currencyConvert,
-            convertAndFormat: currencyConvertAndFormat,
-            format: (value) => currencyFormat({ amount: value }),
-            selector: currencyElementSelector,
-        });
-    }
-    else {
-        defaultCurrencyConverter();
-    }
+    defaultCurrencyConverter();
 };

package/dist/collection/components/utils/hello/currencyConversion/defaultCurrencyConverter.js

@@ -1,6 +1,8 @@
 import { localizationStore } from "../../../store/hello/localization";
 import { zonosStore } from "../../../store/zonosStore";
+import { currencyConvert } from "./currencyConvert";
 import { currencyConvertAndFormat } from "./currencyConvertAndFormat";
+import { currencyFormat } from "./currencyFormat";
 import { getCurrencyElements } from "./getCurrencyElements";
 import { getInitialElementAmount } from "./getInitialElementAmount";
 import { logError } from "../../logging/logError";
@@ -27,7 +29,17 @@ const convertCurrency = (element) => {
             rate !== currentIntlRateValue ||
             // Update currency when the country code changes
             currentCountryValue !== localizationStore.selectedCountryCode)) {
-        const observedFormattedValue = currencyConvertAndFormat(amount);
+        const customizedCurrencyFormat = typeof zonosStore.currencyConverter === 'function' &&
+            zonosStore.currencyConverter({
+                convert: currencyConvert,
+                convertAndFormat: currencyConvertAndFormat,
+                currencyCode: localizationStore.targetCurrency,
+                format: (value) => currencyFormat({ amount: value }),
+                originalAmount: amount,
+                selector: element,
+            });
+        // default to the currencyConvertAndFormat if the currencyConverter function does not return a value, or invalid value. This is to make sure we don't break the merchant's price.
+        const observedFormattedValue = customizedCurrencyFormat || currencyConvertAndFormat(amount);
         element.textContent = observedFormattedValue;
         // save the new rate to the data-zrate attribute
         element.setAttribute('data-zrate', rate.toString());
@@ -47,7 +59,7 @@ export const defaultCurrencyConverter = () => {
         logError('Could not display currency. Exchange rate and format data is not available.');
         return;
     }
-    currencyElements.forEach((element) => {
+    currencyElements.forEach(element => {
         // convert the currency and save the formatted value to the data-zintl attribute
         convertCurrency(element);
     });

package/dist/collection/components/utils/hello/getCurrentHelloLocalePage.js

@@ -1,19 +1,21 @@
 import { zonosStore } from "../../store/zonosStore";
+const matchUrlPattern = (urlPattern) => {
+    const trimmedUrl = urlPattern === null || urlPattern === void 0 ? void 0 : urlPattern.replace('www.', '').replace('https://', '');
+    return trimmedUrl && new RegExp(trimmedUrl).test(window.location.href);
+};
 export const getCurrentHelloLocalePage = () => {
-    const { href } = window.location;
     const { cartUrlPattern, homepageUrlPattern, productDetailUrlPattern, productListUrlPattern, } = zonosStore.helloSettings;
     // The 'if' statements are sorted by most specific to least specific to help with regex matching
-    if (cartUrlPattern && new RegExp(cartUrlPattern).test(href)) {
+    if (matchUrlPattern(cartUrlPattern)) {
         return 'cart';
     }
-    if (productDetailUrlPattern &&
-        new RegExp(productDetailUrlPattern).test(href)) {
+    if (matchUrlPattern(productDetailUrlPattern)) {
         return 'productDetail';
     }
-    if (productListUrlPattern && new RegExp(productListUrlPattern).test(href)) {
+    if (matchUrlPattern(productListUrlPattern)) {
         return 'productList';
     }
-    if (homepageUrlPattern && new RegExp(homepageUrlPattern).test(href)) {
+    if (matchUrlPattern(homepageUrlPattern)) {
         return 'home';
     }
     return '';

package/dist/collection/components/utils/hello/initHello.js

@@ -72,9 +72,11 @@ export const initHello = async (helloSettings) => {
             childList: true,
             subtree: true,
         });
-        // kill observer after 5 seconds if the hello still not injected, if the hello still not injected after 10 seconds, it's likely that the selector the user doesn't want to use hello
+        // kill observer after 1 second if the hello still not injected, if the hello still not injected after 1 second, it's likely that the selector the user doesn't want to use hello
         setTimeout(() => {
             observer.disconnect();
-        }, 5000);
+            // inject hello to mobile anchor if hello is still not found
+            injectHelloComponent(mobileHelloAnchor);
+        }, 1000);
     }
 };

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

@@ -0,0 +1,16 @@
+export const restStateType = [
+    'Boxes',
+    'Earth',
+    'EmptyBox',
+    'Lock',
+    'PigBank',
+    'Scribble',
+    'Search',
+    'Settings',
+    'ShoppingCart',
+    'SpilledCup',
+    'Switch',
+    'TaxId',
+    'Truck',
+    'Warning',
+];

package/dist/collection/types/ILanguage.js

@@ -7,11 +7,11 @@ export const languages = [
     { code: 'it', label: 'Italian', translatedLabel: 'Italiano' },
     { code: 'pl', label: 'Polish', translatedLabel: 'Polskie' },
     { code: 'ar', label: 'Arabic', translatedLabel: 'عربى' },
-    { code: 'de', label: 'German', translatedLabel: 'Deutsche' },
+    { code: 'de', label: 'German', translatedLabel: 'Deutsch' },
     { code: 'ja', label: 'Japanese', translatedLabel: '日本語' },
     { code: 'no', label: 'Norwegian', translatedLabel: 'norsk' },
     { code: 'vi', label: 'Vietnamese', translatedLabel: 'Tiếng Việt' },
-    { code: 'tr', label: 'Turkish', translatedLabel: 'Türk' },
+    { code: 'tr', label: 'Turkish', translatedLabel: 'Türkçe' },
     { code: 'he', label: 'Hebrew', translatedLabel: 'עִברִית' },
     { code: 'fr', label: 'French', translatedLabel: 'Français' },
     { code: 'nl', label: 'Dutch', translatedLabel: 'Nederlands' },

package/dist/esm/{ILanguage-97790bee.js → ILanguage-cd6acb72.js}

@@ -7,11 +7,11 @@ const languages = [
     { code: 'it', label: 'Italian', translatedLabel: 'Italiano' },
     { code: 'pl', label: 'Polish', translatedLabel: 'Polskie' },
     { code: 'ar', label: 'Arabic', translatedLabel: 'عربى' },
-    { code: 'de', label: 'German', translatedLabel: 'Deutsche' },
+    { code: 'de', label: 'German', translatedLabel: 'Deutsch' },
     { code: 'ja', label: 'Japanese', translatedLabel: '日本語' },
     { code: 'no', label: 'Norwegian', translatedLabel: 'norsk' },
     { code: 'vi', label: 'Vietnamese', translatedLabel: 'Tiếng Việt' },
-    { code: 'tr', label: 'Turkish', translatedLabel: 'Türk' },
+    { code: 'tr', label: 'Turkish', translatedLabel: 'Türkçe' },
     { code: 'he', label: 'Hebrew', translatedLabel: 'עִברִית' },
     { code: 'fr', label: 'French', translatedLabel: 'Français' },
     { code: 'nl', label: 'Dutch', translatedLabel: 'Nederlands' },