@zonos/elements 1.3.247 → 1.3.249

package/dist/cjs/index.cjs.js

@@ -133,7 +133,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.') ||
@@ -381,10 +381,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 {
@@ -402,8 +402,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
@@ -423,7 +425,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;
@@ -443,6 +445,10 @@ Zonos.init = async (params) => {
     VarianceTest.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) {
         VarianceTest.log('====== ZONOS LOADING FROM NPM ======');
         const zonosQaUrl = getZonosQaUrl();
@@ -547,6 +553,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)) {
         VarianceTest.log('Skip injecting custom script for hosted checkout', 'info', {

package/dist/cjs/{invoice-05a10ee1.js → invoice-918f2c2b.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-const zonosStore = require('./zonosStore-37a4b4f4.js');
-const cart = require('./cart-97a2d20a.js');
-const localization = require('./localization-00e73920.js');
+const zonosStore = require('./zonosStore-f5a61112.js');
+const cart = require('./cart-eca56521.js');
+const localization = require('./localization-878ef681.js');
 const handleFetch = require('./handleFetch-954f30e1.js');
 const VarianceTest = require('./VarianceTest-bec00ea8.js');
 

package/dist/cjs/{isCollectMobileTablet-edd4804c.js → isCollectMobileTablet-89911215.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-const zonosStore = require('./zonosStore-37a4b4f4.js');
-const cart = require('./cart-97a2d20a.js');
-const localization = require('./localization-00e73920.js');
+const zonosStore = require('./zonosStore-f5a61112.js');
+const cart = require('./cart-eca56521.js');
+const localization = require('./localization-878ef681.js');
 const handleFetch = require('./handleFetch-954f30e1.js');
 const VarianceTest = require('./VarianceTest-bec00ea8.js');
 

package/dist/cjs/{isContrastColor-09f5924a.js → isContrastColor-d1936a5c.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const isDarkColor = require('./isDarkColor-878e600e.js');
+const isDarkColor = require('./isDarkColor-a68abf7a.js');
 
 const isContrastColor = ({ backgroundColor1, backgroundColor2, }) => {
     // get readibility of the color

package/dist/cjs/{isDarkColor-878e600e.js → isDarkColor-a68abf7a.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const zonosStore = require('./zonosStore-37a4b4f4.js');
+const zonosStore = require('./zonosStore-f5a61112.js');
 
 var tinycolor$1 = {exports: {}};
 

package/dist/cjs/loader.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-69fa8852.js');
+const index = require('./index-b1f95d96.js');
 const appGlobals = require('./app-globals-3a1e7e63.js');
 
 const defineCustomElements = async (win, options) => {

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

@@ -1,6 +1,6 @@
 'use strict';
 
-const zonosStore = require('./zonosStore-37a4b4f4.js');
+const zonosStore = require('./zonosStore-f5a61112.js');
 const handleFetch = require('./handleFetch-954f30e1.js');
 const VarianceTest = require('./VarianceTest-bec00ea8.js');
 

package/dist/cjs/{paypal-0b4b352b.js → paypal-6acca678.js}

@@ -1,14 +1,15 @@
 'use strict';
 
-const zonosStore = require('./zonosStore-37a4b4f4.js');
-const cart = require('./cart-97a2d20a.js');
-const localization = require('./localization-00e73920.js');
+const zonosStore = require('./zonosStore-f5a61112.js');
+const cart = require('./cart-eca56521.js');
+const localization = require('./localization-878ef681.js');
 const handleFetch = require('./handleFetch-954f30e1.js');
-const isContrastColor = require('./isContrastColor-09f5924a.js');
+const isContrastColor = require('./isContrastColor-d1936a5c.js');
 const VarianceTest = require('./VarianceTest-bec00ea8.js');
+const submitGtag = require('./submitGtag-cb4fb332.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");
@@ -23,6 +24,40 @@ const VarianceTest = require('./VarianceTest-bec00ea8.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)
@@ -52,21 +87,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 &&
@@ -85,7 +110,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"];
@@ -111,6 +136,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");
@@ -226,21 +258,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.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,
@@ -321,6 +338,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 '';
             }
@@ -353,6 +376,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 '';
@@ -363,7 +392,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,
@@ -484,4 +519,3 @@ exports.paypalStoreHasPaypalEnabled = paypalStoreHasPaypalEnabled;
 exports.paypalStoreInitButtons = paypalStoreInitButtons;
 exports.paypalStoreOnChange = paypalStoreOnChange;
 exports.paypalStoreReset = paypalStoreReset;
-exports.submitGtag = submitGtag;

package/dist/cjs/{placeTestOrder-07b46688.js → placeTestOrder-f1c1e939.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-const cart = require('./cart-97a2d20a.js');
-const localization = require('./localization-00e73920.js');
+const cart = require('./cart-eca56521.js');
+const localization = require('./localization-878ef681.js');
 const handleFetch = require('./handleFetch-954f30e1.js');
 
 const placeTestOrder = async () => {

package/dist/cjs/{renderCheckoutCurrency-dd3b0609.js → renderCheckoutCurrency-d9590e81.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-const cart = require('./cart-97a2d20a.js');
-const localization = require('./localization-00e73920.js');
+const cart = require('./cart-eca56521.js');
+const localization = require('./localization-878ef681.js');
 
 const getDisplayCurrency = () => {
     var _a, _b;

package/dist/cjs/{renderFallback-78b54537.js → renderFallback-bc20ee20.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const index = require('./index-69fa8852.js');
+const index = require('./index-b1f95d96.js');
 
 const renderFallback = ({ content, isLoading, skeletonHeight, skeletonWidth, }) => {
     if (isLoading) {

package/dist/cjs/submitGtag-cb4fb332.js

@@ -0,0 +1,116 @@
+'use strict';
+
+const zonosStore = require('./zonosStore-f5a61112.js');
+const handleFetch = require('./handleFetch-954f30e1.js');
+const VarianceTest = require('./VarianceTest-bec00ea8.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.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 = handleFetch.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') {
+        VarianceTest.log('Zonos submits gtag event', 'log', event);
+        window.gtag('event', event, filteredPayload);
+    }
+};
+
+exports.ensureAnalyticsRelayPing = ensureAnalyticsRelayPing;
+exports.submitGtag = submitGtag;

package/dist/cjs/{throttle-7dd64984.js → throttle-ff483793.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-const debounce$1 = require('./debounce-815d1517.js');
-const zonosStore = require('./zonosStore-37a4b4f4.js');
+const debounce$1 = require('./debounce-0c75ba33.js');
+const zonosStore = require('./zonosStore-f5a61112.js');
 
 var debounce = debounce$1.debounce_1,
     isObject = zonosStore.isObject_1;

package/dist/cjs/{updateCheckoutSessionAttributes-3a1db9de.js → updateCheckoutSessionAttributes-8be63b63.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const debounce = require('./debounce-815d1517.js');
+const debounce = require('./debounce-0c75ba33.js');
 const handleFetch = require('./handleFetch-954f30e1.js');
 
 const attributesToUpdate = {};