@zonos/elements 1.3.218 → 1.3.219

package/dist/esm/{zonos-cart-items_14.entry.js → zonos-cart-items_12.entry.js}

@@ -1,10 +1,13 @@
 import { r as registerInstance, d as getAssetPath, h, H as Host, F as Fragment, c as createEvent, a as getElement } from './index-55a03023.js';
-import { e as cartStore, A as cartStoreHasOneEligibleItem, B as stripeStoreApplyPromoCode, C as stripeStoreRemovePromoCode, c as stripeStore, y as stripeStoreReset, d as stripeStoreRetrievePayment, t as trackConversionEvent, D as stripeStoreResetPromoCode, E as stripeStoreMessageBasedOnStatus, r as cartStoreNextStep, F as stripeStoreTranslateAddressToLatin, G as extractName, H as cartStoreOnChange, I as stripeStoreAsyncAddressUpdate, J as cartStoreUpdateSelectedShippingOption, K as cartStoreGetShippingTransitInfo, L as cartStoreGetMethod, M as sortServiceLevelOptionsByAmount } from './cart-bb0ee971.js';
-import { d as currencyFormat, t as translate, s as storageStore, l as localizationStore, c as localizationStoreOnChange } from './localization-d8326254.js';
+import { e as cartStore, D as cartStoreHasOneEligibleItem, E as stripeStoreApplyPromoCode, F as stripeStoreRemovePromoCode, c as stripeStore, y as stripeStoreReset, d as stripeStoreRetrievePayment, t as trackConversionEvent, G as stripeStoreResetPromoCode, H as stripeStoreMessageBasedOnStatus, r as cartStoreNextStep, I as stripeStoreTranslateAddressToLatin, J as extractName, K as cartStoreOnChange, L as stripeStoreAsyncAddressUpdate, C as cartStoreUpdateSelectedShippingOption, M as cartStoreGetShippingTransitInfo, N as cartStoreGetMethod, O as sortServiceLevelOptionsByAmount } from './cart-acf4ebf5.js';
+import { t as translate } from './translationStore-c9743292.js';
+import { r as renderCheckoutCurrency, p as placeTestOrder } from './placeTestOrder-d1ad9cf6.js';
+import { c as cleanHtmlMarkdown } from './cleanHtmlMarkdown-b5b18743.js';
 import { c as classes } from './classes-0d95c529.js';
-import { z as zonosStore, g as getZonosStoreTheme, f as zonosStoreFontFamily, h as zonosStoreOnChange } from './zonosStore-c456b933.js';
-import { s as submitGtag, c as paypalStoreReset, a as paypalStore, i as isContrastColor } from './paypal-bd4520eb.js';
-import { h as handleFetch, l as log, s as sendErrorLog, d as allLogs, j as jsonParse, g as getIsTestMode, i as isCheckoutMobile, b as logError, a as getIsStagingMode } from './handleFetch-99218189.js';
+import { z as zonosStore, h as zonosStoreOnChange, g as getZonosStoreTheme, f as zonosStoreFontFamily } from './zonosStore-c456b933.js';
+import { s as submitGtag, c as paypalStoreReset, a as paypalStore, i as isContrastColor } from './paypal-2fa930eb.js';
+import { s as storageStore, l as localizationStore, c as localizationStoreOnChange } from './localization-8646f526.js';
+import { h as handleFetch, l as log, s as sendErrorLog, d as allLogs, j as jsonParse, g as getIsTestMode, i as isCheckoutMobile, a as getIsStagingMode } from './handleFetch-99218189.js';
 import { c as createCustomEvent } from './createCustomEvent-58159025.js';
 import { g as getBorderRadius } from './getBorderRadius-87593ff4.js';
 import { l as languages } from './ILanguage-cd6acb72.js';
@@ -16,1040 +19,6 @@ import { e as euCountryCodes } from './TaxId-50d72254.js';
 import './VarianceTest-fef2d958.js';
 import './debounce-c34d1270.js';
 
-const getDisplayCurrency = () => {
-    var _a, _b;
-    const shouldDisplayBaseCurrency = cartStore.displayBaseCurrency;
-    const displayCurrency = shouldDisplayBaseCurrency && ((_a = cartStore.exchangeRate) === null || _a === void 0 ? void 0 : _a.sourceCurrencyCode)
-        ? (_b = cartStore.exchangeRate) === null || _b === void 0 ? void 0 : _b.sourceCurrencyCode
-        : cartStore.currency;
-    return displayCurrency;
-};
-
-/**
- * Unified currency rendering for checkout amounts.
- * @note This is only to display, not for calculations.
- */
-const renderCheckoutCurrency = ({ amount, isForeign }) => {
-    var _a;
-    const targetRate = ((_a = cartStore.exchangeRate) === null || _a === void 0 ? void 0 : _a.rate) || 1;
-    const shouldDisplayBaseCurrency = cartStore.displayBaseCurrency;
-    const displayCurrency = getDisplayCurrency();
-    if (isForeign) {
-        // Amount is in foreign currency, divide by the rate to convert it to the base currency if displaying in base currency
-        const displayAmount = shouldDisplayBaseCurrency
-            ? amount / targetRate
-            : amount;
-        return currencyFormat({
-            amount: displayAmount,
-            currency: displayCurrency,
-        });
-    }
-    // Amount is already in base currency, need to multiply rate to convert to foreign currency if display in foreign currency
-    const displayAmount = shouldDisplayBaseCurrency
-        ? amount
-        : amount * targetRate;
-    return currencyFormat({
-        amount: displayAmount,
-        currency: displayCurrency,
-    });
-};
-
-function extend (destination) {
-  for (var i = 1; i < arguments.length; i++) {
-    var source = arguments[i];
-    for (var key in source) {
-      if (source.hasOwnProperty(key)) destination[key] = source[key];
-    }
-  }
-  return destination
-}
-
-function repeat (character, count) {
-  return Array(count + 1).join(character)
-}
-
-function trimLeadingNewlines (string) {
-  return string.replace(/^\n*/, '')
-}
-
-function trimTrailingNewlines (string) {
-  // avoid match-at-end regexp bottleneck, see #370
-  var indexEnd = string.length;
-  while (indexEnd > 0 && string[indexEnd - 1] === '\n') indexEnd--;
-  return string.substring(0, indexEnd)
-}
-
-var blockElements = [
-  'ADDRESS', 'ARTICLE', 'ASIDE', 'AUDIO', 'BLOCKQUOTE', 'BODY', 'CANVAS',
-  'CENTER', 'DD', 'DIR', 'DIV', 'DL', 'DT', 'FIELDSET', 'FIGCAPTION', 'FIGURE',
-  'FOOTER', 'FORM', 'FRAMESET', 'H1', 'H2', 'H3', 'H4', 'H5', 'H6', 'HEADER',
-  'HGROUP', 'HR', 'HTML', 'ISINDEX', 'LI', 'MAIN', 'MENU', 'NAV', 'NOFRAMES',
-  'NOSCRIPT', 'OL', 'OUTPUT', 'P', 'PRE', 'SECTION', 'TABLE', 'TBODY', 'TD',
-  'TFOOT', 'TH', 'THEAD', 'TR', 'UL'
-];
-
-function isBlock (node) {
-  return is(node, blockElements)
-}
-
-var voidElements = [
-  'AREA', 'BASE', 'BR', 'COL', 'COMMAND', 'EMBED', 'HR', 'IMG', 'INPUT',
-  'KEYGEN', 'LINK', 'META', 'PARAM', 'SOURCE', 'TRACK', 'WBR'
-];
-
-function isVoid (node) {
-  return is(node, voidElements)
-}
-
-function hasVoid (node) {
-  return has(node, voidElements)
-}
-
-var meaningfulWhenBlankElements = [
-  'A', 'TABLE', 'THEAD', 'TBODY', 'TFOOT', 'TH', 'TD', 'IFRAME', 'SCRIPT',
-  'AUDIO', 'VIDEO'
-];
-
-function isMeaningfulWhenBlank (node) {
-  return is(node, meaningfulWhenBlankElements)
-}
-
-function hasMeaningfulWhenBlank (node) {
-  return has(node, meaningfulWhenBlankElements)
-}
-
-function is (node, tagNames) {
-  return tagNames.indexOf(node.nodeName) >= 0
-}
-
-function has (node, tagNames) {
-  return (
-    node.getElementsByTagName &&
-    tagNames.some(function (tagName) {
-      return node.getElementsByTagName(tagName).length
-    })
-  )
-}
-
-var rules = {};
-
-rules.paragraph = {
-  filter: 'p',
-
-  replacement: function (content) {
-    return '\n\n' + content + '\n\n'
-  }
-};
-
-rules.lineBreak = {
-  filter: 'br',
-
-  replacement: function (content, node, options) {
-    return options.br + '\n'
-  }
-};
-
-rules.heading = {
-  filter: ['h1', 'h2', 'h3', 'h4', 'h5', 'h6'],
-
-  replacement: function (content, node, options) {
-    var hLevel = Number(node.nodeName.charAt(1));
-
-    if (options.headingStyle === 'setext' && hLevel < 3) {
-      var underline = repeat((hLevel === 1 ? '=' : '-'), content.length);
-      return (
-        '\n\n' + content + '\n' + underline + '\n\n'
-      )
-    } else {
-      return '\n\n' + repeat('#', hLevel) + ' ' + content + '\n\n'
-    }
-  }
-};
-
-rules.blockquote = {
-  filter: 'blockquote',
-
-  replacement: function (content) {
-    content = content.replace(/^\n+|\n+$/g, '');
-    content = content.replace(/^/gm, '> ');
-    return '\n\n' + content + '\n\n'
-  }
-};
-
-rules.list = {
-  filter: ['ul', 'ol'],
-
-  replacement: function (content, node) {
-    var parent = node.parentNode;
-    if (parent.nodeName === 'LI' && parent.lastElementChild === node) {
-      return '\n' + content
-    } else {
-      return '\n\n' + content + '\n\n'
-    }
-  }
-};
-
-rules.listItem = {
-  filter: 'li',
-
-  replacement: function (content, node, options) {
-    content = content
-      .replace(/^\n+/, '') // remove leading newlines
-      .replace(/\n+$/, '\n') // replace trailing newlines with just a single one
-      .replace(/\n/gm, '\n    '); // indent
-    var prefix = options.bulletListMarker + '   ';
-    var parent = node.parentNode;
-    if (parent.nodeName === 'OL') {
-      var start = parent.getAttribute('start');
-      var index = Array.prototype.indexOf.call(parent.children, node);
-      prefix = (start ? Number(start) + index : index + 1) + '.  ';
-    }
-    return (
-      prefix + content + (node.nextSibling && !/\n$/.test(content) ? '\n' : '')
-    )
-  }
-};
-
-rules.indentedCodeBlock = {
-  filter: function (node, options) {
-    return (
-      options.codeBlockStyle === 'indented' &&
-      node.nodeName === 'PRE' &&
-      node.firstChild &&
-      node.firstChild.nodeName === 'CODE'
-    )
-  },
-
-  replacement: function (content, node, options) {
-    return (
-      '\n\n    ' +
-      node.firstChild.textContent.replace(/\n/g, '\n    ') +
-      '\n\n'
-    )
-  }
-};
-
-rules.fencedCodeBlock = {
-  filter: function (node, options) {
-    return (
-      options.codeBlockStyle === 'fenced' &&
-      node.nodeName === 'PRE' &&
-      node.firstChild &&
-      node.firstChild.nodeName === 'CODE'
-    )
-  },
-
-  replacement: function (content, node, options) {
-    var className = node.firstChild.getAttribute('class') || '';
-    var language = (className.match(/language-(\S+)/) || [null, ''])[1];
-    var code = node.firstChild.textContent;
-
-    var fenceChar = options.fence.charAt(0);
-    var fenceSize = 3;
-    var fenceInCodeRegex = new RegExp('^' + fenceChar + '{3,}', 'gm');
-
-    var match;
-    while ((match = fenceInCodeRegex.exec(code))) {
-      if (match[0].length >= fenceSize) {
-        fenceSize = match[0].length + 1;
-      }
-    }
-
-    var fence = repeat(fenceChar, fenceSize);
-
-    return (
-      '\n\n' + fence + language + '\n' +
-      code.replace(/\n$/, '') +
-      '\n' + fence + '\n\n'
-    )
-  }
-};
-
-rules.horizontalRule = {
-  filter: 'hr',
-
-  replacement: function (content, node, options) {
-    return '\n\n' + options.hr + '\n\n'
-  }
-};
-
-rules.inlineLink = {
-  filter: function (node, options) {
-    return (
-      options.linkStyle === 'inlined' &&
-      node.nodeName === 'A' &&
-      node.getAttribute('href')
-    )
-  },
-
-  replacement: function (content, node) {
-    var href = node.getAttribute('href');
-    if (href) href = href.replace(/([()])/g, '\\$1');
-    var title = cleanAttribute(node.getAttribute('title'));
-    if (title) title = ' "' + title.replace(/"/g, '\\"') + '"';
-    return '[' + content + '](' + href + title + ')'
-  }
-};
-
-rules.referenceLink = {
-  filter: function (node, options) {
-    return (
-      options.linkStyle === 'referenced' &&
-      node.nodeName === 'A' &&
-      node.getAttribute('href')
-    )
-  },
-
-  replacement: function (content, node, options) {
-    var href = node.getAttribute('href');
-    var title = cleanAttribute(node.getAttribute('title'));
-    if (title) title = ' "' + title + '"';
-    var replacement;
-    var reference;
-
-    switch (options.linkReferenceStyle) {
-      case 'collapsed':
-        replacement = '[' + content + '][]';
-        reference = '[' + content + ']: ' + href + title;
-        break
-      case 'shortcut':
-        replacement = '[' + content + ']';
-        reference = '[' + content + ']: ' + href + title;
-        break
-      default:
-        var id = this.references.length + 1;
-        replacement = '[' + content + '][' + id + ']';
-        reference = '[' + id + ']: ' + href + title;
-    }
-
-    this.references.push(reference);
-    return replacement
-  },
-
-  references: [],
-
-  append: function (options) {
-    var references = '';
-    if (this.references.length) {
-      references = '\n\n' + this.references.join('\n') + '\n\n';
-      this.references = []; // Reset references
-    }
-    return references
-  }
-};
-
-rules.emphasis = {
-  filter: ['em', 'i'],
-
-  replacement: function (content, node, options) {
-    if (!content.trim()) return ''
-    return options.emDelimiter + content + options.emDelimiter
-  }
-};
-
-rules.strong = {
-  filter: ['strong', 'b'],
-
-  replacement: function (content, node, options) {
-    if (!content.trim()) return ''
-    return options.strongDelimiter + content + options.strongDelimiter
-  }
-};
-
-rules.code = {
-  filter: function (node) {
-    var hasSiblings = node.previousSibling || node.nextSibling;
-    var isCodeBlock = node.parentNode.nodeName === 'PRE' && !hasSiblings;
-
-    return node.nodeName === 'CODE' && !isCodeBlock
-  },
-
-  replacement: function (content) {
-    if (!content) return ''
-    content = content.replace(/\r?\n|\r/g, ' ');
-
-    var extraSpace = /^`|^ .*?[^ ].* $|`$/.test(content) ? ' ' : '';
-    var delimiter = '`';
-    var matches = content.match(/`+/gm) || [];
-    while (matches.indexOf(delimiter) !== -1) delimiter = delimiter + '`';
-
-    return delimiter + extraSpace + content + extraSpace + delimiter
-  }
-};
-
-rules.image = {
-  filter: 'img',
-
-  replacement: function (content, node) {
-    var alt = cleanAttribute(node.getAttribute('alt'));
-    var src = node.getAttribute('src') || '';
-    var title = cleanAttribute(node.getAttribute('title'));
-    var titlePart = title ? ' "' + title + '"' : '';
-    return src ? '![' + alt + ']' + '(' + src + titlePart + ')' : ''
-  }
-};
-
-function cleanAttribute (attribute) {
-  return attribute ? attribute.replace(/(\n+\s*)+/g, '\n') : ''
-}
-
-/**
- * Manages a collection of rules used to convert HTML to Markdown
- */
-
-function Rules (options) {
-  this.options = options;
-  this._keep = [];
-  this._remove = [];
-
-  this.blankRule = {
-    replacement: options.blankReplacement
-  };
-
-  this.keepReplacement = options.keepReplacement;
-
-  this.defaultRule = {
-    replacement: options.defaultReplacement
-  };
-
-  this.array = [];
-  for (var key in options.rules) this.array.push(options.rules[key]);
-}
-
-Rules.prototype = {
-  add: function (key, rule) {
-    this.array.unshift(rule);
-  },
-
-  keep: function (filter) {
-    this._keep.unshift({
-      filter: filter,
-      replacement: this.keepReplacement
-    });
-  },
-
-  remove: function (filter) {
-    this._remove.unshift({
-      filter: filter,
-      replacement: function () {
-        return ''
-      }
-    });
-  },
-
-  forNode: function (node) {
-    if (node.isBlank) return this.blankRule
-    var rule;
-
-    if ((rule = findRule(this.array, node, this.options))) return rule
-    if ((rule = findRule(this._keep, node, this.options))) return rule
-    if ((rule = findRule(this._remove, node, this.options))) return rule
-
-    return this.defaultRule
-  },
-
-  forEach: function (fn) {
-    for (var i = 0; i < this.array.length; i++) fn(this.array[i], i);
-  }
-};
-
-function findRule (rules, node, options) {
-  for (var i = 0; i < rules.length; i++) {
-    var rule = rules[i];
-    if (filterValue(rule, node, options)) return rule
-  }
-  return void 0
-}
-
-function filterValue (rule, node, options) {
-  var filter = rule.filter;
-  if (typeof filter === 'string') {
-    if (filter === node.nodeName.toLowerCase()) return true
-  } else if (Array.isArray(filter)) {
-    if (filter.indexOf(node.nodeName.toLowerCase()) > -1) return true
-  } else if (typeof filter === 'function') {
-    if (filter.call(rule, node, options)) return true
-  } else {
-    throw new TypeError('`filter` needs to be a string, array, or function')
-  }
-}
-
-/**
- * The collapseWhitespace function is adapted from collapse-whitespace
- * by Luc Thevenard.
- *
- * The MIT License (MIT)
- *
- * Copyright (c) 2014 Luc Thevenard <lucthevenard@gmail.com>
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
- * THE SOFTWARE.
- */
-
-/**
- * collapseWhitespace(options) removes extraneous whitespace from an the given element.
- *
- * @param {Object} options
- */
-function collapseWhitespace (options) {
-  var element = options.element;
-  var isBlock = options.isBlock;
-  var isVoid = options.isVoid;
-  var isPre = options.isPre || function (node) {
-    return node.nodeName === 'PRE'
-  };
-
-  if (!element.firstChild || isPre(element)) return
-
-  var prevText = null;
-  var keepLeadingWs = false;
-
-  var prev = null;
-  var node = next(prev, element, isPre);
-
-  while (node !== element) {
-    if (node.nodeType === 3 || node.nodeType === 4) { // Node.TEXT_NODE or Node.CDATA_SECTION_NODE
-      var text = node.data.replace(/[ \r\n\t]+/g, ' ');
-
-      if ((!prevText || / $/.test(prevText.data)) &&
-          !keepLeadingWs && text[0] === ' ') {
-        text = text.substr(1);
-      }
-
-      // `text` might be empty at this point.
-      if (!text) {
-        node = remove(node);
-        continue
-      }
-
-      node.data = text;
-
-      prevText = node;
-    } else if (node.nodeType === 1) { // Node.ELEMENT_NODE
-      if (isBlock(node) || node.nodeName === 'BR') {
-        if (prevText) {
-          prevText.data = prevText.data.replace(/ $/, '');
-        }
-
-        prevText = null;
-        keepLeadingWs = false;
-      } else if (isVoid(node) || isPre(node)) {
-        // Avoid trimming space around non-block, non-BR void elements and inline PRE.
-        prevText = null;
-        keepLeadingWs = true;
-      } else if (prevText) {
-        // Drop protection if set previously.
-        keepLeadingWs = false;
-      }
-    } else {
-      node = remove(node);
-      continue
-    }
-
-    var nextNode = next(prev, node, isPre);
-    prev = node;
-    node = nextNode;
-  }
-
-  if (prevText) {
-    prevText.data = prevText.data.replace(/ $/, '');
-    if (!prevText.data) {
-      remove(prevText);
-    }
-  }
-}
-
-/**
- * remove(node) removes the given node from the DOM and returns the
- * next node in the sequence.
- *
- * @param {Node} node
- * @return {Node} node
- */
-function remove (node) {
-  var next = node.nextSibling || node.parentNode;
-
-  node.parentNode.removeChild(node);
-
-  return next
-}
-
-/**
- * next(prev, current, isPre) returns the next node in the sequence, given the
- * current and previous nodes.
- *
- * @param {Node} prev
- * @param {Node} current
- * @param {Function} isPre
- * @return {Node}
- */
-function next (prev, current, isPre) {
-  if ((prev && prev.parentNode === current) || isPre(current)) {
-    return current.nextSibling || current.parentNode
-  }
-
-  return current.firstChild || current.nextSibling || current.parentNode
-}
-
-/*
- * Set up window for Node.js
- */
-
-var root = (typeof window !== 'undefined' ? window : {});
-
-/*
- * Parsing HTML strings
- */
-
-function canParseHTMLNatively () {
-  var Parser = root.DOMParser;
-  var canParse = false;
-
-  // Adapted from https://gist.github.com/1129031
-  // Firefox/Opera/IE throw errors on unsupported types
-  try {
-    // WebKit returns null on unsupported types
-    if (new Parser().parseFromString('', 'text/html')) {
-      canParse = true;
-    }
-  } catch (e) {}
-
-  return canParse
-}
-
-function createHTMLParser () {
-  var Parser = function () {};
-
-  {
-    if (shouldUseActiveX()) {
-      Parser.prototype.parseFromString = function (string) {
-        var doc = new window.ActiveXObject('htmlfile');
-        doc.designMode = 'on'; // disable on-page scripts
-        doc.open();
-        doc.write(string);
-        doc.close();
-        return doc
-      };
-    } else {
-      Parser.prototype.parseFromString = function (string) {
-        var doc = document.implementation.createHTMLDocument('');
-        doc.open();
-        doc.write(string);
-        doc.close();
-        return doc
-      };
-    }
-  }
-  return Parser
-}
-
-function shouldUseActiveX () {
-  var useActiveX = false;
-  try {
-    document.implementation.createHTMLDocument('').open();
-  } catch (e) {
-    if (root.ActiveXObject) useActiveX = true;
-  }
-  return useActiveX
-}
-
-var HTMLParser = canParseHTMLNatively() ? root.DOMParser : createHTMLParser();
-
-function RootNode (input, options) {
-  var root;
-  if (typeof input === 'string') {
-    var doc = htmlParser().parseFromString(
-      // DOM parsers arrange elements in the <head> and <body>.
-      // Wrapping in a custom element ensures elements are reliably arranged in
-      // a single element.
-      '<x-turndown id="turndown-root">' + input + '</x-turndown>',
-      'text/html'
-    );
-    root = doc.getElementById('turndown-root');
-  } else {
-    root = input.cloneNode(true);
-  }
-  collapseWhitespace({
-    element: root,
-    isBlock: isBlock,
-    isVoid: isVoid,
-    isPre: options.preformattedCode ? isPreOrCode : null
-  });
-
-  return root
-}
-
-var _htmlParser;
-function htmlParser () {
-  _htmlParser = _htmlParser || new HTMLParser();
-  return _htmlParser
-}
-
-function isPreOrCode (node) {
-  return node.nodeName === 'PRE' || node.nodeName === 'CODE'
-}
-
-function Node (node, options) {
-  node.isBlock = isBlock(node);
-  node.isCode = node.nodeName === 'CODE' || node.parentNode.isCode;
-  node.isBlank = isBlank(node);
-  node.flankingWhitespace = flankingWhitespace(node, options);
-  return node
-}
-
-function isBlank (node) {
-  return (
-    !isVoid(node) &&
-    !isMeaningfulWhenBlank(node) &&
-    /^\s*$/i.test(node.textContent) &&
-    !hasVoid(node) &&
-    !hasMeaningfulWhenBlank(node)
-  )
-}
-
-function flankingWhitespace (node, options) {
-  if (node.isBlock || (options.preformattedCode && node.isCode)) {
-    return { leading: '', trailing: '' }
-  }
-
-  var edges = edgeWhitespace(node.textContent);
-
-  // abandon leading ASCII WS if left-flanked by ASCII WS
-  if (edges.leadingAscii && isFlankedByWhitespace('left', node, options)) {
-    edges.leading = edges.leadingNonAscii;
-  }
-
-  // abandon trailing ASCII WS if right-flanked by ASCII WS
-  if (edges.trailingAscii && isFlankedByWhitespace('right', node, options)) {
-    edges.trailing = edges.trailingNonAscii;
-  }
-
-  return { leading: edges.leading, trailing: edges.trailing }
-}
-
-function edgeWhitespace (string) {
-  var m = string.match(/^(([ \t\r\n]*)(\s*))(?:(?=\S)[\s\S]*\S)?((\s*?)([ \t\r\n]*))$/);
-  return {
-    leading: m[1], // whole string for whitespace-only strings
-    leadingAscii: m[2],
-    leadingNonAscii: m[3],
-    trailing: m[4], // empty for whitespace-only strings
-    trailingNonAscii: m[5],
-    trailingAscii: m[6]
-  }
-}
-
-function isFlankedByWhitespace (side, node, options) {
-  var sibling;
-  var regExp;
-  var isFlanked;
-
-  if (side === 'left') {
-    sibling = node.previousSibling;
-    regExp = / $/;
-  } else {
-    sibling = node.nextSibling;
-    regExp = /^ /;
-  }
-
-  if (sibling) {
-    if (sibling.nodeType === 3) {
-      isFlanked = regExp.test(sibling.nodeValue);
-    } else if (options.preformattedCode && sibling.nodeName === 'CODE') {
-      isFlanked = false;
-    } else if (sibling.nodeType === 1 && !isBlock(sibling)) {
-      isFlanked = regExp.test(sibling.textContent);
-    }
-  }
-  return isFlanked
-}
-
-var reduce = Array.prototype.reduce;
-var escapes = [
-  [/\\/g, '\\\\'],
-  [/\*/g, '\\*'],
-  [/^-/g, '\\-'],
-  [/^\+ /g, '\\+ '],
-  [/^(=+)/g, '\\$1'],
-  [/^(#{1,6}) /g, '\\$1 '],
-  [/`/g, '\\`'],
-  [/^~~~/g, '\\~~~'],
-  [/\[/g, '\\['],
-  [/\]/g, '\\]'],
-  [/^>/g, '\\>'],
-  [/_/g, '\\_'],
-  [/^(\d+)\. /g, '$1\\. ']
-];
-
-function TurndownService (options) {
-  if (!(this instanceof TurndownService)) return new TurndownService(options)
-
-  var defaults = {
-    rules: rules,
-    headingStyle: 'setext',
-    hr: '* * *',
-    bulletListMarker: '*',
-    codeBlockStyle: 'indented',
-    fence: '```',
-    emDelimiter: '_',
-    strongDelimiter: '**',
-    linkStyle: 'inlined',
-    linkReferenceStyle: 'full',
-    br: '  ',
-    preformattedCode: false,
-    blankReplacement: function (content, node) {
-      return node.isBlock ? '\n\n' : ''
-    },
-    keepReplacement: function (content, node) {
-      return node.isBlock ? '\n\n' + node.outerHTML + '\n\n' : node.outerHTML
-    },
-    defaultReplacement: function (content, node) {
-      return node.isBlock ? '\n\n' + content + '\n\n' : content
-    }
-  };
-  this.options = extend({}, defaults, options);
-  this.rules = new Rules(this.options);
-}
-
-TurndownService.prototype = {
-  /**
-   * The entry point for converting a string or DOM node to Markdown
-   * @public
-   * @param {String|HTMLElement} input The string or DOM node to convert
-   * @returns A Markdown representation of the input
-   * @type String
-   */
-
-  turndown: function (input) {
-    if (!canConvert(input)) {
-      throw new TypeError(
-        input + ' is not a string, or an element/document/fragment node.'
-      )
-    }
-
-    if (input === '') return ''
-
-    var output = process.call(this, new RootNode(input, this.options));
-    return postProcess.call(this, output)
-  },
-
-  /**
-   * Add one or more plugins
-   * @public
-   * @param {Function|Array} plugin The plugin or array of plugins to add
-   * @returns The Turndown instance for chaining
-   * @type Object
-   */
-
-  use: function (plugin) {
-    if (Array.isArray(plugin)) {
-      for (var i = 0; i < plugin.length; i++) this.use(plugin[i]);
-    } else if (typeof plugin === 'function') {
-      plugin(this);
-    } else {
-      throw new TypeError('plugin must be a Function or an Array of Functions')
-    }
-    return this
-  },
-
-  /**
-   * Adds a rule
-   * @public
-   * @param {String} key The unique key of the rule
-   * @param {Object} rule The rule
-   * @returns The Turndown instance for chaining
-   * @type Object
-   */
-
-  addRule: function (key, rule) {
-    this.rules.add(key, rule);
-    return this
-  },
-
-  /**
-   * Keep a node (as HTML) that matches the filter
-   * @public
-   * @param {String|Array|Function} filter The unique key of the rule
-   * @returns The Turndown instance for chaining
-   * @type Object
-   */
-
-  keep: function (filter) {
-    this.rules.keep(filter);
-    return this
-  },
-
-  /**
-   * Remove a node that matches the filter
-   * @public
-   * @param {String|Array|Function} filter The unique key of the rule
-   * @returns The Turndown instance for chaining
-   * @type Object
-   */
-
-  remove: function (filter) {
-    this.rules.remove(filter);
-    return this
-  },
-
-  /**
-   * Escapes Markdown syntax
-   * @public
-   * @param {String} string The string to escape
-   * @returns A string with Markdown syntax escaped
-   * @type String
-   */
-
-  escape: function (string) {
-    return escapes.reduce(function (accumulator, escape) {
-      return accumulator.replace(escape[0], escape[1])
-    }, string)
-  }
-};
-
-/**
- * Reduces a DOM node down to its Markdown string equivalent
- * @private
- * @param {HTMLElement} parentNode The node to convert
- * @returns A Markdown representation of the node
- * @type String
- */
-
-function process (parentNode) {
-  var self = this;
-  return reduce.call(parentNode.childNodes, function (output, node) {
-    node = new Node(node, self.options);
-
-    var replacement = '';
-    if (node.nodeType === 3) {
-      replacement = node.isCode ? node.nodeValue : self.escape(node.nodeValue);
-    } else if (node.nodeType === 1) {
-      replacement = replacementForNode.call(self, node);
-    }
-
-    return join(output, replacement)
-  }, '')
-}
-
-/**
- * Appends strings as each rule requires and trims the output
- * @private
- * @param {String} output The conversion output
- * @returns A trimmed version of the ouput
- * @type String
- */
-
-function postProcess (output) {
-  var self = this;
-  this.rules.forEach(function (rule) {
-    if (typeof rule.append === 'function') {
-      output = join(output, rule.append(self.options));
-    }
-  });
-
-  return output.replace(/^[\t\r\n]+/, '').replace(/[\t\r\n\s]+$/, '')
-}
-
-/**
- * Converts an element node to its Markdown equivalent
- * @private
- * @param {HTMLElement} node The node to convert
- * @returns A Markdown representation of the node
- * @type String
- */
-
-function replacementForNode (node) {
-  var rule = this.rules.forNode(node);
-  var content = process.call(this, node);
-  var whitespace = node.flankingWhitespace;
-  if (whitespace.leading || whitespace.trailing) content = content.trim();
-  return (
-    whitespace.leading +
-    rule.replacement(content, node, this.options) +
-    whitespace.trailing
-  )
-}
-
-/**
- * Joins replacement to the current output with appropriate number of new lines
- * @private
- * @param {String} output The current conversion output
- * @param {String} replacement The string to append to the output
- * @returns Joined output
- * @type String
- */
-
-function join (output, replacement) {
-  var s1 = trimTrailingNewlines(output);
-  var s2 = trimLeadingNewlines(replacement);
-  var nls = Math.max(output.length - s1.length, replacement.length - s2.length);
-  var separator = '\n\n'.substring(0, nls);
-
-  return s1 + separator + s2
-}
-
-/**
- * Determines whether an input can be converted
- * @private
- * @param {String|HTMLElement} input Describe this parameter
- * @returns Describe what it returns
- * @type String|Object|Array|Boolean|Number
- */
-
-function canConvert (input) {
-  return (
-    input != null && (
-      typeof input === 'string' ||
-      (input.nodeType && (
-        input.nodeType === 1 || input.nodeType === 9 || input.nodeType === 11
-      ))
-    )
-  )
-}
-
-const turndownService = new TurndownService();
-/**
- * Converts an HTML string to Markdown format, strips unnecessary Markdown tags,
- * and returns an array of cleaned Markdown text blocks..
- *
- * This utility function is useful for transforming HTML into Markdown and cleaning
- * it by removing extra or unwanted Markdown elements, resulting in an array of
- * plain Markdown text segments.
- *
- * @param {string} htmlString - The input HTML string to be converted and cleaned.
- *
- * @example
- * const htmlInput = "<h1>Hello World</h1><p>This is a paragraph.</p>";
- * const result = cleanHtmlMarkdown(htmlInput);
- * console.info(result); // Outputs cleaned HTML after conversion and processing
- */
-const cleanHtmlMarkdown = (htmlString) => {
-    const mdString = turndownService.turndown(htmlString);
-    const sanitizedMdString = 
-    // remove header tags
-    mdString.replace(/^\#+\s+/gm, '').trim();
-    if (!sanitizedMdString) {
-        return [];
-    }
-    const mdBlocks = sanitizedMdString.split(/[\n\r]+/gm);
-    return mdBlocks;
-};
-
 const zonosCartItemsCss = ":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 .zonos--cart-table{width:100%;border:none;border-collapse:collapse;overflow:auto;font-size:var(--zonos-elements-font-size-base)}:host .zonos--cart-table .zonos--column{padding:8px;font-size:var(--zonos-elements-font-size-base)}:host .zonos--cart-table .zonos--column:last-child{text-align:right}:host .zonos--cart-table .zonos--column:first-child{width:60px}:host .zonos--cart-table td{vertical-align:top}:host .zonos--cart-item-name{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:12px}:host .zonos--cart-item-name .zonos--cart-item-quantity>*{display:inline-block}:host .zonos--cart-item-price zonos-text{white-space:nowrap}:host img{min-width:40px;margin-top:6px}";
 const ZonosCartItemsStyle0 = zonosCartItemsCss;
 
@@ -1743,44 +712,6 @@ const ZonosCheckoutFooter = class {
 };
 ZonosCheckoutFooter.style = ZonosCheckoutFooterStyle0;
 
-const placeTestOrder = async () => {
-    var _a, _b;
-    const shipToPartyId = (_a = cartStore.partiesData.find(party => party.type === 'DESTINATION')) === null || _a === void 0 ? void 0 : _a.id;
-    const billToPartyId = (_b = cartStore.partiesData.find(party => party.type === 'PAYOR')) === null || _b === void 0 ? void 0 : _b.id;
-    const checkoutSessionId = storageStore.checkoutSessionId;
-    if (!checkoutSessionId || !billToPartyId || !shipToPartyId) {
-        logError('Missing required data', {
-            billToPartyId,
-            checkoutSessionId,
-            shipToPartyId,
-        });
-        return {
-            errors: ['Missing required data'],
-            json: null,
-        };
-    }
-    const payload = {
-        billToPartyId,
-        checkoutSessionId,
-        shipToPartyId,
-    };
-    const { errors, json } = await handleFetch('/api/zonos-elements/place-test-order', {
-        body: payload,
-        method: 'POST',
-    });
-    if (errors.length || !json) {
-        logError('Error occurs when placing test order', errors);
-        return {
-            errors: errors.map(error => error.message),
-            json: null,
-        };
-    }
-    return {
-        errors: [],
-        json,
-    };
-};
-
 const CheckmarkLineIcon = `<svg color="var(--zonos-elements-gray-1000)" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="var(--zonos-elements-gray-1000)" d="M15.342 10.21a.75.75 0 0 0-1.184-.92l-2.978 3.829-1.4-1.4a.75.75 0 1 0-1.06 1.061l1.8 1.8a1 1 0 0 0 1.496-.093l3.326-4.277Z"/><path fill="var(--zonos-elements-gray-1000)" fill-rule="evenodd" d="M12 4a8 8 0 1 0 0 16 8 8 0 0 0 0-16Zm-6.5 8a6.5 6.5 0 1 1 13 0 6.5 6.5 0 0 1-13 0Z" clip-rule="evenodd"/></svg>`;
 
 const RemoveLineIcon = `<svg color="var(--zonos-elements-gray-1000)" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="var(--zonos-elements-gray-1000)" d="M14.475 10.586a.75.75 0 1 0-1.06-1.06L12 10.938l-1.414-1.414a.75.75 0 0 0-1.06 1.06L10.938 12l-1.414 1.414a.75.75 0 1 0 1.06 1.06L12 13.062l1.414 1.414a.75.75 0 0 0 1.06-1.06L13.062 12l1.414-1.414Z"/><path fill="var(--zonos-elements-gray-1000)" fill-rule="evenodd" d="M12 4a8 8 0 1 0 0 16 8 8 0 0 0 0-16Zm-6.5 8a6.5 6.5 0 1 1 13 0 6.5 6.5 0 0 1-13 0Z" clip-rule="evenodd"/></svg>`;
@@ -1906,6 +837,9 @@ const ZonosCheckoutPayment = class {
         if (!stripeStore.stripeElements) {
             return null;
         }
+        if (!stripeStore.clientSecret && !cartStore.isStagingMode) {
+            return null;
+        }
         // start validate on typing after error banner is shown, and hide it if the form is complete
         if (this.showErrorBanner) {
             this.showErrorBanner = !this.handleValidate();
@@ -2087,156 +1021,23 @@ const ZonosCheckoutProgressTabs = class {
                 color: labelSelectedColor,
             })
             : labelSelectedColor;
-        return (h(Host, { key: '592fe18f902f828c4dcdcab28221617ba63ea358', class: "zonos--elements", style: {
+        return (h(Host, { key: 'bf2f6ea302aafa40c5b1a763b89bffc47389b7ac', class: "zonos--elements", style: {
                 '--zonos--color': contrastLabelColor,
                 '--zonos--progress-percent': this.getTotalSuccessStep(),
-            } }, h("div", { key: 'd173893ab0da684a189127ab511db90ba3a0985c', class: "zonos--tab-wrapper" }, Object.values(cartStore.tabItems).map((tab, index) => {
+            } }, h("div", { key: '043adfc8805b027604880284a99148c9ea06e67b', class: "zonos--tab-wrapper" }, Object.values(cartStore.tabItems).map((tab, index) => {
             const isSelected = tab.value === selectedStep;
             return (h("button", { "aria-label": `Tab ${tab.label}`, class: classes([
                     'zonos--tab-item',
                     tab.value === selectedStep && 'selected',
                     tab.isDone && 'done',
                 ]), disabled: !this.isTabClickable(tab.value), key: tab.value, onClick: () => this.setTabSelected(tab.value) }, h("div", { class: "zonos--tab-index" }, h("zonos-text", { class: "zonos--tab-index-label", textColor: isSelected ? contrastLabelColor : 'gray-1000', type: "label" }, index + 1), h("zonos-icon", { class: "zonos--tab-index-done-icon", content: TabCheckmark, iconColor: isSelected ? contrastLabelColor : 'gray-1000' })), h("zonos-text", { textColor: isSelected ? contrastLabelColor : 'gray-1000', type: "label" }, translate(tab.label))));
-        })), h("div", { key: 'e424eda69e8338599446f71f407c76617d2b79cf', class: "zonos--tab-progress" }, h("div", { key: 'acccc44ce950da71c8c0ee0798dc2086d9656ed2', class: "zonos--progress-bar-fill" }))));
+        })), h("div", { key: '991d64c7d79e4e4207e395ec8a3b9b2096e51c6a', class: "zonos--tab-progress" }, h("div", { key: '22471019b9e920af6d35976dd71b0954cc785b62', class: "zonos--progress-bar-fill" }))));
     }
     static get assetsDirs() { return ["assets"]; }
     get ele() { return getElement(this); }
 };
 ZonosCheckoutProgressTabs.style = ZonosCheckoutProgressTabsStyle0;
 
-const ExclamationMarkDuotoneIcon = `<svg color="var(--zonos-elements-red-800)" fill="none" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg" style="display: block;">
-  <path d="M12 4a8 8 0 1 0 0 16 8 8 0 0 0 0-16Z" data-is-secondary-color="true" fill="var(--zonos-elements-red-400)"></path>
-  <path d="M12.75 9a.75.75 0 0 0-1.5 0v2.5a.75.75 0 0 0 1.5 0V9Zm0 5.5a.75.75 0 0 0-1.5 0v.5a.75.75 0 0 0 1.5 0v-.5Z" fill="currentColor"></path>
-</svg>`;
-
-const HelpDuotoneIcon = `<svg color="var(--zonos-elements-blue-800)" fill="none" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg" style="display: block;">
-  <path d="M12 4a8 8 0 1 0 0 16 8 8 0 0 0 0-16Z" data-is-secondary-color="true" fill="var(--zonos-elements-blue-400)"></path>
-  <path d="M10.25 10.25a1.75 1.75 0 1 1 2.431 1.613c-.616.26-1.431.885-1.431 1.887a.75.75 0 0 0 1.5 0c0-.053.02-.128.108-.228.092-.104.236-.205.408-.278A3.25 3.25 0 1 0 8.75 10.25a.75.75 0 0 0 1.5 0Zm2.5 5.75a.75.75 0 0 0-1.5 0v.25a.75.75 0 0 0 1.5 0V16Z" fill="currentColor"></path>
-</svg>`;
-
-const WarningDuotoneIcon = `<svg color="var(--zonos-elements-orange-800)" fill="none" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg" style="display: block;">
-  <path d="M14.46 5.492c-1.014-2.027-3.906-2.027-4.92 0L4.276 16.02c-.914 1.83.416 3.98 2.46 3.98h10.528c2.044 0 3.374-2.151 2.46-3.98L14.46 5.492Z" data-is-secondary-color="true" fill="var(--zonos-elements-orange-400)"></path>
-  <path d="M12.75 10a.75.75 0 0 0-1.5 0v2.5a.75.75 0 0 0 1.5 0V10Zm0 5.5a.75.75 0 0 0-1.5 0v.5a.75.75 0 0 0 1.5 0v-.5Z" fill="currentColor"></path>
-</svg>`;
-
-const zonosConfirmDialogCss = ":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 .zonos--backdrop,:host .zonos--confirm-layout{opacity:0;z-index:-999;visibility:hidden;-webkit-transition:opacity 0.3s, visibility 0.3s;transition:opacity 0.3s, visibility 0.3s}:host .zonos--backdrop{width:100vw;height:100vh;left:0;top:0;background:var(--zonos-elements-backdrop-color);position:fixed}:host .zonos--confirm-layout{width:100vw;height:100vh;left:0;top:0;position:fixed;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;color:var(--zonos-elements-text-color)}:host .zonos--confirm-dialog{position:relative;background:var(--zonos-elements-gray-0);max-width:90vw;max-height:90vh;width:var(--zonos--dialog-width);border-radius:var(--zonos--border-radius, 10px);outline:none;-webkit-box-shadow:var(--zonos-elements-v3-shadow-xxl);box-shadow:var(--zonos-elements-v3-shadow-xxl);border:var(--zonos-elements-border);display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host .wrapper{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;padding:24px;gap:24px}:host .icon-wrapper{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;height:40px;width:40px;border-radius:50%;background:var(--zonos-elements-blue-100)}:host .warn .icon-wrapper{background:var(--zonos-elements-orange-100)}:host .danger .icon-wrapper{background:var(--zonos-elements-red-100)}:host .footer{display:-ms-flexbox;display:flex;width:100%;gap:8px}:host .footer zonos-button{-ms-flex:1;flex:1}:host .content{display:-ms-flexbox;display:flex;gap:8px;-ms-flex-direction:column;flex-direction:column}:host .content zonos-text{text-align:center}:host(.open) .zonos--confirm-layout,:host(.open) .zonos--backdrop{visibility:visible}:host(.open) .zonos--backdrop{z-index:2147483009;opacity:0.65}:host(.open) .zonos--confirm-layout{opacity:1;z-index:2147483010;-webkit-transform:scale(1);transform:scale(1)}";
-const ZonosConfirmDialogStyle0 = zonosConfirmDialogCss;
-
-const ZonosConfirmDialog = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.confirmClicked = createEvent(this, "confirmClicked", 7);
-        this.cancelClicked = createEvent(this, "cancelClicked", 7);
-        /**
-         * Dialog title text
-         * @default "Are you sure?"
-         */
-        this.dialogTitle = translate('Are you sure?');
-        /**
-         * Dialog intent (for icon and button color)
-         * @default "info"
-         */
-        this.dialogIntent = 'info';
-        /**
-         * Dialog subtitle text
-         * @default null No subtitle
-         */
-        this.dialogSubtitle = null;
-        /**
-         * Dialog width
-         * @default 350 px
-         */
-        this.dialogWidth = 350;
-        /**
-         * Type of dialog
-         * - "alert" - Only confirm button
-         * - "confirm" - Both Confirm and cancel buttons
-         * @default "confirm"
-         */
-        this.dialogType = 'confirm';
-        /**
-         * Whether or not the dialog is open
-         */
-        this.isMobile = false;
-        /**
-         * Whether or not to close the dialog when clicking outside of it
-         * @default false
-         */
-        this.noClickOutside = false;
-        this.clickOutsideDialogHandler = (event) => {
-            if (event.target === event.currentTarget && !this.noClickOutside) {
-                this.closeDialogHandler();
-            }
-        };
-    }
-    handleKeyDown(ev) {
-        if (ev.key === 'Escape') {
-            this.closeDialogHandler();
-        }
-    }
-    focusDialog() {
-        if (this.dialogOpen) {
-            setTimeout(() => {
-                var _a, _b;
-                // Focus on a non tabable element (tabIndex=-1), so we will be able to tab to other tabable elements
-                (_b = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.zonos--backdrop')) === null || _b === void 0 ? void 0 : _b.focus();
-            }, 100);
-        }
-    }
-    confirmDialogHandler() {
-        // Only do the action if the dialog is open
-        if (!this.dialogOpen) {
-            return;
-        }
-        // Emit confirm event
-        this.confirmClicked.emit();
-    }
-    closeDialogHandler() {
-        // Only do the action if the dialog is open
-        if (!this.dialogOpen) {
-            return;
-        }
-        // Emit cancel event
-        this.cancelClicked.emit();
-    }
-    renderIcon() {
-        switch (this.dialogIntent) {
-            case 'info':
-                return (h("zonos-icon", { content: HelpDuotoneIcon, iconColor: 'blue-800' }));
-            case 'danger':
-                return (h("zonos-icon", { content: ExclamationMarkDuotoneIcon, iconColor: 'red-800' }));
-            case 'warn':
-                return (h("zonos-icon", { content: WarningDuotoneIcon, iconColor: 'orange-800' }));
-        }
-    }
-    getButtonConfirmVariant() {
-        switch (this.dialogIntent) {
-            case 'warn':
-                return 'warning';
-            case 'danger':
-                return 'danger';
-            default:
-                return 'primary';
-        }
-    }
-    render() {
-        this.focusDialog();
-        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: '3d4920dacf3c4b1ae796b10a3d68dc875cbe4267', class: classes([this.dialogOpen && 'open', 'zonos--elements']), "data-dialog-type": this.dialogType, "data-theme": theme, style: {
-                '--zonos--border-radius': borderStyle,
-                '--zonos--dialog-width': `${this.dialogWidth}px`,
-                '--zonos--font-family': zonosStoreFontFamily(),
-            } }, h("div", { key: 'e2b1358dedfb3e5a3dc42099330be1d3bb6845e5', class: "zonos--backdrop", tabIndex: -1 }), h("div", { key: 'f4cf0ddf4ee1695bef503809a810710902c2e810', class: classes(['zonos--confirm-layout', this.dialogIntent]), onClick: e => this.clickOutsideDialogHandler(e) }, h("div", { key: 'a8910f985165f18399e628b05b5075d04487007b', class: "zonos--confirm-dialog", onBlur: () => {
-                this.focusDialog();
-            } }, h("div", { key: '723b4753614273bafe03488cdc5eb7a2a14cfb2c', class: "wrapper" }, h("div", { key: '53faf2cbdcec3acdff25f8471a37afdfb4298ef3', class: "icon-wrapper" }, this.renderIcon()), h("div", { key: '8e6ee33eb8ee48acb99066ce964b52e81086176f', class: "content" }, h("div", { key: '6c800bbc27a2e62756b20068b97e5777ebf5fbb2', class: "title" }, h("zonos-text", { key: '7bcad323167f954ae83c9afd7c4473efc5e32c37', type: "subheader" }, this.dialogTitle)), this.dialogSubtitle && (h("div", { key: '85ffc3c1492dd432953bc645103590bacd9a3912', class: "subtitle" }, h("zonos-text", { key: 'f7e859f0c8256ead95db3d74b78b50fe6ea84700', textColor: "gray-800" }, this.dialogSubtitle)))), h("div", { key: 'c35405667155231fb6037147ac35d0c1f5ed0dd0', class: "footer" }, this.dialogType === 'confirm' && (h("zonos-button", { key: '082731ae55230c6fe05307871ef5e6a124616e33', backgroundColor: "gray-0", class: "cancel-button", onClick: () => this.closeDialogHandler(), size: "lg", withBoxShadow: true }, this.dialogCancelBtnText || translate('Cancel'))), h("zonos-button", { key: '4873b0e88c691197104b95658fc00940d97d44b9', class: "confirm-button", onClick: () => this.confirmDialogHandler(), size: "lg", variant: this.getButtonConfirmVariant() }, this.dialogConfirmBtnText)))))));
-    }
-    static get assetsDirs() { return ["assets"]; }
-    get el() { return getElement(this); }
-};
-ZonosConfirmDialog.style = ZonosConfirmDialogStyle0;
-
 const ZonosCurrencyToggle = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
@@ -2749,28 +1550,6 @@ const ZonosCustomerInfo = class {
 };
 ZonosCustomerInfo.style = ZonosCustomerInfoStyle0;
 
-const zonosLoadingOverlayCss = ":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{position:fixed;inset:0;z-index:2147483010;pointer-events:none;display:block}:host .zonos--loading-overlay{position:fixed;inset:0;width:100vw;height:100vh;background:var(--zonos-elements-backdrop-color);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;opacity:0;visibility:hidden;-webkit-transition:opacity 0.3s ease, visibility 0.3s ease;transition:opacity 0.3s ease, visibility 0.3s ease;z-index:2147483010}:host(.zonos--open){pointer-events:auto}:host(.zonos--open) .zonos--loading-overlay{opacity:0.65;visibility:visible}";
-const ZonosLoadingOverlayStyle0 = zonosLoadingOverlayCss;
-
-const ZonosLoadingOverlay = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        /**
-         * Whether or not the overlay is open
-         * @default false
-         */
-        this.open = false;
-        /**
-         * Spinner size (optional, default 40)
-         */
-        this.size = 40;
-    }
-    render() {
-        return (h(Host, { key: 'eff20c3fe4c4a998748ac07567cc5449efc398cd', class: classes(['zonos--elements', this.open && 'zonos--open']) }, h("div", { key: '1b37bfc1a150720e0f4f84075ac661e5395aee3b', class: "zonos--loading-overlay" }, h("zonos-spinner", { key: '42ac91e723802b23897b6e5cd99e0aea7d964da5', size: this.size, spinnerColor: this.spinnerColor }))));
-    }
-};
-ZonosLoadingOverlay.style = ZonosLoadingOverlayStyle0;
-
 const zonosRestStateCss = ":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{height:100%;width:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-ms-flex-direction:column;flex-direction:column;gap:20px}:host .zonos--restState-image{width:124px;height:124px;margin-bottom:15px}:host .content{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;gap:8px}";
 const ZonosRestStateStyle0 = zonosRestStateCss;
 
@@ -2788,11 +1567,11 @@ const ZonosRestState = class {
     }
     render() {
         const imageUrl = this.getImageRestState();
-        return (h(Host, { key: '754bdcff113a9ec5351d1053ddaea5e542111bbc', class: classes(['zonos--elements zonos--restState']), style: {
+        return (h(Host, { key: '1259c56e28646e85893b129c22402e9d7cfe18f8', class: classes(['zonos--elements zonos--restState']), style: {
                 '--zonos--font-family': zonosStoreFontFamily(),
-            } }, h("div", { key: '3037acffd2d7da9bac11ada7cd4e06e2ae976f72', class: "zonos--restState-image" }, h("img", { key: 'd462d07f452caaaf87af20e1b2aad6ac45b43107', alt: this.restStateType, onError: () => {
+            } }, h("div", { key: '3cba2e86f4952f5d2a171017ad1f6eaa62aacc6a', class: "zonos--restState-image" }, h("img", { key: '8f656c89ef030c1eddec8cd95d6a15df889c6ed2', alt: this.restStateType, onError: () => {
                 this.isErrorImageLoad = true;
-            }, src: imageUrl })), h("div", { key: '9acf78ef8358ad75df01bbbb1ed52b680f896255', class: "content" }, h("zonos-text", { key: '8310474f006a1fc1dcf96bac09c770572b20590a', class: "title", type: "boldSubheader" }, this.restStateTitle), h("zonos-text", { key: '623dc98d57eaae5fb1059c658391300aa41a13fb', class: "subtitle" }, this.restStateSubtitle)), h("div", { key: 'f69613147698a147447a0aac330ad1c67739fed0', class: "action" }, h("slot", { key: '823ff6075ecac4598299c29ab2e44a6d5fb6a5d8' }))));
+            }, src: imageUrl })), h("div", { key: '963cf06ac769d8b3bfeb7b36824cb1b6821b5498', class: "content" }, h("zonos-text", { key: 'dacc2d0c125d41e5a72c57a5b611789bb005fc46', class: "title", type: "boldSubheader" }, this.restStateTitle), h("zonos-text", { key: '32db4bc138b4cc6c5fab3fd6aa14b51c31ffaf80', class: "subtitle" }, this.restStateSubtitle)), h("div", { key: '28f933f06737ac076d2da9dcc1530f01ddb93575', class: "action" }, h("slot", { key: 'd974a157a01c4e2305255fc4032868e86af162b5' }))));
     }
     static get assetsDirs() { return ["assets"]; }
 };
@@ -2925,7 +1704,11 @@ const ZonosShipping = class {
             // update the address async if we already got landed cost data
             await stripeStoreAsyncAddressUpdate();
             // save selected shipping option to store
-            await cartStoreUpdateSelectedShippingOption(selectedShippingOption, e.detail.landedCostId);
+            await cartStoreUpdateSelectedShippingOption({
+                applySubtotalsOnly: false,
+                landedCostId: e.detail.landedCostId,
+                selectedShippingOption,
+            });
             this.isSelecting = false;
         };
         this.handleValidate = () => {
@@ -3112,4 +1895,4 @@ const ZonosShipping = class {
 };
 ZonosShipping.style = ZonosShippingStyle0;
 
-export { ZonosCartItems as zonos_cart_items, ZonosCartRestrictedItems as zonos_cart_restricted_items, ZonosCartSubtotal as zonos_cart_subtotal, ZonosCheckoutFinish as zonos_checkout_finish, ZonosCheckoutFooter as zonos_checkout_footer, ZonosCheckoutPayment as zonos_checkout_payment, ZonosCheckoutProgressTabs as zonos_checkout_progress_tabs, ZonosConfirmDialog as zonos_confirm_dialog, ZonosCurrencyToggle as zonos_currency_toggle, ZonosCustomerInfo as zonos_customer_info, ZonosLoadingOverlay as zonos_loading_overlay, ZonosRestState as zonos_rest_state, ZonosReview as zonos_review, ZonosShipping as zonos_shipping };
+export { ZonosCartItems as zonos_cart_items, ZonosCartRestrictedItems as zonos_cart_restricted_items, ZonosCartSubtotal as zonos_cart_subtotal, ZonosCheckoutFinish as zonos_checkout_finish, ZonosCheckoutFooter as zonos_checkout_footer, ZonosCheckoutPayment as zonos_checkout_payment, ZonosCheckoutProgressTabs as zonos_checkout_progress_tabs, ZonosCurrencyToggle as zonos_currency_toggle, ZonosCustomerInfo as zonos_customer_info, ZonosRestState as zonos_rest_state, ZonosReview as zonos_review, ZonosShipping as zonos_shipping };