@zonos/elements 1.3.39 → 1.3.41

package/dist/esm/loader.js

@@ -1,11 +1,11 @@
-import { b as bootstrapLazy } from './index-3b46f3c3.js';
-export { s as setNonce } from './index-3b46f3c3.js';
+import { b as bootstrapLazy } from './index-86b8247e.js';
+export { s as setNonce } from './index-86b8247e.js';
 import { g as globalScripts } from './app-globals-0f993ce5.js';
 
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;
   await globalScripts();
-  return bootstrapLazy([["zonos-checkout",[[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],"domesticRedirectedBtnSelector":[32],"legacyCheckoutHiddenBtnSelector":[32],"isLegacyCheckout":[32],"confirmDialogOpen":[32],"showSessionTimoutScreen":[32],"checkoutTimeoutInterval":[32],"inventoryCheckErrorMessage":[32],"closeDialogHandler":[64],"init":[64],"setToFinishStep":[64]},[[16,"zonos--init-cart-info","initCartInfoHandler"],[4,"keydown","handleKeyPress"],[9,"resize","handleWindowResize"]],{"appearanceSettingsOverride":["appearanceSettingsOverrideChanged","handleAppearanceSettingsOverrideChange"],"mobile":["handleMobileChange"],"defaultAddress":["handleAddressChange"]}]]],["zonos-hello",[[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],"isHelloWidgetRendered":[32],"getCountryList":[64],"displayCurrency":[64],"convertAndFormat":[64],"convert":[64],"format":[64],"openHelloDialog":[64]},[[9,"resize","handleResize"]],{"appearanceSettingsOverride":["handleAppearanceSettingsOverrideChange"]}]]],["zonos-controller",[[1,"zonos-controller",{"config":[16],"zonosApiKey":[1,"zonos-api-key"],"initCheckoutElement":[64],"setupGoogleFont":[64],"showNotification":[64],"reset":[64],"overrideConfig":[64],"overrideCountry":[64],"getAppearanceSetting":[64],"updateOrganizationName":[64]},[[8,"locationchange","handleLocationChange"]]]]],["zonos-component",[[1,"zonos-component",{"first":[1],"middle":[1],"last":[1]}]]],["zonos-link",[[1,"zonos-link",{"href":[1],"rel":[1],"target":[1],"linkTitle":[1,"link-title"]}]]],["zonos-logo",[[1,"zonos-logo",{"theme":[1],"width":[1]}]]],["zonos-input",[[1,"zonos-input",{"inputValue":[1,"input-value"],"inputLabel":[1,"input-label"],"inputSize":[1,"input-size"],"isDisabled":[4,"is-disabled"],"isError":[4,"is-error"],"inputPlaceholder":[1,"input-placeholder"],"value":[32]},null,{"inputValue":["onInputValueChange"]}]]],["zonos-badge_2",[[1,"zonos-tooltip",{"label":[1],"subtitle":[1],"showTooltip":[32]}],[1,"zonos-badge",{"bold":[4],"badgeColor":[1,"badge-color"],"icon":[16],"iconRight":[4,"icon-right"],"size":[1],"rounded":[4]}]]],["zonos-country-flag",[[1,"zonos-country-flag",{"countryCode":[1,"country-code"],"size":[2]}]]],["zonos-v-stack",[[1,"zonos-v-stack",{"spacing":[2]}]]],["zonos-text",[[1,"zonos-text",{"textColor":[1,"text-color"],"size":[1],"type":[1],"weight":[2],"ready":[32]}]]],["zonos-country-select_3",[[1,"zonos-country-select",{"handleOnClose":[16],"inputValue":[32]}],[1,"zonos-hello-dialog-footer",{"appearanceSettings":[16],"setShowCountrySelect":[16],"setShowLanguageSelect":[16]}],[1,"zonos-custom-message",{"icon":[1],"message":[1]}]]],["zonos-hello-dialog",[[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],"showLanguageSelect":[32]},[[4,"click","globalClickHandler"]],{"isOpen":["isOpenHandler"]}]]],["zonos-shipping-rich-radio",[[1,"zonos-shipping-rich-radio",{"items":[16],"borderColor":[1,"border-color"],"borderStyle":[1,"border-style"],"theme":[1],"initialSelectedValue":[8,"initial-selected-value"],"selectedItem":[32]}]]],["zonos-notification_2",[[2,"zonos-payment",{"titleText":[1,"title-text"],"stripe":[32],"stripeElements":[32]},null,{"stripeElements":["watchInitStripe"],"stripe":["watchInitStripe"]}],[1,"zonos-notification",{"notificationArray":[32],"showNotification":[64]}]]],["zonos-card",[[1,"zonos-card",{"actions":[16],"backgroundColor":[1,"background-color"],"borderRadius":[2,"border-radius"],"footerActions":[16],"footerContent":[16],"footerHeight":[2,"footer-height"],"label":[16],"spacing":[1]}]]],["zonos-banner",[[1,"zonos-banner",{"bannerTitle":[1,"banner-title"],"intent":[1],"hasContent":[32]}]]],["zonos-button_3",[[17,"zonos-button",{"buttonColor":[1,"button-color"],"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"],"withBoxShadow":[4,"with-box-shadow"],"noPaddingLeft":[4,"no-padding-left"],"noPaddingRight":[4,"no-padding-right"],"loading":[4],"justifyContent":[1,"justify-content"],"theme":[1],"hasIcon":[32],"hasContent":[32]},[[2,"click","clickHandler"]],{"icon":["iconChangeHandler"]}],[1,"zonos-spinner",{"size":[2],"spinnerColor":[1,"spinner-color"]}],[1,"zonos-icon",{"autoHeight":[4,"auto-height"],"iconColor":[1,"icon-color"],"content":[1],"size":[2]}]]],["zonos-language-select_2",[[1,"zonos-language-select",{"handleOnClose":[16]}],[1,"zonos-select-dialog-header",{"handleOnClose":[16],"label":[1]}]]],["zonos-address_8",[[1,"zonos-address-update-dialog",{"continueLoading":[4,"continue-loading"],"dialogLoading":[4,"dialog-loading"],"dialogOpen":[4,"dialog-open"],"submitBtnType":[1,"submit-btn-type"],"submitBtnColor":[1,"submit-btn-color"],"isMobile":[4,"is-mobile"],"shippingAddress":[16],"billingAddress":[16],"translatedShippingAddress":[16],"translatedBillingAddress":[16],"showErrorBanner":[32],"translatedShippingAddressState":[32],"translatedBillingAddressState":[32]},null,{"translatedShippingAddress":["watchTranslatedShippingAddress"],"translatedBillingAddress":["watchTranslatedBillingAddress"]}],[2,"zonos-address",{"type":[1],"titleText":[1,"title-text"],"defaultAddress":[16],"stripe":[32],"isDirtyAddress":[32]},null,{"stripe":["watchInitStripe"]}],[1,"zonos-checkbox",{"backgroundColor":[1,"background-color"],"label":[1],"isChecked":[4,"is-checked"],"isDisabled":[4,"is-disabled"],"size":[2],"fontSize":[1,"font-size"],"borderStyle":[1,"border-style"]},[[1,"click","onClick"]]],[2,"zonos-link-authentication",{"titleText":[1,"title-text"],"defaultEmail":[1,"default-email"],"stripe":[32]},null,{"stripe":["watchInitStripe"]}],[1,"zonos-dialog",{"open":[4],"headerText":[1,"header-text"],"width":[1],"height":[1],"minHeight":[1,"min-height"],"noHeader":[4,"no-header"],"noBodyPadding":[4,"no-body-padding"],"noBorder":[4,"no-border"],"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"],[4,"keydown","handleKeyDown"]]],[1,"zonos-address-display",{"currentAddress":[16],"addressType":[1,"address-type"]}],[1,"zonos-address-form",{"currentAddress":[16],"translatedAddress":[16],"addressType":[1,"address-type"],"localAddress":[32]},null,{"translatedAddress":["watchCurrentAddress"]}],[1,"zonos-collapse",{"collapsed":[4],"collapseSize":[2,"collapse-size"],"height":[32],"iframe":[32]}]]],["zonos-cart-items_12",[[2,"zonos-customer-info",{"continueLoading":[4,"continue-loading"],"submitBtnType":[1,"submit-btn-type"],"submitBtnColor":[1,"submit-btn-color"],"isMobile":[4,"is-mobile"],"defaultAddress":[16],"showErrorBanner":[32],"shippingCountry":[32],"isCheckingForRestrictedItems":[32],"isValidatingAddress":[32],"invalidShippingCharacterList":[32],"invalidBillingCharacterList":[32],"openAddressValidationDialog":[32]}],[2,"zonos-checkout-payment",{"paymentError":[4,"payment-error"],"submitBtnType":[1,"submit-btn-type"],"continueLoading":[4,"continue-loading"],"submitBtnColor":[1,"submit-btn-color"],"showErrorBanner":[32]}],[1,"zonos-checkout-footer",{"mobile":[4],"dataTheme":[1,"data-theme"],"showLanguageDialog":[32],"isMobile":[32]},[[4,"click","handleGlobalClick"]],{"mobile":["handleMobileChange"]}],[1,"zonos-checkout-finish",{"borderRadius":[1,"border-radius"],"storybookForceStatus":[1,"storybook-force-status"],"overrideNotification":[16],"isLoading":[32],"notificationType":[32],"notificationTitle":[32],"notificationMessages":[32],"notificationActionText":[32],"order":[32]}],[2,"zonos-shipping",{"continueLoading":[4,"continue-loading"],"submitBtnColor":[1,"submit-btn-color"],"submitBtnType":[1,"submit-btn-type"],"selectedShippingMethod":[32],"isSelecting":[32],"showErrorBanner":[32],"serviceLevels":[32]}],[1,"zonos-cart-restricted-items",{"hide":[4],"errorImages":[32],"internalCollapsed":[32],"firstRender":[32]}],[1,"zonos-cart-subtotal"],[1,"zonos-confirm-dialog",{"dialogTitle":[1,"dialog-title"],"dialogIntent":[1,"dialog-intent"],"dialogSubtitle":[1,"dialog-subtitle"],"submitBtnColor":[1,"submit-btn-color"],"dialogConfirmBtnText":[1,"dialog-confirm-btn-text"],"dialogCancelBtnText":[1,"dialog-cancel-btn-text"],"dialogType":[1,"dialog-type"],"isMobile":[4,"is-mobile"],"dialogOpen":[4,"dialog-open"],"noClickOutside":[4,"no-click-outside"]},[[4,"keydown","handleKeyDown"]]],[1,"zonos-checkout-progress-tabs",{"tabColor":[1,"tab-color"],"backgroundColor":[1,"background-color"],"setTabItems":[64],"setTabSelected":[64]}],[1,"zonos-review",{"mobile":[4],"collapsed":[4],"isMobile":[32]},[[9,"resize","handleWindowResize"]]],[1,"zonos-cart-items",{"errorImages":[32]}],[1,"zonos-rest-state",{"restStateSubtitle":[1,"rest-state-subtitle"],"restStateTitle":[1,"rest-state-title"],"restStateType":[1,"rest-state-type"],"isErrorImageLoad":[32]}]]]], options);
+  return bootstrapLazy([["zonos-checkout",[[2,"zonos-checkout",{"appearanceSettingsOverride":[16],"preview":[4],"mobile":[4],"defaultAddress":[16],"forceDialogOpen":[4,"force-dialog-open"],"open":[32],"stripe":[32],"submitLoading":[32],"collapseReviewMobile":[32],"isAttachError":[32],"isMobile":[32],"zonosReviewRef":[32],"storybookPaymentStatusOverride":[32],"domesticRedirectedBtnSelector":[32],"legacyCheckoutHiddenBtnSelector":[32],"isLegacyCheckout":[32],"confirmDialogOpen":[32],"inventoryCheckErrorMessage":[32],"closeDialogHandler":[64],"init":[64],"setToFinishStep":[64]},[[16,"zonos--init-cart-info","initCartInfoHandler"],[4,"keydown","handleKeyPress"],[9,"resize","handleWindowResize"]],{"appearanceSettingsOverride":["appearanceSettingsOverrideChanged","handleAppearanceSettingsOverrideChange"],"mobile":["handleMobileChange"],"defaultAddress":["handleAddressChange"]}]]],["zonos-hello",[[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],"isHelloWidgetRendered":[32],"getCountryList":[64],"displayCurrency":[64],"convertAndFormat":[64],"convert":[64],"format":[64],"openHelloDialog":[64]},[[9,"resize","handleResize"]],{"appearanceSettingsOverride":["handleAppearanceSettingsOverrideChange"]}]]],["zonos-controller",[[1,"zonos-controller",{"config":[16],"zonosApiKey":[1,"zonos-api-key"],"initCheckoutElement":[64],"setupGoogleFont":[64],"showNotification":[64],"reset":[64],"overrideConfig":[64],"overrideCountry":[64],"getAppearanceSetting":[64],"updateOrganizationName":[64]},[[8,"locationchange","handleLocationChange"]]]]],["zonos-component",[[1,"zonos-component",{"first":[1],"middle":[1],"last":[1]}]]],["zonos-link",[[1,"zonos-link",{"href":[1],"rel":[1],"target":[1],"linkTitle":[1,"link-title"]}]]],["zonos-logo",[[1,"zonos-logo",{"theme":[1],"width":[1]}]]],["zonos-input",[[1,"zonos-input",{"inputValue":[1,"input-value"],"inputLabel":[1,"input-label"],"inputSize":[1,"input-size"],"isDisabled":[4,"is-disabled"],"isError":[4,"is-error"],"inputPlaceholder":[1,"input-placeholder"],"value":[32]},null,{"inputValue":["onInputValueChange"]}]]],["zonos-text",[[1,"zonos-text",{"textColor":[1,"text-color"],"size":[1],"type":[1],"weight":[2],"ready":[32]}]]],["zonos-badge_2",[[1,"zonos-tooltip",{"label":[1],"subtitle":[1],"showTooltip":[32]}],[1,"zonos-badge",{"bold":[4],"badgeColor":[1,"badge-color"],"icon":[16],"iconRight":[4,"icon-right"],"size":[1],"rounded":[4]}]]],["zonos-card",[[1,"zonos-card",{"actions":[16],"backgroundColor":[1,"background-color"],"borderRadius":[2,"border-radius"],"footerActions":[16],"footerContent":[16],"footerHeight":[2,"footer-height"],"label":[16],"spacing":[1]}]]],["zonos-v-stack",[[1,"zonos-v-stack",{"spacing":[2]}]]],["zonos-country-select_4",[[1,"zonos-country-select",{"handleOnClose":[16],"inputValue":[32]}],[1,"zonos-hello-dialog-footer",{"appearanceSettings":[16],"setShowCountrySelect":[16],"setShowLanguageSelect":[16]}],[1,"zonos-custom-message",{"icon":[1],"message":[1]}],[2,"zonos-virtual-scroll",{"renderItem":[16],"itemWidth":[2,"item-width"],"fallbackItemHeight":[2,"fallback-item-height"],"itemHeights":[16],"container":[32],"scrollTop":[32],"totalHeight":[32]},null,{"itemHeights":["updateTotalHeight"],"fallbackItemHeight":["updateTotalHeight"]}]]],["zonos-hello-dialog",[[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],"showLanguageSelect":[32]},[[4,"click","globalClickHandler"]],{"isOpen":["isOpenHandler"]}]]],["zonos-shipping-rich-radio",[[1,"zonos-shipping-rich-radio",{"items":[16],"borderColor":[1,"border-color"],"borderStyle":[1,"border-style"],"theme":[1],"initialSelectedValue":[8,"initial-selected-value"],"selectedItem":[32]}]]],["zonos-notification_3",[[2,"zonos-payment",{"titleText":[1,"title-text"],"stripe":[32],"stripeElements":[32]},null,{"stripeElements":["watchInitStripe"],"stripe":["watchInitStripe"]}],[2,"zonos-paypal-payment"],[1,"zonos-notification",{"notificationArray":[32],"showNotification":[64]}]]],["zonos-banner",[[1,"zonos-banner",{"bannerTitle":[1,"banner-title"],"intent":[1],"hasContent":[32]}]]],["zonos-country-flag",[[1,"zonos-country-flag",{"countryCode":[1,"country-code"],"size":[2]}]]],["zonos-button_3",[[17,"zonos-button",{"buttonColor":[1,"button-color"],"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"],"withBoxShadow":[4,"with-box-shadow"],"noPaddingLeft":[4,"no-padding-left"],"noPaddingRight":[4,"no-padding-right"],"loading":[4],"justifyContent":[1,"justify-content"],"theme":[1],"hasIcon":[32],"hasContent":[32]},[[2,"click","clickHandler"]],{"icon":["iconChangeHandler"]}],[1,"zonos-spinner",{"size":[2],"spinnerColor":[1,"spinner-color"]}],[1,"zonos-icon",{"autoHeight":[4,"auto-height"],"iconColor":[1,"icon-color"],"content":[1],"size":[2]}]]],["zonos-language-select_2",[[1,"zonos-language-select",{"handleOnClose":[16]}],[1,"zonos-select-dialog-header",{"handleOnClose":[16],"label":[1]}]]],["zonos-address_8",[[1,"zonos-address-update-dialog",{"continueLoading":[4,"continue-loading"],"dialogLoading":[4,"dialog-loading"],"dialogOpen":[4,"dialog-open"],"submitBtnType":[1,"submit-btn-type"],"submitBtnColor":[1,"submit-btn-color"],"isMobile":[4,"is-mobile"],"shippingAddress":[16],"billingAddress":[16],"translatedShippingAddress":[16],"translatedBillingAddress":[16],"showErrorBanner":[32],"translatedShippingAddressState":[32],"translatedBillingAddressState":[32]},null,{"translatedShippingAddress":["watchTranslatedShippingAddress"],"translatedBillingAddress":["watchTranslatedBillingAddress"]}],[2,"zonos-address",{"type":[1],"titleText":[1,"title-text"],"defaultAddress":[16],"stripe":[32],"isDirtyAddress":[32]},null,{"stripe":["watchInitStripe"]}],[1,"zonos-checkbox",{"backgroundColor":[1,"background-color"],"label":[1],"isChecked":[4,"is-checked"],"isDisabled":[4,"is-disabled"],"size":[2],"fontSize":[1,"font-size"],"borderStyle":[1,"border-style"]},[[1,"click","onClick"]]],[2,"zonos-link-authentication",{"titleText":[1,"title-text"],"defaultEmail":[1,"default-email"],"stripe":[32]},null,{"stripe":["watchInitStripe"]}],[1,"zonos-dialog",{"open":[4],"headerText":[1,"header-text"],"width":[1],"height":[1],"minHeight":[1,"min-height"],"noHeader":[4,"no-header"],"noBodyPadding":[4,"no-body-padding"],"noBorder":[4,"no-border"],"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"],[4,"keydown","handleKeyDown"]]],[1,"zonos-address-display",{"currentAddress":[16],"addressType":[1,"address-type"]}],[1,"zonos-address-form",{"currentAddress":[16],"translatedAddress":[16],"addressType":[1,"address-type"],"localAddress":[32]},null,{"translatedAddress":["watchCurrentAddress"]}],[1,"zonos-collapse",{"collapsed":[4],"collapseSize":[2,"collapse-size"],"height":[32],"iframe":[32]}]]],["zonos-cart-items_12",[[2,"zonos-customer-info",{"continueLoading":[4,"continue-loading"],"submitBtnType":[1,"submit-btn-type"],"submitBtnColor":[1,"submit-btn-color"],"isMobile":[4,"is-mobile"],"defaultAddress":[16],"showErrorBanner":[32],"shippingCountry":[32],"isCheckingForRestrictedItems":[32],"isValidatingAddress":[32],"invalidShippingCharacterList":[32],"invalidBillingCharacterList":[32],"openAddressValidationDialog":[32]}],[2,"zonos-checkout-payment",{"submitBtnType":[1,"submit-btn-type"],"continueLoading":[4,"continue-loading"],"submitBtnColor":[1,"submit-btn-color"],"showErrorBanner":[32]}],[1,"zonos-checkout-footer",{"mobile":[4],"dataTheme":[1,"data-theme"],"showLanguageDialog":[32],"isMobile":[32]},[[4,"click","handleGlobalClick"]],{"mobile":["handleMobileChange"]}],[1,"zonos-checkout-finish",{"borderRadius":[1,"border-radius"],"storybookForceStatus":[1,"storybook-force-status"],"overrideNotification":[16],"isLoading":[32],"notificationType":[32],"notificationTitle":[32],"notificationMessages":[32],"notificationActionText":[32],"order":[32]}],[2,"zonos-shipping",{"continueLoading":[4,"continue-loading"],"submitBtnColor":[1,"submit-btn-color"],"submitBtnType":[1,"submit-btn-type"],"selectedShippingMethod":[32],"isSelecting":[32],"showErrorBanner":[32],"serviceLevels":[32]}],[1,"zonos-cart-restricted-items",{"hide":[4],"errorImages":[32],"internalCollapsed":[32],"firstRender":[32]}],[1,"zonos-cart-subtotal"],[1,"zonos-confirm-dialog",{"dialogTitle":[1,"dialog-title"],"dialogIntent":[1,"dialog-intent"],"dialogSubtitle":[1,"dialog-subtitle"],"submitBtnColor":[1,"submit-btn-color"],"dialogConfirmBtnText":[1,"dialog-confirm-btn-text"],"dialogCancelBtnText":[1,"dialog-cancel-btn-text"],"dialogType":[1,"dialog-type"],"isMobile":[4,"is-mobile"],"dialogOpen":[4,"dialog-open"],"noClickOutside":[4,"no-click-outside"]},[[4,"keydown","handleKeyDown"]]],[1,"zonos-checkout-progress-tabs",{"tabColor":[1,"tab-color"],"backgroundColor":[1,"background-color"],"setTabItems":[64],"setTabSelected":[64]}],[1,"zonos-review",{"mobile":[4],"collapsed":[4],"isMobile":[32]},[[9,"resize","handleWindowResize"]]],[1,"zonos-cart-items",{"errorImages":[32]}],[1,"zonos-rest-state",{"restStateSubtitle":[1,"rest-state-subtitle"],"restStateTitle":[1,"rest-state-title"],"restStateType":[1,"rest-state-type"],"isErrorImageLoad":[32]}]]]], options);
 };
 
 export { defineCustomElements };

package/dist/esm/paypal-72296ae6.js

@@ -0,0 +1,453 @@
+import { z as zonosStore, c as createStore } from './zonosStore-8fc9ceb2.js';
+import { w as handleFetch, d as cartStore, q as stripeStoreHandleInventoryCheck, t as translate, p as cartStoreNextStep, h as cartStoreClearCheckoutInterval, x as jsonParse } from './cart-f53c9f90.js';
+import { t as tinycolor } from './isDarkColor-3119e351.js';
+import { l as log, a as logError } from './logError-c456c092.js';
+
+/*!
+ * paypal-js v8.1.0 (2024-06-07T16:55:00.122Z)
+ * Copyright 2020-present, PayPal, Inc. All rights reserved.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+function findScript(url, attributes) {
+    var currentScript = document.querySelector("script[src=\"".concat(url, "\"]"));
+    if (currentScript === null)
+        return null;
+    var nextScript = createScriptElement(url, attributes);
+    // ignore the data-uid-auto attribute that gets auto-assigned to every script tag
+    var currentScriptClone = currentScript.cloneNode();
+    delete currentScriptClone.dataset.uidAuto;
+    // check if the new script has the same number of data attributes
+    if (Object.keys(currentScriptClone.dataset).length !==
+        Object.keys(nextScript.dataset).length) {
+        return null;
+    }
+    var isExactMatch = true;
+    // check if the data attribute values are the same
+    Object.keys(currentScriptClone.dataset).forEach(function (key) {
+        if (currentScriptClone.dataset[key] !== nextScript.dataset[key]) {
+            isExactMatch = false;
+        }
+    });
+    return isExactMatch ? currentScript : null;
+}
+function insertScriptElement(_a) {
+    var url = _a.url, attributes = _a.attributes, onSuccess = _a.onSuccess, onError = _a.onError;
+    var newScript = createScriptElement(url, attributes);
+    newScript.onerror = onError;
+    newScript.onload = onSuccess;
+    document.head.insertBefore(newScript, document.head.firstElementChild);
+}
+function processOptions(options) {
+    var environment = options.environment;
+    // Keeping production as default to maintain backward compatibility.
+    // In the future this logic needs to be changed to use sandbox domain as default instead of production.
+    var sdkBaseUrl = environment === "sandbox"
+        ? "https://www.sandbox.paypal.com/sdk/js"
+        : "https://www.paypal.com/sdk/js";
+    // env is not an allowed key for sdk/js url.
+    delete options.environment;
+    if (options.sdkBaseUrl) {
+        sdkBaseUrl = options.sdkBaseUrl;
+        delete options.sdkBaseUrl;
+    }
+    var optionsWithStringIndex = options;
+    var _a = Object.keys(optionsWithStringIndex)
+        .filter(function (key) {
+        return (typeof optionsWithStringIndex[key] !== "undefined" &&
+            optionsWithStringIndex[key] !== null &&
+            optionsWithStringIndex[key] !== "");
+    })
+        .reduce(function (accumulator, key) {
+        var value = optionsWithStringIndex[key].toString();
+        key = camelCaseToKebabCase(key);
+        if (key.substring(0, 4) === "data" || key === "crossorigin") {
+            accumulator.attributes[key] = value;
+        }
+        else {
+            accumulator.queryParams[key] = value;
+        }
+        return accumulator;
+    }, {
+        queryParams: {},
+        attributes: {},
+    }), queryParams = _a.queryParams, attributes = _a.attributes;
+    if (queryParams["merchant-id"] &&
+        queryParams["merchant-id"].indexOf(",") !== -1) {
+        attributes["data-merchant-id"] = queryParams["merchant-id"];
+        queryParams["merchant-id"] = "*";
+    }
+    return {
+        url: "".concat(sdkBaseUrl, "?").concat(objectToQueryString(queryParams)),
+        attributes: attributes,
+    };
+}
+function camelCaseToKebabCase(str) {
+    var replacer = function (match, indexOfMatch) {
+        return (indexOfMatch ? "-" : "") + match.toLowerCase();
+    };
+    return str.replace(/[A-Z]+(?![a-z])|[A-Z]/g, replacer);
+}
+function objectToQueryString(params) {
+    var queryString = "";
+    Object.keys(params).forEach(function (key) {
+        if (queryString.length !== 0)
+            queryString += "&";
+        queryString += key + "=" + params[key];
+    });
+    return queryString;
+}
+function createScriptElement(url, attributes) {
+    if (attributes === void 0) { attributes = {}; }
+    var newScript = document.createElement("script");
+    newScript.src = url;
+    Object.keys(attributes).forEach(function (key) {
+        newScript.setAttribute(key, attributes[key]);
+        if (key === "data-csp-nonce") {
+            newScript.setAttribute("nonce", attributes["data-csp-nonce"]);
+        }
+    });
+    return newScript;
+}
+
+/**
+ * Load the Paypal JS SDK script asynchronously.
+ *
+ * @param {Object} options - used to configure query parameters and data attributes for the JS SDK.
+ * @param {PromiseConstructor} [PromisePonyfill=window.Promise] - optional Promise Constructor ponyfill.
+ * @return {Promise<Object>} paypalObject - reference to the global window PayPal object.
+ */
+function loadScript(options, PromisePonyfill) {
+    if (PromisePonyfill === void 0) { PromisePonyfill = Promise; }
+    validateArguments(options, PromisePonyfill);
+    // resolve with null when running in Node or Deno
+    if (typeof document === "undefined")
+        return PromisePonyfill.resolve(null);
+    var _a = processOptions(options), url = _a.url, attributes = _a.attributes;
+    var namespace = attributes["data-namespace"] || "paypal";
+    var existingWindowNamespace = getPayPalWindowNamespace(namespace);
+    if (!attributes["data-js-sdk-library"]) {
+        attributes["data-js-sdk-library"] = "paypal-js";
+    }
+    // resolve with the existing global paypal namespace when a script with the same params already exists
+    if (findScript(url, attributes) && existingWindowNamespace) {
+        return PromisePonyfill.resolve(existingWindowNamespace);
+    }
+    return loadCustomScript({
+        url: url,
+        attributes: attributes,
+    }, PromisePonyfill).then(function () {
+        var newWindowNamespace = getPayPalWindowNamespace(namespace);
+        if (newWindowNamespace) {
+            return newWindowNamespace;
+        }
+        throw new Error("The window.".concat(namespace, " global variable is not available."));
+    });
+}
+/**
+ * Load a custom script asynchronously.
+ *
+ * @param {Object} options - used to set the script url and attributes.
+ * @param {PromiseConstructor} [PromisePonyfill=window.Promise] - optional Promise Constructor ponyfill.
+ * @return {Promise<void>} returns a promise to indicate if the script was successfully loaded.
+ */
+function loadCustomScript(options, PromisePonyfill) {
+    if (PromisePonyfill === void 0) { PromisePonyfill = Promise; }
+    validateArguments(options, PromisePonyfill);
+    var url = options.url, attributes = options.attributes;
+    if (typeof url !== "string" || url.length === 0) {
+        throw new Error("Invalid url.");
+    }
+    if (typeof attributes !== "undefined" && typeof attributes !== "object") {
+        throw new Error("Expected attributes to be an object.");
+    }
+    return new PromisePonyfill(function (resolve, reject) {
+        // resolve with undefined when running in Node or Deno
+        if (typeof document === "undefined")
+            return resolve();
+        insertScriptElement({
+            url: url,
+            attributes: attributes,
+            onSuccess: function () { return resolve(); },
+            onError: function () {
+                var defaultError = new Error("The script \"".concat(url, "\" failed to load. Check the HTTP status code and response body in DevTools to learn more."));
+                return reject(defaultError);
+            },
+        });
+    });
+}
+function getPayPalWindowNamespace(namespace) {
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    return window[namespace];
+}
+function validateArguments(options, PromisePonyfill) {
+    if (typeof options !== "object" || options === null) {
+        throw new Error("Expected an options object.");
+    }
+    var environment = options.environment;
+    if (environment &&
+        environment !== "production" &&
+        environment !== "sandbox") {
+        throw new Error('The `environment` option must be either "production" or "sandbox".');
+    }
+    if (typeof PromisePonyfill !== "undefined" &&
+        typeof PromisePonyfill !== "function") {
+        throw new Error("Expected PromisePonyfill to be a function.");
+    }
+}
+
+const paypalCaptureOrder = async ({ checkoutSessionId, paypalMockResponse, }) => {
+    const { errors, json } = await handleFetch(`${"https://v1.route.js.zonos.com"}/api/zonos-elements/capture-paypal-order`, {
+        body: { checkoutSessionId, paypalMockResponse },
+        method: 'POST',
+    });
+    return { errors, json };
+};
+
+const paypalCreateOrder = async ({ checkoutSessionId, }) => {
+    const { errors, json } = await handleFetch(`${"https://v1.route.js.zonos.com"}/api/zonos-elements/create-paypal-order`, {
+        body: { checkoutSessionId },
+        method: 'POST',
+    });
+    return { errors, json };
+};
+
+const isContrastColor = ({ backgroundColor1, backgroundColor2, }) => {
+    // get readibility of the color
+    const colorReadibilityValue = tinycolor.readability(backgroundColor1, backgroundColor2);
+    // If the readibility is less than 2.5, then we need to use different color
+    return colorReadibilityValue > 2.5;
+};
+
+/**
+ * Submit a gtag event if the gtag function is available.
+ */
+const submitGtag = (event) => {
+    const googleAnalyticSetting = zonosStore.checkoutSettings.analyticsProviders.find(item => item.type === 'GOOGLE_ANALYTICS');
+    // only submit if googleAnalytic in checkout setting is on.
+    if (!googleAnalyticSetting || (googleAnalyticSetting === null || googleAnalyticSetting === void 0 ? void 0 : googleAnalyticSetting.status) === 'DISABLED') {
+        return;
+    }
+    if (typeof window.gtag === 'function') {
+        log('Zonos submits gtag event', 'log', event);
+        window.gtag('event', event, {});
+    }
+};
+
+const { reset: paypalStoreReset, state: paypalStore } = createStore(() => ({
+    orderIdCreated: null,
+    paypalButtons: [],
+    paypalClientId: '',
+    paypalErrorMessage: null,
+}));
+const paypalStoreCreaterOrder = async ({ checkoutSessionId, }) => {
+    var _a, _b;
+    const { errors, json } = await paypalCreateOrder({
+        checkoutSessionId,
+    });
+    const paypalOrderId = (_a = json === null || json === void 0 ? void 0 : json.paypalOrderCreate) === null || _a === void 0 ? void 0 : _a.paypalOrderId;
+    if (errors.length || !paypalOrderId) {
+        throw new Error(((_b = errors.find(Boolean)) === null || _b === void 0 ? void 0 : _b.message) ||
+            'An unexpected error occurred when creating paypal order.');
+    }
+    return paypalOrderId;
+};
+const paypalStoreCaptureOrder = async ({ checkoutSessionId, paypalMockResponse, }) => {
+    var _a, _b;
+    new URL(window.location.href);
+    const { errors, json } = await paypalCaptureOrder({
+        checkoutSessionId,
+        paypalMockResponse,
+    });
+    const zonosOrderId = (_a = json === null || json === void 0 ? void 0 : json.paypalOrderCapture.order) === null || _a === void 0 ? void 0 : _a.id;
+    if (errors.length || !zonosOrderId) {
+        throw new Error(((_b = errors.find(Boolean)) === null || _b === void 0 ? void 0 : _b.message) ||
+            translate('An unexpected error occurred when processing PayPal order.'));
+    }
+    return zonosOrderId;
+};
+const paypalErrorHandler = ({ error }) => {
+    var _a;
+    const parsedResult = jsonParse(error.message);
+    const paypalErrorMessage = (_a = parsedResult === null || parsedResult === void 0 ? void 0 : parsedResult.errors.find(Boolean)) === null || _a === void 0 ? void 0 : _a.message;
+    const parsedErrorMessage = (paypalErrorMessage === null || paypalErrorMessage === void 0 ? void 0 : paypalErrorMessage.match(/\[(.*?)\] (.*)/i)) || [];
+    if (!parsedErrorMessage) {
+        paypalStore.paypalErrorMessage = translate('An unexpected error occurred when processing PayPal order.');
+    }
+    const errorMessage = parsedErrorMessage[2] ||
+        translate('An unexpected error occurred when processing PayPal order.');
+    // show the error message
+    paypalStore.paypalErrorMessage = errorMessage;
+};
+/**
+ * This function generates the options for the PayPal button component.
+ * It first retrieves the primary color from the store and checks if it contrasts with PayPal's gold color.
+ * It then returns an object with the createOrder function and the style for the PayPal button.
+ * The createOrder function makes a call to the PayPal API to create an order and returns the order ID.
+ * The style object sets the border radius, color, and shape of the PayPal button.
+ */
+const paypalButtonOptions = ({ checkoutSessionId, onPaypalFail, onPaypalSessionDone, overrideBorderRaidus, overridePrimaryColor, }) => {
+    const colorPrimary = overridePrimaryColor || zonosStore.appearance.colorPrimary;
+    // Paypal gold color
+    const paypalGoldColorHex = '#ffc33a';
+    // check if the paypal gold color is contrast to the background
+    const isContrast = isContrastColor({
+        backgroundColor1: paypalGoldColorHex,
+        backgroundColor2: colorPrimary || '',
+    });
+    return {
+        createOrder: async () => {
+            try {
+                // reset paypal error banner
+                paypalStore.paypalErrorMessage = null;
+                // reset inventory check error message
+                cartStore.inventoryCheckErrorMessage = null;
+                try {
+                    // check inventory before proceeding to payment
+                    cartStore.inventoryCheckErrorMessage =
+                        await stripeStoreHandleInventoryCheck();
+                }
+                catch (err) {
+                    // If user provide callback and it throw an exception, default to this message and stop the payment.
+                    cartStore.inventoryCheckErrorMessage = translate('Unable to check inventory. Please try again.');
+                }
+                // Don't proceed to payment if there's an error message
+                if (cartStore.inventoryCheckErrorMessage) {
+                    return '';
+                }
+                const paypalOrderId = await paypalStoreCreaterOrder({
+                    checkoutSessionId,
+                });
+                return paypalOrderId;
+            }
+            catch (err) {
+                logError('Failed to create paypal order', err);
+                paypalStore.paypalErrorMessage = translate('Failed to create PayPal order. Please try again, or consider using an alternative method.');
+                // trigger fail event
+                onPaypalFail === null || onPaypalFail === void 0 ? void 0 : onPaypalFail();
+                return '';
+            }
+        },
+        onApprove: async (_, _actions) => {
+            try {
+                // reset paypal error banner
+                paypalStore.paypalErrorMessage = null;
+                // submit google tag when the form is complete
+                submitGtag('zonos-checkout-payment-info');
+                const orderId = await paypalStoreCaptureOrder({
+                    checkoutSessionId,
+                    paypalMockResponse: window.Zonos._paypalMockResponse,
+                });
+                paypalStore.orderIdCreated = orderId;
+                onPaypalSessionDone === null || onPaypalSessionDone === void 0 ? void 0 : onPaypalSessionDone({ orderId });
+                cartStoreNextStep();
+                // clear the checkout session timeout timer when purchase is complete
+                cartStoreClearCheckoutInterval();
+            }
+            catch (error) {
+                logError('==== Failed to capture paypal order', error);
+                if (error instanceof Error) {
+                    return paypalErrorHandler({ error });
+                }
+                onPaypalFail === null || onPaypalFail === void 0 ? void 0 : onPaypalFail();
+            }
+        },
+        style: {
+            // @ts-ignore
+            borderRadius: overrideBorderRaidus === 'SHARP' ? 0 : 10,
+            color: isContrast ? 'gold' : 'blue',
+            shape: 'rect',
+        },
+    };
+};
+const paypalStoreResetButtons = () => {
+    if (!paypalStore.paypalButtons.length) {
+        // Do nothing if the buttons array is already empty
+        return;
+    }
+    // Close all paypal buttons so we can re-init them
+    paypalStore.paypalButtons.forEach(async (button) => {
+        await button.close();
+    });
+    // clean up the buttons
+    paypalStore.paypalButtons = [];
+};
+const paypalInitScript = async ({ currency }) => {
+    var _a;
+    //
+    const isPaypalEnabled = !!((_a = zonosStore.checkoutSettings.externalPaymentMethods) === null || _a === void 0 ? void 0 : _a.find(item => item.type === 'PAYPAL' && item.status === 'ENABLED'));
+    if (!isPaypalEnabled) {
+        log('=== Paypal is disabled for this store', 'warn');
+        return;
+    }
+    const paypalClientId = zonosStore.checkoutSettings.externalServiceTokens.find(item => item.type === 'PAYPAL_CLIENT_ID');
+    if (!paypalClientId) {
+        log('Fail to load paypal -- missing paypal publishable key', 'warn');
+        return;
+    }
+    /**
+     * Paypal environment should be 'production' only when the API is in production environment and the checkout mode is not 'TEST' (sandbox mode)
+     */
+    const environment = zonosStore.zonosMode === 'production' &&
+        zonosStore.checkoutSettings.mode === 'LIVE'
+        ? 'production'
+        : 'sandbox';
+    // send paypal publishable key out to load paypal
+    window.Zonos.paypal = await loadScript({
+        clientId: paypalClientId.token,
+        currency,
+        environment,
+    });
+    log('==== Paypal script loaded');
+};
+const paypalStoreInitButtons = (props) => {
+    var _a;
+    const paypal = window.Zonos.paypal;
+    if (!paypal) {
+        log('Paypal is not available');
+        return null;
+    }
+    const checkoutSessionId = cartStore.checkoutSessionId;
+    if (!checkoutSessionId) {
+        log('Paypal is not available due to checkoutSessionId is not available');
+        return null;
+    }
+    log('==== Loading Paypal buttons');
+    paypalStoreResetButtons();
+    const fundingSources = [(_a = paypal.FUNDING) === null || _a === void 0 ? void 0 : _a.PAYPAL].filter(Boolean);
+    paypalStore.paypalButtons = fundingSources
+        .map(fundingSource => {
+        var _a;
+        let button = null;
+        try {
+            button =
+                ((_a = paypal.Buttons) === null || _a === void 0 ? void 0 : _a.call(paypal, Object.assign(Object.assign({}, paypalButtonOptions(Object.assign({ checkoutSessionId,
+                    fundingSource }, props))), { fundingSource }))) || null;
+        }
+        catch (err) {
+            log(`===== Fail to load paypal's "${fundingSource}" button`, 'warn', err);
+        }
+        if (button === null || button === void 0 ? void 0 : button.isEligible()) {
+            log(`==== Paypal button ${fundingSource} loaded`);
+            return button;
+        }
+        return null;
+    })
+        .filter(Boolean);
+    return paypalStore.paypalButtons;
+};
+const paypalStoreHasPaypalEnabled = () => {
+    return !!paypalStore.paypalButtons.length;
+};
+
+export { paypalStore as a, paypalStoreReset as b, paypalStoreHasPaypalEnabled as c, paypalStoreInitButtons as d, isContrastColor as i, paypalInitScript as p, submitGtag as s };

package/dist/esm/{submitGtag-0bc0baa0.js → sendErrorLog-f8d3ec4b.js}

@@ -1,6 +1,5 @@
-import { r as handleFetch, d as cartStore, l as localizationStore } from './cart-eb75b113.js';
-import { z as zonosStore } from './zonosStore-ba9e541e.js';
-import { l as log } from './logError-c456c092.js';
+import { w as handleFetch, d as cartStore, l as localizationStore } from './cart-f53c9f90.js';
+import { z as zonosStore } from './zonosStore-8fc9ceb2.js';
 
 const trackConversionEvent = async (eventName, metadata) => {
     var _a, _b;
@@ -65,19 +64,4 @@ const sendErrorLog = async ({ endpoint, errors, metadata }) => {
     });
 };
 
-/**
- * Submit a gtag event if the gtag function is available.
- */
-const submitGtag = (event) => {
-    const googleAnalyticSetting = zonosStore.checkoutSettings.analyticsProviders.find(item => item.type === 'GOOGLE_ANALYTICS');
-    // only submit if googleAnalytic in checkout setting is on.
-    if (!googleAnalyticSetting || (googleAnalyticSetting === null || googleAnalyticSetting === void 0 ? void 0 : googleAnalyticSetting.status) === 'DISABLED') {
-        return;
-    }
-    if (typeof window.gtag === 'function') {
-        log('Zonos submits gtag event', 'log', event);
-        window.gtag('event', event, {});
-    }
-};
-
-export { submitGtag as a, createCustomEvent as c, getIsTestMode as g, sendErrorLog as s, trackConversionEvent as t };
+export { createCustomEvent as c, getIsTestMode as g, sendErrorLog as s, trackConversionEvent as t };

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

@@ -1,13 +1,13 @@
-import { r as registerInstance, c as createEvent, h, H as Host, d as getElement } from './index-3b46f3c3.js';
-import { h as stripeStore, l as localizationStore, t as translate } from './cart-eb75b113.js';
+import { r as registerInstance, c as createEvent, h, H as Host, d as getElement } from './index-86b8247e.js';
+import { j as stripeStore, l as localizationStore, t as translate } from './cart-f53c9f90.js';
 import { i as isCheckoutMobile } from './isCheckoutMobile-8846dccb.js';
 import { a as logError } from './logError-c456c092.js';
 import { i as isTextContainsNonLatinChars, c as containsNonLatinChars } from './containsNonLatinChars-2d8810c3.js';
-import { z as zonosStore, d as zonosStoreFontFamily } from './zonosStore-ba9e541e.js';
+import { z as zonosStore, d as zonosStoreFontFamily } from './zonosStore-8fc9ceb2.js';
 import { c as classes } from './classes-0d95c529.js';
 import { R as RemoveIcon$1 } from './RemoveIcon-9dc5dd1a.js';
-import { g as getBorderRadius } from './getBorderRadius-947c24de.js';
-import { i as isDarkColor } from './isDarkColor-f8324c10.js';
+import { g as getBorderRadius } from './getBorderRadius-3ba98361.js';
+import { i as isDarkColor } from './isDarkColor-3119e351.js';
 
 const zonosAddressCss = ".sc-zonos-address-h{font-family:var(--font-family, Inter), Inter;display:block;white-space:normal}.sc-zonos-address-h *.sc-zonos-address{font-family:var(--font-family, Inter), Inter}.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:16px}.sc-zonos-address-h zonos-banner.sc-zonos-address{margin-top:8px}";
 const ZonosAddressStyle0 = zonosAddressCss;
@@ -143,7 +143,7 @@ const ZonosAddress = class {
     }
     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: 'f5729bb12351fedbb82e0fa80a7f094faad3a526', class: "zonos--address zonos--elements" }, h("zonos-text", { key: 'b2c50846e6da81a598ba670b14d01861703e5c78', class: "zonos--title", type: "semiBoldLabel" }, this.titleText), h("div", { key: 'bb401f27626d88d883aaaab71bc0907a28bf35d3', class: "zonos--address-component" })));
+        return (h(Host, { key: '2cecb49ed22bd0d5ce22c4f2110b37ecf7935cca', class: "zonos--address zonos--elements" }, h("zonos-text", { key: '101635210ab6cb3b9a44b47eec101187d1c3a4ac', class: "zonos--title", type: "semiBoldLabel" }, this.titleText), h("div", { key: '049f2b86986471d45bd413813307ec489d9f1993', class: "zonos--address-component" })));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -226,7 +226,7 @@ const ZonosAddressForm = class {
 };
 ZonosAddressForm.style = ZonosAddressFormStyle0;
 
-const zonosAddressUpdateDialogCss = ":host{font-family:var(--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--font-family, Inter), Inter}:host img{max-width:100%}:host dl,:host dd,:host h1,:host h2,:host h3,:host h4,:host h5,:host h6,:host hr,:host figure,:host p,:host pre{margin:0}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}:host .zonos--body{padding:0 24px;position:relative}:host .zonos--dialog-header{margin-bottom:32px;position:-webkit-sticky;position:sticky;padding-top:24px;top:0;z-index:11;background:var(--zonos-elements-gray-0)}:host .zonos--dialog-title{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;margin-bottom:12px}:host .zonos--group{overflow:auto;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:8px}:host .zonos--group::-webkit-scrollbar{width:10px}:host .zonos--group::-webkit-scrollbar-track{background:var(--zonos-elements-gray-50)}:host .zonos--group::-webkit-scrollbar-thumb{border-radius:10px;background:#cccccc;border:3px solid transparent;background-clip:content-box}:host .zonos--group::-webkit-scrollbar-thumb:hover{background:#d6d6d6}:host .zonos--address-display-group{display:-ms-flexbox;display:flex;gap:8px;margin-bottom:20px}:host .zonos--address-display-group zonos-address-display{-ms-flex:1;flex:1}:host .zonos--what-you-entered{margin-bottom:8px}:host .zonos--address-form-section{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:24px}:host .zonos--group-btn{position:-webkit-sticky;position:sticky;padding:24px 0;bottom:0;display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:end;background:var(--zonos-elements-gray-0);z-index:11}:host .zonos--group-btn .zonos--button-wrapper{display:-ms-flexbox;display:flex;gap:8px}:host(.mobile) .zonos--button-wrapper{-ms-flex-direction:column;flex-direction:column;width:100%}:host(.mobile) .zonos--button-wrapper zonos-button{width:100%}:host(.mobile) .zonos--button-wrapper .zonos--cancel-btn{-ms-flex-order:2;order:2}:host(.mobile) .zonos--button-wrapper .zonos--update-btn{-ms-flex-order:1;order:1}";
+const zonosAddressUpdateDialogCss = ":host{font-family:var(--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--font-family, Inter), Inter}:host img{max-width:100%}:host dl,:host dd,:host h1,:host h2,:host h3,:host h4,:host h5,:host h6,:host hr,:host figure,:host p,:host pre{margin:0}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}:host .zonos--body{padding:0 24px;position:relative}:host .zonos--dialog-header{margin-bottom:32px;position:-webkit-sticky;position:sticky;padding-top:24px;top:0;z-index:11;background:var(--zonos-elements-gray-0)}:host .zonos--dialog-title{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;margin-bottom:12px}:host .zonos--group{overflow:auto;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:8px;-ms-scroll-chaining:none;overscroll-behavior:contain}:host .zonos--group::-webkit-scrollbar{width:10px}:host .zonos--group::-webkit-scrollbar-track{background:var(--zonos-elements-gray-50)}:host .zonos--group::-webkit-scrollbar-thumb{border-radius:10px;background:#cccccc;border:3px solid transparent;background-clip:content-box}:host .zonos--group::-webkit-scrollbar-thumb:hover{background:#d6d6d6}:host .zonos--address-display-group{display:-ms-flexbox;display:flex;gap:8px;margin-bottom:20px}:host .zonos--address-display-group zonos-address-display{-ms-flex:1;flex:1}:host .zonos--what-you-entered{margin-bottom:8px}:host .zonos--address-form-section{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:24px}:host .zonos--group-btn{position:-webkit-sticky;position:sticky;padding:24px 0;bottom:0;display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:end;background:var(--zonos-elements-gray-0);z-index:11}:host .zonos--group-btn .zonos--button-wrapper{display:-ms-flexbox;display:flex;gap:8px}:host(.mobile) .zonos--button-wrapper{-ms-flex-direction:column;flex-direction:column;width:100%}:host(.mobile) .zonos--button-wrapper zonos-button{width:100%}:host(.mobile) .zonos--button-wrapper .zonos--cancel-btn{-ms-flex-order:2;order:2}:host(.mobile) .zonos--button-wrapper .zonos--update-btn{-ms-flex-order:1;order:1}";
 const ZonosAddressUpdateDialogStyle0 = zonosAddressUpdateDialogCss;
 
 const ZonosAddressUpdateDialog = class {
@@ -570,7 +570,7 @@ const ZonosDialog = class {
         const borderStyle = getBorderRadius({
             overrideBorderStyle: this.borderStyle,
         });
-        return (h(Host, { key: '018771d0e01311ae520abcf33fbd64316794b202', class: classes([
+        return (h(Host, { key: '03735385e07c7f6c8a87df42ad95f8c9d9533668', class: classes([
                 'zonos--elements',
                 this.open && 'open',
                 this.isLoading && 'is-loading',
@@ -582,10 +582,10 @@ const ZonosDialog = class {
                 '--height': this.height || 'initial',
                 '--min-height': this.minHeight || '500px',
                 '--width': this.width,
-            } }, h("div", { key: 'a86c9f8465054fde894bbdd71149e59d97e8cbcf', class: "zonos--backdrop" }), h("div", { key: 'b2f0c86fa0e768474ba4d522f8c2b8157f89cd56', class: "zonos--dialog-layout", inert: !this.open, onClick: this.clickOutsideDialogHandler }, h("div", { key: '26cd8a7b98d38c53dcf4789c8781f0c1ced99633', class: "zonos--dialog" }, this.isLoading && (h("div", { key: '34d0ba841a9af9ca2ff6d21d0471113cc86cdec3', class: "zonos--loading" }, h("zonos-spinner", { key: '0109778b1a9734de0959035e3975414fb1cac1be', size: 30 }))), (this.headerText || !this.noCloseButton) && (h("div", { key: 'f80a4c337727500ee1ad92c1d80d7b3088eccc0f', class: "zonos--header" }, this.headerText && (h("h3", { key: '92b078fbbcd9ca5f8bf178fc67f2bee817d1e961', class: "zonos--header-text" }, this.headerText)), !this.noCloseButton && (h("zonos-button", { key: '698e45fffd466f22b6179aa220d35fe39ee5374c', class: "zonos--close-button", icon: h("zonos-icon", { "aria-label": "Close dialog", content: RemoveIcon }), noBackground: true, onClick: this.closeButtonHandler, variant: "subtle" })))), h("div", { key: 'a4012e5a48d5fbcc77cac038d8a39fe05f332008', class: classes([
+            } }, h("div", { key: 'da5d599e1a247f7e3364e6f5c9b2eae3db9539f5', class: "zonos--backdrop" }), h("div", { key: 'cda1a996d9521c2e0b307f7a03ca3ee3d4915b8d', class: "zonos--dialog-layout", inert: !this.open, onClick: this.clickOutsideDialogHandler }, h("div", { key: '471d8a069d4f580233bdb3e9e971efdb268ef57d', class: "zonos--dialog" }, this.isLoading && (h("div", { key: '57220007aabcaef133c2c0782fa238cc43d63964', class: "zonos--loading" }, h("zonos-spinner", { key: '0298b754341abd61ec07706128d05df5332f915d', size: 30 }))), (this.headerText || !this.noCloseButton) && (h("div", { key: '5103dbc1c7593a8042505f767d8290825f9d10e7', class: "zonos--header" }, this.headerText && (h("h3", { key: 'a2d9cd4c8cb359aa64cf104a172ca960068c20a0', class: "zonos--header-text" }, this.headerText)), !this.noCloseButton && (h("zonos-button", { key: 'de9bf8a949344d19fcb8bfb496719282553be194', class: "zonos--close-button", icon: h("zonos-icon", { "aria-label": "Close dialog", content: RemoveIcon }), noBackground: true, onClick: this.closeButtonHandler, variant: "subtle" })))), h("div", { key: '1ec2cdca0f186cd0b28602580022ed0cb4b0eec9', class: classes([
                 'zonos--body',
                 this.noBodyPadding && 'zonos--no-body-padding',
-            ]) }, h("slot", { key: 'd64b381cb91afde4ddbde58348a62612d9871c8e' })), h("slot", { key: '4ddd73bfe41ecd1c90b18f82a8d8f12a1eacf144', name: "dialog-footer" })))));
+            ]) }, h("slot", { key: '5071d921f48bf792a951a390d83b121e32771668' })), h("slot", { key: 'c1818ac301afc845f5b14fd0f2ac9a1fd3a27b99', name: "dialog-footer" })))));
     }
     static get assetsDirs() { return ["assets"]; }
 };
@@ -632,7 +632,7 @@ const ZonosLinkAuthentication = class {
     }
     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: '5dfff9d2fcadfebdea65359e7b2bfdb525c3b242', class: "zonos--link-authentication zonos--elements" }, h("zonos-text", { key: 'fb080d667fdfc1a3f41e9cc128d2177af8dc7195', class: "zonos--title", type: "semiBoldLabel" }, this.titleText), h("div", { key: 'b79693e8082c7c341895c81ad0787bb2bf152ca9', class: "zonos--link-authentication-component" })));
+        return (h(Host, { key: 'f0b26abf99ef99c6665dabdddebc9ff086b6816c', class: "zonos--link-authentication zonos--elements" }, h("zonos-text", { key: '898dbdffac06fe2a68af90610a22044bb72391ce', class: "zonos--title", type: "semiBoldLabel" }, this.titleText), h("div", { key: 'e2ec9abb0cf76a39a1262e1366e375dd898450cd', class: "zonos--link-authentication-component" })));
     }
     get el() { return getElement(this); }
     static get watchers() { return {