@zonos/elements 1.3.218 → 1.3.219

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

@@ -3,11 +3,14 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1c710d00.js');
-const cart = require('./cart-c54d05ce.js');
-const localization = require('./localization-ab7e1902.js');
+const cart = require('./cart-9a2b32e4.js');
+const translationStore = require('./translationStore-20a6d8bf.js');
+const placeTestOrder = require('./placeTestOrder-8222fe95.js');
+const cleanHtmlMarkdown = require('./cleanHtmlMarkdown-577d0a77.js');
 const classes = require('./classes-b7918f56.js');
 const zonosStore = require('./zonosStore-f8ee56aa.js');
-const paypal = require('./paypal-d36b5dd1.js');
+const paypal = require('./paypal-e80871d0.js');
+const localization = require('./localization-b12edb2a.js');
 const handleFetch = require('./handleFetch-45f35cac.js');
 const createCustomEvent = require('./createCustomEvent-7b6fad95.js');
 const getBorderRadius = require('./getBorderRadius-1b5e33cf.js');
@@ -20,1040 +23,6 @@ const TaxId = require('./TaxId-12acedde.js');
 require('./VarianceTest-0cb1e118.js');
 require('./debounce-465a4328.js');
 
-const getDisplayCurrency = () => {
-    var _a, _b;
-    const shouldDisplayBaseCurrency = cart.cartStore.displayBaseCurrency;
-    const displayCurrency = shouldDisplayBaseCurrency && ((_a = cart.cartStore.exchangeRate) === null || _a === void 0 ? void 0 : _a.sourceCurrencyCode)
-        ? (_b = cart.cartStore.exchangeRate) === null || _b === void 0 ? void 0 : _b.sourceCurrencyCode
-        : cart.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 = cart.cartStore.exchangeRate) === null || _a === void 0 ? void 0 : _a.rate) || 1;
-    const shouldDisplayBaseCurrency = cart.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 localization.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 localization.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;
 
@@ -1067,13 +36,13 @@ const ZonosCartItems = class {
         const nonRestrictedItems = cart.cartStore.items.filter(item => !item.isRestricted);
         return (index.h(index.Host, { key: '52911cfab4b2da9d65c840cd692e638c9dc732c5', class: "zonos--cart-items zonos--elements" }, index.h("table", { key: '428a62423a7fcf0721f420c9fdceac4bd928a6eb', class: "zonos--cart-table" }, index.h("tbody", { key: '41a438eeb79635ba00a241fa9771b9c33c7fe7ff' }, nonRestrictedItems.map(item => {
             const itemImg = item.imageUrl;
-            const cleanedItemNames = cleanHtmlMarkdown(item.name);
+            const cleanedItemNames = cleanHtmlMarkdown.cleanHtmlMarkdown(item.name);
             const amount = item.amount * item.quantity;
             return (index.h("tr", { class: "zonos--cart-item" }, index.h("td", { class: "zonos--column zonos--cart-item-image" }, itemImg && !this.errorImages.includes(itemImg) ? (index.h("img", { alt: item.name, onError: () => {
                     this.errorImages = [...this.errorImages, itemImg];
                 }, src: item.imageUrl, style: {
                     'min-width': '40px',
-                }, width: 40 })) : (index.h("img", { alt: item.name, src: emptyItemImg, width: 40 }))), index.h("td", { class: "zonos--column zonos--cart-item-name" }, index.h("div", null, cleanedItemNames.map(name => (index.h("zonos-text", { type: "label" }, name)))), index.h("zonos-text", { textColor: "gray-600", type: "caption" }, localization.translate('Quantity'), ": ", item.quantity)), index.h("td", { class: "zonos--column zonos--cart-item-price" }, index.h("zonos-text", { type: "semiBoldLabel", weight: 600 }, renderCheckoutCurrency({
+                }, width: 40 })) : (index.h("img", { alt: item.name, src: emptyItemImg, width: 40 }))), index.h("td", { class: "zonos--column zonos--cart-item-name" }, index.h("div", null, cleanedItemNames.map(name => (index.h("zonos-text", { type: "label" }, name)))), index.h("zonos-text", { textColor: "gray-600", type: "caption" }, translationStore.translate('Quantity'), ": ", item.quantity)), index.h("td", { class: "zonos--column zonos--cart-item-price" }, index.h("zonos-text", { type: "semiBoldLabel", weight: 600 }, placeTestOrder.renderCheckoutCurrency({
                 amount,
                 isForeign: false,
             })))));
@@ -1152,7 +121,7 @@ const ZonosCartRestrictedItems = class {
                 this.internalCollapsed && 'collapsed',
             ]), onClick: () => {
                 this.internalCollapsed = !this.internalCollapsed;
-            } }, index.h("div", { class: "zonos--title-wrapper" }, index.h("zonos-text", { textColor: "red-600", type: "label" }, `${localization.translate(this.internalCollapsed ? 'Show' : 'Hide')} ${restrictedItemTotal} ${localization.translate('restricted items')}`), index.h("zonos-icon", { content: ChevronUpIcon$2, iconColor: "red-600" }))), index.h("zonos-collapse", { collapsed: this.internalCollapsed }, index.h("zonos-banner", { bannerTitle: localization.translate('The following items are unable to be shipped to your country and are not included in your cart total.'), intent: "error" }), index.h("table", { class: "zonos--cart-table" }, index.h("tbody", null, cart.cartStore.restrictedItems.map((item, index$1) => {
+            } }, index.h("div", { class: "zonos--title-wrapper" }, index.h("zonos-text", { textColor: "red-600", type: "label" }, `${translationStore.translate(this.internalCollapsed ? 'Show' : 'Hide')} ${restrictedItemTotal} ${translationStore.translate('restricted items')}`), index.h("zonos-icon", { content: ChevronUpIcon$2, iconColor: "red-600" }))), index.h("zonos-collapse", { collapsed: this.internalCollapsed }, index.h("zonos-banner", { bannerTitle: translationStore.translate('The following items are unable to be shipped to your country and are not included in your cart total.'), intent: "error" }), index.h("table", { class: "zonos--cart-table" }, index.h("tbody", null, cart.cartStore.restrictedItems.map((item, index$1) => {
             var _a, _b;
             const itemImg = item.imageUrl;
             return (index.h("tr", { class: "zonos--cart-item" }, index.h("td", { class: "zonos--column zonos--cart-item-image" }, itemImg && !this.errorImages.includes(itemImg) ? (index.h("img", { alt: 
@@ -1163,7 +132,7 @@ const ZonosCartRestrictedItems = class {
                     this.errorImages = [...this.errorImages, itemImg];
                 }, src: itemImg, style: {
                     'min-width': '40px',
-                }, width: 40 })) : (index.h("img", { alt: item.name || `Restricted item ${index$1 + 1}`, src: emptyItemImg, width: 40 }))), index.h("td", { class: "zonos--column zonos--cart-item-name" }, index.h("zonos-text", { type: "label" }, ((_b = item.matchedItem) === null || _b === void 0 ? void 0 : _b.name) || item.name), index.h("zonos-text", { type: "caption" }, item.restriction.reason)), index.h("td", { class: "zonos--column zonos--cart-item-price" }, index.h("zonos-text", { type: "semiBoldLabel" }, renderCheckoutCurrency({
+                }, width: 40 })) : (index.h("img", { alt: item.name || `Restricted item ${index$1 + 1}`, src: emptyItemImg, width: 40 }))), index.h("td", { class: "zonos--column zonos--cart-item-name" }, index.h("zonos-text", { type: "label" }, ((_b = item.matchedItem) === null || _b === void 0 ? void 0 : _b.name) || item.name), index.h("zonos-text", { type: "caption" }, item.restriction.reason)), index.h("td", { class: "zonos--column zonos--cart-item-price" }, index.h("zonos-text", { type: "semiBoldLabel" }, placeTestOrder.renderCheckoutCurrency({
                 amount: item.amount * item.quantity * rate,
                 isForeign: false,
             })))));
@@ -1215,7 +184,7 @@ const ZonosCartSubtotal = class {
         };
         const renderShippingInfo = () => {
             if (!cart.cartStore.selectedShippingOption) {
-                return (index.h(index.Fragment, null, index.h("zonos-text", { class: "zonos--title", type: "semiBoldLabel" }, localization.translate('Shipping')), index.h("zonos-text", { class: "zonos--caption", type: "caption" }, localization.translate('No shipping method selected'))));
+                return (index.h(index.Fragment, null, index.h("zonos-text", { class: "zonos--title", type: "semiBoldLabel" }, translationStore.translate('Shipping')), index.h("zonos-text", { class: "zonos--caption", type: "caption" }, translationStore.translate('No shipping method selected'))));
             }
             return (index.h(index.Fragment, null, index.h("zonos-text", { class: "zonos--title", type: "semiBoldLabel" }, cart.cartStore.selectedShippingOption.displayName), cart.cartStore.selectedShippingOptionTransitTime && (index.h("zonos-text", { class: "zonos--caption", type: "caption" }, cart.cartStore.selectedShippingOptionTransitTime))));
         };
@@ -1223,9 +192,9 @@ const ZonosCartSubtotal = class {
             var _a, _b, _c;
             // Domestic US doesn't have duty applied, just taxes and fees
             if ((_b = (_a = zonosStore.zonosStore.genericSettings) === null || _a === void 0 ? void 0 : _a.domesticCountries) === null || _b === void 0 ? void 0 : _b.includes(((_c = cart.stripeStore.stripeAddressEventData) === null || _c === void 0 ? void 0 : _c.value.address.country) || 'US')) {
-                return (index.h(index.Fragment, null, index.h("td", { class: "zonos--column zonos--cart-subtotal-title" }, index.h("zonos-text", { class: "zonos--title", type: "semiBoldLabel" }, localization.translate('Taxes and fees'))), index.h("td", { class: "zonos--column zonos--cart-subtotal-price" }, index.h("div", { class: "zonos--cart-duty-tax-price" }, cart.cartStore.dutiesTaxesFees !== null ||
+                return (index.h(index.Fragment, null, index.h("td", { class: "zonos--column zonos--cart-subtotal-title" }, index.h("zonos-text", { class: "zonos--title", type: "semiBoldLabel" }, translationStore.translate('Taxes and fees'))), index.h("td", { class: "zonos--column zonos--cart-subtotal-price" }, index.h("div", { class: "zonos--cart-duty-tax-price" }, cart.cartStore.dutiesTaxesFees !== null ||
                     cart.cartStore.dutiesTaxesFeesEstimate !== null
-                    ? renderCheckoutCurrency({
+                    ? placeTestOrder.renderCheckoutCurrency({
                         amount: cart.cartStore.dutiesTaxesFees ||
                             cart.cartStore.dutiesTaxesFeesEstimate ||
                             0,
@@ -1234,38 +203,38 @@ const ZonosCartSubtotal = class {
                     : '-'))));
             }
             if (cart.cartStore.landedCostMethod === 'DAP') {
-                return (index.h(index.Fragment, null, index.h("td", { class: "zonos--column zonos--cart-subtotal-title" }, index.h("zonos-text", { class: "zonos--title", type: "semiBoldLabel" }, localization.translate('Duties, taxes, and fees')), cart.cartStore.dutiesTaxesFeesEstimate !== null
-                    ? `${localization.translate('Estimated [amount]', {
-                        amount: renderCheckoutCurrency({
+                return (index.h(index.Fragment, null, index.h("td", { class: "zonos--column zonos--cart-subtotal-title" }, index.h("zonos-text", { class: "zonos--title", type: "semiBoldLabel" }, translationStore.translate('Duties, taxes, and fees')), cart.cartStore.dutiesTaxesFeesEstimate !== null
+                    ? `${translationStore.translate('Estimated [amount]', {
+                        amount: placeTestOrder.renderCheckoutCurrency({
                             amount: cart.cartStore.dutiesTaxesFeesEstimate,
                             isForeign: true,
                         }),
                     })}`
-                    : '-'), index.h("td", { class: "zonos--column zonos--cart-subtotal-price" }, index.h("div", { class: "zonos--cart-duty-tax-price" }, localization.translate('Due at delivery')))));
+                    : '-'), index.h("td", { class: "zonos--column zonos--cart-subtotal-price" }, index.h("div", { class: "zonos--cart-duty-tax-price" }, translationStore.translate('Due at delivery')))));
             }
-            return (index.h(index.Fragment, null, index.h("td", { class: "zonos--column zonos--cart-subtotal-title" }, index.h("zonos-text", { class: "zonos--title", type: "semiBoldLabel" }, localization.translate('Duties, taxes, and fees')), index.h("zonos-text", { class: "zonos--caption", type: "caption" }, localization.translate('Nothing due at the door'))), index.h("td", { class: "zonos--column zonos--cart-subtotal-price" }, index.h("div", { class: "zonos--cart-duty-tax-price" }, cart.cartStore.dutiesTaxesFees !== null
-                ? renderCheckoutCurrency({
+            return (index.h(index.Fragment, null, index.h("td", { class: "zonos--column zonos--cart-subtotal-title" }, index.h("zonos-text", { class: "zonos--title", type: "semiBoldLabel" }, translationStore.translate('Duties, taxes, and fees')), index.h("zonos-text", { class: "zonos--caption", type: "caption" }, translationStore.translate('Nothing due at the door'))), index.h("td", { class: "zonos--column zonos--cart-subtotal-price" }, index.h("div", { class: "zonos--cart-duty-tax-price" }, cart.cartStore.dutiesTaxesFees !== null
+                ? placeTestOrder.renderCheckoutCurrency({
                     amount: cart.cartStore.dutiesTaxesFees,
                     isForeign: true,
                 })
                 : '-'))));
         };
-        return (index.h(index.Host, { class: "zonos--cart-subtotal zonos--elements" }, index.h("table", { class: "zonos--cart-table" }, index.h("tr", { class: "zonos--row zonos--cart-subtotal" }, index.h("td", { class: "zonos--column" }), index.h("td", { class: "zonos--column zonos--cart-subtotal-title" }, index.h("zonos-text", { type: "semiBoldLabel" }, localization.translate('Cart subtotal'))), index.h("td", { class: "zonos--column zonos--cart-subtotal-price" }, index.h("zonos-text", { type: "semiBoldLabel" }, renderCheckoutCurrency({
+        return (index.h(index.Host, { class: "zonos--cart-subtotal zonos--elements" }, index.h("table", { class: "zonos--cart-table" }, index.h("tr", { class: "zonos--row zonos--cart-subtotal" }, index.h("td", { class: "zonos--column" }), index.h("td", { class: "zonos--column zonos--cart-subtotal-title" }, index.h("zonos-text", { type: "semiBoldLabel" }, translationStore.translate('Cart subtotal'))), index.h("td", { class: "zonos--column zonos--cart-subtotal-price" }, index.h("zonos-text", { type: "semiBoldLabel" }, placeTestOrder.renderCheckoutCurrency({
             amount: subtotal,
             isForeign: true,
         })))), index.h("tr", { class: "zonos--row zonos--cart-shipping" }, index.h("td", { class: "zonos--column" }), index.h("td", { class: "zonos--column zonos--cart-subtotal-title" }, renderShippingInfo()), index.h("td", { class: "zonos--column zonos--cart-subtotal-price" }, cart.cartStore.shipping
-            ? renderCheckoutCurrency({
+            ? placeTestOrder.renderCheckoutCurrency({
                 amount: cart.cartStore.shipping,
                 isForeign: true,
             })
-            : '-')), showDutyTaxesInfo && (index.h("tr", { class: "zonos--row zonos--cart-duties" }, index.h("td", { class: "zonos--column" }), renderLandedCost())), shouldRenderPromoInput && (index.h("tr", { class: "zonos--row zonos--cart-promo-code" }, index.h("td", { class: "zonos--column" }), !!appliedPromoCode ? (index.h(index.Fragment, null, index.h("td", { class: "zonos--column zonos--cart-promo-code-col" }, this.loading ? (index.h("zonos-spinner", { size: 16 })) : (index.h("zonos-badge", { dismissHandler: () => removePromoCode() }, cart.cartStore.promoCode))), index.h("td", { class: "zonos--column zonos--cart-promo-code-col" }))) : (index.h("td", { class: "zonos--column zonos--cart-promo-code-col", colSpan: 2 }, index.h("div", { class: "zonos--cart-promo-code-input-wrapper" }, index.h("zonos-input", { class: "zonos--cart-promo-code-input", inputLabel: localization.translate('Add promotional code'), inputValue: cart.cartStore.promoCode, isError: cart.cartStore.promoCodeError, onInputChange: e => (cart.cartStore.promoCode = e.detail.trim()), onKeyDown: e => {
+            : '-')), showDutyTaxesInfo && (index.h("tr", { class: "zonos--row zonos--cart-duties" }, index.h("td", { class: "zonos--column" }), renderLandedCost())), shouldRenderPromoInput && (index.h("tr", { class: "zonos--row zonos--cart-promo-code" }, index.h("td", { class: "zonos--column" }), !!appliedPromoCode ? (index.h(index.Fragment, null, index.h("td", { class: "zonos--column zonos--cart-promo-code-col" }, this.loading ? (index.h("zonos-spinner", { size: 16 })) : (index.h("zonos-badge", { dismissHandler: () => removePromoCode() }, cart.cartStore.promoCode))), index.h("td", { class: "zonos--column zonos--cart-promo-code-col" }))) : (index.h("td", { class: "zonos--column zonos--cart-promo-code-col", colSpan: 2 }, index.h("div", { class: "zonos--cart-promo-code-input-wrapper" }, index.h("zonos-input", { class: "zonos--cart-promo-code-input", inputLabel: translationStore.translate('Add promotional code'), inputValue: cart.cartStore.promoCode, isError: cart.cartStore.promoCodeError, onInputChange: e => (cart.cartStore.promoCode = e.detail.trim()), onKeyDown: e => {
                 if (e.key === 'Enter') {
                     void applyPromoCode();
                 }
-            } }), index.h("zonos-button", { loading: this.loading, onClick: () => applyPromoCode(), variant: "primary" }, localization.translate('Apply'))))))), !!cart.cartStore.adjustmentTotal && (index.h("tr", { class: "zonos--row zonos--cart-discount" }, index.h("td", { class: "zonos--column" }), index.h("td", { class: "zonos--column zonos--cart-subtotal-title" }, index.h("div", { class: "zonos--title-with-icon" }, index.h("zonos-text", { class: "zonos--title", type: "semiBoldLabel" }, localization.translate('Discounts')))), index.h("td", { class: "zonos--column zonos--cart-subtotal-price" }, index.h("zonos-text", { type: "semiBoldLabel" }, renderCheckoutCurrency({
+            } }), index.h("zonos-button", { loading: this.loading, onClick: () => applyPromoCode(), variant: "primary" }, translationStore.translate('Apply'))))))), !!cart.cartStore.adjustmentTotal && (index.h("tr", { class: "zonos--row zonos--cart-discount" }, index.h("td", { class: "zonos--column" }), index.h("td", { class: "zonos--column zonos--cart-subtotal-title" }, index.h("div", { class: "zonos--title-with-icon" }, index.h("zonos-text", { class: "zonos--title", type: "semiBoldLabel" }, translationStore.translate('Discounts')))), index.h("td", { class: "zonos--column zonos--cart-subtotal-price" }, index.h("zonos-text", { type: "semiBoldLabel" }, placeTestOrder.renderCheckoutCurrency({
             amount: cart.cartStore.adjustmentTotal,
             isForeign: true,
-        }))))), index.h("tr", { class: "zonos--row zonos--cart-pay-total" }, index.h("td", { class: "zonos--column" }), index.h("td", { class: "zonos--column" }, index.h("zonos-text", { class: "zonos--title", type: "semiBoldLabel" }, localization.translate('Order total'))), index.h("td", { class: "zonos--column zonos--cart-total-price" }, index.h("zonos-text", { type: "semiBoldLabel" }, renderCheckoutCurrency({
+        }))))), index.h("tr", { class: "zonos--row zonos--cart-pay-total" }, index.h("td", { class: "zonos--column" }), index.h("td", { class: "zonos--column" }, index.h("zonos-text", { class: "zonos--title", type: "semiBoldLabel" }, translationStore.translate('Order total'))), index.h("td", { class: "zonos--column zonos--cart-total-price" }, index.h("zonos-text", { type: "semiBoldLabel" }, placeTestOrder.renderCheckoutCurrency({
             amount: total,
             isForeign: true,
         })))))));
@@ -1297,7 +266,7 @@ const ZonosCheckoutFinish = class {
         this.notificationType = 'success';
         this.notificationTitle = '';
         this.notificationMessages = [];
-        this.notificationActionText = localization.translate('Keep shopping');
+        this.notificationActionText = translationStore.translate('Keep shopping');
         this.order = null;
         /**
          * Is waiting to redirect to a different page
@@ -1385,10 +354,10 @@ const ZonosCheckoutFinish = class {
                 case successBehavior === 'REDIRECT_TO_SUCCESS_PAGE':
                 case !!cart.cartStore.externalConfirmationPageURL: {
                     // use different default notification message if we are redirecting to a different page
-                    this.notificationTitle = localization.translate('Order complete!');
+                    this.notificationTitle = translationStore.translate('Order complete!');
                     this.notificationMessages = [
-                        localization.translate('Your order has been successfully placed.'),
-                        localization.translate("You will be redirected back to the merchant's site in a few seconds."),
+                        translationStore.translate('Your order has been successfully placed.'),
+                        translationStore.translate("You will be redirected back to the merchant's site in a few seconds."),
                     ];
                     // stop loading spinner to show the redirecting notification
                     this.isLoading = false;
@@ -1515,8 +484,8 @@ const ZonosCheckoutFinish = class {
                 this.notificationType = isError ? 'error' : 'success';
                 this.notificationMessages = messages || [];
                 this.notificationTitle = isError
-                    ? localization.translate('Payment failed')
-                    : localization.translate("You're all set!");
+                    ? translationStore.translate('Payment failed')
+                    : translationStore.translate("You're all set!");
                 handleFetch.log('=== Payment intent retrieve status', 'info', {
                     clientSecret,
                     error,
@@ -1571,7 +540,7 @@ const ZonosCheckoutFinish = class {
         };
         this.checkStagingOrderStatus = async () => {
             this.notificationType = 'success';
-            this.notificationTitle = localization.translate("You're all set!");
+            this.notificationTitle = translationStore.translate("You're all set!");
             this.notificationMessages =
                 cart.stripeStoreMessageBasedOnStatus('succeeded').messages;
             // override title if notification type is success
@@ -1587,7 +556,7 @@ const ZonosCheckoutFinish = class {
             // render error message if there's an error
             if (paypal.paypalStore.paypalErrorMessage) {
                 this.notificationType = 'error';
-                this.notificationTitle = localization.translate('Payment failed');
+                this.notificationTitle = translationStore.translate('Payment failed');
                 this.notificationMessages = [paypal.paypalStore.paypalErrorMessage];
                 this.isLoading = false;
                 return;
@@ -1602,7 +571,7 @@ const ZonosCheckoutFinish = class {
                     eventName: 'checkout_orderCompleted',
                 });
                 this.notificationType = 'success';
-                this.notificationTitle = localization.translate("You're all set!");
+                this.notificationTitle = translationStore.translate("You're all set!");
                 this.notificationMessages =
                     cart.stripeStoreMessageBasedOnStatus('succeeded').messages;
                 // override title if notification type is success
@@ -1672,7 +641,7 @@ const ZonosCheckoutFinish = class {
                     return;
                 }
                 this.closeClickHandler();
-            }, size: "md", variant: "primary" }, localization.translate('Close'))), !window.Zonos.isLegacyCheckout &&
+            }, size: "md", variant: "primary" }, translationStore.translate('Close'))), !window.Zonos.isLegacyCheckout &&
             this.shouldRenderKeepShoppingButton() && (index.h("zonos-button", { key: '9b809e21052fddb2149a2a1d0c22db4b10808403', onClick: () => this.closeClickHandler(), size: "md", variant: "primary" }, this.notificationActionText))), isTestMode &&
             cart.cartStore.step === 'finish' &&
             this.notificationType === 'success' && (index.h("div", { key: '4a278c7c4270d265c61b6b36d20864c55e1b42f1', class: "zonos--finish-button-wrapper" }, index.h("zonos-button", { key: 'fd8a876a0c5b76edd3be2d9b28da9c3963aee714', backgroundColor: "gray-0", buttonColor: "gray-1000", onClick: () => this.closeClickHandler(), size: "lg", variant: "outline" }, "New test cart"), index.h("zonos-button", { key: '7882981c1fe01ab6f78d8f84bcfc9aab94bffb74', onClick: () => {
@@ -1747,44 +716,6 @@ const ZonosCheckoutFooter = class {
 };
 ZonosCheckoutFooter.style = ZonosCheckoutFooterStyle0;
 
-const placeTestOrder = async () => {
-    var _a, _b;
-    const shipToPartyId = (_a = cart.cartStore.partiesData.find(party => party.type === 'DESTINATION')) === null || _a === void 0 ? void 0 : _a.id;
-    const billToPartyId = (_b = cart.cartStore.partiesData.find(party => party.type === 'PAYOR')) === null || _b === void 0 ? void 0 : _b.id;
-    const checkoutSessionId = localization.storageStore.checkoutSessionId;
-    if (!checkoutSessionId || !billToPartyId || !shipToPartyId) {
-        handleFetch.logError('Missing required data', {
-            billToPartyId,
-            checkoutSessionId,
-            shipToPartyId,
-        });
-        return {
-            errors: ['Missing required data'],
-            json: null,
-        };
-    }
-    const payload = {
-        billToPartyId,
-        checkoutSessionId,
-        shipToPartyId,
-    };
-    const { errors, json } = await handleFetch.handleFetch('/api/zonos-elements/place-test-order', {
-        body: payload,
-        method: 'POST',
-    });
-    if (errors.length || !json) {
-        handleFetch.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>`;
@@ -1871,14 +802,14 @@ const ZonosCheckoutPayment = class {
                 document.body.removeChild(hiddenTextarea);
             }
             window.Zonos.showNotification({
-                message: localization.translate('Card number copied to clipboard'),
+                message: translationStore.translate('Card number copied to clipboard'),
                 timeout: 4000,
                 type: 'success',
             });
         };
         this.placeTestOrder = async () => {
             this.internalContinueLoading = true;
-            const { errors } = await placeTestOrder();
+            const { errors } = await placeTestOrder.placeTestOrder();
             if (errors.length) {
                 this.stagingOrderCreateErrorMessage =
                     errors[0] || 'Failed to create staging order. Please try again.';
@@ -1910,6 +841,9 @@ const ZonosCheckoutPayment = class {
         if (!cart.stripeStore.stripeElements) {
             return null;
         }
+        if (!cart.stripeStore.clientSecret && !cart.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();
@@ -1925,14 +859,14 @@ const ZonosCheckoutPayment = class {
                 const theme = this.isMobile
                     ? zonosStore.zonosStore.appearance.theme
                     : themeBasedColor;
-                return (index.h(index.Fragment, null, this.stagingOrderCreateErrorMessage && (index.h("zonos-banner", { class: "zonos--error-banner", intent: "error" }, this.stagingOrderCreateErrorMessage)), index.h("zonos-empty-state-payment", { emptyStateText: localization.translate('No payment method needed for staging'), theme: theme }), index.h("div", { class: "zonos--group-btn" }, index.h("zonos-button", { backgroundColor: this.submitBtnColor, loading: this.internalContinueLoading, onClick: () => {
+                return (index.h(index.Fragment, null, this.stagingOrderCreateErrorMessage && (index.h("zonos-banner", { class: "zonos--error-banner", intent: "error" }, this.stagingOrderCreateErrorMessage)), index.h("zonos-empty-state-payment", { emptyStateText: translationStore.translate('No payment method needed for staging'), theme: theme }), index.h("div", { class: "zonos--group-btn" }, index.h("zonos-button", { backgroundColor: this.submitBtnColor, loading: this.internalContinueLoading, onClick: () => {
                         void this.placeTestOrder();
                     }, size: "lg",
                     // use primary type when on mobile mode
-                    variant: this.submitBtnType }, localization.translate('Place test order')))));
+                    variant: this.submitBtnType }, translationStore.translate('Place test order')))));
             }
-            return (index.h(index.Fragment, null, this.showErrorBanner && (index.h("zonos-banner", { class: "zonos--error-banner", intent: "error" }, localization.translate('Missing required fields. Make sure all fields are completed.'))), this.hasStripePaymentError && (index.h("zonos-banner", { class: "zonos--payment-error-banner", intent: "error" }, cart.stripeStore.customErrorMessage ||
-                localization.translate("We couldn't complete your payment. Please verify the payment details and try again."))), paypal.paypalStore.paypalErrorMessage && (index.h("zonos-banner", { class: "zonos--payment-error-banner", intent: "error" }, paypal.paypalStore.paypalErrorMessage)), index.h("zonos-payment", null), index.h("div", { class: "zonos--group-btn" }, !isPaypalTabSelected && (index.h(index.Fragment, null, index.h("zonos-button", { backgroundColor: this.submitBtnColor, bold: true, isDisabled: this.continueLoading &&
+            return (index.h(index.Fragment, null, this.showErrorBanner && (index.h("zonos-banner", { class: "zonos--error-banner", intent: "error" }, translationStore.translate('Missing required fields. Make sure all fields are completed.'))), this.hasStripePaymentError && (index.h("zonos-banner", { class: "zonos--payment-error-banner", intent: "error" }, cart.stripeStore.customErrorMessage ||
+                translationStore.translate("We couldn't complete your payment. Please verify the payment details and try again."))), paypal.paypalStore.paypalErrorMessage && (index.h("zonos-banner", { class: "zonos--payment-error-banner", intent: "error" }, paypal.paypalStore.paypalErrorMessage)), index.h("zonos-payment", null), index.h("div", { class: "zonos--group-btn" }, !isPaypalTabSelected && (index.h(index.Fragment, null, index.h("zonos-button", { backgroundColor: this.submitBtnColor, bold: true, isDisabled: this.continueLoading &&
                     cart.stripeStore.checkoutSettlementCurrency === 'USD', loading: this.continueLoading &&
                     cart.stripeStore.checkoutSettlementCurrency !== 'USD', onClick: async () => {
                     if (!cart.cartStore.checkoutSession) {
@@ -1945,8 +879,8 @@ const ZonosCheckoutPayment = class {
                     });
                 }, size: "lg",
                 // use primary type when on mobile mode
-                variant: this.submitBtnType }, localization.translate('Pay [orderTotal]', {
-                orderTotal: renderCheckoutCurrency({
+                variant: this.submitBtnType }, translationStore.translate('Pay [orderTotal]', {
+                orderTotal: placeTestOrder.renderCheckoutCurrency({
                     amount: cart.cartStore.total,
                     isForeign: true,
                 }),
@@ -1956,13 +890,13 @@ const ZonosCheckoutPayment = class {
                     await this.continueClickHandler({
                         currencyCode: 'USD',
                     });
-                }, size: "lg", variant: "subtle" }, localization.translate('Click to pay in USD'))))), index.h("zonos-paypal-payment", { onPaypalSessionDone: ({ detail: { orderId } }) => {
+                }, size: "lg", variant: "subtle" }, translationStore.translate('Click to pay in USD'))))), index.h("zonos-paypal-payment", { onPaypalSessionDone: ({ detail: { orderId } }) => {
                     this.paypalSessionDone.emit(orderId);
                 }, onPaypalSessionFail: () => this.paypalSessionFailed.emit(), style: {
                     display: isPaypalTabSelected ? 'block' : 'none',
-                } })), isTestMode && (index.h("zonos-card", { backgroundColor: "gray-100", borderRadius: 12, class: "zonos--test-cards" }, index.h("zonos-v-stack", { spacing: 16 }, index.h("div", null, index.h("zonos-text", { type: "semiBoldLabel" }, localization.translate('Test cards')), index.h("zonos-text", { textColor: "gray-700" }, localization.translate('Click to copy the card number. Use any future expiration date and three number CVC.'))), index.h("zonos-button", { icon: index.h("zonos-icon", { content: CheckmarkLineIcon }), justifyContent: "flex-start", onClick: () => this.copyCardToClipboard('4242424242424242') }, localization.translate('Success'), " (****4242)"), index.h("zonos-button", { icon: index.h("zonos-icon", { content: RemoveLineIcon }), justifyContent: "flex-start", onClick: () => this.copyCardToClipboard('4000000000000002') }, localization.translate('Failure'), " (****0002)")), index.h("zonos-notification", null)))));
+                } })), isTestMode && (index.h("zonos-card", { backgroundColor: "gray-100", borderRadius: 12, class: "zonos--test-cards" }, index.h("zonos-v-stack", { spacing: 16 }, index.h("div", null, index.h("zonos-text", { type: "semiBoldLabel" }, translationStore.translate('Test cards')), index.h("zonos-text", { textColor: "gray-700" }, translationStore.translate('Click to copy the card number. Use any future expiration date and three number CVC.'))), index.h("zonos-button", { icon: index.h("zonos-icon", { content: CheckmarkLineIcon }), justifyContent: "flex-start", onClick: () => this.copyCardToClipboard('4242424242424242') }, translationStore.translate('Success'), " (****4242)"), index.h("zonos-button", { icon: index.h("zonos-icon", { content: RemoveLineIcon }), justifyContent: "flex-start", onClick: () => this.copyCardToClipboard('4000000000000002') }, translationStore.translate('Failure'), " (****0002)")), index.h("zonos-notification", null)))));
         };
-        return (index.h(index.Host, { class: "zonos--checkout-payment zonos--elements" }, index.h("div", { class: "zonos--group" }, index.h("zonos-text", { class: "zonos--title", type: "semiBoldSubheader" }, localization.translate('Payment method')), renderPayment())));
+        return (index.h(index.Host, { class: "zonos--checkout-payment zonos--elements" }, index.h("div", { class: "zonos--group" }, index.h("zonos-text", { class: "zonos--title", type: "semiBoldSubheader" }, translationStore.translate('Payment method')), renderPayment())));
     }
     get ele() { return index.getElement(this); }
     static get watchers() { return {
@@ -2091,156 +1025,23 @@ const ZonosCheckoutProgressTabs = class {
                 color: labelSelectedColor,
             })
             : labelSelectedColor;
-        return (index.h(index.Host, { key: '592fe18f902f828c4dcdcab28221617ba63ea358', class: "zonos--elements", style: {
+        return (index.h(index.Host, { key: 'bf2f6ea302aafa40c5b1a763b89bffc47389b7ac', class: "zonos--elements", style: {
                 '--zonos--color': contrastLabelColor,
                 '--zonos--progress-percent': this.getTotalSuccessStep(),
-            } }, index.h("div", { key: 'd173893ab0da684a189127ab511db90ba3a0985c', class: "zonos--tab-wrapper" }, Object.values(cart.cartStore.tabItems).map((tab, index$1) => {
+            } }, index.h("div", { key: '043adfc8805b027604880284a99148c9ea06e67b', class: "zonos--tab-wrapper" }, Object.values(cart.cartStore.tabItems).map((tab, index$1) => {
             const isSelected = tab.value === selectedStep;
             return (index.h("button", { "aria-label": `Tab ${tab.label}`, class: classes.classes([
                     'zonos--tab-item',
                     tab.value === selectedStep && 'selected',
                     tab.isDone && 'done',
-                ]), disabled: !this.isTabClickable(tab.value), key: tab.value, onClick: () => this.setTabSelected(tab.value) }, index.h("div", { class: "zonos--tab-index" }, index.h("zonos-text", { class: "zonos--tab-index-label", textColor: isSelected ? contrastLabelColor : 'gray-1000', type: "label" }, index$1 + 1), index.h("zonos-icon", { class: "zonos--tab-index-done-icon", content: TabCheckmark, iconColor: isSelected ? contrastLabelColor : 'gray-1000' })), index.h("zonos-text", { textColor: isSelected ? contrastLabelColor : 'gray-1000', type: "label" }, localization.translate(tab.label))));
-        })), index.h("div", { key: 'e424eda69e8338599446f71f407c76617d2b79cf', class: "zonos--tab-progress" }, index.h("div", { key: 'acccc44ce950da71c8c0ee0798dc2086d9656ed2', class: "zonos--progress-bar-fill" }))));
+                ]), disabled: !this.isTabClickable(tab.value), key: tab.value, onClick: () => this.setTabSelected(tab.value) }, index.h("div", { class: "zonos--tab-index" }, index.h("zonos-text", { class: "zonos--tab-index-label", textColor: isSelected ? contrastLabelColor : 'gray-1000', type: "label" }, index$1 + 1), index.h("zonos-icon", { class: "zonos--tab-index-done-icon", content: TabCheckmark, iconColor: isSelected ? contrastLabelColor : 'gray-1000' })), index.h("zonos-text", { textColor: isSelected ? contrastLabelColor : 'gray-1000', type: "label" }, translationStore.translate(tab.label))));
+        })), index.h("div", { key: '991d64c7d79e4e4207e395ec8a3b9b2096e51c6a', class: "zonos--tab-progress" }, index.h("div", { key: '22471019b9e920af6d35976dd71b0954cc785b62', class: "zonos--progress-bar-fill" }))));
     }
     static get assetsDirs() { return ["assets"]; }
     get ele() { return index.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) {
-        index.registerInstance(this, hostRef);
-        this.confirmClicked = index.createEvent(this, "confirmClicked", 7);
-        this.cancelClicked = index.createEvent(this, "cancelClicked", 7);
-        /**
-         * Dialog title text
-         * @default "Are you sure?"
-         */
-        this.dialogTitle = localization.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 (index.h("zonos-icon", { content: HelpDuotoneIcon, iconColor: 'blue-800' }));
-            case 'danger':
-                return (index.h("zonos-icon", { content: ExclamationMarkDuotoneIcon, iconColor: 'red-800' }));
-            case 'warn':
-                return (index.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.getBorderRadius();
-        // Get theme for the update dialog, inherit from the theme, no from this component theme
-        const theme = zonosStore.getZonosStoreTheme(zonosStore.zonosStore.appearance.theme);
-        return (index.h(index.Host, { key: '3d4920dacf3c4b1ae796b10a3d68dc875cbe4267', class: classes.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': zonosStore.zonosStoreFontFamily(),
-            } }, index.h("div", { key: 'e2b1358dedfb3e5a3dc42099330be1d3bb6845e5', class: "zonos--backdrop", tabIndex: -1 }), index.h("div", { key: 'f4cf0ddf4ee1695bef503809a810710902c2e810', class: classes.classes(['zonos--confirm-layout', this.dialogIntent]), onClick: e => this.clickOutsideDialogHandler(e) }, index.h("div", { key: 'a8910f985165f18399e628b05b5075d04487007b', class: "zonos--confirm-dialog", onBlur: () => {
-                this.focusDialog();
-            } }, index.h("div", { key: '723b4753614273bafe03488cdc5eb7a2a14cfb2c', class: "wrapper" }, index.h("div", { key: '53faf2cbdcec3acdff25f8471a37afdfb4298ef3', class: "icon-wrapper" }, this.renderIcon()), index.h("div", { key: '8e6ee33eb8ee48acb99066ce964b52e81086176f', class: "content" }, index.h("div", { key: '6c800bbc27a2e62756b20068b97e5777ebf5fbb2', class: "title" }, index.h("zonos-text", { key: '7bcad323167f954ae83c9afd7c4473efc5e32c37', type: "subheader" }, this.dialogTitle)), this.dialogSubtitle && (index.h("div", { key: '85ffc3c1492dd432953bc645103590bacd9a3912', class: "subtitle" }, index.h("zonos-text", { key: 'f7e859f0c8256ead95db3d74b78b50fe6ea84700', textColor: "gray-800" }, this.dialogSubtitle)))), index.h("div", { key: 'c35405667155231fb6037147ac35d0c1f5ed0dd0', class: "footer" }, this.dialogType === 'confirm' && (index.h("zonos-button", { key: '082731ae55230c6fe05307871ef5e6a124616e33', backgroundColor: "gray-0", class: "cancel-button", onClick: () => this.closeDialogHandler(), size: "lg", withBoxShadow: true }, this.dialogCancelBtnText || localization.translate('Cancel'))), index.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 index.getElement(this); }
-};
-ZonosConfirmDialog.style = ZonosConfirmDialogStyle0;
-
 const ZonosCurrencyToggle = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
@@ -2570,7 +1371,7 @@ const ZonosCustomerInfo = class {
                 shippingCountry: this.shippingCountry,
                 taxId: cart.stripeStore.taxId,
             });
-            this.taxIdErrorMessage = !valid ? localization.translate(error) : '';
+            this.taxIdErrorMessage = !valid ? translationStore.translate(error) : '';
             if (!isValidBilling || !isValidShipping || !isValidLink || !valid) {
                 return false;
             }
@@ -2630,10 +1431,10 @@ const ZonosCustomerInfo = class {
             }
             // Render custom address component if the custom address form is enabled
             if (this.addressFormRenderType === 'zonos') {
-                return (index.h("zonos-custom-address", { defaultAddress: defaultAddress, taxIdErrorMessage: this.taxIdErrorMessage, titleText: localization.translate(type === 'shipping' ? 'Shipping address' : 'Billing address'), type: type }));
+                return (index.h("zonos-custom-address", { defaultAddress: defaultAddress, taxIdErrorMessage: this.taxIdErrorMessage, titleText: translationStore.translate(type === 'shipping' ? 'Shipping address' : 'Billing address'), type: type }));
             }
             // Render Stripe address component by default
-            return (index.h("zonos-address", { defaultAddress: defaultAddress, taxIdErrorMessage: this.taxIdErrorMessage, titleText: localization.translate(type === 'shipping' ? 'Shipping address' : 'Billing address'), type: type }));
+            return (index.h("zonos-address", { defaultAddress: defaultAddress, taxIdErrorMessage: this.taxIdErrorMessage, titleText: translationStore.translate(type === 'shipping' ? 'Shipping address' : 'Billing address'), type: type }));
         };
     }
     watchShowErrorBanner() {
@@ -2724,11 +1525,11 @@ const ZonosCustomerInfo = class {
         const defaultEmail = ((_b = this.defaultAddress.find(Boolean)) === null || _b === void 0 ? void 0 : _b.email) ||
             ((_e = (_d = (_c = cart.stripeStore.customerProfile) === null || _c === void 0 ? void 0 : _c.locations) === null || _d === void 0 ? void 0 : _d.find(Boolean)) === null || _e === void 0 ? void 0 : _e.email) ||
             ((_f = cart.stripeStore.customerProfile) === null || _f === void 0 ? void 0 : _f.email);
-        return (index.h(index.Host, { class: "zonos--customer-info zonos--elements" }, index.h("div", { class: "zonos--group" }, index.h("zonos-text", { class: "zonos--title", type: "semiBoldSubheader" }, localization.translate('Customer information')), this.showErrorBanner && (index.h("zonos-banner", { class: "zonos--error-banner", intent: "error" }, localization.translate('Missing required fields. Make sure all fields are completed.'))), index.h("zonos-link-authentication", { defaultEmail: defaultEmail, isEmailError: this.isEmailError, onLinkAuthenticationChange: this.handleEmailValidation, titleText: localization.translate('Contact') }), this.renderAddressComponent('shipping'), index.h("zonos-checkbox", { class: "zonos--shipping-same-as-billing-cbx", isChecked: cart.stripeStore.stripeShippingSameAsBilling, label: localization.translate('Shipping address same as billing'), onCheckboxSelected: e => {
+        return (index.h(index.Host, { class: "zonos--customer-info zonos--elements" }, index.h("div", { class: "zonos--group" }, index.h("zonos-text", { class: "zonos--title", type: "semiBoldSubheader" }, translationStore.translate('Customer information')), this.showErrorBanner && (index.h("zonos-banner", { class: "zonos--error-banner", intent: "error" }, translationStore.translate('Missing required fields. Make sure all fields are completed.'))), index.h("zonos-link-authentication", { defaultEmail: defaultEmail, isEmailError: this.isEmailError, onLinkAuthenticationChange: this.handleEmailValidation, titleText: translationStore.translate('Contact') }), this.renderAddressComponent('shipping'), index.h("zonos-checkbox", { class: "zonos--shipping-same-as-billing-cbx", isChecked: cart.stripeStore.stripeShippingSameAsBilling, label: translationStore.translate('Shipping address same as billing'), onCheckboxSelected: e => {
                 cart.stripeStore.stripeShippingSameAsBilling = e.detail;
             } }), index.h("zonos-collapse", { collapsed: !showBilling }, this.renderAddressComponent('billing')), index.h("div", { class: "zonos--group-btn" }, index.h("zonos-button", { backgroundColor: this.submitBtnColor, bold: true, loading: this.continueLoading, onClick: () => this.continueClickHandler(), size: "lg",
             // use primary type when on mobile mode
-            variant: this.submitBtnType }, localization.translate('Continue to shipping')))), cart.stripeStore.stripeAddressEventData && (index.h("zonos-address-update-dialog", { billingAddress: !cart.stripeStore.stripeShippingSameAsBilling &&
+            variant: this.submitBtnType }, translationStore.translate('Continue to shipping')))), cart.stripeStore.stripeAddressEventData && (index.h("zonos-address-update-dialog", { billingAddress: !cart.stripeStore.stripeShippingSameAsBilling &&
                 cart.stripeStore.stripeBillingAddressEventData
                 ? this.prepareAddressObject(cart.stripeStore.stripeBillingAddressEventData)
                 : null, "data-theme": theme, dialogLoading: this.isValidatingAddress, dialogOpen: this.openAddressValidationDialog, isMobile: this.isMobile, onCloseUpdateDialog: () => (this.openAddressValidationDialog = false), onContinueClicked: e => {
@@ -2753,28 +1554,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) {
-        index.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 (index.h(index.Host, { key: 'eff20c3fe4c4a998748ac07567cc5449efc398cd', class: classes.classes(['zonos--elements', this.open && 'zonos--open']) }, index.h("div", { key: '1b37bfc1a150720e0f4f84075ac661e5395aee3b', class: "zonos--loading-overlay" }, index.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;
 
@@ -2792,11 +1571,11 @@ const ZonosRestState = class {
     }
     render() {
         const imageUrl = this.getImageRestState();
-        return (index.h(index.Host, { key: '754bdcff113a9ec5351d1053ddaea5e542111bbc', class: classes.classes(['zonos--elements zonos--restState']), style: {
+        return (index.h(index.Host, { key: '1259c56e28646e85893b129c22402e9d7cfe18f8', class: classes.classes(['zonos--elements zonos--restState']), style: {
                 '--zonos--font-family': zonosStore.zonosStoreFontFamily(),
-            } }, index.h("div", { key: '3037acffd2d7da9bac11ada7cd4e06e2ae976f72', class: "zonos--restState-image" }, index.h("img", { key: 'd462d07f452caaaf87af20e1b2aad6ac45b43107', alt: this.restStateType, onError: () => {
+            } }, index.h("div", { key: '3cba2e86f4952f5d2a171017ad1f6eaa62aacc6a', class: "zonos--restState-image" }, index.h("img", { key: '8f656c89ef030c1eddec8cd95d6a15df889c6ed2', alt: this.restStateType, onError: () => {
                 this.isErrorImageLoad = true;
-            }, src: imageUrl })), index.h("div", { key: '9acf78ef8358ad75df01bbbb1ed52b680f896255', class: "content" }, index.h("zonos-text", { key: '8310474f006a1fc1dcf96bac09c770572b20590a', class: "title", type: "boldSubheader" }, this.restStateTitle), index.h("zonos-text", { key: '623dc98d57eaae5fb1059c658391300aa41a13fb', class: "subtitle" }, this.restStateSubtitle)), index.h("div", { key: 'f69613147698a147447a0aac330ad1c67739fed0', class: "action" }, index.h("slot", { key: '823ff6075ecac4598299c29ab2e44a6d5fb6a5d8' }))));
+            }, src: imageUrl })), index.h("div", { key: '963cf06ac769d8b3bfeb7b36824cb1b6821b5498', class: "content" }, index.h("zonos-text", { key: 'dacc2d0c125d41e5a72c57a5b611789bb005fc46', class: "title", type: "boldSubheader" }, this.restStateTitle), index.h("zonos-text", { key: '32db4bc138b4cc6c5fab3fd6aa14b51c31ffaf80', class: "subtitle" }, this.restStateSubtitle)), index.h("div", { key: '28f933f06737ac076d2da9dcc1530f01ddb93575', class: "action" }, index.h("slot", { key: 'd974a157a01c4e2305255fc4032868e86af162b5' }))));
     }
     static get assetsDirs() { return ["assets"]; }
 };
@@ -2850,9 +1629,9 @@ const ZonosReview = class {
         return (index.h(index.Host, { class: classes.classes([
                 'zonos--review zonos--elements',
                 this.isMobile && 'mobile',
-            ]) }, index.h("div", { class: "zonos--title" }, index.h("zonos-text", { textColor: titleTextColor, type: titleTextType }, localization.translate('Pay [organizationName]', {
+            ]) }, index.h("div", { class: "zonos--title" }, index.h("zonos-text", { textColor: titleTextColor, type: titleTextType }, translationStore.translate('Pay [organizationName]', {
             organizationName: zonosStore.zonosStore.organizationName,
-        })), renderCollapseIcon()), index.h("div", { class: "zonos--total-pay" }, index.h("zonos-text", { type: totalTextType }, renderCheckoutCurrency({
+        })), renderCollapseIcon()), index.h("div", { class: "zonos--total-pay" }, index.h("zonos-text", { type: totalTextType }, placeTestOrder.renderCheckoutCurrency({
             amount: total,
             isForeign: true,
         })))));
@@ -2929,7 +1708,11 @@ const ZonosShipping = class {
             // update the address async if we already got landed cost data
             await cart.stripeStoreAsyncAddressUpdate();
             // save selected shipping option to store
-            await cart.cartStoreUpdateSelectedShippingOption(selectedShippingOption, e.detail.landedCostId);
+            await cart.cartStoreUpdateSelectedShippingOption({
+                applySubtotalsOnly: false,
+                landedCostId: e.detail.landedCostId,
+                selectedShippingOption,
+            });
             this.isSelecting = false;
         };
         this.handleValidate = () => {
@@ -2975,7 +1758,7 @@ const ZonosShipping = class {
                 // DAP description for non-US countries only
                 case method === 'DAP' &&
                     !((_b = (_a = zonosStore.zonosStore.genericSettings) === null || _a === void 0 ? void 0 : _a.domesticCountries) === null || _b === void 0 ? void 0 : _b.includes(((_c = cart.stripeStore.stripeAddressEventData) === null || _c === void 0 ? void 0 : _c.value.address.country) || 'US')):
-                    return localization.translate(` (Duties due at door)`);
+                    return translationStore.translate(` (Duties due at door)`);
                 default:
                     return '';
             }
@@ -3001,7 +1784,7 @@ const ZonosShipping = class {
                         label: `${item.displayName}${this.getLandedCostMethodLabelSuffix(method)}`,
                         landedCostId: landedCost.landedCostId,
                         method,
-                        price: renderCheckoutCurrency({
+                        price: placeTestOrder.renderCheckoutCurrency({
                             amount: shippingAmount,
                             isForeign: true,
                         }),
@@ -3105,13 +1888,13 @@ const ZonosShipping = class {
                     this.collapsedDAPOptions && 'collapsed',
                 ]), onClick: () => {
                     this.collapsedDAPOptions = !this.collapsedDAPOptions;
-                } }, index.h("div", { class: "zonos--title-wrapper" }, index.h("zonos-text", { type: "label" }, `${localization.translate(this.collapsedDAPOptions ? 'Show non-prepaid options' : 'Hide non-prepaid options')} `), index.h("zonos-icon", { content: ChevronUpIcon })))), index.h("zonos-collapse", { collapsed: this.collapsedDAPOptions }, index.h("div", { class: "zonos--dap-wrapper" }, index.h("zonos-banner", { bannerTitle: localization.translate('Duties and taxes will be charged upon delivery.'), intent: "warning" }, localization.translate('You may incur additional fees from the shipping carrier by not prepaying.')), index.h("zonos-shipping-rich-radio", { items: this.serviceLevelsDAP, onRadioSelected: e => this.handleRadioSelected(e), selectedItem: this.selectedShippingMethod })))));
+                } }, index.h("div", { class: "zonos--title-wrapper" }, index.h("zonos-text", { type: "label" }, `${translationStore.translate(this.collapsedDAPOptions ? 'Show non-prepaid options' : 'Hide non-prepaid options')} `), index.h("zonos-icon", { content: ChevronUpIcon })))), index.h("zonos-collapse", { collapsed: this.collapsedDAPOptions }, index.h("div", { class: "zonos--dap-wrapper" }, index.h("zonos-banner", { bannerTitle: translationStore.translate('Duties and taxes will be charged upon delivery.'), intent: "warning" }, translationStore.translate('You may incur additional fees from the shipping carrier by not prepaying.')), index.h("zonos-shipping-rich-radio", { items: this.serviceLevelsDAP, onRadioSelected: e => this.handleRadioSelected(e), selectedItem: this.selectedShippingMethod })))));
         };
-        return (index.h(index.Host, { class: "zonos--shipping zonos--elements" }, index.h("div", { class: "zonos--group" }, index.h("zonos-text", { class: "zonos--title", type: "semiBoldSubheader" }, localization.translate('Delivery options')), this.showErrorBanner && !!this.serviceLevelsAll.length && (index.h("zonos-banner", { class: "zonos--error-banner", intent: "error" }, localization.translate('No shipping method selected'))), index.h("zonos-text", { class: "zonos--shipping-method-title", type: "semiBoldLabel" }, localization.translate('Shipping method')), !this.serviceLevelsAll.length ? (index.h("zonos-banner", { bannerTitle: cart.cartStore.customQuotingError
+        return (index.h(index.Host, { class: "zonos--shipping zonos--elements" }, index.h("div", { class: "zonos--group" }, index.h("zonos-text", { class: "zonos--title", type: "semiBoldSubheader" }, translationStore.translate('Delivery options')), this.showErrorBanner && !!this.serviceLevelsAll.length && (index.h("zonos-banner", { class: "zonos--error-banner", intent: "error" }, translationStore.translate('No shipping method selected'))), index.h("zonos-text", { class: "zonos--shipping-method-title", type: "semiBoldLabel" }, translationStore.translate('Shipping method')), !this.serviceLevelsAll.length ? (index.h("zonos-banner", { bannerTitle: cart.cartStore.customQuotingError
                 ? cart.cartStore.customQuotingError
-                : localization.translate('No shipping methods found - please review and update your address details by selecting the "Customer" tab above. If you continue to encounter issues, contact our support team for assistance.'), class: "zonos--shipping-method-error", intent: "error" })) : (index.h("div", { class: "zonos--shipping-options-wrapper" }, renderServiceLevels())), index.h("div", { class: "zonos--group-btn" }, index.h("zonos-button", { backgroundColor: this.submitBtnColor, bold: true, loading: this.continueLoading || this.isSelecting, onClick: () => this.continueClickHandler(), size: "lg",
+                : translationStore.translate('No shipping methods found - please review and update your address details by selecting the "Customer" tab above. If you continue to encounter issues, contact our support team for assistance.'), class: "zonos--shipping-method-error", intent: "error" })) : (index.h("div", { class: "zonos--shipping-options-wrapper" }, renderServiceLevels())), index.h("div", { class: "zonos--group-btn" }, index.h("zonos-button", { backgroundColor: this.submitBtnColor, bold: true, loading: this.continueLoading || this.isSelecting, onClick: () => this.continueClickHandler(), size: "lg",
             // use primary type when on mobile mode
-            variant: this.submitBtnType }, localization.translate('Go to payment'))))));
+            variant: this.submitBtnType }, translationStore.translate('Go to payment'))))));
     }
 };
 ZonosShipping.style = ZonosShippingStyle0;
@@ -3123,10 +1906,8 @@ exports.zonos_checkout_finish = ZonosCheckoutFinish;
 exports.zonos_checkout_footer = ZonosCheckoutFooter;
 exports.zonos_checkout_payment = ZonosCheckoutPayment;
 exports.zonos_checkout_progress_tabs = ZonosCheckoutProgressTabs;
-exports.zonos_confirm_dialog = ZonosConfirmDialog;
 exports.zonos_currency_toggle = ZonosCurrencyToggle;
 exports.zonos_customer_info = ZonosCustomerInfo;
-exports.zonos_loading_overlay = ZonosLoadingOverlay;
 exports.zonos_rest_state = ZonosRestState;
 exports.zonos_review = ZonosReview;
 exports.zonos_shipping = ZonosShipping;