@zonos/elements 1.3.247 → 1.3.248

package/dist/collection/components/checkout/zonos-collect/zonos-collect-finish/zonos-collect-finish.js

@@ -146,7 +146,7 @@ export class ZonosCollectFinish {
                 window.history.replaceState({}, '', url.toString());
                 // Payment doesn't go through
                 if (error && (messages === null || messages === void 0 ? void 0 : messages.length)) {
-                    submitGtag('zonos-checkout-payment-fail');
+                    submitGtag({ event: 'zonos-checkout-payment-fail' });
                     void sendErrorLog({
                         endpoint: 'Stripe payment failed',
                         errors: [
@@ -159,7 +159,7 @@ export class ZonosCollectFinish {
                     });
                 }
                 else {
-                    submitGtag('zonos-checkout-success');
+                    submitGtag({ event: 'zonos-checkout-success' });
                     const checkoutSessionId = storageStore.checkoutSessionId;
                     void trackConversionEvent({
                         checkoutSessionId,
@@ -204,7 +204,7 @@ export class ZonosCollectFinish {
             // show success message right away when order id is already created
             this.isLoading = false;
             if (paypalStore.orderIdCreated) {
-                submitGtag('zonos-checkout-success');
+                submitGtag({ event: 'zonos-checkout-success' });
                 const checkoutSessionId = storageStore.checkoutSessionId;
                 void trackConversionEvent({
                     checkoutSessionId,
@@ -260,11 +260,11 @@ export class ZonosCollectFinish {
     }
     render() {
         const cartId = window.Zonos.cartId;
-        return (h(Host, { key: 'e145b7396302157ccb515c54f99e50faa8ba45e6', class: "zonos--checkout-finish zonos--elements", style: {
+        return (h(Host, { key: 'c085862ecf1f50752634fb44f99b5cb5d82a9e24', class: "zonos--checkout-finish zonos--elements", style: {
                 '--zonos--border-radius': getBorderRadius({
                     overrideBorderStyle: this.borderRadius,
                 }),
-            } }, !this.isLoading && (h("div", { key: 'b9df4788f27c935ba7fc47e7c930cd162c8fbebe', class: "zonos--finish-details" }, h("div", { key: 'a510c995880c8698dc98390d0504b70333551c86', class: "zonos--group" }, this.notificationType === 'success' ? (h("zonos-icon", { "aria-label": "Order success", content: SuccessIcon, iconColor: 'blue-800', size: 50 })) : (h("zonos-icon", { "aria-label": "Order failed", content: RemoveIcon, iconColor: 'red-800', size: 50 })), h("zonos-text", { key: '8f84f87bf2365b85acffefe16e8b10cd9227a6e6', class: "zonos--title", type: "semiBoldSubheader" }, this.notificationTitle), this.confirmationId && (h("zonos-badge", { key: '0e3f3f71cae6262d6394ad2c5a6d656509b484d5', badgeColor: "gray" }, this.confirmationId)), h("zonos-text", { key: 'c769f2ada1e6b421e373aeb4393560a21d6fcffc', class: "zonos--subtitle", textColor: "gray-600" }, this.notificationMessages.map(message => (h(Fragment, null, message, h("br", null))))), this.order && cartId && (h("div", { key: '9972858fadd4d2d9c4f00e54921002ea04a5cc51', class: "zonos--button-container" }, h("zonos-button", { key: 'fe931a552fc1c43b29a1966736379c3c1d0536f6', onClick: () => {
+            } }, !this.isLoading && (h("div", { key: '9b30b12c817c3422b355a2f544bbf2908f736c80', class: "zonos--finish-details" }, h("div", { key: '697fff3258a6e74d99500ec25f5d3923f8c7cfc2', class: "zonos--group" }, this.notificationType === 'success' ? (h("zonos-icon", { "aria-label": "Order success", content: SuccessIcon, iconColor: 'blue-800', size: 50 })) : (h("zonos-icon", { "aria-label": "Order failed", content: RemoveIcon, iconColor: 'red-800', size: 50 })), h("zonos-text", { key: '8457c0c9b22c2fb6374b60e492099981026d2690', class: "zonos--title", type: "semiBoldSubheader" }, this.notificationTitle), this.confirmationId && (h("zonos-badge", { key: '21ab18878abb37a2c37d873c494d71aee3d4ed71', badgeColor: "gray" }, this.confirmationId)), h("zonos-text", { key: '389918dd57e6ce5744b7192baa3c06c6db3f70cd', class: "zonos--subtitle", textColor: "gray-600" }, this.notificationMessages.map(message => (h(Fragment, null, message, h("br", null))))), this.order && cartId && (h("div", { key: 'cca6b625a6bea62b788cf8dd6bb9e03e6505d81c', class: "zonos--button-container" }, h("zonos-button", { key: '0f45987515ae99045e5b449b5b1aaae11d70d9fb', onClick: () => {
                 window.open(this.getReceiptUrl({ cartId }), '_blank');
             }, size: "lg", variant: "primary" }, translate('View receipt')))))))));
     }

package/dist/collection/components/checkout/zonos-collect/zonos-collect-payment/zonos-collect-payment.js

@@ -64,7 +64,7 @@ export class ZonosCollectPayment {
             }
             stripeStore.checkoutSettlementCurrency = currencyCode;
             // submit google tag when the form is complete
-            submitGtag('zonos-checkout-payment-info');
+            submitGtag({ event: 'zonos-checkout-payment-info' });
             this.continueClicked.emit();
         };
         this.copyCardToClipboard = async (cardNumber) => {

package/dist/collection/components/checkout/zonos-invoice/zonos-invoice-finish/zonos-invoice-finish.js

@@ -146,7 +146,7 @@ export class ZonosInvoiceFinish {
                 window.history.replaceState({}, '', url.toString());
                 // Payment doesn't go through
                 if (error && (messages === null || messages === void 0 ? void 0 : messages.length)) {
-                    submitGtag('zonos-checkout-payment-fail');
+                    submitGtag({ event: 'zonos-checkout-payment-fail' });
                     void sendErrorLog({
                         endpoint: 'Stripe payment failed',
                         errors: [
@@ -159,7 +159,7 @@ export class ZonosInvoiceFinish {
                     });
                 }
                 else {
-                    submitGtag('zonos-checkout-success');
+                    submitGtag({ event: 'zonos-checkout-success' });
                     const checkoutSessionId = storageStore.checkoutSessionId;
                     void trackConversionEvent({
                         checkoutSessionId,
@@ -204,7 +204,7 @@ export class ZonosInvoiceFinish {
             // show success message right away when order id is already created
             this.isLoading = false;
             if (paypalStore.orderIdCreated) {
-                submitGtag('zonos-checkout-success');
+                submitGtag({ event: 'zonos-checkout-success' });
                 const checkoutSessionId = storageStore.checkoutSessionId;
                 void trackConversionEvent({
                     checkoutSessionId,
@@ -260,11 +260,11 @@ export class ZonosInvoiceFinish {
     }
     render() {
         const cartId = window.Zonos.cartId;
-        return (h(Host, { key: '2d8d736241298daa30fdf8935cef67bfa748e2df', class: "zonos--checkout-finish zonos--elements", style: {
+        return (h(Host, { key: '5d2fc87bc549fa2cb6d622e664043bbfe55f8b0e', class: "zonos--checkout-finish zonos--elements", style: {
                 '--zonos--border-radius': getBorderRadius({
                     overrideBorderStyle: this.borderRadius,
                 }),
-            } }, !this.isLoading && (h("div", { key: '30e1eae6e9ac7289af88f8fe2048d40796dfdf0e', class: "zonos--finish-details" }, h("div", { key: '0324e34b72e58d0862ed319576018bd45bd18b18', class: "zonos--group" }, this.notificationType === 'success' ? (h("zonos-icon", { "aria-label": "Order success", content: SuccessIcon, iconColor: 'blue-800', size: 50 })) : (h("zonos-icon", { "aria-label": "Order failed", content: RemoveIcon, iconColor: 'red-800', size: 50 })), h("zonos-text", { key: '227f3cdda8e9cb0ed15ea91acb88c88d15d3d21c', class: "zonos--title", type: "semiBoldSubheader" }, this.notificationTitle), this.confirmationId && (h("zonos-badge", { key: '1458ad439dc56e9ca7641a9ca95f3dfb2fd6b28f', badgeColor: "gray" }, this.confirmationId)), h("zonos-text", { key: '8b0ab258c7beab09b0bc12999198f38813a144b3', class: "zonos--subtitle", textColor: "gray-600" }, this.notificationMessages.map(message => (h(Fragment, null, message, h("br", null))))), this.order && cartId && (h("div", { key: 'ea6b4f8c1f8cce779fadf358966fece018d9869b', class: "zonos--button-container" }, h("zonos-button", { key: 'e5140fa1fab1e3150a2b15915c29d988f54468b2', onClick: () => {
+            } }, !this.isLoading && (h("div", { key: '1268de9e5be1edc4cbe2e7e2f1d2590b168d8c7b', class: "zonos--finish-details" }, h("div", { key: 'ce63ee565c176ea5687fc1c0f721932e26b93ebd', class: "zonos--group" }, this.notificationType === 'success' ? (h("zonos-icon", { "aria-label": "Order success", content: SuccessIcon, iconColor: 'blue-800', size: 50 })) : (h("zonos-icon", { "aria-label": "Order failed", content: RemoveIcon, iconColor: 'red-800', size: 50 })), h("zonos-text", { key: 'a073858eac699426dc5947b85d3b3665868f164e', class: "zonos--title", type: "semiBoldSubheader" }, this.notificationTitle), this.confirmationId && (h("zonos-badge", { key: 'a96c40f5cc977de82585f7827d6bc6aef55ba873', badgeColor: "gray" }, this.confirmationId)), h("zonos-text", { key: 'd97bc54085b9fe69eb05b44042deae25c379ee3a', class: "zonos--subtitle", textColor: "gray-600" }, this.notificationMessages.map(message => (h(Fragment, null, message, h("br", null))))), this.order && cartId && (h("div", { key: '488c3442e40fedf65caedbd3e098bd8b95976aab', class: "zonos--button-container" }, h("zonos-button", { key: '9a01b9cca0e3747548d386345015ecea80dc29d3', onClick: () => {
                 window.open(this.getReceiptUrl({ cartId }), '_blank');
             }, size: "lg", variant: "primary" }, translate('View receipt')))))))));
     }

package/dist/collection/components/checkout/zonos-invoice/zonos-invoice-payment/zonos-invoice-payment.js

@@ -64,7 +64,7 @@ export class ZonosInvoicePayment {
             }
             stripeStore.checkoutSettlementCurrency = currencyCode;
             // submit google tag when the form is complete
-            submitGtag('zonos-checkout-payment-info');
+            submitGtag({ event: 'zonos-checkout-payment-info' });
             this.continueClicked.emit();
         };
         this.copyCardToClipboard = async (cardNumber) => {

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

@@ -12,6 +12,7 @@ import { initHello } from "../utils/hello/initHello";
 import { CheckoutAddressService } from "../utils/iframe/CheckoutAddressService";
 import { iframeServices, injectPrivateIframe, } from "../utils/iframe/IframeHelpers";
 import { log } from "../utils/logging/log";
+import { ensureAnalyticsRelayPing } from "../utils/submitGtag";
 export class ZonosController {
     /**
      * Method to initialize checkout element
@@ -142,6 +143,8 @@ export class ZonosController {
             }
             document.body.appendChild(scriptToInject);
         });
+        // Custom HTML may set window.Zonos.googleAnalyticId; trigger relay ping so parent configures GA
+        ensureAnalyticsRelayPing();
     }
     async initGooglePlacesService(settings) {
         const genericSettings = settings === null || settings === void 0 ? void 0 : settings.genericSettings;
@@ -328,7 +331,7 @@ export class ZonosController {
         zonosStore.organizationName = organizationName;
     }
     render() {
-        return h(Host, { key: 'fe248e1e38cd3d98c56f55d39b704f7337c74c29', class: "zonos--elements" });
+        return h(Host, { key: '92e1eae13d0b13f91098ea110203b6c7a7f67c3e', class: "zonos--elements" });
     }
     static get is() { return "zonos-controller"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/store/checkout/paypal.js

@@ -94,6 +94,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 '';
             }
@@ -126,6 +132,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 '';
@@ -136,7 +148,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,

package/dist/collection/components/store/checkout/stripe.js

@@ -810,6 +810,8 @@ const stripeStoreRetrievePayment = async ({ clientSecret: _clientSecret, storybo
     const status = paymentIntent === null || paymentIntent === void 0 ? void 0 : paymentIntent.status;
     const { isError, messages } = stripeStoreMessageBasedOnStatus(status);
     return {
+        amount: paymentIntent === null || paymentIntent === void 0 ? void 0 : paymentIntent.amount,
+        currency: paymentIntent === null || paymentIntent === void 0 ? void 0 : paymentIntent.currency,
         error: isError,
         messages,
         paymentIntentId: paymentIntent === null || paymentIntent === void 0 ? void 0 : paymentIntent.id,

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

@@ -1,16 +1,104 @@
 import { zonosStore } from "../store/zonosStore";
+import { getIsTestMode } from "./checkout/getIsTestMode";
 import { log } from "./logging/log";
+import { RELAY_PING_TYPE, RELAY_READY_TYPE, ZONOS_ANALYTIC_TYPE, } from "../../types/analyticsRelay";
+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.
+ */
+export 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.
  */
-export const submitGtag = (event) => {
+export 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, {});
+        window.gtag('event', event, filteredPayload);
     }
 };

package/dist/collection/scripts/_zonosBase.js

@@ -51,6 +51,8 @@ Zonos.iframeLogType = typeof window !== 'undefined'
 Zonos.isBigCommerce = false;
 Zonos.releaseDate = process.env.NEXT_PUBLIC_RELEASE_DATE;
 Zonos.isLegacyCheckout = false;
+Zonos.googleAnalyticId = null;
+Zonos.googleAnalyticReady = false;
 Zonos.startLoadTime = startLoadTime;
 Zonos.domain = typeof window !== 'undefined'
     ? // domain that embeds the iframe
@@ -90,6 +92,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();
@@ -194,6 +200,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/collection/types/analyticsRelay.js

@@ -0,0 +1,6 @@
+/** Message type for zonos-analytic events sent from iframe to parent. */
+export const ZONOS_ANALYTIC_TYPE = 'zonos-analytic';
+/** Ping sent by iframe to configure parent's analytics relay (e.g. GA) and get ready signal. */
+export const RELAY_PING_TYPE = 'zonos-analytics-relay-ping';
+/** Response from parent when analytics relay (e.g. gtag) is ready. */
+export const RELAY_READY_TYPE = 'zonos-analytics-relay-ready';

package/dist/esm/{cart-99ec4a3d.js → cart-ba8f3890.js}

@@ -1421,6 +1421,8 @@ const stripeStoreRetrievePayment = async ({ clientSecret: _clientSecret, storybo
     const status = paymentIntent === null || paymentIntent === void 0 ? void 0 : paymentIntent.status;
     const { isError, messages } = stripeStoreMessageBasedOnStatus(status);
     return {
+        amount: paymentIntent === null || paymentIntent === void 0 ? void 0 : paymentIntent.amount,
+        currency: paymentIntent === null || paymentIntent === void 0 ? void 0 : paymentIntent.currency,
         error: isError,
         messages,
         paymentIntentId: paymentIntent === null || paymentIntent === void 0 ? void 0 : paymentIntent.id,

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.248.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.248.js.zonos.com";
+const JS_DELIVR_ZONOS_URL = zonosLoadUrl || "https://cdn.jsdelivr.net/npm/@zonos/elements@1.3.248";
+const UNPKG_ZONOS_URL = "https://unpkg.com/@zonos/elements@1.3.248";
+const CDNJS_ZONOS_URL = "https://cdnjs.cloudflare.com/ajax/libs/zonos-elements/1.3.248";
 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 = "1772221080993";
 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.248"}`;
 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-055bb6e5.js}

@@ -1,5 +1,5 @@
 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 { b as stripeStore, C as stripeStoreBuildAddressForPartyCreate, d as cartStore, D as cartStoreUpdateSelectedShippingOption } from './cart-ba8f3890.js';
 import { s as storageStore } from './localization-853b48a9.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-797cea8b.js}

@@ -1,5 +1,5 @@
 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 { b as stripeStore, C as stripeStoreBuildAddressForPartyCreate, d as cartStore, D as cartStoreUpdateSelectedShippingOption } from './cart-ba8f3890.js';
 import { s as storageStore } from './localization-853b48a9.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/{paypal-56534e48.js → paypal-8d8518c0.js}

@@ -1,9 +1,10 @@
-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 { c as createStore, z as zonosStore } 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-ba8f3890.js';
 import { t as translate, s as storageStore } from './localization-853b48a9.js';
 import { h as handleFetch, l as logError, j as jsonParse } from './handleFetch-a844cac1.js';
 import { i as isContrastColor } from './isContrastColor-69778cea.js';
 import { l as log } from './VarianceTest-572cecf5.js';
+import { s as submitGtag } from './submitGtag-89d6e9cb.js';
 
 /*!
  * paypal-js v8.1.0 (2024-06-07T16:55:00.122Z)
@@ -224,21 +225,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 +305,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 +343,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 +359,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 +480,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-0a74923e.js}

@@ -1,4 +1,4 @@
-import { d as cartStore } from './cart-99ec4a3d.js';
+import { d as cartStore } from './cart-ba8f3890.js';
 import { s as storageStore } from './localization-853b48a9.js';
 import { l as logError, h as handleFetch } from './handleFetch-a844cac1.js';
 

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

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

package/dist/esm/submitGtag-89d6e9cb.js

@@ -0,0 +1,113 @@
+import { z as zonosStore } from './zonosStore-b434e436.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/zonos-address-display_9.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, h, H as Host, c as createEvent, a as getElement } from './index-0bbe9693.js';
 import { t as translate, l as localizationStore, s as storageStore, q as storageStoreOnChange } from './localization-853b48a9.js';
 import { i as isTextContainsNonLatinChars, c as containsNonLatinChars } from './containsNonLatinChars-2d8810c3.js';
-import { K as extractName, b as stripeStore, q as stripeStorePrefetchLandedCost, t as trackConversionEvent } from './cart-99ec4a3d.js';
+import { K as extractName, b as stripeStore, q as stripeStorePrefetchLandedCost, t as trackConversionEvent } from './cart-ba8f3890.js';
 import { c as classes } from './classes-0d95c529.js';
 import { g as getBorderRadius } from './getBorderRadius-877f6389.js';
 import { z as zonosStore, f as zonosStoreFontFamily } from './zonosStore-b434e436.js';