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

package/dist/collection/components/main/zonos-controller.js

@@ -77,9 +77,13 @@ export class ZonosController {
             }
             // init zonos notification
             this.initZonosNotification();
+            const config = Object.assign(Object.assign({}, this.config), {
+                // override subscription status
+                subscriptionStatus: undefined
+            });
             // load default setting if fail to load user setting
             zonosStoreInitSetting({
-                overrideSettings: this.config,
+                overrideSettings: config,
                 zonosSettings: json,
             });
             // setup google font after store loaded
@@ -152,7 +156,7 @@ export class ZonosController {
         zonosStore.organizationName = organizationName;
     }
     render() {
-        return h(Host, { key: '129317aa410d96319846670a1aaae29490993b19', class: "zonos--elements" });
+        return h(Host, { key: 'c7ddb9c8c4e17ef074e33de06ac893fcf08152a4', class: "zonos--elements" });
     }
     static get is() { return "zonos-controller"; }
     static get encapsulation() { return "shadow"; }
@@ -177,8 +181,8 @@ export class ZonosController {
                     "references": {
                         "LoadZonosParamsConfig": {
                             "location": "import",
-                            "path": "src/scripts/zonosBase",
-                            "id": "src/scripts/zonosBase.ts::LoadZonosParamsConfig"
+                            "path": "src/scripts/_zonosBase",
+                            "id": "src/scripts/_zonosBase.ts::LoadZonosParamsConfig"
                         }
                     }
                 },
@@ -316,8 +320,8 @@ export class ZonosController {
                         },
                         "LoadZonosParamsConfig": {
                             "location": "import",
-                            "path": "src/scripts/zonosBase",
-                            "id": "src/scripts/zonosBase.ts::LoadZonosParamsConfig"
+                            "path": "src/scripts/_zonosBase",
+                            "id": "src/scripts/_zonosBase.ts::LoadZonosParamsConfig"
                         }
                     },
                     "return": "Promise<void>"

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: '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" })));
+        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/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}`;
@@ -265,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',

package/dist/esm/{cart-cc593c2b.js → cart-63d120e1.js}

@@ -1,4 +1,5 @@
 import { c as createStore, z as zonosStore } from './zonosStore-32e33a45.js';
+import { a as logError, l as log } from './logError-c456c092.js';
 import { i as isDarkColor } from './isDarkColor-39a36e82.js';
 import { g as getBorderRadius } from './getBorderRadius-d244b4b1.js';
 
@@ -5743,60 +5744,6 @@ const getCountries = async () => {
     }
 };
 
-const log = (message, type, ...additionalInfo) => {
-    var _a, _b;
-    const isDebug = !!((_a = window.Zonos) === null || _a === void 0 ? void 0 : _a.debug) ||
-        !!window.location.search.match(/\?.*(&*)zonosDebug=1/);
-    // if debug is false, do not log
-    if (!isDebug) {
-        // log errors to the console if the type is error
-        if (type === 'error') {
-            // eslint-disable-next-line no-console
-            console.error(message, ...additionalInfo);
-        }
-        return;
-    }
-    let loggingIframe = document.querySelector('iframe#zonos---debug-logging-iframe');
-    if (!loggingIframe) {
-        // add a hidden iframe
-        loggingIframe = document.createElement('iframe');
-        loggingIframe.id = 'zonos---debug-logging-iframe';
-        loggingIframe.style.display = 'none';
-        loggingIframe.style.opacity = '0';
-        loggingIframe.style.position = 'absolute';
-        loggingIframe.style.top = '-9999px';
-        loggingIframe.style.left = '-9999px';
-        loggingIframe.style.width = '1px';
-        loggingIframe.style.height = '1px';
-        loggingIframe.style.border = 'none';
-        loggingIframe.style.overflow = 'hidden';
-        loggingIframe.style.visibility = 'hidden';
-        document.body.appendChild(loggingIframe);
-    }
-    // use the logging iframe's console to log just in case the console is disabled (overriden) by the site owner
-    const zConsole = ((_b = loggingIframe.contentWindow) === null || _b === void 0 ? void 0 : _b.window.console) || window.console;
-    switch (type) {
-        case 'warn':
-            zConsole.warn(message, ...additionalInfo);
-            break;
-        case 'info':
-            zConsole.info(message, ...additionalInfo);
-            break;
-        case 'error':
-            zConsole.error(message, ...additionalInfo);
-            break;
-        default:
-            zConsole.groupCollapsed(message, ...additionalInfo);
-            zConsole.trace();
-            zConsole.groupEnd();
-            break;
-    }
-};
-
-const logError = (message, ...rest) => {
-    log(message, 'error', ...rest);
-};
-
 const getCountryLandedCost = async (countryCode) => {
     var _a;
     if (!countryCode) {
@@ -7295,4 +7242,4 @@ const cartStoreResetTabItems = () => {
     cartStoreResetSelectedShippingOption();
 };
 
-export { currencyDisplay as A, currencyConvertAndFormat as B, currencyConvert as C, currencyFormat as D, cartStoreHasOneEligibleItem as E, stripeStoreRetrievePayment as F, stripeStoreTranslateAddressToLatin as G, cartStoreUpdateSelectedShippingOption as H, cartStoreGetShippingTransitInfo as I, localizationStoreUpdateSelectedLocale as J, log as a, localizationStoreUpdateSelectedCountryCode as b, stripeStoreCleanupDomesticShippingSession as c, logError as d, stripeStoreSaveDomesticShippingSession as e, cartStore as f, cartStoreUpdateItems as g, cartStoreReset as h, initStripeElements as i, cartStoreResetTabItems as j, stripeStore as k, localizationStore as l, stripeStoreInitCheckoutSession as m, cartStoreUpdateToErrorState as n, stripeStorePrefetchLandedCost as o, cartStoreNextStep as p, stripeStoreConfirmPayment as q, stripeStoreReset as r, stripeStoreGetDomesticShippingSession as s, translate as t, localizationStoreOnUpdate as u, handleFetch as v, isValidSelector as w, initLocalizationStore as x, getZCountryUrlParam as y, setZCountryUrlParam as z };
+export { currencyConvert as A, currencyFormat as B, cartStoreHasOneEligibleItem as C, stripeStoreRetrievePayment as D, stripeStoreTranslateAddressToLatin as E, cartStoreUpdateSelectedShippingOption as F, cartStoreGetShippingTransitInfo as G, localizationStoreUpdateSelectedLocale as H, localizationStoreUpdateSelectedCountryCode as a, stripeStoreCleanupDomesticShippingSession as b, stripeStoreSaveDomesticShippingSession as c, cartStore as d, cartStoreUpdateItems as e, cartStoreReset as f, cartStoreResetTabItems as g, stripeStore as h, initStripeElements as i, stripeStoreInitCheckoutSession as j, cartStoreUpdateToErrorState as k, localizationStore as l, stripeStorePrefetchLandedCost as m, cartStoreNextStep as n, stripeStoreConfirmPayment as o, stripeStoreReset as p, localizationStoreOnUpdate as q, handleFetch as r, stripeStoreGetDomesticShippingSession as s, translate as t, isValidSelector as u, initLocalizationStore as v, getZCountryUrlParam as w, setZCountryUrlParam as x, currencyDisplay as y, currencyConvertAndFormat as z };