@zonos/elements 1.3.247 → 1.3.249

package/dist/esm/index.js

@@ -131,7 +131,7 @@ const getZonosQaUrl = () => {
         return null;
     }
     const qaUrl = extractZonosQaUrl(window.location.href);
-    const cdnUrl = "https://v1.3.247.js.zonos.com";
+    const cdnUrl = "https://v1.3.249.js.zonos.com";
     // when the qaUrl is not set and the built URL is from the test domain, use the test domain for testing
     if (!qaUrl &&
         (cdnUrl.includes('test.') ||
@@ -379,10 +379,10 @@ const zonosLoadUrl = (() => {
     return null;
 })();
 const startLoadTime = Date.now();
-const ZONOS_URL = "https://v1.3.247.js.zonos.com";
-const JS_DELIVR_ZONOS_URL = zonosLoadUrl || "https://cdn.jsdelivr.net/npm/@zonos/elements@1.3.247";
-const UNPKG_ZONOS_URL = "https://unpkg.com/@zonos/elements@1.3.247";
-const CDNJS_ZONOS_URL = "https://cdnjs.cloudflare.com/ajax/libs/zonos-elements/1.3.247";
+const ZONOS_URL = "https://v1.3.249.js.zonos.com";
+const JS_DELIVR_ZONOS_URL = zonosLoadUrl || "https://cdn.jsdelivr.net/npm/@zonos/elements@1.3.249";
+const UNPKG_ZONOS_URL = "https://unpkg.com/@zonos/elements@1.3.249";
+const CDNJS_ZONOS_URL = "https://cdnjs.cloudflare.com/ajax/libs/zonos-elements/1.3.249";
 const GOOGLE_FONT_URL = 'https://fonts.googleapis.com';
 const GOOGLE_FONT_REGEX = /^https:\/\/fonts\.googleapis\.com/;
 class Zonos {
@@ -400,8 +400,10 @@ Zonos.iframeLogType = typeof window !== 'undefined'
     ? new URLSearchParams(window.location.search).get('iframeLogType')
     : null;
 Zonos.isBigCommerce = false;
-Zonos.releaseDate = "1769706838597";
+Zonos.releaseDate = "1773254826070";
 Zonos.isLegacyCheckout = false;
+Zonos.googleAnalyticId = null;
+Zonos.googleAnalyticReady = false;
 Zonos.startLoadTime = startLoadTime;
 Zonos.domain = typeof window !== 'undefined'
     ? // domain that embeds the iframe
@@ -421,7 +423,7 @@ Zonos.isNpm = true;
 Zonos.zonosQaUrl = null;
 Zonos.zonosQaUrlApi = null;
 Zonos.trackEventLogs = [];
-Zonos.version = `v${"1.3.247"}`;
+Zonos.version = `v${"1.3.249"}`;
 Zonos.modeAlerted = false;
 Zonos.cartData = null;
 Zonos.paypal = null;
@@ -441,6 +443,10 @@ Zonos.init = async (params) => {
     log(`====== ZONOS DEBUG MODE: on (${_a.version}) ======`);
     _a.zonosApiKey = zonosApiKey;
     _a.storeId = storeId;
+    // When not in iframe, GA is ready (gtag works directly). When in iframe, relay will set this after parent configures.
+    if (typeof window !== 'undefined' && window.parent === window) {
+        _a.googleAnalyticReady = true;
+    }
     if (_a.isNpm) {
         log('====== ZONOS LOADING FROM NPM ======');
         const zonosQaUrl = getZonosQaUrl();
@@ -545,6 +551,7 @@ Zonos.injectCustomScriptForHostedCheckout = () => {
     const metadata = (cartData === null || cartData === void 0 ? void 0 : cartData.metadata) || [];
     const headerScript = metadata.find(meta => meta.key === 'customHeaderScript');
     const footerScript = metadata.find(meta => meta.key === 'customFooterScript');
+    // googleAnalyticId is set by customHTML in checkoutSettings (e.g. <script>window.Zonos.googleAnalyticId = "G-XXX";</script>), injected by zonos-controller
     // Only inject the script if checkout is on Zonos hosted checkout and custom script is available
     if (!window.Zonos.isLegacyCheckout || (!headerScript && !footerScript)) {
         log('Skip injecting custom script for hosted checkout', 'info', {

package/dist/esm/{invoice-44e97c22.js → invoice-0e462fcc.js}

@@ -1,6 +1,6 @@
-import { c as createStore, z as zonosStore } from './zonosStore-b434e436.js';
-import { b as stripeStore, C as stripeStoreBuildAddressForPartyCreate, d as cartStore, D as cartStoreUpdateSelectedShippingOption } from './cart-99ec4a3d.js';
-import { s as storageStore } from './localization-853b48a9.js';
+import { c as createStore, z as zonosStore } from './zonosStore-5242a58d.js';
+import { b as stripeStore, C as stripeStoreBuildAddressForPartyCreate, d as cartStore, D as cartStoreUpdateSelectedShippingOption } from './cart-efb30253.js';
+import { s as storageStore } from './localization-c1aff677.js';
 import { h as handleFetch, s as sendErrorLog, l as logError } from './handleFetch-a844cac1.js';
 import { b as allLogs } from './VarianceTest-572cecf5.js';
 

package/dist/esm/{isCollectMobileTablet-566ff0aa.js → isCollectMobileTablet-0bcba25a.js}

@@ -1,6 +1,6 @@
-import { c as createStore, z as zonosStore } from './zonosStore-b434e436.js';
-import { b as stripeStore, C as stripeStoreBuildAddressForPartyCreate, d as cartStore, D as cartStoreUpdateSelectedShippingOption } from './cart-99ec4a3d.js';
-import { s as storageStore } from './localization-853b48a9.js';
+import { c as createStore, z as zonosStore } from './zonosStore-5242a58d.js';
+import { b as stripeStore, C as stripeStoreBuildAddressForPartyCreate, d as cartStore, D as cartStoreUpdateSelectedShippingOption } from './cart-efb30253.js';
+import { s as storageStore } from './localization-c1aff677.js';
 import { h as handleFetch, s as sendErrorLog, l as logError } from './handleFetch-a844cac1.js';
 import { b as allLogs } from './VarianceTest-572cecf5.js';
 

package/dist/esm/{isContrastColor-69778cea.js → isContrastColor-c17e83c9.js}

@@ -1,4 +1,4 @@
-import { t as tinycolor } from './isDarkColor-9ddd90cc.js';
+import { t as tinycolor } from './isDarkColor-3537021b.js';
 
 const isContrastColor = ({ backgroundColor1, backgroundColor2, }) => {
     // get readibility of the color

package/dist/esm/{isDarkColor-9ddd90cc.js → isDarkColor-3537021b.js}

@@ -1,4 +1,4 @@
-import { a as commonjsGlobal } from './zonosStore-b434e436.js';
+import { a as commonjsGlobal } from './zonosStore-5242a58d.js';
 
 var tinycolor$1 = {exports: {}};
 

package/dist/esm/loader.js

@@ -1,5 +1,5 @@
-import { b as bootstrapLazy } from './index-0bbe9693.js';
-export { s as setNonce } from './index-0bbe9693.js';
+import { b as bootstrapLazy } from './index-cfd394c8.js';
+export { s as setNonce } from './index-cfd394c8.js';
 import { g as globalScripts } from './app-globals-0f993ce5.js';
 
 const defineCustomElements = async (win, options) => {

package/dist/esm/{localization-853b48a9.js → localization-c1aff677.js}

@@ -1,4 +1,4 @@
-import { c as createStore, z as zonosStore } from './zonosStore-b434e436.js';
+import { c as createStore, z as zonosStore } from './zonosStore-5242a58d.js';
 import { j as jsonParse, h as handleFetch, l as logError } from './handleFetch-a844cac1.js';
 import { a as availableTestKeys, l as log } from './VarianceTest-572cecf5.js';
 

package/dist/esm/{paypal-56534e48.js → paypal-06b67be0.js}

@@ -1,12 +1,13 @@
-import { z as zonosStore, c as createStore } from './zonosStore-b434e436.js';
-import { t as trackConversionEvent, A as validateCheckoutSession, b as stripeStore, d as cartStore, v as stripeStoreHandleInventoryCheck, r as cartStoreNextStep, h as cartStoreClearCheckoutInterval } from './cart-99ec4a3d.js';
-import { t as translate, s as storageStore } from './localization-853b48a9.js';
+import { c as createStore, z as zonosStore } from './zonosStore-5242a58d.js';
+import { t as trackConversionEvent, A as validateCheckoutSession, b as stripeStore, d as cartStore, v as stripeStoreHandleInventoryCheck, r as cartStoreNextStep, h as cartStoreClearCheckoutInterval } from './cart-efb30253.js';
+import { t as translate, s as storageStore } from './localization-c1aff677.js';
 import { h as handleFetch, l as logError, j as jsonParse } from './handleFetch-a844cac1.js';
-import { i as isContrastColor } from './isContrastColor-69778cea.js';
+import { i as isContrastColor } from './isContrastColor-c17e83c9.js';
 import { l as log } from './VarianceTest-572cecf5.js';
+import { s as submitGtag } from './submitGtag-13de9f1f.js';
 
 /*!
- * paypal-js v8.1.0 (2024-06-07T16:55:00.122Z)
+ * paypal-js v8.4.2 (2025-09-04T17:21:30.135Z)
  * Copyright 2020-present, PayPal, Inc. All rights reserved.
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -21,6 +22,40 @@ import { l as log } from './VarianceTest-572cecf5.js';
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+/******************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */
+/* global Reflect, Promise, SuppressedError, Symbol */
+
+
+function __rest(s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+}
+
+typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
+    var e = new Error(message);
+    return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
+};
+
 function findScript(url, attributes) {
     var currentScript = document.querySelector("script[src=\"".concat(url, "\"]"));
     if (currentScript === null)
@@ -50,21 +85,11 @@ function insertScriptElement(_a) {
     newScript.onload = onSuccess;
     document.head.insertBefore(newScript, document.head.firstElementChild);
 }
-function processOptions(options) {
-    var environment = options.environment;
-    // Keeping production as default to maintain backward compatibility.
-    // In the future this logic needs to be changed to use sandbox domain as default instead of production.
-    var sdkBaseUrl = environment === "sandbox"
-        ? "https://www.sandbox.paypal.com/sdk/js"
-        : "https://www.paypal.com/sdk/js";
-    // env is not an allowed key for sdk/js url.
-    delete options.environment;
-    if (options.sdkBaseUrl) {
-        sdkBaseUrl = options.sdkBaseUrl;
-        delete options.sdkBaseUrl;
-    }
+function processOptions(_a) {
+    var customSdkBaseUrl = _a.sdkBaseUrl, environment = _a.environment, options = __rest(_a, ["sdkBaseUrl", "environment"]);
+    var sdkBaseUrl = customSdkBaseUrl || processSdkBaseUrl(environment);
     var optionsWithStringIndex = options;
-    var _a = Object.keys(optionsWithStringIndex)
+    var _b = Object.keys(optionsWithStringIndex)
         .filter(function (key) {
         return (typeof optionsWithStringIndex[key] !== "undefined" &&
             optionsWithStringIndex[key] !== null &&
@@ -83,7 +108,7 @@ function processOptions(options) {
     }, {
         queryParams: {},
         attributes: {},
-    }), queryParams = _a.queryParams, attributes = _a.attributes;
+    }), queryParams = _b.queryParams, attributes = _b.attributes;
     if (queryParams["merchant-id"] &&
         queryParams["merchant-id"].indexOf(",") !== -1) {
         attributes["data-merchant-id"] = queryParams["merchant-id"];
@@ -109,6 +134,13 @@ function objectToQueryString(params) {
     });
     return queryString;
 }
+function processSdkBaseUrl(environment) {
+    // Keeping production as default to maintain backward compatibility.
+    // In the future this logic needs to be changed to use sandbox domain as default instead of production.
+    return environment === "sandbox"
+        ? "https://www.sandbox.paypal.com/sdk/js"
+        : "https://www.paypal.com/sdk/js";
+}
 function createScriptElement(url, attributes) {
     if (attributes === void 0) { attributes = {}; }
     var newScript = document.createElement("script");
@@ -224,21 +256,6 @@ const paypalCreateOrder = async ({ checkoutSessionId, intent, }) => {
     return { errors, json };
 };
 
-/**
- * Submit a gtag event if the gtag function is available.
- */
-const submitGtag = (event) => {
-    const googleAnalyticSetting = 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') {
-        log('Zonos submits gtag event', 'log', event);
-        window.gtag('event', event, {});
-    }
-};
-
 const { onChange: paypalStoreOnChange, reset: paypalStoreReset, state: paypalStore, } = createStore(() => ({
     intent: 'capture',
     orderIdCreated: null,
@@ -319,6 +336,12 @@ const paypalButtonOptions = ({ checkoutSessionId, onPaypalFail, onPaypalSessionD
                 // reset stripe error message
                 stripeStore.hasPaymentError = false;
                 stripeStore.customErrorMessage = null;
+                submitGtag({
+                    event: 'zonos-checkout-payment-fail',
+                    metadata: {
+                        checkoutSessionId,
+                    },
+                });
                 onPaypalFail === null || onPaypalFail === void 0 ? void 0 : onPaypalFail();
                 return '';
             }
@@ -351,6 +374,12 @@ const paypalButtonOptions = ({ checkoutSessionId, onPaypalFail, onPaypalSessionD
                 // reset stripe error message
                 stripeStore.hasPaymentError = false;
                 stripeStore.customErrorMessage = null;
+                submitGtag({
+                    event: 'zonos-checkout-payment-fail',
+                    metadata: {
+                        checkoutSessionId,
+                    },
+                });
                 // trigger fail event
                 onPaypalFail === null || onPaypalFail === void 0 ? void 0 : onPaypalFail();
                 return '';
@@ -361,7 +390,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({
+                    event: 'zonos-checkout-payment-info',
+                    metadata: {
+                        checkoutSessionId,
+                        paymentMethod: 'paypal',
+                    },
+                });
                 const orderId = await paypalStoreCaptureOrder({
                     checkoutSessionId,
                     paypalMockResponse: window.Zonos._paypalMockResponse,
@@ -476,4 +511,4 @@ const paypalStoreHasPaypalEnabled = () => {
     return paypalEnabledInSetting || !!paypalStore.paypalButtons.length;
 };
 
-export { paypalStore as a, paypalInitScript as b, paypalStoreReset as c, paypalStoreInitButtons as d, paypalStoreOnChange as e, paypalStoreHasPaypalEnabled as p, submitGtag as s };
+export { paypalStore as a, paypalInitScript as b, paypalStoreReset as c, paypalStoreInitButtons as d, paypalStoreOnChange as e, paypalStoreHasPaypalEnabled as p };

package/dist/esm/{placeTestOrder-9e0ab5fd.js → placeTestOrder-6c9a6c8a.js}

@@ -1,5 +1,5 @@
-import { d as cartStore } from './cart-99ec4a3d.js';
-import { s as storageStore } from './localization-853b48a9.js';
+import { d as cartStore } from './cart-efb30253.js';
+import { s as storageStore } from './localization-c1aff677.js';
 import { l as logError, h as handleFetch } from './handleFetch-a844cac1.js';
 
 const placeTestOrder = async () => {

package/dist/esm/{renderCheckoutCurrency-1bd40006.js → renderCheckoutCurrency-910fea67.js}

@@ -1,5 +1,5 @@
-import { d as cartStore } from './cart-99ec4a3d.js';
-import { o as applyInclusiveEffectiveRate, d as currencyFormat } from './localization-853b48a9.js';
+import { d as cartStore } from './cart-efb30253.js';
+import { o as applyInclusiveEffectiveRate, d as currencyFormat } from './localization-c1aff677.js';
 
 const getDisplayCurrency = () => {
     var _a, _b;

package/dist/esm/{renderFallback-3f010b48.js → renderFallback-b250f4e9.js}

@@ -1,4 +1,4 @@
-import { h } from './index-0bbe9693.js';
+import { h } from './index-cfd394c8.js';
 
 const renderFallback = ({ content, isLoading, skeletonHeight, skeletonWidth, }) => {
     if (isLoading) {

package/dist/esm/submitGtag-13de9f1f.js

@@ -0,0 +1,113 @@
+import { z as zonosStore } from './zonosStore-5242a58d.js';
+import { g as getIsTestMode } from './handleFetch-a844cac1.js';
+import { l as log } from './VarianceTest-572cecf5.js';
+
+/** Message type for zonos-analytic events sent from iframe to parent. */
+const ZONOS_ANALYTIC_TYPE = 'zonos-analytic';
+/** Ping sent by iframe to configure parent's analytics relay (e.g. GA) and get ready signal. */
+const RELAY_PING_TYPE = 'zonos-analytics-relay-ping';
+/** Response from parent when analytics relay (e.g. gtag) is ready. */
+const RELAY_READY_TYPE = 'zonos-analytics-relay-ready';
+
+let parentGtagReady = false;
+let relayListenerAdded = false;
+const queuedEvents = [];
+function flushQueuedEvents() {
+    while (queuedEvents.length > 0) {
+        const { event, payload } = queuedEvents.shift();
+        try {
+            window.parent.postMessage({
+                event,
+                metadata: payload,
+                type: ZONOS_ANALYTIC_TYPE,
+            }, '*');
+        }
+        catch (_a) {
+            // Ignore postMessage failures
+        }
+    }
+}
+function ensureRelayListener() {
+    if (relayListenerAdded)
+        return;
+    relayListenerAdded = true;
+    window.addEventListener('message', (e) => {
+        var _a;
+        if (((_a = e.data) === null || _a === void 0 ? void 0 : _a.type) === RELAY_READY_TYPE) {
+            parentGtagReady = true;
+            if (typeof window.Zonos !== 'undefined') {
+                window.Zonos.googleAnalyticReady = true;
+            }
+            flushQueuedEvents();
+        }
+    });
+}
+function sendPingToParent() {
+    try {
+        const googleAnalyticId = typeof window.Zonos !== 'undefined'
+            ? window.Zonos.googleAnalyticId
+            : undefined;
+        window.parent.postMessage({ googleAnalyticId, type: RELAY_PING_TYPE }, '*');
+    }
+    catch (_a) {
+        // Ignore postMessage failures
+    }
+}
+/**
+ * Sends ping to parent with googleAnalyticId so parent can inject/configure GA and respond with ready.
+ * Call after customHTML or custom script sets window.Zonos.googleAnalyticId.
+ */
+function ensureAnalyticsRelayPing() {
+    if (typeof window === 'undefined' ||
+        window.parent === window ||
+        parentGtagReady) {
+        return;
+    }
+    ensureRelayListener();
+    sendPingToParent();
+}
+/**
+ * Submit a gtag event if the gtag function is available.
+ * When running inside an iframe, only posts to parent after the parent has
+ * confirmed (via analyticsRelayOnInit) that gtag is available.
+ */
+const submitGtag = ({ event, metadata }) => {
+    const googleAnalyticSetting = 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;
+    }
+    const isTestMode = getIsTestMode();
+    const payload = Object.assign(Object.assign({}, metadata), (isTestMode && { isTestMode: true }));
+    // filter null key
+    const filteredPayload = Object.fromEntries(Object.entries(payload).filter(([_, value]) => value !== null));
+    const isInIframe = typeof window !== 'undefined' && window.parent !== window;
+    if (isInIframe) {
+        // gtag does not work in iframe; must relay to parent via postMessage
+        ensureRelayListener();
+        if (parentGtagReady) {
+            try {
+                window.parent.postMessage({
+                    event,
+                    metadata: filteredPayload,
+                    type: ZONOS_ANALYTIC_TYPE,
+                }, '*');
+            }
+            catch (_a) {
+                // Ignore postMessage failures
+            }
+        }
+        else {
+            queuedEvents.push({ event, payload: filteredPayload });
+            sendPingToParent();
+        }
+        return;
+    }
+    // Not in iframe: call gtag directly
+    if (typeof window.gtag === 'function') {
+        log('Zonos submits gtag event', 'log', event);
+        window.gtag('event', event, filteredPayload);
+    }
+};
+
+export { ensureAnalyticsRelayPing as e, submitGtag as s };

package/dist/esm/{throttle-ce2432ab.js → throttle-0504ba2c.js}

@@ -1,5 +1,5 @@
-import { d as debounce_1 } from './debounce-c4785346.js';
-import { d as isObject_1 } from './zonosStore-b434e436.js';
+import { d as debounce_1 } from './debounce-efc0e473.js';
+import { d as isObject_1 } from './zonosStore-5242a58d.js';
 
 var debounce = debounce_1,
     isObject = isObject_1;

package/dist/esm/{updateCheckoutSessionAttributes-047a6cd4.js → updateCheckoutSessionAttributes-b9f7e982.js}

@@ -1,4 +1,4 @@
-import { d as debounce_1 } from './debounce-c4785346.js';
+import { d as debounce_1 } from './debounce-efc0e473.js';
 import { h as handleFetch, l as logError } from './handleFetch-a844cac1.js';
 
 const attributesToUpdate = {};