@zonos/elements 1.3.176 → 1.3.178

package/dist/cjs/zonos-empty-state-payment_4.cjs.entry.js

@@ -6,9 +6,9 @@ const index = require('./index-2f90486e.js');
 const zonosStore = require('./zonosStore-3812b318.js');
 const classes = require('./classes-b7918f56.js');
 const getBorderRadius = require('./getBorderRadius-94ef609c.js');
-const cart = require('./cart-e648a65f.js');
+const cart = require('./cart-29feab56.js');
 const handleFetch = require('./handleFetch-969d05d8.js');
-const paypal = require('./paypal-2390cfb2.js');
+const paypal = require('./paypal-b426662c.js');
 require('./isDarkColor-ec4a4e7d.js');
 
 const PaymentEmptyStateDarkIcon = `<svg width="536" height="200" viewBox="0 0 536 200" fill="none" xmlns="http://www.w3.org/2000/svg">
@@ -168,8 +168,13 @@ const ZonosPayment = class {
         var _a;
         // Only send event once when payment info is filled
         if (this.isPaymentInfoFilled && !this.trackingSent) {
-            void cart.trackConversionEvent('checkout_paymentInfoFilled', {
-                paymentMethod: (_a = cart.stripeStore.stripePaymentEventData) === null || _a === void 0 ? void 0 : _a.value.type,
+            const checkoutSessionId = cart.cartStore.checkoutSessionId;
+            void cart.trackConversionEvent({
+                checkoutSessionId,
+                eventName: 'checkout_paymentInfoFilled',
+                metadata: {
+                    paymentMethod: (_a = cart.stripeStore.stripePaymentEventData) === null || _a === void 0 ? void 0 : _a.value.type,
+                },
             });
             this.trackingSent = true;
         }
@@ -203,7 +208,7 @@ const ZonosPayment = class {
     }
     render() {
         // this component loads iframe from the stripe elements and puts here, so we don't need to do anything here
-        return (index.h(index.Host, { key: '3e9f3439e139f6d040bcf8fc101f19d011debdc8', class: "zonos--payment zonos--elements" }, this.titleText && (index.h("zonos-text", { key: '2f22806f4f9380e610899a997ce9ed2bfe997be4', class: "zonos--title", type: "semiBoldLabel" }, this.titleText)), index.h("div", { key: '4d5dbd7828b3037d69adb50d4fee4ea9abf3b59b', class: "zonos--payment-component" }), index.h("div", { key: '32ee62f62a028da8481d95781a7368c60ae42614', class: "zonos--payment-paypal-container" })));
+        return (index.h(index.Host, { key: '1b5147acd9da752ef77ece211e645b020766a90e', class: "zonos--payment zonos--elements" }, this.titleText && (index.h("zonos-text", { key: 'c4580453c1fc730efb119f514333ccf47dd29787', class: "zonos--title", type: "semiBoldLabel" }, this.titleText)), index.h("div", { key: 'aed7ef3a604bf37319a9574ad46fc0dc06bbe35b', class: "zonos--payment-component" }), index.h("div", { key: '95809b939837a929497394602981bf2bb16908a6', class: "zonos--payment-paypal-container" })));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/zonos-hello-dialog.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-2f90486e.js');
-const cart = require('./cart-e648a65f.js');
+const cart = require('./cart-29feab56.js');
 const zonosStore = require('./zonosStore-3812b318.js');
 const classes = require('./classes-b7918f56.js');
 const formatStringWithLinks = require('./formatStringWithLinks-52341fc7.js');

package/dist/cjs/zonos-hello.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-2f90486e.js');
 const zonosStore = require('./zonosStore-3812b318.js');
-const cart = require('./cart-e648a65f.js');
+const cart = require('./cart-29feab56.js');
 const classes = require('./classes-b7918f56.js');
 const handleFetch = require('./handleFetch-969d05d8.js');
 const getHasMoreSpaceOnRight = require('./getHasMoreSpaceOnRight-4c94667f.js');

package/dist/cjs/zonos-language-select_2.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-2f90486e.js');
-const cart = require('./cart-e648a65f.js');
+const cart = require('./cart-29feab56.js');
 const zonosStore = require('./zonosStore-3812b318.js');
 const ILanguage = require('./ILanguage-98b04442.js');
 require('./handleFetch-969d05d8.js');

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

@@ -270,7 +270,11 @@ export class ZonosCheckoutFinish {
                     // Save new order info in case the user reloads before we get order info
                     this.saveOrderIdForDuplicationIssue();
                     submitGtag('zonos-checkout-success');
-                    void trackConversionEvent('checkout_orderCompleted');
+                    const checkoutSessionId = cartStore.checkoutSessionId;
+                    void trackConversionEvent({
+                        checkoutSessionId,
+                        eventName: 'checkout_orderCompleted',
+                    });
                     const successEvent = createCustomEvent('zonos-checkout-success', {
                         message: 'Zonos Checkout successfully processed order',
                     });
@@ -313,8 +317,11 @@ export class ZonosCheckoutFinish {
             this.isLoading = false;
             if (paypalStore.orderIdCreated) {
                 submitGtag('zonos-checkout-success');
-                // Make sure to send the event when order is completed
-                await trackConversionEvent('checkout_orderCompleted');
+                const checkoutSessionId = cartStore.checkoutSessionId;
+                void trackConversionEvent({
+                    checkoutSessionId,
+                    eventName: 'checkout_orderCompleted',
+                });
                 this.notificationType = 'success';
                 this.notificationTitle = translate("You're all set!");
                 this.notificationMessages =
@@ -381,11 +388,11 @@ export class ZonosCheckoutFinish {
     }
     render() {
         const isTestMode = getIsTestMode();
-        return (h(Host, { key: '4bb26161ad400a7bbd7b7e9f0568ac5de8f18004', class: "zonos--checkout-finish zonos--elements", style: {
+        return (h(Host, { key: 'e8ae24f1668c71f405bf18de82e7703928b02a78', class: "zonos--checkout-finish zonos--elements", style: {
                 '--zonos--border-radius': getBorderRadius({
                     overrideBorderStyle: this.borderRadius,
                 }),
-            } }, !this.isLoading && (h("div", { key: '85d3bf11c73dfd2b18d0a6d996f2c1f4a01a2288', class: "zonos--finish-details" }, h("div", { key: '0e4fb2b7cd03a4464dde3cce69932b8482da0d02', 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: '0ced9d9d83576979ae785be52c0ae07dca0fd5de', class: "zonos--title", type: "semiBoldSubheader" }, this.notificationTitle), h("zonos-text", { key: 'd14a6fbe02dc836512b41859cc8de573653c4884', class: "zonos--subtitle", textColor: "gray-600" }, this.notificationMessages.map(message => (h(Fragment, null, message, h("br", null))))), this.shouldRenderCloseButtonForRedirectBehavior() && (h("zonos-button", { key: '5a80853fd1374fc72ccc2b416b62f6c52e4916dd',
+            } }, !this.isLoading && (h("div", { key: '6e92d1870eac3f644c3f26d85e3f0108f3cca097', class: "zonos--finish-details" }, h("div", { key: '6979d24f7570631baccdf844f83a85b6da781da7', 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: '2b422f086008ca3a9c9634e5cb34a230de51e890', class: "zonos--title", type: "semiBoldSubheader" }, this.notificationTitle), h("zonos-text", { key: '9f4207e526d03fae6207eb7124358c418413c378', class: "zonos--subtitle", textColor: "gray-600" }, this.notificationMessages.map(message => (h(Fragment, null, message, h("br", null))))), this.shouldRenderCloseButtonForRedirectBehavior() && (h("zonos-button", { key: 'f6df9c924b93f9149db88a2963c63799549bdc49',
             // Only show loading spinner if it's not an error notification
             loading: this.isWaitingToRedirect &&
                 this.notificationType !== 'error', onClick: () => {
@@ -397,9 +404,9 @@ export class ZonosCheckoutFinish {
                 }
                 this.closeClickHandler();
             }, size: "md", variant: "primary" }, translate('Close'))), !window.Zonos.isLegacyCheckout &&
-            this.shouldRenderKeepShoppingButton() && (h("zonos-button", { key: 'ba2fca63de8f04c76fa4d1bc96d06863fbad78cf', onClick: () => this.closeClickHandler(), size: "md", variant: "primary" }, this.notificationActionText))), isTestMode &&
+            this.shouldRenderKeepShoppingButton() && (h("zonos-button", { key: '8ec8365d0f3a541530e85318744fbb4c85dc385e', onClick: () => this.closeClickHandler(), size: "md", variant: "primary" }, this.notificationActionText))), isTestMode &&
             cartStore.step === 'finish' &&
-            this.notificationType === 'success' && (h("div", { key: '1e3cb2f2f5874b93886247af585566dbaad9a45f', class: "zonos--finish-button-wrapper" }, h("zonos-button", { key: 'f8603ae4e116da9f8adabe648a6f626b994f208a', backgroundColor: "gray-0", buttonColor: "gray-1000", onClick: () => this.closeClickHandler(), size: "lg", variant: "outline" }, "New test cart"), h("zonos-button", { key: '91df622529ff650464b3694780e65d2d929548f9', onClick: () => {
+            this.notificationType === 'success' && (h("div", { key: '2c91cb3d40eb585513656bcc09dc3144d854af5c', class: "zonos--finish-button-wrapper" }, h("zonos-button", { key: '883827fbe550c0d9132c27e4a5b984d8d45aa2bc', backgroundColor: "gray-0", buttonColor: "gray-1000", onClick: () => this.closeClickHandler(), size: "lg", variant: "outline" }, "New test cart"), h("zonos-button", { key: 'aa3ebf41507ce95dd02778a4b55863b0e880af14', onClick: () => {
                 const isZonosDashboard = window.location.hostname.includes('dashboard.zonos.com');
                 this.redirectToUrl(isZonosDashboard
                     ? '/orders/all'

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

@@ -498,7 +498,11 @@ export class ZonosCheckout {
                         sessionTimeout: CHECKOUT_SESSION_TIMEOUT,
                     });
                     submitGtag('zonos-checkout-start');
-                    void trackConversionEvent('checkout_open');
+                    const checkoutSessionId = cartStore.checkoutSessionId;
+                    void trackConversionEvent({
+                        checkoutSessionId,
+                        eventName: 'checkout_open',
+                    });
                     const { enabled } = await isStoreDiscountEnabled();
                     // Hide discount input if there's no active discount configured for the store
                     cartStore.shouldHideDiscountInput = !enabled;

package/dist/collection/components/checkout/zonos-checkout/zonos-customer-info/zonos-customer-info.js

@@ -1,4 +1,5 @@
 import { h, Host, } from "@stencil/core";
+import { cartStore } from "../../../store/checkout/cart";
 import { stripeStore, stripeStoreTranslateAddressToLatin, } from "../../../store/checkout/stripe";
 import { translate } from "../../../store/translationStore";
 import { getZonosStoreTheme, zonosStore, } from "../../../store/zonosStore";
@@ -83,10 +84,14 @@ export class ZonosCustomerInfo {
             if (hasInvalidCharacters) {
                 return;
             }
-            this.continueClicked.emit();
             // submit google tag when the form is complete
             submitGtag('zonos-checkout-customer-info');
-            void trackConversionEvent('checkout_customerInfoCompleted');
+            const checkoutSessionId = cartStore.checkoutSessionId;
+            void trackConversionEvent({
+                checkoutSessionId,
+                eventName: 'checkout_customerInfoCompleted',
+            });
+            this.continueClicked.emit();
         };
         this.isTaxIdRequired = () => {
             const requireTaxIdCountry = ['MX'];

package/dist/collection/components/checkout/zonos-checkout/zonos-shipping/zonos-shipping.js

@@ -50,13 +50,18 @@ export class ZonosShipping {
                 this.showErrorBanner = true;
                 return;
             }
-            this.showErrorBanner = false;
-            this.continueClicked.emit();
             // submit google tag when the form is complete
             submitGtag('zonos-checkout-shipping-info');
-            void trackConversionEvent('checkout_shippingInfoCompleted', {
-                serviceLevelId: (_a = this.selectedShippingMethod) === null || _a === void 0 ? void 0 : _a.value,
+            const checkoutSessionId = cartStore.checkoutSessionId;
+            void trackConversionEvent({
+                checkoutSessionId,
+                eventName: 'checkout_shippingInfoCompleted',
+                metadata: {
+                    serviceLevelId: (_a = this.selectedShippingMethod) === null || _a === void 0 ? void 0 : _a.value,
+                },
             });
+            this.showErrorBanner = false;
+            this.continueClicked.emit();
         };
         this.getLandedCostMethodLabelSuffix = (method) => {
             var _a;

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

@@ -4,8 +4,9 @@ import { localizationStore } from "../hello/localization";
 import { translate } from "../translationStore";
 import { zonosStore } from "../zonosStore";
 import { getIsStagingMode } from "../../utils/checkout/getIsStagingMode";
-import { log } from "../../utils/logging/log";
+import { allLogs, log } from "../../utils/logging/log";
 import { logError } from "../../utils/logging/logError";
+import { sendErrorLog } from "../../utils/logging/sendErrorLog";
 const { onChange, reset, state: cartStore, } = createStore(() => ({
     adjustmentTotal: 0,
     adjustments: [],
@@ -174,7 +175,21 @@ const cartStoreSetCheckoutSession = (checkoutSession) => {
         checkoutSession.customerSessionClientSecret;
     stripeStore.customerProfile = checkoutSession.customerProfile;
     cartStore.checkoutSession = checkoutSession;
-    cartStore.checkoutSessionId = checkoutSession.id;
+    if (!checkoutSession.id) {
+        // Log error to track down the issue
+        void sendErrorLog({
+            endpoint: 'cartStoreSetCheckoutSession',
+            errors: ['Missing checkout session id in checkout session'],
+            metadata: {
+                allLogs,
+                checkoutSession,
+            },
+        });
+    }
+    // Only update checkout session id if it's not empty
+    if (checkoutSession.id) {
+        cartStore.checkoutSessionId = checkoutSession.id;
+    }
     // Check if there is a redirect URL in the metadata to override
     const externalConfirmationPageURL = ((_c = (_b = (_a = cartStore.checkoutSession) === null || _a === void 0 ? void 0 : _a.metadata) === null || _b === void 0 ? void 0 : _b.find(entry => (entry === null || entry === void 0 ? void 0 : entry.key) === 'externalConfirmationPageURL')) === null || _c === void 0 ? void 0 : _c.value) ||
         (

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

@@ -79,8 +79,12 @@ const paypalButtonOptions = ({ checkoutSessionId, onPaypalFail, onPaypalSessionD
     return {
         createOrder: async () => {
             // Clicking on the paypal button should trigger the paymentInfoCompleted event
-            void trackConversionEvent('checkout_paymentInfoCompleted', {
-                paymentMethod: 'paypal',
+            void trackConversionEvent({
+                checkoutSessionId,
+                eventName: 'checkout_paymentInfoCompleted',
+                metadata: {
+                    paymentMethod: 'paypal',
+                },
             });
             const checkoutSessionStatus = await validateCheckoutSession();
             if (!checkoutSessionStatus.valid) {

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

@@ -218,8 +218,12 @@ const stripeCalculateLandedCost = async () => {
             return Object.assign(Object.assign({}, checkoutSession), { landedCost: foundLandedCost });
         }).filter(Boolean)) || [];
     // Send event when we get the quote back after the customer clicked "Continue to shipping"
+    const checkoutSessionId = cartStore.checkoutSessionId;
     if (checkoutSessionWorkflow === null || checkoutSessionWorkflow === void 0 ? void 0 : checkoutSessionWorkflow.length) {
-        void trackConversionEvent('checkout_quoteReceived');
+        void trackConversionEvent({
+            checkoutSessionId,
+            eventName: 'checkout_quoteReceived',
+        });
     }
     // update adjustmentTotal
     // highlight promocode input error if promocode is applied but no adjustment applied in landed cost
@@ -502,14 +506,15 @@ const stripeStoreConfirmPayment = async () => {
         stripeStore.customErrorMessage = checkoutSessionStatus.errorMessage;
         throw new Error(checkoutSessionStatus.errorMessage);
     }
+    const checkoutSessionId = cartStore.checkoutSessionId;
     if (stripe &&
         stripeElements &&
         stripePaymentReady &&
         stripeClientSecret &&
-        cartStore.checkoutSessionId) {
+        checkoutSessionId) {
         const buildUrl = new URL(window.location.href);
         buildUrl.searchParams.set('payment_intent_client_secret', stripeClientSecret);
-        buildUrl.searchParams.set('zonosCheckoutSessionId', cartStore.checkoutSessionId);
+        buildUrl.searchParams.set('zonosCheckoutSessionId', checkoutSessionId);
         const { error, paymentIntent } = await stripe.confirmPayment({
             confirmParams: {
                 return_url: buildUrl.toString(),
@@ -517,8 +522,12 @@ const stripeStoreConfirmPayment = async () => {
             elements: stripeElements,
             redirect: 'if_required',
         });
-        void trackConversionEvent('checkout_paymentInfoCompleted', {
-            paymentMethod: paymentIntent === null || paymentIntent === void 0 ? void 0 : paymentIntent.payment_method,
+        void trackConversionEvent({
+            checkoutSessionId,
+            eventName: 'checkout_paymentInfoCompleted',
+            metadata: {
+                paymentMethod: paymentIntent === null || paymentIntent === void 0 ? void 0 : paymentIntent.payment_method,
+            },
         });
         log('Payment intent confirmed', 'info', { error, paymentIntent });
         if ((paymentIntent === null || paymentIntent === void 0 ? void 0 : paymentIntent.status) === 'requires_action') {

package/dist/collection/components/stripe/zonos-address/zonos-address.js

@@ -1,4 +1,5 @@
 import { h, Host, } from "@stencil/core";
+import { cartStore } from "../../store/checkout/cart";
 import { stripeStore } from "../../store/checkout/stripe";
 import { getFallbackDefaultCountryCode, localizationStore, } from "../../store/hello/localization";
 import { translate } from "../../store/translationStore";
@@ -25,6 +26,7 @@ export class ZonosAddress {
         this.defaultAddress = [];
         this.stripe = window.Zonos.stripe;
         this.isDirtyAddress = false;
+        this.isAddressFilled = false;
     }
     getStripeAddressInstance() {
         if (this.type === 'billing') {
@@ -46,15 +48,21 @@ export class ZonosAddress {
                 stripeStore.stripeBillingAddressEventData = event;
                 break;
             default: {
-                if (event.complete && !this.trackingSent) {
-                    void trackConversionEvent('checkout_customerInfoFilled');
-                    this.trackingSent = true;
-                }
                 stripeStore.stripeAddressEventData = event;
                 break;
             }
         }
     }
+    isAddressFilledChanged(_oldIsAddressFilled, newIsAddressFilled) {
+        if (newIsAddressFilled && !this.trackingSent) {
+            const checkoutSessionId = cartStore.checkoutSessionId;
+            void trackConversionEvent({
+                checkoutSessionId,
+                eventName: 'checkout_customerInfoFilled',
+            });
+            this.trackingSent = true;
+        }
+    }
     updateAddressElement({ stripeAddressElement, type, }) {
         if (type === 'shipping') {
             stripeStore.stripeAddressElement = stripeAddressElement;
@@ -197,8 +205,12 @@ export class ZonosAddress {
         void this.watchInitStripe();
     }
     render() {
+        var _a;
+        if ((_a = stripeStore.stripeAddressEventData) === null || _a === void 0 ? void 0 : _a.complete) {
+            this.isAddressFilled = true;
+        }
         // this component loads iframe from the stripe elements and puts here, so we don't need to do anything here
-        return (h(Host, { key: '9fd8e0ac4b86c10004c24e9d33f40ec577bd2a73', class: "zonos--address zonos--elements" }, h("zonos-text", { key: 'e7c3cbcab6f175354f26a8426d0dbf01afca736d', class: "zonos--title", type: "semiBoldLabel" }, this.titleText), this.renderCompanyNameInput(), h("div", { key: '48ccbb019255c5362adf4c7954a7c2e3b015bfa5', class: "zonos--address-component" })));
+        return (h(Host, { key: 'cfd982cf11b4a3ad3a4f4545f9517a6d12828338', class: "zonos--address zonos--elements" }, h("zonos-text", { key: '6c044a178075bbf6d440e5cfb4288f0c2832dad6', class: "zonos--title", type: "semiBoldLabel" }, this.titleText), this.renderCompanyNameInput(), h("div", { key: '6addaf6962d34b440afcedb7562eb7e84d157c67', class: "zonos--address-component" })));
     }
     static get is() { return "zonos-address"; }
     static get encapsulation() { return "scoped"; }
@@ -281,7 +293,8 @@ export class ZonosAddress {
     static get states() {
         return {
             "stripe": {},
-            "isDirtyAddress": {}
+            "isDirtyAddress": {},
+            "isAddressFilled": {}
         };
     }
     static get events() {
@@ -305,6 +318,9 @@ export class ZonosAddress {
     static get elementRef() { return "el"; }
     static get watchers() {
         return [{
+                "propName": "isAddressFilled",
+                "methodName": "isAddressFilledChanged"
+            }, {
                 "propName": "stripe",
                 "methodName": "watchInitStripe"
             }, {

package/dist/collection/components/stripe/zonos-payment/zonos-payment.js

@@ -1,4 +1,5 @@
 import { h, Host } from "@stencil/core";
+import { cartStore } from "../../store/checkout/cart";
 import { stripeStore } from "../../store/checkout/stripe";
 import { trackConversionEvent } from "../../utils/api/trackConversionEvent";
 import { logError } from "../../utils/logging/logError";
@@ -17,8 +18,13 @@ export class ZonosPayment {
         var _a;
         // Only send event once when payment info is filled
         if (this.isPaymentInfoFilled && !this.trackingSent) {
-            void trackConversionEvent('checkout_paymentInfoFilled', {
-                paymentMethod: (_a = stripeStore.stripePaymentEventData) === null || _a === void 0 ? void 0 : _a.value.type,
+            const checkoutSessionId = cartStore.checkoutSessionId;
+            void trackConversionEvent({
+                checkoutSessionId,
+                eventName: 'checkout_paymentInfoFilled',
+                metadata: {
+                    paymentMethod: (_a = stripeStore.stripePaymentEventData) === null || _a === void 0 ? void 0 : _a.value.type,
+                },
             });
             this.trackingSent = true;
         }
@@ -52,7 +58,7 @@ export class ZonosPayment {
     }
     render() {
         // this component loads iframe from the stripe elements and puts here, so we don't need to do anything here
-        return (h(Host, { key: '3e9f3439e139f6d040bcf8fc101f19d011debdc8', class: "zonos--payment zonos--elements" }, this.titleText && (h("zonos-text", { key: '2f22806f4f9380e610899a997ce9ed2bfe997be4', class: "zonos--title", type: "semiBoldLabel" }, this.titleText)), h("div", { key: '4d5dbd7828b3037d69adb50d4fee4ea9abf3b59b', class: "zonos--payment-component" }), h("div", { key: '32ee62f62a028da8481d95781a7368c60ae42614', class: "zonos--payment-paypal-container" })));
+        return (h(Host, { key: '1b5147acd9da752ef77ece211e645b020766a90e', class: "zonos--payment zonos--elements" }, this.titleText && (h("zonos-text", { key: 'c4580453c1fc730efb119f514333ccf47dd29787', class: "zonos--title", type: "semiBoldLabel" }, this.titleText)), h("div", { key: 'aed7ef3a604bf37319a9574ad46fc0dc06bbe35b', class: "zonos--payment-component" }), h("div", { key: '95809b939837a929497394602981bf2bb16908a6', class: "zonos--payment-paypal-container" })));
     }
     static get is() { return "zonos-payment"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/utils/api/trackConversionEvent.js

@@ -1,10 +1,10 @@
-import { cartStore } from "../../store/checkout/cart";
 import { localizationStore } from "../../store/hello/localization";
 import { zonosStore } from "../../store/zonosStore";
 import { getIsStagingMode } from "../checkout/getIsStagingMode";
 import { getIsTestMode } from "../checkout/getIsTestMode";
 import { handleFetch } from "../handleFetch";
-export const trackConversionEvent = async (eventName, metadata) => {
+import { sendErrorLog } from "../logging/sendErrorLog";
+export const trackConversionEvent = async ({ checkoutSessionId, eventName, metadata, }) => {
     var _a, _b;
     const isDevelopment = window.location.href.includes('zonos.com') ||
         !!((_a = window.Zonos) === null || _a === void 0 ? void 0 : _a.zonosQaUrl) ||
@@ -17,11 +17,32 @@ export const trackConversionEvent = async (eventName, metadata) => {
     }
     const countryCode = localizationStore.selectedCountryCode;
     const organizationId = zonosStore.organizationId;
-    const checkoutSessionId = cartStore.checkoutSessionId;
     if (!checkoutSessionId) {
+        void sendErrorLog({
+            endpoint: 'trackConversionEventMetric',
+            errors: [`Event "${eventName}" - No checkout session id found`],
+            metadata: {
+                checkoutSessionId,
+                eventName,
+                metadata,
+                organizationId,
+            },
+        });
         // checkoutSessionId is required for tracking conversion events to work properly
         return;
     }
+    if (!organizationId) {
+        void sendErrorLog({
+            endpoint: 'trackConversionEventMetric',
+            errors: [`Event "${eventName}" - No organization id found`],
+            metadata: {
+                checkoutSessionId,
+                eventName,
+                metadata,
+                organizationId,
+            },
+        });
+    }
     const body = {
         checkoutSessionId,
         countryCode,

package/dist/esm/{cart-dc171e7f.js → cart-7e26e0bc.js}

@@ -10692,7 +10692,7 @@ const calculateLandedCostNormalized = async (abortController) => {
     return Object.assign(Object.assign({}, rest), { itemCreateWorkflow: cartWorkflow.items });
 };
 
-const trackConversionEvent = async (eventName, metadata) => {
+const trackConversionEvent = async ({ checkoutSessionId, eventName, metadata, }) => {
     var _a, _b;
     const isDevelopment = window.location.href.includes('zonos.com') ||
         !!((_a = window.Zonos) === null || _a === void 0 ? void 0 : _a.zonosQaUrl) ||
@@ -10705,11 +10705,32 @@ const trackConversionEvent = async (eventName, metadata) => {
     }
     const countryCode = localizationStore.selectedCountryCode;
     const organizationId = zonosStore.organizationId;
-    const checkoutSessionId = cartStore.checkoutSessionId;
     if (!checkoutSessionId) {
+        void sendErrorLog({
+            endpoint: 'trackConversionEventMetric',
+            errors: [`Event "${eventName}" - No checkout session id found`],
+            metadata: {
+                checkoutSessionId,
+                eventName,
+                metadata,
+                organizationId,
+            },
+        });
         // checkoutSessionId is required for tracking conversion events to work properly
         return;
     }
+    if (!organizationId) {
+        void sendErrorLog({
+            endpoint: 'trackConversionEventMetric',
+            errors: [`Event "${eventName}" - No organization id found`],
+            metadata: {
+                checkoutSessionId,
+                eventName,
+                metadata,
+                organizationId,
+            },
+        });
+    }
     const body = {
         checkoutSessionId,
         countryCode,
@@ -11154,8 +11175,12 @@ const stripeCalculateLandedCost = async () => {
             return Object.assign(Object.assign({}, checkoutSession), { landedCost: foundLandedCost });
         }).filter(Boolean)) || [];
     // Send event when we get the quote back after the customer clicked "Continue to shipping"
+    const checkoutSessionId = cartStore.checkoutSessionId;
     if (checkoutSessionWorkflow === null || checkoutSessionWorkflow === void 0 ? void 0 : checkoutSessionWorkflow.length) {
-        void trackConversionEvent('checkout_quoteReceived');
+        void trackConversionEvent({
+            checkoutSessionId,
+            eventName: 'checkout_quoteReceived',
+        });
     }
     // update adjustmentTotal
     // highlight promocode input error if promocode is applied but no adjustment applied in landed cost
@@ -11438,14 +11463,15 @@ const stripeStoreConfirmPayment = async () => {
         stripeStore.customErrorMessage = checkoutSessionStatus.errorMessage;
         throw new Error(checkoutSessionStatus.errorMessage);
     }
+    const checkoutSessionId = cartStore.checkoutSessionId;
     if (stripe &&
         stripeElements &&
         stripePaymentReady &&
         stripeClientSecret &&
-        cartStore.checkoutSessionId) {
+        checkoutSessionId) {
         const buildUrl = new URL(window.location.href);
         buildUrl.searchParams.set('payment_intent_client_secret', stripeClientSecret);
-        buildUrl.searchParams.set('zonosCheckoutSessionId', cartStore.checkoutSessionId);
+        buildUrl.searchParams.set('zonosCheckoutSessionId', checkoutSessionId);
         const { error, paymentIntent } = await stripe.confirmPayment({
             confirmParams: {
                 return_url: buildUrl.toString(),
@@ -11453,8 +11479,12 @@ const stripeStoreConfirmPayment = async () => {
             elements: stripeElements,
             redirect: 'if_required',
         });
-        void trackConversionEvent('checkout_paymentInfoCompleted', {
-            paymentMethod: paymentIntent === null || paymentIntent === void 0 ? void 0 : paymentIntent.payment_method,
+        void trackConversionEvent({
+            checkoutSessionId,
+            eventName: 'checkout_paymentInfoCompleted',
+            metadata: {
+                paymentMethod: paymentIntent === null || paymentIntent === void 0 ? void 0 : paymentIntent.payment_method,
+            },
         });
         log('Payment intent confirmed', 'info', { error, paymentIntent });
         if ((paymentIntent === null || paymentIntent === void 0 ? void 0 : paymentIntent.status) === 'requires_action') {
@@ -11965,7 +11995,21 @@ const cartStoreSetCheckoutSession = (checkoutSession) => {
         checkoutSession.customerSessionClientSecret;
     stripeStore.customerProfile = checkoutSession.customerProfile;
     cartStore.checkoutSession = checkoutSession;
-    cartStore.checkoutSessionId = checkoutSession.id;
+    if (!checkoutSession.id) {
+        // Log error to track down the issue
+        void sendErrorLog({
+            endpoint: 'cartStoreSetCheckoutSession',
+            errors: ['Missing checkout session id in checkout session'],
+            metadata: {
+                allLogs,
+                checkoutSession,
+            },
+        });
+    }
+    // Only update checkout session id if it's not empty
+    if (checkoutSession.id) {
+        cartStore.checkoutSessionId = checkoutSession.id;
+    }
     // Check if there is a redirect URL in the metadata to override
     const externalConfirmationPageURL = ((_c = (_b = (_a = cartStore.checkoutSession) === null || _a === void 0 ? void 0 : _a.metadata) === null || _b === void 0 ? void 0 : _b.find(entry => (entry === null || entry === void 0 ? void 0 : entry.key) === 'externalConfirmationPageURL')) === null || _c === void 0 ? void 0 : _c.value) ||
         (

package/dist/esm/index.js

@@ -126,7 +126,7 @@ const getZonosQaUrl = () => {
         return null;
     }
     const qaUrl = extractZonosQaUrl(window.location.href);
-    const cdnUrl = "https://v1.3.176.js.zonos.com";
+    const cdnUrl = "https://v1.3.178.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.') ||
@@ -362,10 +362,10 @@ const zonosLoadUrl = (() => {
     }
     return null;
 })();
-const ZONOS_URL = "https://v1.3.176.js.zonos.com";
-const JS_DELIVR_ZONOS_URL = zonosLoadUrl || "https://cdn.jsdelivr.net/npm/@zonos/elements@1.3.176";
-const UNPKG_ZONOS_URL = "https://unpkg.com/@zonos/elements@1.3.176";
-const CDNJS_ZONOS_URL = "https://cdnjs.cloudflare.com/ajax/libs/zonos-elements/1.3.176";
+const ZONOS_URL = "https://v1.3.178.js.zonos.com";
+const JS_DELIVR_ZONOS_URL = zonosLoadUrl || "https://cdn.jsdelivr.net/npm/@zonos/elements@1.3.178";
+const UNPKG_ZONOS_URL = "https://unpkg.com/@zonos/elements@1.3.178";
+const CDNJS_ZONOS_URL = "https://cdnjs.cloudflare.com/ajax/libs/zonos-elements/1.3.178";
 const GOOGLE_FONT_URL = 'https://fonts.googleapis.com';
 const GOOGLE_FONT_REGEX = /^https:\/\/fonts\.googleapis\.com/;
 class Zonos {
@@ -380,7 +380,7 @@ Zonos.zonosConversionTest = typeof window !== 'undefined' &&
     !!window.location.search.match(/\?.*(&*)zonosConversionTest/);
 Zonos._paypalMockResponse = null;
 Zonos.isBigCommerce = false;
-Zonos.releaseDate = "1743432435915";
+Zonos.releaseDate = "1743692597895";
 Zonos.isLegacyCheckout = false;
 Zonos.domain = typeof window !== 'undefined'
     ? // domain that embeds the iframe
@@ -396,7 +396,7 @@ Zonos.showBaseForeign = typeof window !== 'undefined' &&
 Zonos.isNpm = true;
 Zonos.zonosQaUrl = null;
 Zonos.zonosQaUrlApi = null;
-Zonos.version = `v${"1.3.176"}`;
+Zonos.version = `v${"1.3.178"}`;
 Zonos.modeAlerted = false;
 Zonos.cartData = null;
 Zonos.paypal = null;