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

package/dist/cjs/{cart-b34c001b.js → cart-fcddc0e6.js}

@@ -4766,15 +4766,18 @@ const stripeStoreRetrievePayment = async ({ clientSecret: _clientSecret, storybo
     };
 };
 const stripeStoreConfirmPayment = async () => {
-    var _a, _b, _c;
+    var _a, _b, _c, _d;
     const stripePaymentReady = !!((_a = stripeStore.stripePaymentEventData) === null || _a === void 0 ? void 0 : _a.complete);
     const stripeElements = stripeStore.stripeElements;
     const stripe = stripeStore.stripe;
     const stripeClientSecret = stripeStore.clientSecret;
+    if (!((_b = cartStore.selectedLandedCost) === null || _b === void 0 ? void 0 : _b.landedCost.id)) {
+        throw new Error('Attemped to confirm the payment when no landed cost is found in store');
+    }
     if (stripe && stripeElements && stripePaymentReady && stripeClientSecret) {
         const { error } = await stripe.confirmPayment({
             confirmParams: {
-                receipt_email: (_c = (_b = stripeStore.stripeLinkEventData) === null || _b === void 0 ? void 0 : _b.value) === null || _c === void 0 ? void 0 : _c.email,
+                receipt_email: (_d = (_c = stripeStore.stripeLinkEventData) === null || _c === void 0 ? void 0 : _c.value) === null || _d === void 0 ? void 0 : _d.email,
                 return_url: window.location.href,
             },
             elements: stripeElements,

package/dist/cjs/{submitGtag-1f1fbe1c.js → submitGtag-ec6ead54.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const cart = require('./cart-b34c001b.js');
+const cart = require('./cart-fcddc0e6.js');
 const zonosStore = require('./zonosStore-bd2a0c59.js');
 
 const trackConversionEvent = async (eventName, metadata) => {

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-564fe383.js');
-const cart = require('./cart-b34c001b.js');
+const cart = require('./cart-fcddc0e6.js');
 const zonosStore = require('./zonosStore-bd2a0c59.js');
 const isCheckoutMobile = require('./isCheckoutMobile-f491ca7c.js');
 const classes = require('./classes-b7918f56.js');

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

@@ -95,7 +95,7 @@ const ZonosButton = class {
         // only set theme for button to change text color if variant is standard and override background is set
         const buttonTheme = variant === 'standard' ? getButtonTheme(overrideBackground) : undefined;
         const borderStyle = getBorderRadius.getBorderRadius(this.borderStyle);
-        const spinnerColor = buttonTheme === 'LIGHT' ? 'black' : 'white';
+        const spinnerColor = buttonTheme === 'LIGHT' ? 'white' : 'black';
         return (index.h(index.Host, { key: '75f5e6900c6e0eb468ea639460d55f251b580200', class: classes.classes(['zonos--elements']), "data-theme": this.theme || buttonTheme, disabled: disabled, style: styles({
                 '--background-color': overrideBackground,
                 '--border-radius': borderStyle,

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-564fe383.js');
 const zonosStore = require('./zonosStore-bd2a0c59.js');
 const classes = require('./classes-b7918f56.js');
-const cart = require('./cart-b34c001b.js');
+const cart = require('./cart-fcddc0e6.js');
 const ILanguage = require('./ILanguage-d247b45b.js');
 require('./isDarkColor-7faf0a82.js');
 require('./getBorderRadius-4fa738c3.js');

package/dist/cjs/zonos-cart-items_10.cjs.entry.js

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-564fe383.js');
-const cart = require('./cart-b34c001b.js');
+const cart = require('./cart-fcddc0e6.js');
 const zonosStore = require('./zonosStore-bd2a0c59.js');
-const submitGtag = require('./submitGtag-1f1fbe1c.js');
+const submitGtag = require('./submitGtag-ec6ead54.js');
 const getBorderRadius = require('./getBorderRadius-4fa738c3.js');
 const isCheckoutMobile = require('./isCheckoutMobile-f491ca7c.js');
 const classes = require('./classes-b7918f56.js');

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

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-564fe383.js');
-const cart = require('./cart-b34c001b.js');
+const cart = require('./cart-fcddc0e6.js');
 const zonosStore = require('./zonosStore-bd2a0c59.js');
-const submitGtag = require('./submitGtag-1f1fbe1c.js');
+const submitGtag = require('./submitGtag-ec6ead54.js');
 const isCheckoutMobile = require('./isCheckoutMobile-f491ca7c.js');
 const classes = require('./classes-b7918f56.js');
 const getBorderRadius = require('./getBorderRadius-4fa738c3.js');

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-564fe383.js');
-const cart = require('./cart-b34c001b.js');
+const cart = require('./cart-fcddc0e6.js');
 const zonosStore = require('./zonosStore-bd2a0c59.js');
 require('./isDarkColor-7faf0a82.js');
 require('./getBorderRadius-4fa738c3.js');

package/dist/cjs/zonos-country-flag.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-564fe383.js');
-const cart = require('./cart-b34c001b.js');
+const cart = require('./cart-fcddc0e6.js');
 const zonosStore = require('./zonosStore-bd2a0c59.js');
 const classes = require('./classes-b7918f56.js');
 require('./isDarkColor-7faf0a82.js');

package/dist/cjs/zonos-country-select_3.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-564fe383.js');
-const cart = require('./cart-b34c001b.js');
+const cart = require('./cart-fcddc0e6.js');
 const zonosStore = require('./zonosStore-bd2a0c59.js');
 const formatStringWithLinks = require('./formatStringWithLinks-52341fc7.js');
 const isDarkColor = require('./isDarkColor-7faf0a82.js');

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-564fe383.js');
-const cart = require('./cart-b34c001b.js');
+const cart = require('./cart-fcddc0e6.js');
 const zonosStore = require('./zonosStore-bd2a0c59.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-564fe383.js');
 const zonosStore = require('./zonosStore-bd2a0c59.js');
-const cart = require('./cart-b34c001b.js');
+const cart = require('./cart-fcddc0e6.js');
 const classes = require('./classes-b7918f56.js');
 const getHasMoreSpaceOnRight = require('./getHasMoreSpaceOnRight-4c94667f.js');
 require('./isDarkColor-7faf0a82.js');

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-564fe383.js');
-const cart = require('./cart-b34c001b.js');
+const cart = require('./cart-fcddc0e6.js');
 require('./zonosStore-bd2a0c59.js');
 require('./isDarkColor-7faf0a82.js');
 require('./getBorderRadius-4fa738c3.js');

package/dist/collection/components/common/zonos-button/zonos-button.js

@@ -60,7 +60,7 @@ export class ZonosButton {
         // only set theme for button to change text color if variant is standard and override background is set
         const buttonTheme = variant === 'standard' ? getButtonTheme(overrideBackground) : undefined;
         const borderStyle = getBorderRadius(this.borderStyle);
-        const spinnerColor = buttonTheme === 'LIGHT' ? 'black' : 'white';
+        const spinnerColor = buttonTheme === 'LIGHT' ? 'white' : 'black';
         return (h(Host, { key: '75f5e6900c6e0eb468ea639460d55f251b580200', class: classes(['zonos--elements']), "data-theme": this.theme || buttonTheme, disabled: disabled, style: styles({
                 '--background-color': overrideBackground,
                 '--border-radius': borderStyle,

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

@@ -270,15 +270,18 @@ const stripeStoreRetrievePayment = async ({ clientSecret: _clientSecret, storybo
     };
 };
 const stripeStoreConfirmPayment = async () => {
-    var _a, _b, _c;
+    var _a, _b, _c, _d;
     const stripePaymentReady = !!((_a = stripeStore.stripePaymentEventData) === null || _a === void 0 ? void 0 : _a.complete);
     const stripeElements = stripeStore.stripeElements;
     const stripe = stripeStore.stripe;
     const stripeClientSecret = stripeStore.clientSecret;
+    if (!((_b = cartStore.selectedLandedCost) === null || _b === void 0 ? void 0 : _b.landedCost.id)) {
+        throw new Error('Attemped to confirm the payment when no landed cost is found in store');
+    }
     if (stripe && stripeElements && stripePaymentReady && stripeClientSecret) {
         const { error } = await stripe.confirmPayment({
             confirmParams: {
-                receipt_email: (_c = (_b = stripeStore.stripeLinkEventData) === null || _b === void 0 ? void 0 : _b.value) === null || _c === void 0 ? void 0 : _c.email,
+                receipt_email: (_d = (_c = stripeStore.stripeLinkEventData) === null || _c === void 0 ? void 0 : _c.value) === null || _d === void 0 ? void 0 : _d.email,
                 return_url: window.location.href,
             },
             elements: stripeElements,

package/dist/components/stripe.js

@@ -4981,15 +4981,18 @@ const stripeStoreRetrievePayment = async ({ clientSecret: _clientSecret, storybo
     };
 };
 const stripeStoreConfirmPayment = async () => {
-    var _a, _b, _c;
+    var _a, _b, _c, _d;
     const stripePaymentReady = !!((_a = stripeStore.stripePaymentEventData) === null || _a === void 0 ? void 0 : _a.complete);
     const stripeElements = stripeStore.stripeElements;
     const stripe = stripeStore.stripe;
     const stripeClientSecret = stripeStore.clientSecret;
+    if (!((_b = cartStore.selectedLandedCost) === null || _b === void 0 ? void 0 : _b.landedCost.id)) {
+        throw new Error('Attemped to confirm the payment when no landed cost is found in store');
+    }
     if (stripe && stripeElements && stripePaymentReady && stripeClientSecret) {
         const { error } = await stripe.confirmPayment({
             confirmParams: {
-                receipt_email: (_c = (_b = stripeStore.stripeLinkEventData) === null || _b === void 0 ? void 0 : _b.value) === null || _c === void 0 ? void 0 : _c.email,
+                receipt_email: (_d = (_c = stripeStore.stripeLinkEventData) === null || _c === void 0 ? void 0 : _c.value) === null || _d === void 0 ? void 0 : _d.email,
                 return_url: window.location.href,
             },
             elements: stripeElements,

package/dist/components/zonos-button2.js

@@ -94,7 +94,7 @@ const ZonosButton = /*@__PURE__*/ proxyCustomElement(class ZonosButton extends H
         // only set theme for button to change text color if variant is standard and override background is set
         const buttonTheme = variant === 'standard' ? getButtonTheme(overrideBackground) : undefined;
         const borderStyle = getBorderRadius(this.borderStyle);
-        const spinnerColor = buttonTheme === 'LIGHT' ? 'black' : 'white';
+        const spinnerColor = buttonTheme === 'LIGHT' ? 'white' : 'black';
         return (h(Host, { key: '75f5e6900c6e0eb468ea639460d55f251b580200', class: classes(['zonos--elements']), "data-theme": this.theme || buttonTheme, disabled: disabled, style: styles({
                 '--background-color': overrideBackground,
                 '--border-radius': borderStyle,

package/dist/esm/{cart-cc09eaef.js → cart-228e1ef7.js}

@@ -4764,15 +4764,18 @@ const stripeStoreRetrievePayment = async ({ clientSecret: _clientSecret, storybo
     };
 };
 const stripeStoreConfirmPayment = async () => {
-    var _a, _b, _c;
+    var _a, _b, _c, _d;
     const stripePaymentReady = !!((_a = stripeStore.stripePaymentEventData) === null || _a === void 0 ? void 0 : _a.complete);
     const stripeElements = stripeStore.stripeElements;
     const stripe = stripeStore.stripe;
     const stripeClientSecret = stripeStore.clientSecret;
+    if (!((_b = cartStore.selectedLandedCost) === null || _b === void 0 ? void 0 : _b.landedCost.id)) {
+        throw new Error('Attemped to confirm the payment when no landed cost is found in store');
+    }
     if (stripe && stripeElements && stripePaymentReady && stripeClientSecret) {
         const { error } = await stripe.confirmPayment({
             confirmParams: {
-                receipt_email: (_c = (_b = stripeStore.stripeLinkEventData) === null || _b === void 0 ? void 0 : _b.value) === null || _c === void 0 ? void 0 : _c.email,
+                receipt_email: (_d = (_c = stripeStore.stripeLinkEventData) === null || _c === void 0 ? void 0 : _c.value) === null || _d === void 0 ? void 0 : _d.email,
                 return_url: window.location.href,
             },
             elements: stripeElements,

package/dist/esm/{submitGtag-2eedb117.js → submitGtag-c3727595.js}

@@ -1,4 +1,4 @@
-import { r as handleFetch, l as localizationStore, a as log } from './cart-cc09eaef.js';
+import { r as handleFetch, l as localizationStore, a as log } from './cart-228e1ef7.js';
 import { z as zonosStore } from './zonosStore-c4c45591.js';
 
 const trackConversionEvent = async (eventName, metadata) => {

package/dist/esm/zonos-address_4.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, H as Host, d as getElement } from './index-dd40cc85.js';
-import { j as stripeStore, d as logError, l as localizationStore, t as translate, n as stripeStorePrefetchLandedCost } from './cart-cc09eaef.js';
+import { j as stripeStore, d as logError, l as localizationStore, t as translate, n as stripeStorePrefetchLandedCost } from './cart-228e1ef7.js';
 import { z as zonosStore, d as zonosStoreFontFamily } from './zonosStore-c4c45591.js';
 import { i as isCheckoutMobile } from './isCheckoutMobile-8846dccb.js';
 import { c as classes } from './classes-0d95c529.js';

package/dist/esm/zonos-button_2.entry.js

@@ -91,7 +91,7 @@ const ZonosButton = class {
         // only set theme for button to change text color if variant is standard and override background is set
         const buttonTheme = variant === 'standard' ? getButtonTheme(overrideBackground) : undefined;
         const borderStyle = getBorderRadius(this.borderStyle);
-        const spinnerColor = buttonTheme === 'LIGHT' ? 'black' : 'white';
+        const spinnerColor = buttonTheme === 'LIGHT' ? 'white' : 'black';
         return (h(Host, { key: '75f5e6900c6e0eb468ea639460d55f251b580200', class: classes(['zonos--elements']), "data-theme": this.theme || buttonTheme, disabled: disabled, style: styles({
                 '--background-color': overrideBackground,
                 '--border-radius': borderStyle,

package/dist/esm/zonos-card_2.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, h, H as Host } from './index-dd40cc85.js';
 import { d as zonosStoreFontFamily } from './zonosStore-c4c45591.js';
 import { c as classes } from './classes-0d95c529.js';
-import { F as localizationStoreUpdateSelectedLocale, t as translate, l as localizationStore } from './cart-cc09eaef.js';
+import { F as localizationStoreUpdateSelectedLocale, t as translate, l as localizationStore } from './cart-228e1ef7.js';
 import { l as languages } from './ILanguage-97790bee.js';
 import './isDarkColor-6bf71e51.js';
 import './getBorderRadius-a89e45fb.js';

package/dist/esm/zonos-cart-items_10.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, a as getAssetPath, h, H as Host, F as Fragment, c as createEvent, d as getElement } from './index-dd40cc85.js';
-import { f as cartStore, t as translate, r as handleFetch, q as stripeStoreReset, j as stripeStore, C as stripeStoreRetrievePayment, l as localizationStore, D as cartStoreUpdateSelectedShippingOption, E as cartStoreGetShippingTransitInfo } from './cart-cc09eaef.js';
+import { f as cartStore, t as translate, r as handleFetch, q as stripeStoreReset, j as stripeStore, C as stripeStoreRetrievePayment, l as localizationStore, D as cartStoreUpdateSelectedShippingOption, E as cartStoreGetShippingTransitInfo } from './cart-228e1ef7.js';
 import { z as zonosStore, d as zonosStoreFontFamily } from './zonosStore-c4c45591.js';
-import { t as trackConversionEvent, s as sendErrorLog, a as submitGtag, c as createCustomEvent } from './submitGtag-2eedb117.js';
+import { t as trackConversionEvent, s as sendErrorLog, a as submitGtag, c as createCustomEvent } from './submitGtag-c3727595.js';
 import { g as getBorderRadius } from './getBorderRadius-a89e45fb.js';
 import { i as isCheckoutMobile } from './isCheckoutMobile-8846dccb.js';
 import { c as classes } from './classes-0d95c529.js';

package/dist/esm/zonos-checkout.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, h, F as Fragment, H as Host } from './index-dd40cc85.js';
-import { l as localizationStore, a as log, s as stripeStoreGetDomesticShippingSession, b as localizationStoreUpdateSelectedCountryCode, c as stripeStoreCleanupDomesticShippingSession, d as logError, e as stripeStoreSaveDomesticShippingSession, i as initStripeElements, f as cartStore, g as cartStoreUpdateItems, h as cartStoreReset, j as stripeStore, k as stripeStoreInitCheckoutSession, m as cartStoreUpdateToErrorState, n as stripeStorePrefetchLandedCost, o as cartStoreNextStep, p as stripeStoreConfirmPayment, q as stripeStoreReset, t as translate } from './cart-cc09eaef.js';
+import { l as localizationStore, a as log, s as stripeStoreGetDomesticShippingSession, b as localizationStoreUpdateSelectedCountryCode, c as stripeStoreCleanupDomesticShippingSession, d as logError, e as stripeStoreSaveDomesticShippingSession, i as initStripeElements, f as cartStore, g as cartStoreUpdateItems, h as cartStoreReset, j as stripeStore, k as stripeStoreInitCheckoutSession, m as cartStoreUpdateToErrorState, n as stripeStorePrefetchLandedCost, o as cartStoreNextStep, p as stripeStoreConfirmPayment, q as stripeStoreReset, t as translate } from './cart-228e1ef7.js';
 import { z as zonosStore, g as getZonosStoreTheme, m as mergeConfig } from './zonosStore-c4c45591.js';
-import { c as createCustomEvent, s as sendErrorLog, a as submitGtag, t as trackConversionEvent } from './submitGtag-2eedb117.js';
+import { c as createCustomEvent, s as sendErrorLog, a as submitGtag, t as trackConversionEvent } from './submitGtag-c3727595.js';
 import { i as isCheckoutMobile } from './isCheckoutMobile-8846dccb.js';
 import { c as classes } from './classes-0d95c529.js';
 import { g as getBorderRadius } from './getBorderRadius-a89e45fb.js';

package/dist/esm/zonos-controller.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, H as Host } from './index-dd40cc85.js';
-import { r as handleFetch, d as logError, u as isValidSelector, a as log, j as stripeStore, v as initLocalizationStore, b as localizationStoreUpdateSelectedCountryCode } from './cart-cc09eaef.js';
+import { r as handleFetch, d as logError, u as isValidSelector, a as log, j as stripeStore, v as initLocalizationStore, b as localizationStoreUpdateSelectedCountryCode } from './cart-228e1ef7.js';
 import { z as zonosStore, b as zonosStoreInitSetting, d as zonosStoreFontFamily } from './zonosStore-c4c45591.js';
 import './isDarkColor-6bf71e51.js';
 import './getBorderRadius-a89e45fb.js';

package/dist/esm/zonos-country-flag.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, H as Host, d as getElement } from './index-dd40cc85.js';
-import { l as localizationStore } from './cart-cc09eaef.js';
+import { l as localizationStore } from './cart-228e1ef7.js';
 import { d as zonosStoreFontFamily } from './zonosStore-c4c45591.js';
 import { c as classes } from './classes-0d95c529.js';
 import './isDarkColor-6bf71e51.js';

package/dist/esm/zonos-country-select_3.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, H as Host, d as getElement } from './index-dd40cc85.js';
-import { b as localizationStoreUpdateSelectedCountryCode, l as localizationStore } from './cart-cc09eaef.js';
+import { b as localizationStoreUpdateSelectedCountryCode, l as localizationStore } from './cart-228e1ef7.js';
 import { d as zonosStoreFontFamily } from './zonosStore-c4c45591.js';
 import { f as formatStringWithLinks } from './formatStringWithLinks-9e819405.js';
 import { i as isDarkColor } from './isDarkColor-6bf71e51.js';

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, H as Host } from './index-dd40cc85.js';
-import { B as currencyFormat, l as localizationStore, t as translate } from './cart-cc09eaef.js';
+import { B as currencyFormat, l as localizationStore, t as translate } from './cart-228e1ef7.js';
 import { z as zonosStore } from './zonosStore-c4c45591.js';
 import { c as classes } from './classes-0d95c529.js';
 import { f as formatStringWithLinks } from './formatStringWithLinks-9e819405.js';

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, H as Host } from './index-dd40cc85.js';
 import { _ as _root, e as _baseGetTag, i as isObjectLike_1, f as isObject_1, z as zonosStore, g as getZonosStoreTheme, m as mergeConfig } from './zonosStore-c4c45591.js';
-import { r as handleFetch, d as logError, l as localizationStore, u as isValidSelector, t as translate, w as getZCountryUrlParam, x as setZCountryUrlParam, a as log, y as currencyDisplay, z as currencyConvertAndFormat, A as currencyConvert, B as currencyFormat } from './cart-cc09eaef.js';
+import { r as handleFetch, d as logError, l as localizationStore, u as isValidSelector, t as translate, w as getZCountryUrlParam, x as setZCountryUrlParam, a as log, y as currencyDisplay, z as currencyConvertAndFormat, A as currencyConvert, B as currencyFormat } from './cart-228e1ef7.js';
 import { c as classes } from './classes-0d95c529.js';
 import { g as getHasMoreSpaceOnRight } from './getHasMoreSpaceOnRight-70eb913a.js';
 import './isDarkColor-6bf71e51.js';

package/dist/esm/zonos-payment.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, H as Host, d as getElement } from './index-dd40cc85.js';
-import { j as stripeStore, d as logError } from './cart-cc09eaef.js';
+import { j as stripeStore, d as logError } from './cart-228e1ef7.js';
 import './zonosStore-c4c45591.js';
 import './isDarkColor-6bf71e51.js';
 import './getBorderRadius-a89e45fb.js';