@zonos/elements 1.1.2 → 1.2.0

package/dist/cjs/{cart-a969ee0b.js → cart-ac9a3c40.js}

@@ -1,9 +1,9 @@
 'use strict';
 
-const zonosStore = require('./zonosStore-d9cdaec6.js');
-const localization = require('./localization-d510574c.js');
-const isDarkColor = require('./isDarkColor-e1a7bf45.js');
-const getBorderRadius = require('./getBorderRadius-ae52cae1.js');
+const zonosStore = require('./zonosStore-270f79cc.js');
+const localization = require('./localization-3a4b4a43.js');
+const isDarkColor = require('./isDarkColor-0651a165.js');
+const getBorderRadius = require('./getBorderRadius-1f9c0fa3.js');
 
 const prepCalculateLandedCost = () => {
   // maybe we don't need email now for prefetch the landed cost
@@ -27,6 +27,8 @@ const prepCalculateLandedCost = () => {
       countryOfOrigin: item.countryOfOrigin,
       currencyCode: item.currencyCode,
       imageUrl: item.imageUrl,
+      measurements: item.measurements,
+      metadata: item.metadata,
       name: item.name,
       productId: item.productId,
       quantity: item.quantity,
@@ -596,9 +598,11 @@ const cartStorePreviousStep = () => {
 };
 
 exports.cartStore = cartStore;
+exports.cartStoreApplySubtotals = cartStoreApplySubtotals;
 exports.cartStoreGetShippingTransitInfo = cartStoreGetShippingTransitInfo;
 exports.cartStoreNextStep = cartStoreNextStep;
 exports.cartStorePreviousStep = cartStorePreviousStep;
+exports.cartStoreReCalculateTotal = cartStoreReCalculateTotal;
 exports.cartStoreReset = cartStoreReset;
 exports.cartStoreUpdateItems = cartStoreUpdateItems;
 exports.cartStoreUpdateSelectedShippingOption = cartStoreUpdateSelectedShippingOption;
@@ -610,5 +614,3 @@ exports.stripeStoreInitCheckoutSession = stripeStoreInitCheckoutSession;
 exports.stripeStorePrefetchLandedCost = stripeStorePrefetchLandedCost;
 exports.stripeStoreReset = stripeStoreReset;
 exports.stripeStoreRetrievePayment = stripeStoreRetrievePayment;
-
-//# sourceMappingURL=cart-a969ee0b.js.map

package/dist/cjs/classes-b7918f56.js

@@ -12,5 +12,3 @@
 const classes = (groupClasses) => groupClasses.filter(Boolean).join(' ');
 
 exports.classes = classes;
-
-//# sourceMappingURL=classes-b7918f56.js.map

package/dist/cjs/{getBorderRadius-ae52cae1.js → getBorderRadius-1f9c0fa3.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const zonosStore = require('./zonosStore-d9cdaec6.js');
+const zonosStore = require('./zonosStore-270f79cc.js');
 
 /**
  * Get the border radius for the elements based on the style
@@ -16,5 +16,3 @@ const getBorderRadius = (overrideBorderStyle) => {
 };
 
 exports.getBorderRadius = getBorderRadius;
-
-//# sourceMappingURL=getBorderRadius-ae52cae1.js.map

package/dist/cjs/getHasMoreSpaceOnRight-2855491b.js

@@ -8,5 +8,3 @@ const getHasMoreSpaceOnRight = (ref) => {
 };
 
 exports.getHasMoreSpaceOnRight = getHasMoreSpaceOnRight;
-
-//# sourceMappingURL=getHasMoreSpaceOnRight-2855491b.js.map

package/dist/cjs/index-9542d2e7.js

@@ -1913,5 +1913,3 @@ exports.h = h;
 exports.promiseResolve = promiseResolve;
 exports.registerInstance = registerInstance;
 exports.setNonce = setNonce;
-
-//# sourceMappingURL=index-9542d2e7.js.map

package/dist/cjs/index.cjs.js

@@ -1,4 +1,23 @@
 'use strict';
 
+Object.defineProperty(exports, '__esModule', { value: true });
 
-//# sourceMappingURL=index.cjs.js.map
+const cart = require('./cart-ac9a3c40.js');
+require('./zonosStore-270f79cc.js');
+require('./index-9542d2e7.js');
+require('./localization-3a4b4a43.js');
+require('./isDarkColor-0651a165.js');
+require('./getBorderRadius-1f9c0fa3.js');
+
+
+
+exports.cartStore = cart.cartStore;
+exports.cartStoreApplySubtotals = cart.cartStoreApplySubtotals;
+exports.cartStoreGetShippingTransitInfo = cart.cartStoreGetShippingTransitInfo;
+exports.cartStoreNextStep = cart.cartStoreNextStep;
+exports.cartStorePreviousStep = cart.cartStorePreviousStep;
+exports.cartStoreReCalculateTotal = cart.cartStoreReCalculateTotal;
+exports.cartStoreReset = cart.cartStoreReset;
+exports.cartStoreUpdateItems = cart.cartStoreUpdateItems;
+exports.cartStoreUpdateSelectedShippingOption = cart.cartStoreUpdateSelectedShippingOption;
+exports.cartStoreUpdateToErrorState = cart.cartStoreUpdateToErrorState;

package/dist/cjs/isColorVariable-c1ed7303.js

@@ -14,5 +14,3 @@ const isColorVariable = (color) => {
 };
 
 exports.isColorVariable = isColorVariable;
-
-//# sourceMappingURL=isColorVariable-c1ed7303.js.map

package/dist/cjs/{isDarkColor-e1a7bf45.js → isDarkColor-0651a165.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const zonosStore = require('./zonosStore-d9cdaec6.js');
+const zonosStore = require('./zonosStore-270f79cc.js');
 
 var tinycolor = zonosStore.createCommonjsModule(function (module, exports) {
 // This file is autogenerated. It's used to publish CJS to npm.
@@ -1195,5 +1195,3 @@ const isDarkColor = (color) => {
 };
 
 exports.isDarkColor = isDarkColor;
-
-//# sourceMappingURL=isDarkColor-e1a7bf45.js.map

package/dist/cjs/loader.cjs.js

@@ -6,10 +6,8 @@ const index = require('./index-9542d2e7.js');
 
 const defineCustomElements = (win, options) => {
   if (typeof window === 'undefined') return undefined;
-  return index.bootstrapLazy([["zonos-text.cjs",[[1,"zonos-text",{"class":[1],"color":[1],"size":[1],"type":[1],"weight":[2],"content":[1],"ready":[32]}]]],["zonos-checkout.cjs",[[2,"zonos-checkout",{"appearanceSettingsOverride":[16],"preview":[4],"mobile":[4],"buttonAnchorElements":[16],"defaultAddress":[16],"forceDialogOpen":[4,"force-dialog-open"],"open":[32],"stripe":[32],"submitLoading":[32],"paymentError":[32],"collapseReviewMobile":[32],"isAttachError":[32],"isMobile":[32],"zonosReviewRef":[32],"storybookPaymentStatusOverride":[32],"closeDialogHandler":[64],"init":[64],"setToFinishStep":[64]},[[16,"zonos--init-cart-info","initCartInfoHandler"],[9,"resize","handleWindowResize"]],{"appearanceSettingsOverride":["appearanceSettingsOverrideChanged"],"mobile":["handleMobileChange"]}]]],["zonos-hello.cjs",[[1,"zonos-hello",{"mobileLocationOverride":[1,"mobile-location-override"],"animateFromLeftOverride":[4,"animate-from-left-override"],"appearanceSettingsOverride":[16],"showPeekMessage":[32],"zonosStoreHelloSettings":[32],"showDialog":[32],"peekMessage":[32],"initialUrl":[32],"allRestrictedItems":[32],"allFoundProducts":[32],"productsOnPage":[32],"displayCurrency":[64],"convertAndFormat":[64],"convert":[64],"format":[64]},[[9,"resize","handleResize"]]]]],["zonos-controller.cjs",[[1,"zonos-controller",{"config":[16],"zonosApiKey":[1,"zonos-api-key"],"initCheckoutElement":[64],"showNotification":[64],"overrideConfig":[64],"overrideCountry":[64]}]]],["zonos-component.cjs",[[1,"zonos-component",{"first":[1],"middle":[1],"last":[1]}]]],["zonos-country-flag_4.cjs",[[1,"zonos-country-select",{"closeCountrySelect":[16],"inputValue":[32]}],[1,"zonos-hello-dialog-footer",{"appearanceSettings":[16],"setShowCountrySelect":[16]}],[1,"zonos-custom-message",{"icon":[1],"message":[1]}],[1,"zonos-country-flag",{"class":[1],"countryCode":[1,"country-code"],"size":[2]}]]],["zonos-hello-dialog.cjs",[[1,"zonos-hello-dialog",{"isOpen":[4,"is-open"],"setIsOpen":[16],"mobileLocationOverride":[1,"mobile-location-override"],"animateFromLeftOverride":[4,"animate-from-left-override"],"appearanceSettings":[16],"restrictedItems":[16],"welcomeMessage":[32],"showCountrySelect":[32]},[[4,"click","globalClickHandler"]],{"isOpen":["isOpenHandler"]}]]],["zonos-notification.cjs",[[1,"zonos-notification",{"class":[1],"notificationArray":[32],"showNotification":[64]}]]],["zonos-payment.cjs",[[2,"zonos-payment",{"titleText":[1,"title-text"],"stripe":[32],"stripeElements":[32]},null,{"stripeElements":["watchInitStripe"],"stripe":["watchInitStripe"]}]]],["zonos-shipping-rich-radio.cjs",[[1,"zonos-shipping-rich-radio",{"items":[16],"borderColor":[1,"border-color"],"borderStyle":[1,"border-style"],"theme":[1],"selectedItem":[32]}]]],["zonos-badge.cjs",[[1,"zonos-badge",{"bold":[4],"color":[1],"icon":[16],"iconRight":[4,"icon-right"],"size":[1],"rounded":[4],"class":[1]}]]],["zonos-address_2.cjs",[[2,"zonos-address",{"type":[1],"titleText":[1,"title-text"],"defaultAddress":[16],"stripe":[32]},null,{"stripe":["watchInitStripe"]}],[2,"zonos-link-authentication",{"titleText":[1,"title-text"],"stripe":[32]},null,{"stripe":["watchInitStripe"]}]]],["zonos-banner.cjs",[[1,"zonos-banner",{"bannerTitle":[1,"banner-title"],"intent":[1],"class":[1],"hasContent":[32]}]]],["zonos-card_2.cjs",[[1,"zonos-card",{"actions":[16],"class":[1],"footerActions":[16],"footerContent":[16],"footerHeight":[2,"footer-height"],"label":[16],"spacing":[1]}],[1,"zonos-v-stack",{"spacing":[2],"class":[1]}]]],["zonos-icon.cjs",[[1,"zonos-icon",{"autoHeight":[4,"auto-height"],"color":[1],"content":[1],"size":[2]}]]],["zonos-button_2.cjs",[[1,"zonos-button",{"class":[1],"color":[1],"backgroundColor":[1,"background-color"],"borderStyle":[1,"border-style"],"isDisabled":[4,"is-disabled"],"icon":[16],"iconRight":[4,"icon-right"],"size":[1],"variant":[1],"noBackground":[4,"no-background"],"noPaddingLeft":[4,"no-padding-left"],"noPaddingRight":[4,"no-padding-right"],"loading":[4],"theme":[1],"hasIcon":[32],"hasContent":[32]},[[2,"click","clickHandler"]],{"icon":["iconChangeHandler"]}],[1,"zonos-spinner",{"size":[2],"color":[1]}]]],["zonos-cart-items_10.cjs",[[2,"zonos-checkout-payment",{"paymentError":[4,"payment-error"],"submitBtnType":[1,"submit-btn-type"],"continueLoading":[4,"continue-loading"],"submitBtnColor":[1,"submit-btn-color"],"disabled":[32]},null,{"disabled":["watchFormComplete"]}],[2,"zonos-customer-info",{"continueLoading":[4,"continue-loading"],"submitBtnType":[1,"submit-btn-type"],"submitBtnColor":[1,"submit-btn-color"],"defaultAddress":[16],"disabled":[32]},null,{"disabled":["watchFormComplete"]}],[2,"zonos-shipping",{"continueLoading":[4,"continue-loading"],"submitBtnColor":[1,"submit-btn-color"],"submitBtnType":[1,"submit-btn-type"],"selectedShippingMethod":[32],"disabled":[32]},null,{"disabled":["watchFormComplete"]}],[1,"zonos-checkout-finish",{"borderRadius":[1,"border-radius"],"storybookForceStatus":[1,"storybook-force-status"],"overrideNotification":[16],"isLoading":[32],"notificationType":[32],"notificationTitle":[32],"notificationMessages":[32]}],[1,"zonos-cart-subtotal"],[1,"zonos-dialog",{"open":[4],"headerText":[1,"header-text"],"width":[1],"height":[1],"noHeader":[4,"no-header"],"noBodyPadding":[4,"no-body-padding"],"noBorder":[4,"no-border"],"footerRightAction":[16],"borderStyle":[1,"border-style"],"noCloseButton":[4,"no-close-button"],"noClickOutside":[4,"no-click-outside"],"mobile":[4],"isLoading":[4,"is-loading"],"isMobile":[32]},[[9,"resize","handleWindowResize"]]],[1,"zonos-review",{"mobile":[4],"collapsed":[4],"isMobile":[32]},[[9,"resize","handleWindowResize"]]],[1,"zonos-cart-items",{"errorImages":[32]}],[1,"zonos-collapse",{"collapsed":[4],"collapseSize":[2,"collapse-size"],"height":[32]}],[1,"zonos-logo",{"theme":[1],"width":[1],"class":[1]}]]]], options);
+  return index.bootstrapLazy([["zonos-text.cjs",[[1,"zonos-text",{"class":[1],"color":[1],"size":[1],"type":[1],"weight":[2],"content":[1],"ready":[32]}]]],["zonos-checkout.cjs",[[2,"zonos-checkout",{"appearanceSettingsOverride":[16],"preview":[4],"mobile":[4],"defaultAddress":[16],"forceDialogOpen":[4,"force-dialog-open"],"open":[32],"stripe":[32],"submitLoading":[32],"paymentError":[32],"collapseReviewMobile":[32],"isAttachError":[32],"isMobile":[32],"zonosReviewRef":[32],"storybookPaymentStatusOverride":[32],"closeDialogHandler":[64],"init":[64],"setToFinishStep":[64]},[[16,"zonos--init-cart-info","initCartInfoHandler"],[9,"resize","handleWindowResize"]],{"appearanceSettingsOverride":["appearanceSettingsOverrideChanged"],"mobile":["handleMobileChange"]}]]],["zonos-hello.cjs",[[1,"zonos-hello",{"mobileLocationOverride":[1,"mobile-location-override"],"animateFromLeftOverride":[4,"animate-from-left-override"],"appearanceSettingsOverride":[16],"showPeekMessage":[32],"zonosStoreHelloSettings":[32],"showDialog":[32],"peekMessage":[32],"initialUrl":[32],"allRestrictedItems":[32],"allFoundProducts":[32],"productsOnPage":[32],"displayCurrency":[64],"convertAndFormat":[64],"convert":[64],"format":[64]},[[9,"resize","handleResize"]]]]],["zonos-controller.cjs",[[1,"zonos-controller",{"config":[16],"zonosApiKey":[1,"zonos-api-key"],"initCheckoutElement":[64],"showNotification":[64],"overrideConfig":[64],"overrideCountry":[64]}]]],["zonos-component.cjs",[[1,"zonos-component",{"first":[1],"middle":[1],"last":[1]}]]],["zonos-country-flag_4.cjs",[[1,"zonos-country-select",{"closeCountrySelect":[16],"inputValue":[32]}],[1,"zonos-hello-dialog-footer",{"appearanceSettings":[16],"setShowCountrySelect":[16]}],[1,"zonos-custom-message",{"icon":[1],"message":[1]}],[1,"zonos-country-flag",{"class":[1],"countryCode":[1,"country-code"],"size":[2]}]]],["zonos-hello-dialog.cjs",[[1,"zonos-hello-dialog",{"isOpen":[4,"is-open"],"setIsOpen":[16],"mobileLocationOverride":[1,"mobile-location-override"],"animateFromLeftOverride":[4,"animate-from-left-override"],"appearanceSettings":[16],"restrictedItems":[16],"welcomeMessage":[32],"showCountrySelect":[32]},[[4,"click","globalClickHandler"]],{"isOpen":["isOpenHandler"]}]]],["zonos-notification.cjs",[[1,"zonos-notification",{"class":[1],"notificationArray":[32],"showNotification":[64]}]]],["zonos-payment.cjs",[[2,"zonos-payment",{"titleText":[1,"title-text"],"stripe":[32],"stripeElements":[32]},null,{"stripeElements":["watchInitStripe"],"stripe":["watchInitStripe"]}]]],["zonos-shipping-rich-radio.cjs",[[1,"zonos-shipping-rich-radio",{"items":[16],"borderColor":[1,"border-color"],"borderStyle":[1,"border-style"],"theme":[1],"selectedItem":[32]}]]],["zonos-badge.cjs",[[1,"zonos-badge",{"bold":[4],"color":[1],"icon":[16],"iconRight":[4,"icon-right"],"size":[1],"rounded":[4],"class":[1]}]]],["zonos-address_2.cjs",[[2,"zonos-address",{"type":[1],"titleText":[1,"title-text"],"defaultAddress":[16],"stripe":[32]},null,{"stripe":["watchInitStripe"]}],[2,"zonos-link-authentication",{"titleText":[1,"title-text"],"stripe":[32]},null,{"stripe":["watchInitStripe"]}]]],["zonos-banner.cjs",[[1,"zonos-banner",{"bannerTitle":[1,"banner-title"],"intent":[1],"class":[1],"hasContent":[32]}]]],["zonos-card_2.cjs",[[1,"zonos-card",{"actions":[16],"class":[1],"footerActions":[16],"footerContent":[16],"footerHeight":[2,"footer-height"],"label":[16],"spacing":[1]}],[1,"zonos-v-stack",{"spacing":[2],"class":[1]}]]],["zonos-icon.cjs",[[1,"zonos-icon",{"autoHeight":[4,"auto-height"],"color":[1],"content":[1],"size":[2]}]]],["zonos-button_2.cjs",[[1,"zonos-button",{"class":[1],"color":[1],"backgroundColor":[1,"background-color"],"borderStyle":[1,"border-style"],"isDisabled":[4,"is-disabled"],"icon":[16],"iconRight":[4,"icon-right"],"size":[1],"variant":[1],"noBackground":[4,"no-background"],"noPaddingLeft":[4,"no-padding-left"],"noPaddingRight":[4,"no-padding-right"],"loading":[4],"theme":[1],"hasIcon":[32],"hasContent":[32]},[[2,"click","clickHandler"]],{"icon":["iconChangeHandler"]}],[1,"zonos-spinner",{"size":[2],"color":[1]}]]],["zonos-cart-items_10.cjs",[[2,"zonos-checkout-payment",{"paymentError":[4,"payment-error"],"submitBtnType":[1,"submit-btn-type"],"continueLoading":[4,"continue-loading"],"submitBtnColor":[1,"submit-btn-color"],"disabled":[32]},null,{"disabled":["watchFormComplete"]}],[2,"zonos-customer-info",{"continueLoading":[4,"continue-loading"],"submitBtnType":[1,"submit-btn-type"],"submitBtnColor":[1,"submit-btn-color"],"defaultAddress":[16],"disabled":[32]},null,{"disabled":["watchFormComplete"]}],[2,"zonos-shipping",{"continueLoading":[4,"continue-loading"],"submitBtnColor":[1,"submit-btn-color"],"submitBtnType":[1,"submit-btn-type"],"selectedShippingMethod":[32],"disabled":[32]},null,{"disabled":["watchFormComplete"]}],[1,"zonos-checkout-finish",{"borderRadius":[1,"border-radius"],"storybookForceStatus":[1,"storybook-force-status"],"overrideNotification":[16],"isLoading":[32],"notificationType":[32],"notificationTitle":[32],"notificationMessages":[32]}],[1,"zonos-cart-subtotal"],[1,"zonos-dialog",{"open":[4],"headerText":[1,"header-text"],"width":[1],"height":[1],"noHeader":[4,"no-header"],"noBodyPadding":[4,"no-body-padding"],"noBorder":[4,"no-border"],"footerRightAction":[16],"borderStyle":[1,"border-style"],"noCloseButton":[4,"no-close-button"],"noClickOutside":[4,"no-click-outside"],"mobile":[4],"isLoading":[4,"is-loading"],"isMobile":[32]},[[9,"resize","handleWindowResize"]]],[1,"zonos-review",{"mobile":[4],"collapsed":[4],"isMobile":[32]},[[9,"resize","handleWindowResize"]]],[1,"zonos-cart-items",{"errorImages":[32]}],[1,"zonos-collapse",{"collapsed":[4],"collapseSize":[2,"collapse-size"],"height":[32]}],[1,"zonos-logo",{"theme":[1],"width":[1],"class":[1]}]]]], options);
 };
 
 exports.setNonce = index.setNonce;
 exports.defineCustomElements = defineCustomElements;
-
-//# sourceMappingURL=loader.cjs.js.map

package/dist/cjs/{localization-d510574c.js → localization-3a4b4a43.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const zonosStore = require('./zonosStore-d9cdaec6.js');
+const zonosStore = require('./zonosStore-270f79cc.js');
 
 const stringsArabic = {
   'Above de minimis threshold for': {
@@ -3156,7 +3156,7 @@ const handleFetch = async (url, _opts) => {
   const body = opts.body ? JSON.stringify(opts.body) : undefined;
   const method = opts.method || 'GET';
   // headers content type
-  const headers = Object.assign({ 'Content-Type': 'application/json', 'Zonos-Referer': window.location.hostname, credentialtoken: window.Zonos.zonosApiKey }, opts.headers);
+  const headers = Object.assign({ 'Content-Type': 'application/json', 'Zonos-Is-BigCommerce': window.Zonos.isBigCommerce.toString(), 'Zonos-Referer': window.location.hostname, 'Zonos-Version': window.Zonos.version, credentialtoken: window.Zonos.zonosApiKey }, opts.headers);
   const options = Object.assign(Object.assign({}, opts), { body: method === 'GET' ? undefined : body, headers,
     method });
   return handleRequest(url, options);
@@ -3196,9 +3196,9 @@ const getCountryLandedCost = async (countryCode) => {
   return json || null;
 };
 
-const getExchangeRate = async ({ country, sourceCurrency, targetCurrency, }) => {
+const getExchangeRate = async ({ country, isGuaranteed, sourceCurrency, targetCurrency, }) => {
   var _a;
-  const url = `${"https://v1.route.js.zonos.com"}/api/exchange-rates?sourceCurrency=${sourceCurrency}&targetCurrency=${targetCurrency}`;
+  const url = `${"https://v1.route.js.zonos.com"}/api/exchange-rates?sourceCurrency=${sourceCurrency}&targetCurrency=${targetCurrency}&isGuaranteed=${isGuaranteed}&country=${country}}`;
   const { errors, json } = await handleFetch(url);
   if (errors.length || !json) {
     logError(`Error fetching country landed cost: ${(_a = errors.find(Boolean)) === null || _a === void 0 ? void 0 : _a.message}`);
@@ -3227,7 +3227,9 @@ const getLocaleMessages = async ({ countryCode, localeTo, storeId, }) => {
 const getLocalization = async () => {
   try {
     const currentUrl = new URL(window.location.href);
-    const zonosCountry = currentUrl.searchParams.get('zonosCountry');
+    // load and use country from session storage when zonosCountry query param is not present
+    const countryLoadedSession = window.sessionStorage.getItem('zonos--country');
+    const zonosCountry = currentUrl.searchParams.get('zonosCountry') || countryLoadedSession;
     const fetchUrl = `${"https://v1.route.js.zonos.com"}/api/localization${zonosCountry ? `?zonosCountry=${zonosCountry}` : ''}`;
     const { errors, json } = await handleFetch(fetchUrl, {
       method: 'GET',
@@ -3468,6 +3470,7 @@ const { state: localizationStore } = zonosStore.createStore({
 const getNewLocalization = async () => {
   log('get new localization store');
   const { isShippableCountry, selectedCountryCode } = localizationStore;
+  const isGuaranteed = zonosStore.zonosStore.checkoutSettings.visibilityStatus === 'ENABLED';
   if (zonosStore.zonosStore.helloSettings.currencyBehavior === 'DISABLED' ||
     !isShippableCountry ||
     !selectedCountryCode) {
@@ -3475,6 +3478,7 @@ const getNewLocalization = async () => {
   }
   localizationStore.exchangeRate = await getExchangeRate({
     country: localizationStore.selectedCountryCode,
+    isGuaranteed,
     sourceCurrency: zonosStore.zonosStore.sourceCurrency,
     targetCurrency: localizationStore.targetCurrency,
   });
@@ -3527,6 +3531,8 @@ const localizationStoreUpdateSelectedCountryCode = async (newSelectedCountryCode
   localizationStore.targetCurrency = currencyCode;
   void getNewLocalization();
   void getCustomMessages();
+  // Save the country code to session storage for later use
+  window.sessionStorage.setItem('zonos--country', selectedCountryCode);
   // Update the URL query param with the new country code
   setZonosCountryUrlParam(selectedCountryCode);
 };
@@ -3571,5 +3577,3 @@ exports.log = log;
 exports.logError = logError;
 exports.setZonosCountryUrlParam = setZonosCountryUrlParam;
 exports.translate = translate;
-
-//# sourceMappingURL=localization-d510574c.js.map

package/dist/cjs/{submitGtag-4de4430f.js → submitGtag-9e873a0a.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-const zonosStore = require('./zonosStore-d9cdaec6.js');
-const localization = require('./localization-d510574c.js');
+const zonosStore = require('./zonosStore-270f79cc.js');
+const localization = require('./localization-3a4b4a43.js');
 
 const checkoutBreakpoint = 890;
 const isCheckoutMobile = (isMobile) => {
@@ -25,5 +25,3 @@ const submitGtag = (event) => {
 
 exports.isCheckoutMobile = isCheckoutMobile;
 exports.submitGtag = submitGtag;
-
-//# sourceMappingURL=submitGtag-4de4430f.js.map

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

@@ -3,11 +3,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9542d2e7.js');
-const cart = require('./cart-a969ee0b.js');
-const localization = require('./localization-d510574c.js');
-require('./zonosStore-d9cdaec6.js');
-require('./isDarkColor-e1a7bf45.js');
-require('./getBorderRadius-ae52cae1.js');
+const cart = require('./cart-ac9a3c40.js');
+const localization = require('./localization-3a4b4a43.js');
+require('./zonosStore-270f79cc.js');
+require('./isDarkColor-0651a165.js');
+require('./getBorderRadius-1f9c0fa3.js');
 
 const zonosAddressCss = ".sc-zonos-address-h{font-family:Inter;display:block}.sc-zonos-address-h img.sc-zonos-address{max-width:100%}.sc-zonos-address-h dl.sc-zonos-address,.sc-zonos-address-h dd.sc-zonos-address,.sc-zonos-address-h h1.sc-zonos-address,.sc-zonos-address-h h2.sc-zonos-address,.sc-zonos-address-h h3.sc-zonos-address,.sc-zonos-address-h h4.sc-zonos-address,.sc-zonos-address-h h5.sc-zonos-address,.sc-zonos-address-h h6.sc-zonos-address,.sc-zonos-address-h hr.sc-zonos-address,.sc-zonos-address-h figure.sc-zonos-address,.sc-zonos-address-h p.sc-zonos-address,.sc-zonos-address-h pre.sc-zonos-address{margin:0}.sc-zonos-address-h{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}.sc-zonos-address-h .zonos--title.sc-zonos-address{margin-bottom:var(--amino-space-16)}";
 
@@ -122,5 +122,3 @@ ZonosLinkAuthentication.style = zonosLinkAuthenticationCss;
 
 exports.zonos_address = ZonosAddress;
 exports.zonos_link_authentication = ZonosLinkAuthentication;
-
-//# sourceMappingURL=zonos-address_2.cjs.entry.js.map

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

@@ -32,5 +32,3 @@ const ZonosBadge = class {
 ZonosBadge.style = zonosBadgeCss;
 
 exports.zonos_badge = ZonosBadge;
-
-//# sourceMappingURL=zonos-badge.cjs.entry.js.map

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

@@ -64,5 +64,3 @@ const ZonosBanner = class {
 ZonosBanner.style = zonosBannerCss;
 
 exports.zonos_banner = ZonosBanner;
-
-//# sourceMappingURL=zonos-banner.cjs.entry.js.map

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

@@ -3,11 +3,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9542d2e7.js');
-const zonosStore = require('./zonosStore-d9cdaec6.js');
+const zonosStore = require('./zonosStore-270f79cc.js');
 const classes = require('./classes-b7918f56.js');
-const getBorderRadius = require('./getBorderRadius-ae52cae1.js');
+const getBorderRadius = require('./getBorderRadius-1f9c0fa3.js');
 const isColorVariable = require('./isColorVariable-c1ed7303.js');
-const isDarkColor = require('./isDarkColor-e1a7bf45.js');
+const isDarkColor = require('./isDarkColor-0651a165.js');
 
 /**
  * Get theme for button text based on background color
@@ -125,5 +125,3 @@ ZonosSpinner.style = zonosSpinnerCss;
 
 exports.zonos_button = ZonosButton;
 exports.zonos_spinner = ZonosSpinner;
-
-//# sourceMappingURL=zonos-button_2.cjs.entry.js.map

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

@@ -43,5 +43,3 @@ VStack.style = zonosVStackCss;
 
 exports.zonos_card = ZonosCard;
 exports.zonos_v_stack = VStack;
-
-//# sourceMappingURL=zonos-card_2.cjs.entry.js.map

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

@@ -3,13 +3,13 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9542d2e7.js');
-const cart = require('./cart-a969ee0b.js');
-const localization = require('./localization-d510574c.js');
-const getBorderRadius = require('./getBorderRadius-ae52cae1.js');
-const submitGtag = require('./submitGtag-4de4430f.js');
+const cart = require('./cart-ac9a3c40.js');
+const localization = require('./localization-3a4b4a43.js');
+const getBorderRadius = require('./getBorderRadius-1f9c0fa3.js');
+const submitGtag = require('./submitGtag-9e873a0a.js');
 const classes = require('./classes-b7918f56.js');
-const zonosStore = require('./zonosStore-d9cdaec6.js');
-require('./isDarkColor-e1a7bf45.js');
+const zonosStore = require('./zonosStore-270f79cc.js');
+require('./isDarkColor-0651a165.js');
 
 const formatCurrency = ({ amount, currency, showCurrencyText, }) => showCurrencyText
   ? `${new Intl.NumberFormat('en-US', {
@@ -122,6 +122,12 @@ const ZonosCheckoutFinish = class {
         }
         else {
           submitGtag.submitGtag('zonos-checkout-success');
+          const successEvent = new CustomEvent('zonos-checkout-success', {
+            detail: {
+              message: 'Zonos Checkout successfully processed order',
+            },
+          });
+          document.dispatchEvent(successEvent);
         }
       }
       cart.stripeStoreReset();
@@ -144,6 +150,7 @@ const ZonosCheckoutFinish = class {
       this.notificationType = this.overrideNotification.type;
       this.notificationTitle = this.overrideNotification.title;
       this.notificationMessages = this.overrideNotification.messages;
+      this.isLoading = false;
       return;
     }
     void this.checkPaymentStatus();
@@ -233,7 +240,7 @@ const ZonosCollapse = class {
 };
 ZonosCollapse.style = zonosCollapseCss;
 
-const zonosCustomerInfoCss = ".sc-zonos-customer-info-h{font-family:Inter;display:block}.sc-zonos-customer-info-h img.sc-zonos-customer-info{max-width:100%}.sc-zonos-customer-info-h dl.sc-zonos-customer-info,.sc-zonos-customer-info-h dd.sc-zonos-customer-info,.sc-zonos-customer-info-h h1.sc-zonos-customer-info,.sc-zonos-customer-info-h h2.sc-zonos-customer-info,.sc-zonos-customer-info-h h3.sc-zonos-customer-info,.sc-zonos-customer-info-h h4.sc-zonos-customer-info,.sc-zonos-customer-info-h h5.sc-zonos-customer-info,.sc-zonos-customer-info-h h6.sc-zonos-customer-info,.sc-zonos-customer-info-h hr.sc-zonos-customer-info,.sc-zonos-customer-info-h figure.sc-zonos-customer-info,.sc-zonos-customer-info-h p.sc-zonos-customer-info,.sc-zonos-customer-info-h pre.sc-zonos-customer-info{margin:0}.sc-zonos-customer-info-h{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}.sc-zonos-customer-info-h{overflow:hidden;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.sc-zonos-customer-info-h .zonos--title.sc-zonos-customer-info{margin-bottom:var(--amino-space-20)}.sc-zonos-customer-info-h .zonos--link-authentication.sc-zonos-customer-info{margin-bottom:var(--amino-space-32)}.sc-zonos-customer-info-h .zonos--group.sc-zonos-customer-info{margin-bottom:var(--amino-space-20);overflow:auto;padding:0 5px}.sc-zonos-customer-info-h .zonos--group.sc-zonos-customer-info::-webkit-scrollbar{width:10px}.sc-zonos-customer-info-h .zonos--group.sc-zonos-customer-info::-webkit-scrollbar-track{background:var(--amino-gray-50)}.sc-zonos-customer-info-h .zonos--group.sc-zonos-customer-info::-webkit-scrollbar-thumb{border-radius:10px;background:#cccccc;border:3px solid transparent;background-clip:content-box}.sc-zonos-customer-info-h .zonos--group.sc-zonos-customer-info::-webkit-scrollbar-thumb:hover{background:#d6d6d6}.sc-zonos-customer-info-h zonos-button.sc-zonos-customer-info{width:100%}";
+const zonosCustomerInfoCss = ".sc-zonos-customer-info-h{font-family:Inter;display:block}.sc-zonos-customer-info-h img.sc-zonos-customer-info{max-width:100%}.sc-zonos-customer-info-h dl.sc-zonos-customer-info,.sc-zonos-customer-info-h dd.sc-zonos-customer-info,.sc-zonos-customer-info-h h1.sc-zonos-customer-info,.sc-zonos-customer-info-h h2.sc-zonos-customer-info,.sc-zonos-customer-info-h h3.sc-zonos-customer-info,.sc-zonos-customer-info-h h4.sc-zonos-customer-info,.sc-zonos-customer-info-h h5.sc-zonos-customer-info,.sc-zonos-customer-info-h h6.sc-zonos-customer-info,.sc-zonos-customer-info-h hr.sc-zonos-customer-info,.sc-zonos-customer-info-h figure.sc-zonos-customer-info,.sc-zonos-customer-info-h p.sc-zonos-customer-info,.sc-zonos-customer-info-h pre.sc-zonos-customer-info{margin:0}.sc-zonos-customer-info-h{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}.sc-zonos-customer-info-h{overflow:hidden;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.sc-zonos-customer-info-h .zonos--title.sc-zonos-customer-info{margin-bottom:var(--amino-space-20)}.sc-zonos-customer-info-h .zonos--link-authentication.sc-zonos-customer-info{margin-bottom:var(--amino-space-32)}.sc-zonos-customer-info-h .zonos--group.sc-zonos-customer-info{margin-bottom:var(--amino-space-20);overflow:auto;padding:5px}.sc-zonos-customer-info-h .zonos--group.sc-zonos-customer-info::-webkit-scrollbar{width:10px}.sc-zonos-customer-info-h .zonos--group.sc-zonos-customer-info::-webkit-scrollbar-track{background:var(--amino-gray-50)}.sc-zonos-customer-info-h .zonos--group.sc-zonos-customer-info::-webkit-scrollbar-thumb{border-radius:10px;background:#cccccc;border:3px solid transparent;background-clip:content-box}.sc-zonos-customer-info-h .zonos--group.sc-zonos-customer-info::-webkit-scrollbar-thumb:hover{background:#d6d6d6}.sc-zonos-customer-info-h zonos-button.sc-zonos-customer-info{width:100%}";
 
 const ZonosCustomerInfo = class {
   constructor(hostRef) {
@@ -503,5 +510,3 @@ exports.zonos_dialog = ZonosDialog;
 exports.zonos_logo = ZonosLogo;
 exports.zonos_review = ZonosReview;
 exports.zonos_shipping = ZonosShipping;
-
-//# sourceMappingURL=zonos-cart-items_10.cjs.entry.js.map

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

@@ -3,13 +3,13 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9542d2e7.js');
-const cart = require('./cart-a969ee0b.js');
-const localization = require('./localization-d510574c.js');
-const zonosStore = require('./zonosStore-d9cdaec6.js');
-const submitGtag = require('./submitGtag-4de4430f.js');
+const cart = require('./cart-ac9a3c40.js');
+const localization = require('./localization-3a4b4a43.js');
+const zonosStore = require('./zonosStore-270f79cc.js');
+const submitGtag = require('./submitGtag-9e873a0a.js');
 const classes = require('./classes-b7918f56.js');
-const getBorderRadius = require('./getBorderRadius-ae52cae1.js');
-const isDarkColor = require('./isDarkColor-e1a7bf45.js');
+const getBorderRadius = require('./getBorderRadius-1f9c0fa3.js');
+const isDarkColor = require('./isDarkColor-0651a165.js');
 
 const LeftArrow = `<svg color="var(--amino-gray-800)" fill="none" height="24" viewBox="0 0 24 24" width="24" xmlns="https://www.w3.org/2000/svg"><path clip-rule="evenodd" d="M9.707 16.707a1 1 0 0 1-1.414 0l-3.647-3.646a1.5 1.5 0 0 1 0-2.122l3.647-3.646a1 1 0 0 1 1.414 1.414L7.414 11H19a1 1 0 1 1 0 2H7.414l2.293 2.293a1 1 0 0 1 0 1.414Z" fill="currentColor" fill-rule="evenodd"></path></svg>`;
 
@@ -35,6 +35,19 @@ const ZonosCheckout = class {
         overrideTheme: this.isMobile ? theme : undefined,
       });
     };
+    this.isShippableCountry = (showLog = true) => {
+      if (!localization.localizationStore.localizationLoaded) {
+        return false;
+      }
+      // if localization is loaded and the localization is not a shippable country, keep the original click event
+      if (!localization.localizationStore.isShippableCountry) {
+        if (showLog) {
+          localization.log(`not shippable country`);
+        }
+        return false;
+      }
+      return true;
+    };
     this.getCurrentLocalePageEnum = () => {
       switch (cart.cartStore.step) {
         case 'customer-info':
@@ -50,7 +63,6 @@ const ZonosCheckout = class {
     this.appearanceSettingsOverride = undefined;
     this.preview = false;
     this.mobile = false;
-    this.buttonAnchorElements = null;
     this.defaultAddress = null;
     this.forceDialogOpen = false;
     this.open = this.forceDialogOpen;
@@ -92,6 +104,7 @@ const ZonosCheckout = class {
     // if client secret doesn't exist, request a new one.
     if (!cart.stripeStore.clientSecret) {
       const success = await cart.stripeStoreInitCheckoutSession();
+      localization.log(`stripeStoreInitCheckoutSession: ${success}`);
       if (!success) {
         return false;
       }
@@ -101,41 +114,46 @@ const ZonosCheckout = class {
     return true;
   }
   attachCheckout() {
-    if (!this.buttonAnchorElements) {
+    const buttonAnchorSelector = zonosStore.zonosStore.checkoutSettings.placeOrderButtonSelector;
+    if (!buttonAnchorSelector) {
       // do nothing if button element is not found
       return;
     }
+    const buttonAnchorElements = document.querySelectorAll(buttonAnchorSelector);
     // only attach event once, and looping through all of the button elements
-    this.buttonAnchorElements.forEach(button => {
+    buttonAnchorElements.forEach(button => {
       const isEventAttached = button.getAttribute('data-zonos-checkout-attached');
-      if (!isEventAttached) {
-        button.addEventListener('click', async (e) => {
-          if (!localization.localizationStore.localizationLoaded) {
-            return;
-          }
-          // if localization is loaded and the localization is not a shippable country, keep the original click event
-          if (!localization.localizationStore.isShippableCountry) {
-            localization.log(`not shippable country`);
-            return;
-          }
-          e.preventDefault();
-          e.stopPropagation();
-          localization.log('zonos checkout button clicked');
-          this.open = true;
+      if (isEventAttached) {
+        // do nothing if event is already attached
+        return;
+      }
+      button.addEventListener('click', async (e) => {
+        // do nothing if it's not shippable country
+        if (!this.isShippableCountry()) {
+          return;
+        }
+        e.preventDefault();
+        e.stopPropagation();
+        localization.log('zonos checkout button clicked');
+        this.open = true;
+        try {
+          // buildCartDetail need to be catch since it may throw error
           const result = await this.buildCartAndInit();
           if (!result) {
-            cart.cartStoreUpdateToErrorState({
-              messages: [
-                localization.translate("There's been an error creating your checkout session. Please reload and try again or contact support if the error persists"),
-              ],
-              title: localization.translate('Error creating Checkout'),
-            });
-            return;
+            throw new Error('Error building cart');
           }
           submitGtag.submitGtag('zonos-checkout-start');
-        });
-        button.setAttribute('data-zonos-checkout-attached', 'true');
-      }
+        }
+        catch (err) {
+          cart.cartStoreUpdateToErrorState({
+            messages: [
+              localization.translate("There's been an error creating your checkout session. Please reload and try again or contact support if the error persists"),
+            ],
+            title: localization.translate('Error creating Checkout'),
+          });
+        }
+      });
+      button.setAttribute('data-zonos-checkout-attached', 'true');
     });
   }
   appearanceSettingsOverrideChanged() {
@@ -151,20 +169,38 @@ const ZonosCheckout = class {
   async init() {
     cart.stripeStore.stripe = window.Zonos.stripe;
     this.stripe = window.Zonos.stripe;
-    // only init checkout if visitor's country is in the shipping zones.
-    const interval = setInterval(() => {
-      cart.stripeStore.stripe = window.Zonos.stripe;
-      this.stripe = window.Zonos.stripe;
-      if (!localization.localizationStore.localizationLoaded) {
+    const hideInternationalOrderInterval = setInterval(() => {
+      const internationalSelector = window.Zonos.internationalHideSelector;
+      if (!internationalSelector) {
+        // cleanup right away if selector is not found
+        clearInterval(hideInternationalOrderInterval);
         return;
       }
-      // if localization is loaded and the localization is not a shippable country, stop the interval and don't init checkout
-      // No need to check localization if it's preview mode
-      if (!localization.localizationStore.isShippableCountry && !this.preview) {
-        localization.log('not shippable country');
-        clearInterval(interval);
+      // hide the selector if it's international
+      const isInternationalOrder = this.isShippableCountry(false);
+      const selector = document.querySelectorAll(internationalSelector);
+      if (!isInternationalOrder) {
+        // show the selector when it's domestic
+        selector === null || selector === void 0 ? void 0 : selector.forEach(el => {
+          const element = el;
+          const display = element.getAttribute('data-zonos-checkout-original-display');
+          // fallback to initial (browser value) if "display" is not found
+          element.style.display = display || 'initial';
+        });
         return;
       }
+      selector === null || selector === void 0 ? void 0 : selector.forEach(el => {
+        const element = el;
+        const display = element.style.display;
+        // save the display state so we can restore it later
+        element.setAttribute('data-zonos-checkout-original-display', display);
+        element.style.display = 'none';
+      });
+    }, 100);
+    // only init checkout if visitor's country is in the shipping zones.
+    const interval = setInterval(() => {
+      cart.stripeStore.stripe = window.Zonos.stripe;
+      this.stripe = window.Zonos.stripe;
       if (!this.stripe) {
         localization.log('waiting for stripe to be loaded');
         return;
@@ -179,9 +215,13 @@ const ZonosCheckout = class {
       }
       else {
         this.attachCheckout();
+        // keep checking for checkout selector every 50ms just in case the selector is not loaded in the DOM yet
+        setInterval(() => {
+          this.attachCheckout();
+        }, 50);
       }
       clearInterval(interval);
-    }, 100);
+    }, 50);
     setTimeout(() => {
       // if localization is not loaded after 10 seconds, stop the interval and don't init checkout
       clearInterval(interval);
@@ -287,7 +327,9 @@ const ZonosCheckout = class {
     var _a;
     const dialogLoading = 
     // if it's last step, don't need to check stripe elements
-    (cart.cartStore.step !== 'finish' && !cart.stripeStore.stripeElements) ||
+    (cart.cartStore.step !== 'finish' &&
+      cart.cartStore.step !== 'error' &&
+      !cart.stripeStore.stripeElements) ||
       cart.stripeStore.isFetchingSession;
     const { colorPrimary, colorSecondary, logoUrl, style } = zonosStore.mergeConfig(zonosStore.zonosStore.appearance, this.appearanceSettingsOverride);
     const hasFooter = zonosStore.zonosStore.appearance.zonosAttribution === 'ENABLED';
@@ -337,5 +379,3 @@ const ZonosCheckout = class {
 ZonosCheckout.style = zonosCheckoutCss;
 
 exports.zonos_checkout = ZonosCheckout;
-
-//# sourceMappingURL=zonos-checkout.cjs.entry.js.map

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

@@ -27,5 +27,3 @@ const ZonosComponent = class {
 ZonosComponent.style = zonosComponentCss;
 
 exports.zonos_component = ZonosComponent;
-
-//# sourceMappingURL=zonos-component.cjs.entry.js.map