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

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

@@ -17,6 +17,9 @@ export const stringsPolish = {
     'Address line 2': {
         value: 'Linia adresowa 2',
     },
+    'Are you sure?': {
+        value: 'Jesteś pewien?',
+    },
     Back: {
         value: 'Wstecz',
     },
@@ -35,6 +38,9 @@ export const stringsPolish = {
     City: {
         value: 'Miasto',
     },
+    Close: {
+        value: 'Zamknij',
+    },
     Contact: {
         value: 'Kontakt',
     },
@@ -56,6 +62,9 @@ export const stringsPolish = {
     'Delivery options': {
         value: 'Opcje dostawy',
     },
+    "Don't close": {
+        value: 'Nie zamykaj',
+    },
     'Duties and taxes will be applied to items and shipping.': {
         value: 'Cła i podatki zostaną naliczone do towarów i wysyłki.',
     },
@@ -239,6 +248,9 @@ export const stringsPolish = {
     'What you entered': {
         value: 'To, co wpisałeś',
     },
+    'Would you like to close checkout and return to the site?': {
+        value: 'Czy chcesz zamknąć kasę i wrócić na stronę?',
+    },
     "You're all set!": {
         value: 'Jesteś gotowy!',
     },

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: '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" })));
     }
     static get is() { return "zonos-address"; }
     static get encapsulation() { return "scoped"; }
@@ -189,10 +189,10 @@ export class ZonosAddress {
                 "type": "unknown",
                 "mutable": false,
                 "complexType": {
-                    "original": "StripeContactOption | null",
+                    "original": "ContactOption | null",
                     "resolved": "ContactOption | null",
                     "references": {
-                        "StripeContactOption": {
+                        "ContactOption": {
                             "location": "import",
                             "path": "@stripe/stripe-js",
                             "id": ""

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/environment.js

@@ -181,12 +181,10 @@ export const getReplaceEnv = (props) => Object.keys(env).reduce((prev, curr) =>
     const foundOverride = !!override && currEnv in override;
     // return the override value if it's found
     if (foundOverride) {
-        // @ts-expect-error
         prev[`process.env.${currEnv}`] = `"${override[currEnv]}"`;
         return prev;
     }
     if (currEnv) {
-        // @ts-expect-error
         prev[`process.env.${currEnv}`] = `"${env[currEnv] || ''}"`;
     }
     return prev;

package/dist/collection/index.js

@@ -1 +1,2 @@
+export { Zonos } from './scripts';
 export * from './types';

package/dist/collection/scripts/_extractZonosQaUrl.js

@@ -0,0 +1,26 @@
+/**
+ * Extracts the zonosQaUrl from the url
+ *
+ * @param url - url to extract zonosQaUrl from
+ *
+ * **NOTE**: value of zonosQaUrl param should be without protocol, allowed characters are: a-z, A-Z, 0-9, -, _
+ * @example
+ * valid: https://www.zonos.com/?zonosQaUrl=some-feature-v988
+ * invalid: https://www.zonos.com/?zonosQaUrl=https://zonos-something
+ */
+export const extractZonosQaUrl = (url) => {
+    if (!url) {
+        return null;
+    }
+    // get params from url
+    const param = new URL(url).searchParams;
+    const zonosQaUrl = param.get('zonosQaUrl');
+    if (!zonosQaUrl) {
+        return null;
+    }
+    const hasInvalidCharacters = /[^a-zA-Z0-9-_]+/.test(zonosQaUrl);
+    if (!!hasInvalidCharacters) {
+        return null;
+    }
+    return zonosQaUrl;
+};

package/dist/collection/scripts/_getZonosQaUrl.js

@@ -0,0 +1,40 @@
+import { log } from "../components/utils/logging/log";
+import { extractZonosQaUrl } from "./_extractZonosQaUrl";
+/**
+ * Get the Zonos QA URL and return it. Will remove `zonosQaUrl` from the url query if it doesn't exists.
+ */
+export const getZonosQaUrl = () => {
+    if (typeof window === 'undefined') {
+        return null;
+    }
+    const qaUrl = extractZonosQaUrl(window.location.href);
+    if (!qaUrl) {
+        return null;
+    }
+    // If the qaUrl, use the dev-elements domain to forward the request to the dev server to quickly debug the issue
+    if (qaUrl === 'dev-elements') {
+        return 'https://dev.elements.zonos.com';
+    }
+    const suffixDomain = 'preview.js.zonos.com';
+    const fullUrl = `https://${qaUrl}.${suffixDomain}`;
+    log(`[ZONOS-WARNING] using '${fullUrl}' for loading script`, 'warn');
+    // request to the url and check if the request has an error
+    void fetch(fullUrl)
+        .then(() => {
+        // cleanup checkout session to avoid using the prod session in preview domain
+        window.sessionStorage.removeItem('zonos--checkout-session-id');
+        window.sessionStorage.removeItem('zonos--client-secret');
+    })
+        .catch(() => {
+        alert(`[ZONOS-WARNING] '${fullUrl}' IS NO LONGER AVAILABLE. REMOVING zonosQaUrl PARAM AND RELOADING THE PAGE`);
+        // remove the zonosQaUrl param from url
+        const urlSearchParams = new URLSearchParams(window.location.search);
+        urlSearchParams.delete('zonosQaUrl');
+        const { pathname } = window.location;
+        const newUrl = `${pathname}?${urlSearchParams.toString()}`;
+        window.history.replaceState({}, '', newUrl);
+        window.location.reload();
+        return null;
+    });
+    return fullUrl;
+};

package/dist/collection/scripts/{loadStripe.js → _loadStripe.js}

@@ -1,5 +1,5 @@
 // Execute our own script injection after a tick to give users time to do their
-import { initStripe, zonosStripeLoadScript, } from "./stripe";
+import { initStripe, zonosStripeLoadScript, } from "./_stripe";
 // own script injection.
 const stripePromise = Promise.resolve().then(() => zonosStripeLoadScript(null));
 let loadCalled = false;

package/dist/collection/scripts/{zonosBase.js → _zonosBase.js}

@@ -1,12 +1,16 @@
 var _a;
 import { log } from "../components/utils/logging/log";
 import { logError } from "../components/utils/logging/logError";
-import { checkIfLoadVersionDomain } from "./checkIfLoadVersionDomain";
-import { zonosLoadStripe } from "./loadStripe";
+import { checkIfLoadVersionDomain } from "./_checkIfLoadVersionDomain";
+import { getZonosQaUrl } from "./_getZonosQaUrl";
+import { zonosLoadStripe } from "./_loadStripe";
 /**
  * Get the load version and url based on the loadScriptSrc, if the domain that used to load `zonos.js` is in white listed domains, use currentLoadScriptUrl as the load url instead, if zonosQaUrl exists, it would also fall under the white listed domain
  */
 const zonosLoadUrl = (() => {
+    if (typeof document === 'undefined') {
+        return null;
+    }
     const scriptExist = document.querySelector(`script[src*="/zonos.js"]`);
     const { currentLoadScriptUrl, isWhiteListed } = checkIfLoadVersionDomain({
         loadScriptSrc: scriptExist === null || scriptExist === void 0 ? void 0 : scriptExist.src,
@@ -26,9 +30,15 @@ export class Zonos {
 _a = Zonos;
 Zonos.doneInit = false;
 // if query 'zonosDebug=1' param from url, debug mode is on
-Zonos.debug = !!window.location.search.match(/\?.*(&*)zonosDebug=1/);
-Zonos.zonosConversionTest = !!window.location.search.match(/\?.*(&*)zonosConversionTest/);
+Zonos.debug = typeof window !== 'undefined' &&
+    !!window.location.search.match(/\?.*(&*)zonosDebug=1/);
+Zonos.zonosConversionTest = typeof window !== 'undefined' &&
+    !!window.location.search.match(/\?.*(&*)zonosConversionTest/);
 Zonos.isBigCommerce = false;
+/**
+ * By default, the package will load from npm
+ */
+Zonos.isNpm = true;
 Zonos.internationalHideSelector = '';
 Zonos.zonosQaUrl = null;
 Zonos.version = `v${process.env.NEXT_PUBLIC_ZONOS_PACKAGE_VERSION}`;
@@ -36,7 +46,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 +74,7 @@ Zonos.init = async ({ appearance, checkoutSettings, currencyConverter, helloSett
             checkoutSettings,
             currencyConverter,
             helloSettings,
+            onCountryChange,
         },
         zonosApiKey,
     });
@@ -264,20 +275,33 @@ Zonos.injectScript = ({ fallBackDomain, isModule, scriptDomain, theRestUrl, }) =
     };
     headOrBody.appendChild(script);
 };
+/**
+ * We now support loading Zonos via npm. For clients using npm, `zonosBase` will always load from the server side. Therefore, the `zonosLoadUrl` defined earlier won't work since it lacks access to client-side APIs such as `window` and `document`.
+ */
+Zonos.getZonosUrl = () => {
+    // To ensure that sites using zonos-elements load the script from a specific domain when using npm, we need to check for zonosQaUrl and use it if available. Otherwise it will always load from the compiled versioned domain
+    if (_a.isNpm) {
+        const zonosQaUrl = getZonosQaUrl();
+        // Default to hard coded domain if zonosQaUrl is not available
+        return zonosQaUrl || ZONOS_URL;
+    }
+    return ZONOS_URL;
+};
 Zonos.injectZonosCdn = () => {
+    const ZONOS_LOAD_URL = _a.getZonosUrl();
     // init zonos elements when the zonosKey is valid
     // inject esmodule cdn for zonos elements
     _a.injectScript({
         fallBackDomain: JS_DELIVR_ZONOS_URL,
         isModule: true,
-        scriptDomain: ZONOS_URL,
+        scriptDomain: ZONOS_LOAD_URL,
         theRestUrl: 'dist/zonos-elements/zonos-elements.esm.js',
     });
     // inject non module cdn for zonos elements
     _a.injectScript({
         fallBackDomain: JS_DELIVR_ZONOS_URL,
         isModule: false,
-        scriptDomain: ZONOS_URL,
+        scriptDomain: ZONOS_LOAD_URL,
         theRestUrl: 'dist/zonos-elements/zonos-elements.js',
     });
     log('Zonos cdn script injected!');

package/dist/collection/scripts/index.js

@@ -0,0 +1,2 @@
+import { Zonos } from "./_zonosBase";
+export { Zonos };

package/dist/collection/types/generated/graphql.customer.types.js

@@ -1257,6 +1257,7 @@ export const invoiceCarrier = {
     Apc: 'APC',
     Asendia: 'ASENDIA',
     BoxC: 'BOX_C',
+    BroadReach: 'BROAD_REACH',
     Dhl: 'DHL',
     DhlEcom: 'DHL_ECOM',
     Epost: 'EPOST',

package/dist/collection/types/generated/graphql.frontend.types.js

@@ -43,6 +43,7 @@ export const featureAudienceNameEnum = {
     I18nSales: 'i18n_sales',
     ItHead: 'it_head',
     NewCheckoutMerchant: 'new_checkout_merchant',
+    NewPayoutReportMerchant: 'new_payout_report_merchant',
     Onboarding: 'onboarding',
     PrincipalEngineer: 'principal_engineer',
     ProServeHead: 'pro_serve_head',