@zonos/elements 1.3.129 → 1.3.131

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

@@ -3,14 +3,14 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-d56e0a8b.js');
-const cart = require('./cart-ba8cca00.js');
-const zonosStore = require('./zonosStore-e12d459c.js');
+const cart = require('./cart-d5240ba9.js');
+const zonosStore = require('./zonosStore-293bb3ba.js');
 const classes = require('./classes-b7918f56.js');
 const formatStringWithLinks = require('./formatStringWithLinks-52341fc7.js');
 const getHasMoreSpaceOnRight = require('./getHasMoreSpaceOnRight-4c94667f.js');
 require('./handleFetch-a8dfb07c.js');
-require('./isDarkColor-d206c6fa.js');
-require('./getBorderRadius-61ed5601.js');
+require('./isDarkColor-dd6d723b.js');
+require('./getBorderRadius-f72d8edf.js');
 
 const getHasMoreSpaceAbove = (ref) => {
     const componentRect = ref.getBoundingClientRect();

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

@@ -3,13 +3,13 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-d56e0a8b.js');
-const zonosStore = require('./zonosStore-e12d459c.js');
-const cart = require('./cart-ba8cca00.js');
+const zonosStore = require('./zonosStore-293bb3ba.js');
+const cart = require('./cart-d5240ba9.js');
 const classes = require('./classes-b7918f56.js');
 const handleFetch = require('./handleFetch-a8dfb07c.js');
 const getHasMoreSpaceOnRight = require('./getHasMoreSpaceOnRight-4c94667f.js');
-require('./isDarkColor-d206c6fa.js');
-require('./getBorderRadius-61ed5601.js');
+require('./isDarkColor-dd6d723b.js');
+require('./getBorderRadius-f72d8edf.js');
 
 var root = zonosStore._root;
 

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

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-d56e0a8b.js');
-const zonosStore = require('./zonosStore-e12d459c.js');
+const zonosStore = require('./zonosStore-293bb3ba.js');
 const classes = require('./classes-b7918f56.js');
-const getBorderRadius = require('./getBorderRadius-61ed5601.js');
+const getBorderRadius = require('./getBorderRadius-f72d8edf.js');
 
 const zonosInputCss = ":host{font-family:var(--zonos--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--zonos--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{margin:1px;}:host .zonos--label-wrapper{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;height:100%;width:100%;background:var(--zonos-elements-input-background);border-radius:var(--zonos--border-radius);border:var(--zonos-elements-border)}:host .zonos--label-wrapper:hover{border:1px solid var(--zonos-elements-gray-300)}:host .zonos--floated-input{-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;padding:0 16px;outline:none;-webkit-transition:var(--zonos-elements-transition);transition:var(--zonos-elements-transition);width:100%;border-radius:var(--zonos--border-radius);background:var(--zonos-elements-input-background);border:0;-ms-flex-order:2;order:2;font-weight:500}:host .zonos--floated-input :-internal-autofill-selected{border-radius:var(--zonos-elements-radius-6) 0 0 var(--zonos-elements-radius-6)}:host .zonos--floated-input :-internal-autofill-selected+label+div{background-color:#e8f0fe}:host .zonos--floated-input.has-label{padding:16px 4px 8px 16px}:host .zonos--floated-input.has-label.has-input-prefix{padding-left:0}:host .zonos--floated-input.has-label.has-input-prefix+.zonos--floated-label::before{margin-left:0}:host .zonos--floated-input:not(.has-label)::-webkit-input-placeholder{opacity:var(--zonos-elements-opacity-disabled)}:host .zonos--floated-input:not(.has-label)::-moz-placeholder{opacity:var(--zonos-elements-opacity-disabled)}:host .zonos--floated-input:not(.has-label):-ms-input-placeholder{opacity:var(--zonos-elements-opacity-disabled)}:host .zonos--floated-input:not(.has-label)::-ms-input-placeholder{opacity:var(--zonos-elements-opacity-disabled)}:host .zonos--floated-input:not(.has-label)::placeholder{opacity:var(--zonos-elements-opacity-disabled)}:host .zonos--floated-input::-webkit-input-placeholder{-webkit-transition:var(--zonos-elements-transition);transition:var(--zonos-elements-transition);opacity:0}:host .zonos--floated-input::-moz-placeholder{-moz-transition:var(--zonos-elements-transition);transition:var(--zonos-elements-transition);opacity:0}:host .zonos--floated-input:-ms-input-placeholder{-ms-transition:var(--zonos-elements-transition);transition:var(--zonos-elements-transition);opacity:0}:host .zonos--floated-input::-ms-input-placeholder{-ms-transition:var(--zonos-elements-transition);transition:var(--zonos-elements-transition);opacity:0}:host .zonos--floated-input::placeholder{-webkit-transition:var(--zonos-elements-transition);transition:var(--zonos-elements-transition);opacity:0}:host .zonos--floated-input:focus{outline:none}:host .zonos--floated-input:focus+.zonos--floated-label::after{-webkit-box-shadow:var(--zonos-elements-glow-blue);box-shadow:var(--zonos-elements-glow-blue)}:host .zonos--floated-input.has-error+.zonos--floated-label::after{-webkit-box-shadow:var(--zonos-elements-glow-error);box-shadow:var(--zonos-elements-glow-error)}:host .zonos--floated-input.has-content::-webkit-input-placeholder,:host .zonos--floated-input:focus::-webkit-input-placeholder{opacity:var(--zonos-elements-opacity-disabled)}:host .zonos--floated-input.has-content::-moz-placeholder,:host .zonos--floated-input:focus::-moz-placeholder{opacity:var(--zonos-elements-opacity-disabled)}:host .zonos--floated-input.has-content:-ms-input-placeholder,:host .zonos--floated-input:focus:-ms-input-placeholder{opacity:var(--zonos-elements-opacity-disabled)}:host .zonos--floated-input.has-content::-ms-input-placeholder,:host .zonos--floated-input:focus::-ms-input-placeholder{opacity:var(--zonos-elements-opacity-disabled)}:host .zonos--floated-input.has-content::placeholder,:host .zonos--floated-input:focus::placeholder{opacity:var(--zonos-elements-opacity-disabled)}:host .zonos--floated-input.has-content+.zonos--floated-label::before,:host .zonos--floated-input:focus+.zonos--floated-label::before{top:11px;-webkit-transform:scale(0.8);transform:scale(0.8)}:host .zonos--floated-input:-webkit-autofill,:host .zonos--floated-input:-moz-autofill{background-color:var(--zonos-elements-input-background);color:var(--zonos-elements-text-color)}:host .zonos--floated-label{display:block;max-height:0;pointer-events:none;-ms-flex-order:1;order:1}:host .zonos--floated-label::before{content:attr(data-label);color:var(--zonos-elements-gray-800);position:absolute;font-size:var(--zonos-elements-font-size-base);line-height:var(--zonos-elements-font-size-base);display:inline-block;-webkit-filter:blur(0);filter:blur(0);-webkit-transform-origin:left top;transform-origin:left top;-webkit-transition:var(--zonos-elements-transition);transition:var(--zonos-elements-transition);margin-left:16px;top:calc(50% - var(--zonos-elements-font-size-base) / 2);z-index:1}:host .zonos--floated-label::after{content:\"\";position:absolute;left:0;right:0;top:0;bottom:0;border-radius:var(--zonos--border-radius)}:host .disabled .zonos--floated-label{pointer-events:inherit}:host .disabled .zonos--floated-label::after{cursor:not-allowed;z-index:1}:host(.sm){height:calc(var(--zonos-elements-size-sm) - 2px)}:host(.sm) .zonos--floated-input.has-label{padding-top:13px;padding-bottom:0}:host(.sm) .zonos--floated-input.has-label:focus+.zonos--floated-label::before,:host(.sm) .zonos--floated-input.has-label.has-content+.zonos--floated-label::before{top:2px}:host(.md){height:calc(var(--zonos-elements-size-md) - 2px)}:host(.md) .zonos--floated-input.has-label{padding-top:20px}:host(.md) .zonos--floated-input.has-label:focus+.zonos--floated-label::before,:host(.md) .zonos--floated-input.has-label.has-content+.zonos--floated-label::before{top:6px}:host(.lg){height:calc(var(--zonos-elements-size-lg) - 2px)}:host(.lg) .zonos--floated-input.has-label:focus+.zonos--floated-label::before,:host(.lg) .zonos--floated-input.has-label.has-content+.zonos--floated-label::before{top:10px}:host(.xl){height:calc(var(--zonos-elements-size-xl) - 2px)}:host(.xl) .zonos--floated-input.has-label{padding-bottom:2px}";
 const ZonosInputStyle0 = zonosInputCss;

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

@@ -3,12 +3,12 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-d56e0a8b.js');
-const cart = require('./cart-ba8cca00.js');
-const zonosStore = require('./zonosStore-e12d459c.js');
+const cart = require('./cart-d5240ba9.js');
+const zonosStore = require('./zonosStore-293bb3ba.js');
 const ILanguage = require('./ILanguage-98b04442.js');
 require('./handleFetch-a8dfb07c.js');
-require('./isDarkColor-d206c6fa.js');
-require('./getBorderRadius-61ed5601.js');
+require('./isDarkColor-dd6d723b.js');
+require('./getBorderRadius-f72d8edf.js');
 
 const GreenCheckDuotoneIcon = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M7.99996 2.6665C5.05444 2.6665 2.66663 5.05432 2.66663 7.99984C2.66663 10.9454 5.05444 13.3332 7.99996 13.3332C10.9455 13.3332 13.3333 10.9454 13.3333 7.99984C13.3333 5.05432 10.9455 2.6665 7.99996 2.6665Z" fill="#AFF8C3"/>

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-d56e0a8b.js');
-const zonosStore = require('./zonosStore-e12d459c.js');
+const zonosStore = require('./zonosStore-293bb3ba.js');
 const classes = require('./classes-b7918f56.js');
 
 const zonosLogoCss = ":host{font-family:var(--zonos--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--zonos--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{display:-ms-inline-flexbox;display:inline-flex}:host img{-webkit-filter:var(--zonos--filter-color);filter:var(--zonos--filter-color);width:var(--zonos--width)}";

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

@@ -3,13 +3,13 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-d56e0a8b.js');
-const zonosStore = require('./zonosStore-e12d459c.js');
+const zonosStore = require('./zonosStore-293bb3ba.js');
 const classes = require('./classes-b7918f56.js');
-const getBorderRadius = require('./getBorderRadius-61ed5601.js');
-const cart = require('./cart-ba8cca00.js');
+const getBorderRadius = require('./getBorderRadius-f72d8edf.js');
+const cart = require('./cart-d5240ba9.js');
 const handleFetch = require('./handleFetch-a8dfb07c.js');
-const paypal = require('./paypal-441c3f79.js');
-require('./isDarkColor-d206c6fa.js');
+const paypal = require('./paypal-78db30b7.js');
+require('./isDarkColor-dd6d723b.js');
 
 const zonosNotificationCss = ":host{font-family:var(--zonos--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--zonos--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{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}:host .zonos--notification-items{position:fixed;z-index:9999999999;bottom:24px;gap:8px;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-direction:column;flex-direction:column}:host .zonos--notification-item{cursor:pointer;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;padding:8px;border-radius:var(--zonos--border-radius, var(--zonos-elements-radius-6));opacity:0;-ms-flex-negative:0.0001;flex-shrink:0.0001;-webkit-transform:translateY(100%);transform:translateY(100%)}:host .zonos--notification-item+:host .zonos--notification-item{margin-top:8px}:host .zonos--notification-item.show{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-ms-flex-positive:1000;flex-grow:1000}:host .zonos--notification-item.success{background-color:var(--zonos-elements-green-700)}:host .zonos--notification-item.error{background-color:var(--zonos-elements-red-700)}:host .zonos--notification-item.warning{background-color:var(--zonos-elements-orange-700)}";
 const ZonosNotificationStyle0 = zonosNotificationCss;

package/dist/cjs/zonos-shipping-rich-radio.cjs.entry.js

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-d56e0a8b.js');
-const zonosStore = require('./zonosStore-e12d459c.js');
+const zonosStore = require('./zonosStore-293bb3ba.js');
 const classes = require('./classes-b7918f56.js');
-const getBorderRadius = require('./getBorderRadius-61ed5601.js');
+const getBorderRadius = require('./getBorderRadius-f72d8edf.js');
 const isColorVariable = require('./isColorVariable-525dbfa7.js');
 
 const zonosShippingRichRadioCss = ":host{font-family:var(--zonos--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--zonos--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{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host input{margin:0;accent-color:var(--zonos--selected-border-color, var(--zonos-elements-blue-600))}:host .zonos--shipping-rich-radio-item{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;padding:16px;-ms-flex-align:center;align-items:center;gap:16px;cursor:pointer;border:1px solid var(--zonos-elements-gray-200)}:host .zonos--shipping-rich-radio-item:first-child{border-top-left-radius:var(--zonos--border-radius, var(--zonos-elements-radius-10));border-top-right-radius:var(--zonos--border-radius, var(--zonos-elements-radius-10))}:host .zonos--shipping-rich-radio-item:last-child{border-bottom-right-radius:var(--zonos--border-radius, var(--zonos-elements-radius-10));border-bottom-left-radius:var(--zonos--border-radius, var(--zonos-elements-radius-10))}:host .zonos--shipping-rich-radio-item:not(:last-child){border-bottom:none}:host .zonos--shipping-rich-radio-item.selected{outline:1px solid var(--zonos--selected-border-color, var(--zonos-elements-blue-600));outline-offset:-1px}:host .zonos--shipping-info{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex:1;flex:1}:host .zonos--shipping-detail{-ms-flex:1;flex:1}:host .zonos--sub-detail{display:-ms-inline-flexbox;display:inline-flex;gap:8px;-ms-flex-wrap:wrap;flex-wrap:wrap}";

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-d56e0a8b.js');
-const zonosStore = require('./zonosStore-e12d459c.js');
+const zonosStore = require('./zonosStore-293bb3ba.js');
 const classes = require('./classes-b7918f56.js');
 const isColorVariable = require('./isColorVariable-525dbfa7.js');
 const styles = require('./styles-d1e64fb9.js');

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-d56e0a8b.js');
-const zonosStore = require('./zonosStore-e12d459c.js');
+const zonosStore = require('./zonosStore-293bb3ba.js');
 const classes = require('./classes-b7918f56.js');
 
 const zonosToggleCss = ":host{font-family:var(--zonos--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--zonos--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{display:-ms-inline-flexbox;display:inline-flex}:host .wrapper{position:relative;border-radius:6px;background-color:var(--zonos-elements-gray-50);display:-ms-flexbox;display:flex}:host .zonos--toggle-selected-slider{z-index:1;position:absolute;background-color:var(--zonos-elements-raised-surface-color);height:100%;-webkit-box-shadow:var(--zonos-elements-shadow-button-standard);box-shadow:var(--zonos-elements-shadow-button-standard);border-radius:6px;-webkit-animation:translate 0.3s ease-in-out;animation:translate 0.3s ease-in-out}:host .zonos--option{background:transparent;border:0;z-index:2;cursor:pointer;padding:4px 12px;border-radius:6px;-webkit-transition:var(--zonos-elements-transition);transition:var(--zonos-elements-transition);font-size:var(--zonos-elements-font-size-base);font-weight:500;color:var(--zonos-elements-text-color-secondary)}:host .zonos--option:focus{outline:none}:host .zonos--option:hover:not(.selected){color:var(--zonos-elements-text-color)}:host .zonos--option.selected{color:var(--zonos-elements-text-color);background-color:var(--zonos-elements-raised-surface-color);height:100%;-webkit-box-shadow:var(--zonos-elements-shadow-button-standard);box-shadow:var(--zonos-elements-shadow-button-standard);border-radius:6px;-webkit-animation:translate 0.3s ease-in-out;animation:translate 0.3s ease-in-out}";

package/dist/cjs/zonos-v-stack.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-d56e0a8b.js');
-const zonosStore = require('./zonosStore-e12d459c.js');
+const zonosStore = require('./zonosStore-293bb3ba.js');
 const classes = require('./classes-b7918f56.js');
 
 const zonosVStackCss = ":host{font-family:var(--zonos--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--zonos--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 .vstack{display:grid;grid-auto-columns:minmax(0, 1fr);grid-row-gap:var(--spacing, 24px);grid-auto-flow:row}";

package/dist/cjs/{zonosStore-e12d459c.js → zonosStore-293bb3ba.js}

@@ -2771,6 +2771,7 @@ const { dispose: zonosStoreDispose, reset, state: zonosStore, } = createStore(()
     checkoutSettings: {
         allowedCharacterSets: 'ALL',
         analyticsProviders: [],
+        cartExpiration: 60,
         externalPaymentMethods: [],
         externalServiceTokens: [],
         mode: 'TEST',

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

@@ -55,6 +55,34 @@ export class ZonosCheckout {
                 paypalEnabled: paypalStoreHasPaypalEnabled(),
             });
         };
+        /**
+         * Check if the cart is expired, return `true` if the cart is expired
+         */
+        this.handleCartExpiredCheck = () => {
+            var _a;
+            // don't check for cart expiration if the cart is in test mode
+            if (getIsTestMode()) {
+                log('Not checking for cart expiration in test mode');
+                return false;
+            }
+            // Do nothing if no cart data or cart expiration is not set
+            if (!zonosStore.checkoutSettings.cartExpiration ||
+                !((_a = window.Zonos.cartData) === null || _a === void 0 ? void 0 : _a.createdAt)) {
+                return false;
+            }
+            const cartCreatedAt = new Date(window.Zonos.cartData.createdAt).getTime();
+            const currentTime = new Date().getTime();
+            const timeDiff = currentTime - cartCreatedAt;
+            const timeDiffInMinutes = Math.floor(timeDiff / 60000);
+            log(`Cart has been created for ${timeDiffInMinutes} minutes`);
+            if (zonosStore.checkoutSettings.cartExpiration) {
+                if (timeDiffInMinutes > zonosStore.checkoutSettings.cartExpiration) {
+                    this.isCartExpired = true;
+                    return true;
+                }
+            }
+            return false;
+        };
         this.formatDate = (timestamp) => {
             if (!timestamp) {
                 return '';
@@ -99,6 +127,7 @@ export class ZonosCheckout {
         this.storybookPaymentStatusOverride = undefined;
         this.isLegacyCheckout = window.Zonos.isLegacyCheckout;
         this.confirmDialogOpen = false;
+        this.isCartExpired = false;
         this.inventoryCheckErrorMessage = null;
         this.placedOrderInfo = null;
     }
@@ -154,6 +183,11 @@ export class ZonosCheckout {
         // if tempCartUUID is provided, use it instead of buildCartDetail
         if (window.Zonos.cartData) {
             log('tempCartUUID is provided, start building cart');
+            const isExpired = this.handleCartExpiredCheck();
+            if (isExpired) {
+                // Do not proceed if the cart is expired
+                return;
+            }
             const { adjustments, cartItems } = buildCartItemsByTempCart(window.Zonos.cartData);
             await cartStoreUpdateItems({ adjustments, cartItems });
         }
@@ -168,6 +202,12 @@ export class ZonosCheckout {
                 logError('Failed to build cart, please try again.');
                 return;
             }
+            window.Zonos.cartData = cartData;
+            const isExpired = this.handleCartExpiredCheck();
+            if (isExpired) {
+                // Do not proceed if the cart is expired
+                return;
+            }
             const { adjustments, cartItems } = buildCartItemsByTempCart(cartData);
             await cartStoreUpdateItems({ adjustments, cartItems });
         }
@@ -293,6 +333,9 @@ export class ZonosCheckout {
                 try {
                     // buildCartDetail may throw an error
                     const result = await this.buildCartAndInit();
+                    if (this.isCartExpired) {
+                        throw new Error('This shopping cart is expired');
+                    }
                     if (!result) {
                         throw new Error('Error building cart');
                     }
@@ -315,6 +358,9 @@ export class ZonosCheckout {
                     // stop loading
                     stripeStore.isFetchingSession = false;
                     logError(err);
+                    if (this.isCartExpired) {
+                        return;
+                    }
                     // We want to log the error anytime we fail to create a checkout session
                     void sendErrorLog({
                         endpoint: 'Error creating Checkout',
@@ -538,6 +584,29 @@ export class ZonosCheckout {
             void this.closeDialogHandler({ confirmed: true });
         }
     }
+    handleCartExpiredDialogConfirm() {
+        var _a;
+        this.isCartExpired = false;
+        // Redirect to the vendor store url if this is legacy checkout
+        if (this.isLegacyCheckout) {
+            const storeBaseUrl = (_a = window.Zonos.cartData) === null || _a === void 0 ? void 0 : _a.storeBaseUrl;
+            if (!storeBaseUrl) {
+                return;
+            }
+            if (window.parent) {
+                window.parent.location.href = storeBaseUrl;
+            }
+            window.location.href = storeBaseUrl;
+            return;
+        }
+        /**
+         * For normal integration, the checkout modal opens on top of merchant site. Therefore, should reload the page when cart is expired so whole page can be reloaded and merchant cart might also be reset.
+         **/
+        if (window.parent) {
+            window.parent.location.href = window.location.href;
+        }
+        window.location.reload();
+    }
     async handleStripePaymentContinue() {
         // reset error state
         stripeStore.hasPaymentError = false;
@@ -761,7 +830,13 @@ export class ZonosCheckout {
             // If dialog is in open state, the message should not be null
             dialogSubtitle: cartStore.inventoryCheckErrorMessage, dialogTitle: translate("Couldn't place order"), dialogType: "alert",
             // Mark user selected confirm to close the dialog
-            onConfirmClicked: () => this.handleInventoryCheckDialogConfirm() })));
+            onConfirmClicked: () => this.handleInventoryCheckDialogConfirm() }), h("zonos-confirm-dialog", { class: "zonos--shopping-cart-expired-dialog", dialogConfirmBtnText: translate('OK'), dialogIntent: "danger",
+            // Show dialog if inventory check error message is not null
+            dialogOpen: this.isCartExpired,
+            // If dialog is in open state, the message should not be null
+            dialogSubtitle: translate('You are being sent back to the shop to re-add items to your cart.'), dialogTitle: translate('Shopping cart expired'), dialogType: "alert",
+            // Mark user selected confirm to close the dialog
+            onConfirmClicked: () => this.handleCartExpiredDialogConfirm() })));
     }
     static get is() { return "zonos-checkout"; }
     static get encapsulation() { return "scoped"; }
@@ -894,6 +969,7 @@ export class ZonosCheckout {
             "storybookPaymentStatusOverride": {},
             "isLegacyCheckout": {},
             "confirmDialogOpen": {},
+            "isCartExpired": {},
             "inventoryCheckErrorMessage": {},
             "placedOrderInfo": {}
         };

package/dist/collection/components/store/translationStore/strings.arabic.js

@@ -185,6 +185,9 @@ export const stringsArabic = {
     'Nothing due at the door': {
         value: 'لا شيء مستحق عند الباب',
     },
+    OK: {
+        value: 'حسنًا',
+    },
     'Order complete!': {
         value: 'اكتمل الطلب!',
     },
@@ -299,6 +302,9 @@ export const stringsArabic = {
     'Shipping method': {
         value: 'طريقة الشحن',
     },
+    'Shopping cart expired': {
+        value: 'انتهت صلاحية عربة التسوق',
+    },
     Show: {
         value: 'عرض',
     },
@@ -380,6 +386,9 @@ export const stringsArabic = {
     'Would you like to close checkout and return to the site?': {
         value: 'هل ترغب في إغلاق عملية الدفع والعودة إلى الموقع؟',
     },
+    'You are being sent back to the shop to re-add items to your cart.': {
+        value: 'يتم إرسالك مرة أخرى إلى المتجر لإعادة إضافة العناصر إلى سلة التسوق الخاصة بك.',
+    },
     'You may incur additional fees from the shipping carrier by not prepaying.': {
         value: 'قد تتكبد رسومًا إضافية من شركة الشحن إذا لم تدفع مسبقًا.',
     },

package/dist/collection/components/store/translationStore/strings.base.js

@@ -185,6 +185,9 @@ export const stringsBase = {
     'Nothing due at the door': {
         value: 'Nothing due at the door',
     },
+    OK: {
+        value: 'OK',
+    },
     'Order complete!': {
         value: 'Order complete!',
     },
@@ -299,6 +302,9 @@ export const stringsBase = {
     'Shipping method': {
         value: 'Shipping method',
     },
+    'Shopping cart expired': {
+        value: 'Shopping cart expired',
+    },
     Show: {
         value: 'Show',
     },
@@ -380,6 +386,9 @@ export const stringsBase = {
     'Would you like to close checkout and return to the site?': {
         value: 'Would you like to close checkout and return to the site?',
     },
+    'You are being sent back to the shop to re-add items to your cart.': {
+        value: 'You are being sent back to the shop to re-add items to your cart.',
+    },
     'You may incur additional fees from the shipping carrier by not prepaying.': {
         value: 'You may incur additional fees from the shipping carrier by not prepaying.',
     },

package/dist/collection/components/store/translationStore/strings.chinese.js

@@ -185,6 +185,9 @@ export const stringsChinese = {
     'Nothing due at the door': {
         value: '门口无需付款',
     },
+    OK: {
+        value: '好的',
+    },
     'Order complete!': {
         value: '订单完成！',
     },
@@ -299,6 +302,9 @@ export const stringsChinese = {
     'Shipping method': {
         value: '运输方式',
     },
+    'Shopping cart expired': {
+        value: '购物车已过期',
+    },
     Show: {
         value: '显示',
     },
@@ -380,6 +386,9 @@ export const stringsChinese = {
     'Would you like to close checkout and return to the site?': {
         value: '您要关闭结帐并返回网站吗？',
     },
+    'You are being sent back to the shop to re-add items to your cart.': {
+        value: '您被送回商店以重新将商品添加到购物车。',
+    },
     'You may incur additional fees from the shipping carrier by not prepaying.': {
         value: '如果不预付，您可能会产生来自运输公司的额外费用。',
     },

package/dist/collection/components/store/translationStore/strings.danish.js

@@ -185,6 +185,9 @@ export const stringsDanish = {
     'Nothing due at the door': {
         value: 'Intet at betale ved døren',
     },
+    OK: {
+        value: 'OK',
+    },
     'Order complete!': {
         value: 'Bestilling fuldført!',
     },
@@ -299,6 +302,9 @@ export const stringsDanish = {
     'Shipping method': {
         value: 'Leveringsmetode',
     },
+    'Shopping cart expired': {
+        value: 'Indkøbskurv udløbet',
+    },
     Show: {
         value: 'Vis',
     },
@@ -380,6 +386,9 @@ export const stringsDanish = {
     'Would you like to close checkout and return to the site?': {
         value: 'Vil du lukke kassen og vende tilbage til siden?',
     },
+    'You are being sent back to the shop to re-add items to your cart.': {
+        value: 'Du bliver sendt tilbage til butikken for at tilføje varer til din kurv igen.',
+    },
     'You may incur additional fees from the shipping carrier by not prepaying.': {
         value: 'Du kan pådrage dig ekstra gebyrer fra fragtfirmaet ved ikke at forudbetale.',
     },

package/dist/collection/components/store/translationStore/strings.dutch.js

@@ -185,6 +185,9 @@ export const stringsDutch = {
     'Nothing due at the door': {
         value: 'Niets te betalen aan de deur',
     },
+    OK: {
+        value: 'OK',
+    },
     'Order complete!': {
         value: 'Bestelling voltooid!',
     },
@@ -299,6 +302,9 @@ export const stringsDutch = {
     'Shipping method': {
         value: 'Verzendmethode',
     },
+    'Shopping cart expired': {
+        value: 'Winkelwagen verlopen',
+    },
     Show: {
         value: 'Tonen',
     },
@@ -380,6 +386,9 @@ export const stringsDutch = {
     'Would you like to close checkout and return to the site?': {
         value: 'Wilt u de kassa sluiten en terugkeren naar de site?',
     },
+    'You are being sent back to the shop to re-add items to your cart.': {
+        value: 'U wordt teruggestuurd naar de winkel om items opnieuw aan uw winkelwagentje toe te voegen.',
+    },
     'You may incur additional fees from the shipping carrier by not prepaying.': {
         value: 'U kunt extra kosten van de vervoerder krijgen als u niet vooraf betaalt.',
     },

package/dist/collection/components/store/translationStore/strings.french.js

@@ -185,6 +185,9 @@ export const stringsFrench = {
     'Nothing due at the door': {
         value: 'Rien à payer à la porte',
     },
+    OK: {
+        value: 'OK',
+    },
     'Order complete!': {
         value: 'Commande terminée!',
     },
@@ -299,6 +302,9 @@ export const stringsFrench = {
     'Shipping method': {
         value: 'Mode de livraison',
     },
+    'Shopping cart expired': {
+        value: 'Panier expiré',
+    },
     Show: {
         value: 'Montrer',
     },
@@ -380,6 +386,9 @@ export const stringsFrench = {
     'Would you like to close checkout and return to the site?': {
         value: 'Voulez-vous fermer la caisse et retourner sur le site?',
     },
+    'You are being sent back to the shop to re-add items to your cart.': {
+        value: 'Vous êtes renvoyé au magasin pour réajouter des articles à votre panier.',
+    },
     'You may incur additional fees from the shipping carrier by not prepaying.': {
         value: "Vous pourriez encourir des frais supplémentaires de la part du transporteur si vous ne payez pas à l'avance.",
     },

package/dist/collection/components/store/translationStore/strings.german.js

@@ -185,6 +185,9 @@ export const stringsGerman = {
     'Nothing due at the door': {
         value: 'An der Tür nichts zu bezahlen',
     },
+    OK: {
+        value: 'OK',
+    },
     'Order complete!': {
         value: 'Bestellung abgeschlossen!',
     },
@@ -299,6 +302,9 @@ export const stringsGerman = {
     'Shipping method': {
         value: 'Versandart',
     },
+    'Shopping cart expired': {
+        value: 'Einkaufswagen abgelaufen',
+    },
     Show: {
         value: 'Zeigen',
     },
@@ -380,6 +386,9 @@ export const stringsGerman = {
     'Would you like to close checkout and return to the site?': {
         value: 'Möchten Sie den Checkout schließen und zur Seite zurückkehren?',
     },
+    'You are being sent back to the shop to re-add items to your cart.': {
+        value: 'Sie werden zurück zum Geschäft geschickt, um Artikel erneut in Ihren Warenkorb zu legen.',
+    },
     'You may incur additional fees from the shipping carrier by not prepaying.': {
         value: 'Sie können zusätzliche Gebühren vom Versanddienstleister erhalten, wenn Sie nicht im Voraus bezahlen.',
     },

package/dist/collection/components/store/translationStore/strings.hebrew.js

@@ -185,6 +185,9 @@ export const stringsHebrew = {
     'Nothing due at the door': {
         value: 'אין כלום לשלם בדלת',
     },
+    OK: {
+        value: 'בסדר',
+    },
     'Order complete!': {
         value: 'ההזמנה הושלמה!',
     },
@@ -299,6 +302,9 @@ export const stringsHebrew = {
     'Shipping method': {
         value: 'שיטת משלוח',
     },
+    'Shopping cart expired': {
+        value: 'תוקף עגלת הקניות פג',
+    },
     Show: {
         value: 'הצג',
     },
@@ -380,6 +386,9 @@ export const stringsHebrew = {
     'Would you like to close checkout and return to the site?': {
         value: 'האם תרצה לסגור את הקופה ולחזור לאתר?',
     },
+    'You are being sent back to the shop to re-add items to your cart.': {
+        value: 'אתה נשלח חזרה לחנות כדי להוסיף פריטים לעגלת הקניות שלך.',
+    },
     'You may incur additional fees from the shipping carrier by not prepaying.': {
         value: 'ייתכן שתחויב בעמלות נוספות מהמשלח אם לא תשלם מראש.',
     },

package/dist/collection/components/store/translationStore/strings.indonesian.js

@@ -185,6 +185,9 @@ export const stringsIndonesian = {
     'Nothing due at the door': {
         value: 'Tidak ada yang harus dibayar di pintu',
     },
+    OK: {
+        value: 'OK',
+    },
     'Order complete!': {
         value: 'Pesanan selesai!',
     },
@@ -299,6 +302,9 @@ export const stringsIndonesian = {
     'Shipping method': {
         value: 'Metode pengiriman',
     },
+    'Shopping cart expired': {
+        value: 'Keranjang belanja kedaluwarsa',
+    },
     Show: {
         value: 'Tampilkan',
     },
@@ -380,6 +386,9 @@ export const stringsIndonesian = {
     'Would you like to close checkout and return to the site?': {
         value: 'Apakah Anda ingin menutup pembayaran dan kembali ke situs?',
     },
+    'You are being sent back to the shop to re-add items to your cart.': {
+        value: 'Anda dikirim kembali ke toko untuk menambahkan barang ke keranjang Anda.',
+    },
     'You may incur additional fees from the shipping carrier by not prepaying.': {
         value: 'Anda mungkin dikenakan biaya tambahan dari pengangkut jika tidak membayar di muka.',
     },

package/dist/collection/components/store/translationStore/strings.italian.js

@@ -185,6 +185,9 @@ export const stringsItalian = {
     'Nothing due at the door': {
         value: 'Nulla da pagare alla porta',
     },
+    OK: {
+        value: 'OK',
+    },
     'Order complete!': {
         value: 'Ordine completato!',
     },
@@ -299,6 +302,9 @@ export const stringsItalian = {
     'Shipping method': {
         value: 'Metodo di spedizione',
     },
+    'Shopping cart expired': {
+        value: 'Carrello della spesa scaduto',
+    },
     Show: {
         value: 'Mostra',
     },
@@ -380,6 +386,9 @@ export const stringsItalian = {
     'Would you like to close checkout and return to the site?': {
         value: 'Vuoi chiudere il checkout e tornare al sito?',
     },
+    'You are being sent back to the shop to re-add items to your cart.': {
+        value: 'Stai tornando al negozio per riaggiungere articoli al tuo carrello.',
+    },
     'You may incur additional fees from the shipping carrier by not prepaying.': {
         value: 'Potresti incorrere in costi aggiuntivi dal corriere se non paghi in anticipo.',
     },

package/dist/collection/components/store/translationStore/strings.japanese.js

@@ -185,6 +185,9 @@ export const stringsJapanese = {
     'Nothing due at the door': {
         value: 'ドアでの支払いはありません',
     },
+    OK: {
+        value: 'OK',
+    },
     'Order complete!': {
         value: '注文完了！',
     },
@@ -299,6 +302,9 @@ export const stringsJapanese = {
     'Shipping method': {
         value: '配送方法',
     },
+    'Shopping cart expired': {
+        value: 'ショッピングカートの期限が切れました',
+    },
     Show: {
         value: '表示',
     },
@@ -380,6 +386,9 @@ export const stringsJapanese = {
     'Would you like to close checkout and return to the site?': {
         value: 'チェックアウトを終了してサイトに戻りますか？',
     },
+    'You are being sent back to the shop to re-add items to your cart.': {
+        value: 'カートに商品を再追加するためにショップに戻されています。',
+    },
     'You may incur additional fees from the shipping carrier by not prepaying.': {
         value: '前払いしないと、配送業者から追加料金が発生する可能性があります。',
     },