@zonos/elements 1.3.23 → 1.3.25-alpha.0

package/dist/cjs/zonos-elements.cjs.js

@@ -19,7 +19,7 @@ var patchBrowser = () => {
 
 patchBrowser().then(async (options) => {
   await appGlobals.globalScripts();
-  return index.bootstrapLazy([["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],"domesticRedirectedBtnSelector":[32],"legacyCheckoutHiddenBtnSelector":[32],"isLegacyCheckout":[32],"confirmDialogOpen":[32],"closeDialogHandler":[64],"init":[64],"setToFinishStep":[64]},[[16,"zonos--init-cart-info","initCartInfoHandler"],[4,"keydown","handleKeyPress"],[9,"resize","handleWindowResize"]],{"appearanceSettingsOverride":["appearanceSettingsOverrideChanged","handleAppearanceSettingsOverrideChange"],"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],"openHelloDialog":[64]},[[9,"resize","handleResize"]],{"appearanceSettingsOverride":["handleAppearanceSettingsOverrideChange"]}]]],["zonos-controller.cjs",[[1,"zonos-controller",{"config":[16],"zonosApiKey":[1,"zonos-api-key"],"initCheckoutElement":[64],"setupGoogleFont":[64],"showNotification":[64],"overrideConfig":[64],"overrideCountry":[64],"getAppearanceSetting":[64],"updateOrganizationName":[64]},[[8,"locationchange","handleLocationChange"]]]]],["zonos-component.cjs",[[1,"zonos-component",{"first":[1],"middle":[1],"last":[1]}]]],["zonos-link.cjs",[[1,"zonos-link",{"href":[1],"rel":[1],"target":[1],"linkTitle":[1,"link-title"]}]]],["zonos-logo.cjs",[[1,"zonos-logo",{"theme":[1],"width":[1]}]]],["zonos-text.cjs",[[1,"zonos-text",{"textColor":[1,"text-color"],"size":[1],"type":[1],"weight":[2],"ready":[32]}]]],["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],"showLanguageSelect":[32]},[[4,"click","globalClickHandler"]],{"isOpen":["isOpenHandler"]}]]],["zonos-notification.cjs",[[1,"zonos-notification",{"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],"initialSelectedValue":[8,"initial-selected-value"],"selectedItem":[32]}]]],["zonos-badge_2.cjs",[[1,"zonos-badge",{"bold":[4],"badgeColor":[1,"badge-color"],"icon":[16],"iconRight":[4,"icon-right"],"size":[1],"rounded":[4]}],[1,"zonos-tooltip",{"label":[1],"subtitle":[1],"showTooltip":[32]}]]],["zonos-input.cjs",[[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-banner.cjs",[[1,"zonos-banner",{"bannerTitle":[1,"banner-title"],"intent":[1],"hasContent":[32]}]]],["zonos-button_3.cjs",[[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],"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-select-dialog-header_2.cjs",[[1,"zonos-select-dialog-header",{"handleOnClose":[16],"label":[1]}],[1,"zonos-v-stack",{"spacing":[2]}]]],["zonos-card_2.cjs",[[1,"zonos-language-select",{"handleOnClose":[16]}],[1,"zonos-card",{"actions":[16],"footerActions":[16],"footerContent":[16],"footerHeight":[2,"footer-height"],"label":[16],"spacing":[1]}]]],["zonos-country-flag.cjs",[[1,"zonos-country-flag",{"countryCode":[1,"country-code"],"size":[2]}]]],["zonos-country-select_3.cjs",[[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-address_8.cjs",[[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_11.cjs",[[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]}],[1,"zonos-checkout-footer",{"mobile":[4],"dataTheme":[1,"data-theme"],"showLanguageDialog":[32],"isMobile":[32]},[[4,"click","handleGlobalClick"]],{"mobile":["handleMobileChange"]}],[2,"zonos-checkout-payment",{"paymentError":[4,"payment-error"],"submitBtnType":[1,"submit-btn-type"],"continueLoading":[4,"continue-loading"],"submitBtnColor":[1,"submit-btn-color"],"showErrorBanner":[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-checkout-finish",{"borderRadius":[1,"border-radius"],"storybookForceStatus":[1,"storybook-force-status"],"overrideNotification":[16],"isLoading":[32],"notificationType":[32],"notificationTitle":[32],"notificationMessages":[32],"order":[32]}],[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"],"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]}]]]], options);
+  return index.bootstrapLazy([["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],"domesticRedirectedBtnSelector":[32],"legacyCheckoutHiddenBtnSelector":[32],"isLegacyCheckout":[32],"confirmDialogOpen":[32],"showSessionTimoutScreen":[32],"checkoutTimeoutInterval":[32],"closeDialogHandler":[64],"init":[64],"setToFinishStep":[64]},[[16,"zonos--init-cart-info","initCartInfoHandler"],[4,"keydown","handleKeyPress"],[9,"resize","handleWindowResize"]],{"appearanceSettingsOverride":["appearanceSettingsOverrideChanged","handleAppearanceSettingsOverrideChange"],"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],"openHelloDialog":[64]},[[9,"resize","handleResize"]],{"appearanceSettingsOverride":["handleAppearanceSettingsOverrideChange"]}]]],["zonos-controller.cjs",[[1,"zonos-controller",{"config":[16],"zonosApiKey":[1,"zonos-api-key"],"initCheckoutElement":[64],"setupGoogleFont":[64],"showNotification":[64],"overrideConfig":[64],"overrideCountry":[64],"getAppearanceSetting":[64],"updateOrganizationName":[64]},[[8,"locationchange","handleLocationChange"]]]]],["zonos-component.cjs",[[1,"zonos-component",{"first":[1],"middle":[1],"last":[1]}]]],["zonos-link.cjs",[[1,"zonos-link",{"href":[1],"rel":[1],"target":[1],"linkTitle":[1,"link-title"]}]]],["zonos-logo.cjs",[[1,"zonos-logo",{"theme":[1],"width":[1]}]]],["zonos-text.cjs",[[1,"zonos-text",{"textColor":[1,"text-color"],"size":[1],"type":[1],"weight":[2],"ready":[32]}]]],["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],"showLanguageSelect":[32]},[[4,"click","globalClickHandler"]],{"isOpen":["isOpenHandler"]}]]],["zonos-notification.cjs",[[1,"zonos-notification",{"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],"initialSelectedValue":[8,"initial-selected-value"],"selectedItem":[32]}]]],["zonos-badge_2.cjs",[[1,"zonos-badge",{"bold":[4],"badgeColor":[1,"badge-color"],"icon":[16],"iconRight":[4,"icon-right"],"size":[1],"rounded":[4]}],[1,"zonos-tooltip",{"label":[1],"subtitle":[1],"showTooltip":[32]}]]],["zonos-input.cjs",[[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-banner.cjs",[[1,"zonos-banner",{"bannerTitle":[1,"banner-title"],"intent":[1],"hasContent":[32]}]]],["zonos-button_3.cjs",[[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],"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-select-dialog-header_2.cjs",[[1,"zonos-select-dialog-header",{"handleOnClose":[16],"label":[1]}],[1,"zonos-v-stack",{"spacing":[2]}]]],["zonos-card_2.cjs",[[1,"zonos-language-select",{"handleOnClose":[16]}],[1,"zonos-card",{"actions":[16],"footerActions":[16],"footerContent":[16],"footerHeight":[2,"footer-height"],"label":[16],"spacing":[1]}]]],["zonos-country-flag.cjs",[[1,"zonos-country-flag",{"countryCode":[1,"country-code"],"size":[2]}]]],["zonos-country-select_3.cjs",[[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-address_8.cjs",[[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.cjs",[[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]}],[1,"zonos-checkout-footer",{"mobile":[4],"dataTheme":[1,"data-theme"],"showLanguageDialog":[32],"isMobile":[32]},[[4,"click","handleGlobalClick"]],{"mobile":["handleMobileChange"]}],[2,"zonos-checkout-payment",{"paymentError":[4,"payment-error"],"submitBtnType":[1,"submit-btn-type"],"continueLoading":[4,"continue-loading"],"submitBtnColor":[1,"submit-btn-color"],"showErrorBanner":[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-checkout-finish",{"borderRadius":[1,"border-radius"],"storybookForceStatus":[1,"storybook-force-status"],"overrideNotification":[16],"isLoading":[32],"notificationType":[32],"notificationTitle":[32],"notificationMessages":[32],"order":[32]}],[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);
 });
 
 exports.setNonce = index.setNonce;

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b071017b.js');
-const cart = require('./cart-c734e909.js');
+const cart = require('./cart-ab3b679e.js');
 const zonosStore = require('./zonosStore-3958bbeb.js');
 const classes = require('./classes-b7918f56.js');
 const formatStringWithLinks = require('./formatStringWithLinks-52341fc7.js');
@@ -181,17 +181,17 @@ const ZonosHelloDialog = class {
         const defaultMessage = formatStringWithLinks.formatStringWithLinks(defaultMessageStr);
         const currentPage = this.getCurrentPageEnum();
         const filteredMessages = customMessages.filter(x => x.pageName === currentPage);
-        return (index.h(index.Host, { key: 'c8f49239246e63e8df2a57b3349b8ad97e84a216', class: "zonos--elements" }, index.h("div", { key: '6fd4ac561ae03f823acdecce1a40e0164096b2df', "aria-hidden": "true", class: classes.classes([
+        return (index.h(index.Host, { key: '354758888accf5c5f44e321cc36f3126fe161596', class: "zonos--elements" }, index.h("div", { key: 'b6e9ef3ac53035b578f1ccb6940e04561a6c7362', "aria-hidden": "true", class: classes.classes([
                 'zonos--hello-dialog',
                 animateLeft && 'zonos--hello-dialog-animate-from-left',
                 animateFromBottom && 'zonos--hello-dialog-animate-from-bottom',
                 !!this.mobileLocationOverride &&
                     'zonos--hello-dialog-mobile-override',
                 this.isOpen && 'zonos--hello-dialog-open',
-            ]), ref: el => el && (this.dialogRef = el) }, !this.showCountrySelect && !this.showLanguageSelect && (index.h("div", { key: '7c8fa46a42ca6b4bbaab68e25c77e56306120fbf' }, index.h("div", { key: 'c2cc19c362b09e6dfd56f62a63302e6d2dc6f500', class: "zonos--hello-dialog-content" }, index.h("zonos-button", { key: 'b108faf0e9e997be2f6c497dc859f8f154c78c49', class: "zonos--close-button", icon: index.h("zonos-icon", { "aria-label": "Close Zonos Hello dialog", content: RemoveIcon }), noBackground: true, onClick: () => this.setIsOpen(false) }), index.h("zonos-v-stack", { key: '1f6ef6edbc73d4935fbfeed08dcbbcf31cf5dcd4', spacing: 24 }, index.h("zonos-country-flag", { key: '7f1d844bb5b39ecc7555abdda7d3be9f341b11d0', class: "zonos--hello-country-flag", countryCode: selectedCountryCode }), index.h("zonos-v-stack", { key: '7df9a3867b69e90134565e4115df94f504f1d9f6', class: "zonos--hello-dialog-header", spacing: 4 }, index.h("zonos-text", { key: '6c10ffcef44b13642496a4ee2d2740498d8c2742', type: "boldSubheader" }, welcomeMessage), index.h("zonos-text", { key: '5a455ba25cbe525df77c42f8db03c080f51ee1a5', innerHTML: defaultMessage, textColor: "gray-800" })), index.h("zonos-v-stack", { key: 'b298a89bbbca53b32136093a386fc10d9d9aa39e', spacing: 8 }, this.restrictedItems.map(item => {
+            ]), ref: el => el && (this.dialogRef = el) }, !this.showCountrySelect && !this.showLanguageSelect && (index.h("div", { key: 'cba389a7107bf0505743237a7e61e27988955a44' }, index.h("div", { key: '3cef5f247dca70671ad0c304f29980f7147cf21c', class: "zonos--hello-dialog-content" }, index.h("zonos-button", { key: '013764140f25f64ab52f4588a50b5148f4b170d0', class: "zonos--close-button", icon: index.h("zonos-icon", { "aria-label": "Close Zonos Hello dialog", content: RemoveIcon }), noBackground: true, onClick: () => this.setIsOpen(false) }), index.h("zonos-v-stack", { key: '099dc23581474e5167cfa8bd90be9987b3caa47f', spacing: 24 }, index.h("zonos-country-flag", { key: 'c545313157e3a488433619292306419588e20e50', class: "zonos--hello-country-flag", countryCode: selectedCountryCode }), index.h("zonos-v-stack", { key: 'f8be1b95571b28be7ed4fc3caee5d13177845150', class: "zonos--hello-dialog-header", spacing: 4 }, index.h("zonos-text", { key: '9ac86d0f247cecd0bfa19ffc041eee89bd19b168', type: "boldSubheader" }, welcomeMessage), index.h("zonos-text", { key: '3234c9640aa1d484c6dcb78e7e3bf43e3545d67e', innerHTML: defaultMessage, textColor: "gray-800" })), index.h("zonos-v-stack", { key: '2f090b934ede76c8400b7891b6caa391e1f039b0', spacing: 8 }, this.restrictedItems.map(item => {
             var _a;
             return item && (index.h("zonos-banner", { bannerTitle: item.name, intent: "error" }, (_a = item.itemRestrictions) === null || _a === void 0 ? void 0 : _a.map(x => (index.h("zonos-text", { textColor: "red-800" }, x === null || x === void 0 ? void 0 : x.note)))));
-        }), index.h("zonos-card", { key: '0436fd5b2157162e41426b9a0723c3f94140a465', spacing: "12px" }, index.h("zonos-v-stack", { key: 'd673d38dee2d274cd0010d3f6ac265548374c238', spacing: 12 }, index.h("div", { key: 'ab44b5782f6a2d9d2fa0abe36feafbb1f9a56782', class: "zonos--flex-message" }, index.h("zonos-icon", { key: 'dc84c724a6f2354414ccba221ab7bc6849717534', "aria-label": "Duty de minimis", content: ImportIcon }), index.h("zonos-text", { key: '534fea4854e05f0550fe97fcdb2c133d21f7dfd7' }, dutyDeMinimisMessage)), index.h("div", { key: 'fb08aa1b5a63dc3170245e8ea14525da097c6f5f', class: "zonos--flex-message" }, index.h("zonos-icon", { key: '4e82ccee8a63d682ba818609e9eeb080d9ea2342', "aria-label": "Tax de minimis", content: MoneyIcon }), index.h("zonos-text", { key: '00f4d5936b105247396fd45c91bc66bc034a2280' }, taxDeMinimisMessage)), additionalInformation && (index.h("div", { key: 'cb5126e6b7f0c4197dc3247948397b0298dce015', class: "zonos--flex-message" }, index.h("zonos-icon", { key: '555dfb42452e298c17718cd3cee2179abb9a5e2f', "aria-label": "Low value order shipping restriction", content: BagIcon }), index.h("zonos-text", { key: 'd1d29153de5ae3c2dcbca2622bc0cea3dc9b6fa5' }, additionalInformation))))), filteredMessages.map(x => (index.h("zonos-custom-message", { icon: MessageIcon, message: x.message })))))), index.h("zonos-hello-dialog-footer", { key: '7e1d4b405972059bd759ba12a760e4037eb8a724', appearanceSettings: this.appearanceSettings, setShowCountrySelect: value => this.setShowCountrySelect(value), setShowLanguageSelect: value => this.setShowLanguageSelect(value) }))), this.showCountrySelect && (index.h("div", { key: '5e8adbd361831901f60687b243030ff20a55de42' }, index.h("zonos-country-select", { key: '3ac541296c02b366f10aace6a8497e06eded103a', handleOnClose: () => this.setShowCountrySelect(false) }))), this.showLanguageSelect && (index.h("div", { key: '37aa0ebdf43b0252c4fc3d249751bd6a7cd7341f' }, index.h("zonos-language-select", { key: '7394d663a509ff75fb5c79cd27403fda02d29877', handleOnClose: () => this.setShowLanguageSelect(false) }))))));
+        }), index.h("zonos-card", { key: 'e7ec890c1673b4025e650ed737ee4ba0e37ceb5d', spacing: "12px" }, index.h("zonos-v-stack", { key: 'a09bc2634da2795a4f0e2ef8b66680db9b0e403d', spacing: 12 }, index.h("div", { key: '2182aac10dc9b654b81234188cf0ef4decb2328a', class: "zonos--flex-message" }, index.h("zonos-icon", { key: '362807633b9a55a4438e95a9150c4c80f5bd836b', "aria-label": "Duty de minimis", content: ImportIcon }), index.h("zonos-text", { key: '10bbbd399a255ad3a593b246d4b8b475e1c089e1' }, dutyDeMinimisMessage)), index.h("div", { key: '451c58a91d38413cc295a377e08ffa9947411112', class: "zonos--flex-message" }, index.h("zonos-icon", { key: '2eceeced9d2b0ab482c94b8edd768134ba936d2d', "aria-label": "Tax de minimis", content: MoneyIcon }), index.h("zonos-text", { key: 'f4284b8e56522de93d5ca1160103ca2fac85250e' }, taxDeMinimisMessage)), additionalInformation && (index.h("div", { key: 'f9f0a09a1a7bfa85b2a70f843aabea7961250141', class: "zonos--flex-message" }, index.h("zonos-icon", { key: '147ee865b2708d662c185e4fe5d4dba7f099c310', "aria-label": "Low value order shipping restriction", content: BagIcon }), index.h("zonos-text", { key: 'ccb671b31672ebfd41369a9b0fda8e49ed3739cc' }, additionalInformation))))), filteredMessages.map(x => (index.h("zonos-custom-message", { icon: MessageIcon, message: x.message })))))), index.h("zonos-hello-dialog-footer", { key: '16b584281762c987d375b15e5cd3b5784fce5cd4', appearanceSettings: this.appearanceSettings, setShowCountrySelect: value => this.setShowCountrySelect(value), setShowLanguageSelect: value => this.setShowLanguageSelect(value) }))), this.showCountrySelect && (index.h("div", { key: '1122d535ce9bf451aa823726764a1a662c0378df' }, index.h("zonos-country-select", { key: '73c417e435dcbb15be72879ecde8271cb5cc01a1', handleOnClose: () => this.setShowCountrySelect(false) }))), this.showLanguageSelect && (index.h("div", { key: '4555dcf5260fa976458f6d612efce72a39564abf' }, index.h("zonos-language-select", { key: 'c19ca73913d2b026976acc36c1d9eb68bf90f07c', handleOnClose: () => this.setShowLanguageSelect(false) }))))));
     }
     static get assetsDirs() { return ["assets"]; }
     static get watchers() { return {

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b071017b.js');
 const zonosStore = require('./zonosStore-3958bbeb.js');
-const cart = require('./cart-c734e909.js');
+const cart = require('./cart-ab3b679e.js');
 const classes = require('./classes-b7918f56.js');
 const logError = require('./logError-4e2f2020.js');
 const getHasMoreSpaceOnRight = require('./getHasMoreSpaceOnRight-4c94667f.js');
@@ -405,21 +405,23 @@ const detectItemRestrictions = async (newProducts) => {
     return restrictedItemsWithName;
 };
 
+const matchUrlPattern = (urlPattern) => {
+    const trimmedUrl = urlPattern === null || urlPattern === void 0 ? void 0 : urlPattern.replace('www.', '').replace('https://', '');
+    return trimmedUrl && new RegExp(trimmedUrl).test(window.location.href);
+};
 const getCurrentHelloLocalePage = () => {
-    const { href } = window.location;
     const { cartUrlPattern, homepageUrlPattern, productDetailUrlPattern, productListUrlPattern, } = zonosStore.zonosStore.helloSettings;
     // The 'if' statements are sorted by most specific to least specific to help with regex matching
-    if (cartUrlPattern && new RegExp(cartUrlPattern).test(href)) {
+    if (matchUrlPattern(cartUrlPattern)) {
         return 'cart';
     }
-    if (productDetailUrlPattern &&
-        new RegExp(productDetailUrlPattern).test(href)) {
+    if (matchUrlPattern(productDetailUrlPattern)) {
         return 'productDetail';
     }
-    if (productListUrlPattern && new RegExp(productListUrlPattern).test(href)) {
+    if (matchUrlPattern(productListUrlPattern)) {
         return 'productList';
     }
-    if (homepageUrlPattern && new RegExp(homepageUrlPattern).test(href)) {
+    if (matchUrlPattern(homepageUrlPattern)) {
         return 'home';
     }
     return '';

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b071017b.js');
-const cart = require('./cart-c734e909.js');
+const cart = require('./cart-ab3b679e.js');
 const logError = require('./logError-4e2f2020.js');
 require('./zonosStore-3958bbeb.js');
 require('./isDarkColor-b14d5752.js');
@@ -45,7 +45,7 @@ const ZonosPayment = class {
     }
     render() {
         // this component loads iframe from the stripe elements and puts here, so we don't need to do anything here
-        return (index.h(index.Host, { key: 'fa213e672515b2aa3e389f0e7f918350a076e493', class: "zonos--payment zonos--elements" }, this.titleText && (index.h("zonos-text", { key: 'ed1fa911c3765962f7a3a7ce606a334541ca0a9a', class: "zonos--title", type: "semiBoldLabel" }, this.titleText)), index.h("div", { key: 'afeb5892da35ae3fef9659d05a0bb77924acb7f0', class: "zonos--payment-component" })));
+        return (index.h(index.Host, { key: '0add83652f88a929eb76727e27455a0ddd6866fb', class: "zonos--payment zonos--elements" }, this.titleText && (index.h("zonos-text", { key: 'ff4eb31c3f402562d4c85848bf6bb34c4f0b1bab', class: "zonos--title", type: "semiBoldLabel" }, this.titleText)), index.h("div", { key: 'fba7df5c0ca94d2374aab0f24e3111f4b08eff11', class: "zonos--payment-component" })));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/zonos-select-dialog-header_2.cjs.entry.js

@@ -18,9 +18,9 @@ const ZonosSelectDialogHeader = class {
         this.label = '';
     }
     render() {
-        return (index.h(index.Host, { key: '6bbc81e8045153c49da17c4b999bc1992aa9f01d', class: "zonos--elements", style: {
+        return (index.h(index.Host, { key: 'aee08db0e889bd5a5b9084180f6ee038c120a3b2', class: "zonos--elements", style: {
                 '--font-family': zonosStore.zonosStoreFontFamily(),
-            } }, index.h("zonos-v-stack", { key: 'c0184343c6cefd3c996695964800d242d1673ee1', class: "zonos--select-dialog-header-wrapper", spacing: 8 }, index.h("div", { key: 'ae13d39c8a0917df33aec34a10853892d9470a9c', class: "zonos--select-dialog-header" }, index.h("zonos-text", { key: '32e9af076b72f63cb1ec0c92b7e77d3196572106', type: "boldLabel" }, this.label), index.h("zonos-button", { key: 'eb4d2f0cef4a2b0eafe628c19d0fcbac4f3493e6', class: "zonos--close-button", icon: index.h("zonos-icon", { "aria-label": "Close select dialog", content: RemoveIcon, size: 20 }), noBackground: true, onClick: () => this.handleOnClose() })), index.h("slot", { key: '98a6f0e4f44e74208b5e446ad8066b74b1f7beaa' }))));
+            } }, index.h("zonos-v-stack", { key: '565a273f0037418387c0868c74943c3325ab6c35', class: "zonos--select-dialog-header-wrapper", spacing: 8 }, index.h("div", { key: '0d994f27c948e49c092d016a0f1d6e453f80f00a', class: "zonos--select-dialog-header" }, index.h("zonos-text", { key: 'ee7bb796e921b2a14fa6201c8f17d0dfd9f3a3c2', type: "boldLabel" }, this.label), index.h("zonos-button", { key: '0e3a6c9c2cc4b67a51015b2fb7345c47a0e5ef23', class: "zonos--close-button", icon: index.h("zonos-icon", { "aria-label": "Close select dialog", content: RemoveIcon, size: 20 }), noBackground: true, onClick: () => this.handleOnClose() })), index.h("slot", { key: 'ad9fb089fa4a571a5443431c0d686b4804d25b0a' }))));
     }
 };
 ZonosSelectDialogHeader.style = ZonosSelectDialogHeaderStyle0;
@@ -34,9 +34,9 @@ const VStack = class {
         this.spacing = 24;
     }
     render() {
-        return (index.h(index.Host, { key: '3d0753111d525b29e1f36684c89b7216ee0b323f', style: {
+        return (index.h(index.Host, { key: '9b7115624d2e27b1c6da58ac16f6059d5cad71a9', style: {
                 '--font-family': zonosStore.zonosStoreFontFamily(),
-            } }, index.h("div", { key: '95b732681743abc1b08b1b8bc722855c3c8e967a', class: classes.classes(['vstack']), style: { 'grid-row-gap': `${this.spacing}px` } }, index.h("slot", { key: 'b93347c5fb986a70f9f1d67ce2216bba84db7ba4' }))));
+            } }, index.h("div", { key: 'bd3ccd8700897292fd1a9ad40825c851a484fcf2', class: classes.classes(['vstack']), style: { 'grid-row-gap': `${this.spacing}px` } }, index.h("slot", { key: '1c6fe3e6dc8eda9461eb90180535c9bd563a1840' }))));
     }
 };
 VStack.style = ZonosVStackStyle0;

package/dist/collection/collection-manifest.json

@@ -33,6 +33,7 @@
     "components/common/zonos-language-select/zonos-language-select.js",
     "components/common/zonos-link/zonos-link.js",
     "components/common/zonos-logo/zonos-logo.js",
+    "components/common/zonos-rest-state/zonos-rest-state.js",
     "components/common/zonos-select-dialog-header/zonos-select-dialog-header.js",
     "components/common/zonos-text/zonos-text.js",
     "components/common/zonos-tooltip/zonos-tooltip.js",

package/dist/collection/components/checkout/zonos-checkout/zonos-checkout-footer/zonos-checkout-footer.css

@@ -90,7 +90,7 @@
   width: 360px;
   max-width: 100vw;
   max-height: 500px;
-  z-index: 10005;
+  z-index: 2147483011;
   overflow: auto;
   transform: scale(0);
   transform-origin: bottom left;

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

@@ -22,6 +22,8 @@ import { submitGtag } from "../../utils/submitGtag";
 import MessageIcon from "./assets/MessageIcon.svg";
 // eslint-disable-next-line no-relative-import-paths/no-relative-import-paths
 import RemoveIcon from "./assets/RemoveIcon.svg";
+// 90 minutes
+const CHECKOUT_SESSION_TIMEOUT = 90 * 60 * 1000;
 export class ZonosCheckout {
     constructor() {
         /**
@@ -69,6 +71,8 @@ export class ZonosCheckout {
         this.legacyCheckoutHiddenBtnSelector = '#legacy-checkout-hidden-button';
         this.isLegacyCheckout = false;
         this.confirmDialogOpen = false;
+        this.showSessionTimoutScreen = false;
+        this.checkoutTimeoutInterval = null;
     }
     /**
      * Init cart info handler event
@@ -108,6 +112,8 @@ export class ZonosCheckout {
         cartStore.step = 'customer-info';
         // reset the tab item, so that user needs to click on Continue button to re-quote the landed cost if needed.
         cartStoreResetTabItems();
+        // clear the checkout session timeout timer when checkout dialog close action is triggered
+        this.clearCheckoutTimeoutInterval();
         /**
          * Trigger callback when the checkout is closed
          */
@@ -140,6 +146,33 @@ export class ZonosCheckout {
         await this.applyStripeTheme();
         return true;
     }
+    clearCheckoutTimeoutInterval() {
+        if (this.checkoutTimeoutInterval) {
+            clearTimeout(this.checkoutTimeoutInterval);
+            this.checkoutTimeoutInterval = null;
+        }
+    }
+    startCheckoutTimeoutInterval() {
+        // do nothing if in preview mode
+        if (this.preview) {
+            return;
+        }
+        const timeoutQuery = new URLSearchParams(window.location.search).get('zonosCheckoutTimeout');
+        const timeout = 
+        // timeout query is mainly for testing purpose
+        timeoutQuery && !isNaN(parseInt(timeoutQuery, 10))
+            ? parseInt(timeoutQuery, 10)
+            : CHECKOUT_SESSION_TIMEOUT;
+        log(`==START CHECKOUT TIMEOUT - ${timeout}==`);
+        // start a timer to validate the price
+        this.checkoutTimeoutInterval = setTimeout(() => {
+            // Show session timeout alert
+            this.showSessionTimoutScreen = true;
+        }, timeout);
+    }
+    reloadCheckoutSession() {
+        window.location.reload();
+    }
     attachCheckout() {
         const buttonAnchorSelector = zonosStore.checkoutSettings.placeOrderButtonSelector;
         log(`attach checkout ${buttonAnchorSelector}`);
@@ -173,6 +206,8 @@ export class ZonosCheckout {
                     if (!result) {
                         throw new Error('Error building cart');
                     }
+                    // start the timer to validate the price
+                    this.startCheckoutTimeoutInterval();
                     submitGtag('zonos-checkout-start');
                     void trackConversionEvent('checkout_open');
                 }
@@ -284,35 +319,6 @@ export class ZonosCheckout {
         if (window.Zonos.tempCartData) {
             this.useLegacyQueryParam();
         }
-        const hideInternationalOrderInterval = setInterval(() => {
-            const internationalSelector = window.Zonos.internationalHideSelector;
-            if (!internationalSelector) {
-                // cleanup right away if selector is not found
-                clearInterval(hideInternationalOrderInterval);
-                return;
-            }
-            // hide the selector if it's international
-            const isInternationalOrder = 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') ||
-                        getComputedStyle(element).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(() => {
             stripeStore.stripe = window.Zonos.stripe;
@@ -385,6 +391,8 @@ export class ZonosCheckout {
         try {
             await stripeStoreConfirmPayment();
             cartStoreNextStep();
+            // clear the checkout session timeout timer when purchase is complete
+            this.clearCheckoutTimeoutInterval();
         }
         catch (err) {
             logError(err);
@@ -497,6 +505,9 @@ export class ZonosCheckout {
                 this.isMobile ? '--zonos-elements-gray-0' : null }), filteredMessages.map(x => (h("zonos-custom-message", { icon: MessageIcon, message: x.message })))));
         };
         const renderContent = () => {
+            if (this.showSessionTimoutScreen) {
+                return (h("zonos-rest-state", { class: "zonos--session-timeout", restStateSubtitle: translate('Your checkout session has expired. Please reload the page to continue.'), restStateTitle: translate('Session timed out'), restStateType: 'Warning' }, h("zonos-button", { onClick: () => this.reloadCheckoutSession(), variant: "primary" }, translate('Reload'))));
+            }
             return (h("div", { class: 'zonos--content', style: {
                     '--border-radius': getBorderRadius({ overrideBorderStyle: style }),
                 } }, cartStore.step !== 'finish' && cartStore.step !== 'error' && (h(Fragment, null, h("div", { class: "zonos--left", "data-theme": leftSideTheme, style: {
@@ -524,7 +535,7 @@ export class ZonosCheckout {
                 hasFooter && 'has-footer',
                 this.preview && 'preview',
                 this.isMobile && 'mobile',
-            ]) }, this.preview ? (renderContent()) : (h("zonos-dialog", { borderStyle: style, "data-theme": rightSideTheme, height: "980px", isLoading: dialogLoading, mobile: this.isMobile, noBodyPadding: true, noBorder: true, noClickOutside: true, noCloseButton: true, onCloseDialog: () => this.closeDialogHandler(), open: this.open, width: "1200px" }, renderContent())), h("zonos-confirm-dialog", { dialogCancelBtnText: translate("Don't close"), dialogConfirmBtnText: translate('Close'), dialogIntent: "warn", dialogOpen: this.confirmDialogOpen, dialogSubtitle: translate('Would you like to close checkout and return to the site?'), dialogTitle: translate('Are you sure?'), onCancelClicked: () => {
+            ]) }, this.preview ? (renderContent()) : (h("zonos-dialog", { borderStyle: style, "data-theme": rightSideTheme, height: "980px", isLoading: dialogLoading, mobile: this.isMobile, noBodyPadding: true, noBorder: true, noClickOutside: true, noCloseButton: true, onCloseDialog: () => this.closeDialogHandler(), open: this.open, width: "1200px" }, renderContent())), h("zonos-confirm-dialog", { class: "zonos--close-confirm-dialog", dialogCancelBtnText: translate("Don't close"), dialogConfirmBtnText: translate('Close'), dialogIntent: "warn", dialogOpen: this.confirmDialogOpen, dialogSubtitle: translate('Would you like to close checkout and return to the site?'), dialogTitle: translate('Are you sure?'), onCancelClicked: () => {
                 this.confirmDialogOpen = false;
             },
             // Mark user selected confirm to close the dialog
@@ -662,7 +673,9 @@ export class ZonosCheckout {
             "domesticRedirectedBtnSelector": {},
             "legacyCheckoutHiddenBtnSelector": {},
             "isLegacyCheckout": {},
-            "confirmDialogOpen": {}
+            "confirmDialogOpen": {},
+            "showSessionTimoutScreen": {},
+            "checkoutTimeoutInterval": {}
         };
     }
     static get methods() {
@@ -696,10 +709,6 @@ export class ZonosCheckout {
                         "Promise": {
                             "location": "global",
                             "id": "global::Promise"
-                        },
-                        "HTMLElement": {
-                            "location": "global",
-                            "id": "global::HTMLElement"
                         }
                     },
                     "return": "Promise<void>"

package/dist/collection/components/common/zonos-confirm-dialog/zonos-confirm-dialog.css

@@ -115,11 +115,11 @@
   visibility: visible;
 }
 :host(.open) .zonos--backdrop {
-  z-index: 10003;
+  z-index: 2147483009;
   opacity: 0.65;
 }
 :host(.open) .zonos--confirm-layout {
   opacity: 1;
-  z-index: 10004;
+  z-index: 2147483010;
   transform: scale(1);
 }

package/dist/collection/components/common/zonos-confirm-dialog/zonos-confirm-dialog.js

@@ -22,8 +22,9 @@ export class ZonosConfirmDialog {
         this.submitBtnColor = undefined;
         this.dialogConfirmBtnText = undefined;
         this.dialogCancelBtnText = undefined;
+        this.dialogType = 'confirm';
         this.isMobile = false;
-        this.dialogOpen = false;
+        this.dialogOpen = undefined;
         this.noClickOutside = false;
     }
     handleKeyDown(ev) {
@@ -81,12 +82,12 @@ export class ZonosConfirmDialog {
         const borderStyle = getBorderRadius();
         // Get theme for the update dialog, inherit from the theme, no from this component theme
         const theme = getZonosStoreTheme(zonosStore.appearance.theme);
-        return (h(Host, { key: 'e52030ffc052c699daa87c5b62ee8b44ddad7f7f', class: classes([this.dialogOpen && 'open', 'zonos--elements']), "data-theme": theme, style: {
+        return (h(Host, { key: '0adbea273e5504ac29ef8040fd968ded3f731f4b', class: classes([this.dialogOpen && 'open', 'zonos--elements']), "data-dialog-type": this.dialogType, "data-theme": theme, style: {
                 '--border-radius': borderStyle,
                 '--font-family': zonosStoreFontFamily(),
-            } }, h("div", { key: 'a34d31946f198b2593f142b582aec18f69fe74c5', class: "zonos--backdrop", tabIndex: -1 }), h("div", { key: '2f3dfa27dfbfbc4080eb710dd3db530521b63d36', "aria-hidden": "true", class: classes(['zonos--confirm-layout', this.dialogIntent]), onClick: e => this.clickOutsideDialogHandler(e) }, h("div", { key: '8f61424a8899c81f9510deda0adc3ff3e2da102b', class: "zonos--confirm-dialog", onBlur: () => {
+            } }, h("div", { key: '4dbb78a0d1fc37dbd573c23aee53838a4578e18e', class: "zonos--backdrop", tabIndex: -1 }), h("div", { key: '106e28d9bea08a332063cf8fe07f7e1db7ef3f0b', "aria-hidden": "true", class: classes(['zonos--confirm-layout', this.dialogIntent]), onClick: e => this.clickOutsideDialogHandler(e) }, h("div", { key: 'b296e7d2c30815147396b6e5c50207b40722d6f5', class: "zonos--confirm-dialog", onBlur: () => {
                 this.focusDialog();
-            } }, h("div", { key: '2fca3f071d7f9d2af628d909770bb12a3acabfe2', class: "wrapper" }, h("div", { key: 'fed312e492a9fcac175a9cac7501255aeb975c10', class: "icon-wrapper" }, this.renderIcon()), h("div", { key: '131651e201a8d6b2ee9e0c82bd1990bc9a8dc702', class: "content" }, h("div", { key: 'a42e1a9271bdfb9fba133e9af330bdb8b16be230', class: "title" }, h("zonos-text", { key: '91461b9e572e3eb0e6e8616612cce56cf723678f', type: "subheader" }, this.dialogTitle)), this.dialogSubtitle && (h("div", { key: 'fde989f7ef37692173c1476b5cfd98f6cc71bb6e', class: "subtitle" }, h("zonos-text", { key: '2e273099ff036b1aa62bba923fff696d1d291867', textColor: "gray-800" }, this.dialogSubtitle)))), h("div", { key: '3b7f50adf490388feb759f2e09a626ece5f29c20', class: "footer" }, h("zonos-button", { key: '9686f10d831470273543cf3b5217a8e59bb5160a', backgroundColor: "gray-0", class: "cancel-button", onClick: () => this.closeDialogHandler(), size: "lg", withBoxShadow: true }, this.dialogCancelBtnText), h("zonos-button", { key: '3781a86d62efe11e8dc08886e3b4ad885c64776a', class: "confirm-button", onClick: () => this.confirmDialogHandler(), size: "lg", variant: this.getButtonConfirmVariant() }, this.dialogConfirmBtnText)))))));
+            } }, h("div", { key: 'ba8c7aa3f0a6c3753f2275b2fd9daac8181d8e05', class: "wrapper" }, h("div", { key: '60490f9e714881bd75c6fcad07aebf3ae9d9947b', class: "icon-wrapper" }, this.renderIcon()), h("div", { key: 'd735c7e03bff1d41fdbc003c9628a4abaa4f9313', class: "content" }, h("div", { key: 'e085cea22f8036b3deec9fa9f51c977629e6cc74', class: "title" }, h("zonos-text", { key: '4e41e3b2fe012a8c28daa7ceab614b19299c7cdf', type: "subheader" }, this.dialogTitle)), this.dialogSubtitle && (h("div", { key: '5cc1fefbe7a551bf5ad7ff3744d7ecc6ecf5e73a', class: "subtitle" }, h("zonos-text", { key: '07afaf41a189f491db17d135cf074d4c6152e3cb', textColor: "gray-800" }, this.dialogSubtitle)))), h("div", { key: 'fbcfeb7f1a195ad928dea606f5085d8d2c1f2df6', class: "footer" }, this.dialogType === 'confirm' && (h("zonos-button", { key: 'eab37a4bf872bcde807ea50f33f2f082889a47c1', backgroundColor: "gray-0", class: "cancel-button", onClick: () => this.closeDialogHandler(), size: "lg", withBoxShadow: true }, this.dialogCancelBtnText || translate('Cancel'))), h("zonos-button", { key: '21e66354e0eaa951fd68f86beda36c4a89f06e44', class: "confirm-button", onClick: () => this.confirmDialogHandler(), size: "lg", variant: this.getButtonConfirmVariant() }, this.dialogConfirmBtnText)))))));
     }
     static get is() { return "zonos-confirm-dialog"; }
     static get encapsulation() { return "shadow"; }
@@ -205,11 +206,11 @@ export class ZonosConfirmDialog {
                 "mutable": false,
                 "complexType": {
                     "original": "string",
-                    "resolved": "string",
+                    "resolved": "string | undefined",
                     "references": {}
                 },
-                "required": true,
-                "optional": false,
+                "required": false,
+                "optional": true,
                 "docs": {
                     "tags": [],
                     "text": "Cancel button text"
@@ -217,6 +218,27 @@ export class ZonosConfirmDialog {
                 "attribute": "dialog-cancel-btn-text",
                 "reflect": false
             },
+            "dialogType": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "'alert' | 'confirm'",
+                    "resolved": "\"alert\" | \"confirm\"",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [{
+                            "name": "default",
+                            "text": "\"confirm\""
+                        }],
+                    "text": "Type of dialog\n- \"alert\" - Only confirm button\n- \"confirm\" - Both Confirm and cancel buttons"
+                },
+                "attribute": "dialog-type",
+                "reflect": false,
+                "defaultValue": "'confirm'"
+            },
             "isMobile": {
                 "type": "boolean",
                 "mutable": false,
@@ -243,15 +265,14 @@ export class ZonosConfirmDialog {
                     "resolved": "boolean",
                     "references": {}
                 },
-                "required": false,
+                "required": true,
                 "optional": false,
                 "docs": {
                     "tags": [],
                     "text": "Whether or not the dialog is open"
                 },
                 "attribute": "dialog-open",
-                "reflect": false,
-                "defaultValue": "false"
+                "reflect": false
             },
             "noClickOutside": {
                 "type": "boolean",

package/dist/collection/components/common/zonos-dialog/zonos-dialog.css

@@ -55,7 +55,7 @@
   display: flex;
   align-items: center;
   justify-content: center;
-  z-index: 10002;
+  z-index: 2147483009;
   background: var(--zonos-elements-gray-0);
   border-radius: var(--border-radius, var(--zonos-elements-radius-10));
 }
@@ -73,7 +73,7 @@
 }
 :host .zonos--dialog {
   position: relative;
-  z-index: 10001;
+  z-index: 2147483008;
   background: var(--zonos-elements-gray-0);
   max-width: 90vw;
   max-height: 90vh;
@@ -127,12 +127,12 @@
   visibility: visible;
 }
 :host(.open) .zonos--backdrop {
-  z-index: 10001;
+  z-index: 2147483008;
   opacity: 0.65;
 }
 :host(.open) .zonos--dialog-layout {
   opacity: 1;
-  z-index: 10002;
+  z-index: 2147483009;
   transform: scale(1);
 }
 

package/dist/collection/components/common/zonos-rest-state/zonos-rest-state.css

@@ -0,0 +1,53 @@
+: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;
+}
+
+/* All sets of variable are here */
+/* smooth font rendering */
+:host {
+  -moz-osx-font-smoothing: grayscale;
+  -webkit-font-smoothing: antialiased;
+}
+
+:host {
+  height: 100%;
+  width: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  flex-direction: column;
+  gap: 20px;
+}
+:host .zonos--restState-image {
+  width: 124px;
+  height: 124px;
+  margin-bottom: 15px;
+}
+:host .content {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 8px;
+}