@paydock/client-sdk 1.121.0 → 1.122.2-beta

package/bundles/index.mjs

@@ -1,5 +1,3 @@
-import 'isomorphic-dompurify';
-
 function _arrayLikeToArray(r, a) {
   (null == a || a > r.length) && (a = r.length);
   for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
@@ -925,7 +923,7 @@ SDK.headerKeys = Object.freeze({
   version: 'x-sdk-version',
   type: 'x-sdk-type'
 });
-SDK._version = 'v1.121.0';
+SDK._version = 'v1.122.2-beta';
 
 /******************************************************************************
 Copyright (c) Microsoft Corporation.
@@ -4201,8 +4199,8 @@ function createNewrelicConfig() {
   var params = {
     enabled: 'true',
     accountId: '974691',
-    agentId: '1386157152',
-    applicationId: '1386157152',
+    agentId: '1386157150',
+    applicationId: '1386157150',
     licenseKey: '4848a32285',
     trustKey: '974691'
   };
@@ -4710,7 +4708,7 @@ var VAULT_DISPLAY_WIDGET_LINK = '/vault-display';
 var PAYMENT_SOURCE_LINK = '/payment-sources';
 var SECURE_3D = '/3ds/webhook';
 var FLYPAY_LINK = '/wallet/flypay';
-var FLYPAY_LOGO_LINK = '/images/logo.png';
+var FLYPAY_LOGO_LINK = '/images/coles-pay-logo.png';
 var MESSAGE_WIDGET_LINK = '/message-widget';
 var MASTERCARD_SRC = '/secure-remote-commerce/mastercard';
 var Link = /*#__PURE__*/function () {
@@ -10081,6 +10079,10 @@ var AfterPayWalletService = /*#__PURE__*/function (_WalletService) {
             resolve(res);
           },
           onError: function onError(message) {
+            console.error('Error generating order id', message);
+            _this5.eventEmitter.emit(WALLET_EVENT.PAYMENT_ERROR, {
+              message: message
+            });
             reject(message);
           }
         });
@@ -10134,6 +10136,1581 @@ var AfterPayWalletService = /*#__PURE__*/function (_WalletService) {
   }]);
 }(WalletService);
 
+var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
+
+var purify = {exports: {}};
+
+/*! @license DOMPurify 3.1.6 | (c) Cure53 and other contributors | Released under the Apache license 2.0 and Mozilla Public License 2.0 | github.com/cure53/DOMPurify/blob/3.1.6/LICENSE */
+
+var hasRequiredPurify;
+
+function requirePurify () {
+	if (hasRequiredPurify) return purify.exports;
+	hasRequiredPurify = 1;
+	(function (module, exports) {
+		(function (global, factory) {
+		  module.exports = factory() ;
+		})(commonjsGlobal, (function () {
+		  const {
+		    entries,
+		    setPrototypeOf,
+		    isFrozen,
+		    getPrototypeOf,
+		    getOwnPropertyDescriptor
+		  } = Object;
+		  let {
+		    freeze,
+		    seal,
+		    create
+		  } = Object; // eslint-disable-line import/no-mutable-exports
+		  let {
+		    apply,
+		    construct
+		  } = typeof Reflect !== 'undefined' && Reflect;
+		  if (!freeze) {
+		    freeze = function freeze(x) {
+		      return x;
+		    };
+		  }
+		  if (!seal) {
+		    seal = function seal(x) {
+		      return x;
+		    };
+		  }
+		  if (!apply) {
+		    apply = function apply(fun, thisValue, args) {
+		      return fun.apply(thisValue, args);
+		    };
+		  }
+		  if (!construct) {
+		    construct = function construct(Func, args) {
+		      return new Func(...args);
+		    };
+		  }
+		  const arrayForEach = unapply(Array.prototype.forEach);
+		  const arrayPop = unapply(Array.prototype.pop);
+		  const arrayPush = unapply(Array.prototype.push);
+		  const stringToLowerCase = unapply(String.prototype.toLowerCase);
+		  const stringToString = unapply(String.prototype.toString);
+		  const stringMatch = unapply(String.prototype.match);
+		  const stringReplace = unapply(String.prototype.replace);
+		  const stringIndexOf = unapply(String.prototype.indexOf);
+		  const stringTrim = unapply(String.prototype.trim);
+		  const objectHasOwnProperty = unapply(Object.prototype.hasOwnProperty);
+		  const regExpTest = unapply(RegExp.prototype.test);
+		  const typeErrorCreate = unconstruct(TypeError);
+
+		  /**
+		   * Creates a new function that calls the given function with a specified thisArg and arguments.
+		   *
+		   * @param {Function} func - The function to be wrapped and called.
+		   * @returns {Function} A new function that calls the given function with a specified thisArg and arguments.
+		   */
+		  function unapply(func) {
+		    return function (thisArg) {
+		      for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+		        args[_key - 1] = arguments[_key];
+		      }
+		      return apply(func, thisArg, args);
+		    };
+		  }
+
+		  /**
+		   * Creates a new function that constructs an instance of the given constructor function with the provided arguments.
+		   *
+		   * @param {Function} func - The constructor function to be wrapped and called.
+		   * @returns {Function} A new function that constructs an instance of the given constructor function with the provided arguments.
+		   */
+		  function unconstruct(func) {
+		    return function () {
+		      for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+		        args[_key2] = arguments[_key2];
+		      }
+		      return construct(func, args);
+		    };
+		  }
+
+		  /**
+		   * Add properties to a lookup table
+		   *
+		   * @param {Object} set - The set to which elements will be added.
+		   * @param {Array} array - The array containing elements to be added to the set.
+		   * @param {Function} transformCaseFunc - An optional function to transform the case of each element before adding to the set.
+		   * @returns {Object} The modified set with added elements.
+		   */
+		  function addToSet(set, array) {
+		    let transformCaseFunc = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : stringToLowerCase;
+		    if (setPrototypeOf) {
+		      // Make 'in' and truthy checks like Boolean(set.constructor)
+		      // independent of any properties defined on Object.prototype.
+		      // Prevent prototype setters from intercepting set as a this value.
+		      setPrototypeOf(set, null);
+		    }
+		    let l = array.length;
+		    while (l--) {
+		      let element = array[l];
+		      if (typeof element === 'string') {
+		        const lcElement = transformCaseFunc(element);
+		        if (lcElement !== element) {
+		          // Config presets (e.g. tags.js, attrs.js) are immutable.
+		          if (!isFrozen(array)) {
+		            array[l] = lcElement;
+		          }
+		          element = lcElement;
+		        }
+		      }
+		      set[element] = true;
+		    }
+		    return set;
+		  }
+
+		  /**
+		   * Clean up an array to harden against CSPP
+		   *
+		   * @param {Array} array - The array to be cleaned.
+		   * @returns {Array} The cleaned version of the array
+		   */
+		  function cleanArray(array) {
+		    for (let index = 0; index < array.length; index++) {
+		      const isPropertyExist = objectHasOwnProperty(array, index);
+		      if (!isPropertyExist) {
+		        array[index] = null;
+		      }
+		    }
+		    return array;
+		  }
+
+		  /**
+		   * Shallow clone an object
+		   *
+		   * @param {Object} object - The object to be cloned.
+		   * @returns {Object} A new object that copies the original.
+		   */
+		  function clone(object) {
+		    const newObject = create(null);
+		    for (const [property, value] of entries(object)) {
+		      const isPropertyExist = objectHasOwnProperty(object, property);
+		      if (isPropertyExist) {
+		        if (Array.isArray(value)) {
+		          newObject[property] = cleanArray(value);
+		        } else if (value && typeof value === 'object' && value.constructor === Object) {
+		          newObject[property] = clone(value);
+		        } else {
+		          newObject[property] = value;
+		        }
+		      }
+		    }
+		    return newObject;
+		  }
+
+		  /**
+		   * This method automatically checks if the prop is function or getter and behaves accordingly.
+		   *
+		   * @param {Object} object - The object to look up the getter function in its prototype chain.
+		   * @param {String} prop - The property name for which to find the getter function.
+		   * @returns {Function} The getter function found in the prototype chain or a fallback function.
+		   */
+		  function lookupGetter(object, prop) {
+		    while (object !== null) {
+		      const desc = getOwnPropertyDescriptor(object, prop);
+		      if (desc) {
+		        if (desc.get) {
+		          return unapply(desc.get);
+		        }
+		        if (typeof desc.value === 'function') {
+		          return unapply(desc.value);
+		        }
+		      }
+		      object = getPrototypeOf(object);
+		    }
+		    function fallbackValue() {
+		      return null;
+		    }
+		    return fallbackValue;
+		  }
+
+		  const html$1 = freeze(['a', 'abbr', 'acronym', 'address', 'area', 'article', 'aside', 'audio', 'b', 'bdi', 'bdo', 'big', 'blink', 'blockquote', 'body', 'br', 'button', 'canvas', 'caption', 'center', 'cite', 'code', 'col', 'colgroup', 'content', 'data', 'datalist', 'dd', 'decorator', 'del', 'details', 'dfn', 'dialog', 'dir', 'div', 'dl', 'dt', 'element', 'em', 'fieldset', 'figcaption', 'figure', 'font', 'footer', 'form', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'head', 'header', 'hgroup', 'hr', 'html', 'i', 'img', 'input', 'ins', 'kbd', 'label', 'legend', 'li', 'main', 'map', 'mark', 'marquee', 'menu', 'menuitem', 'meter', 'nav', 'nobr', 'ol', 'optgroup', 'option', 'output', 'p', 'picture', 'pre', 'progress', 'q', 'rp', 'rt', 'ruby', 's', 'samp', 'section', 'select', 'shadow', 'small', 'source', 'spacer', 'span', 'strike', 'strong', 'style', 'sub', 'summary', 'sup', 'table', 'tbody', 'td', 'template', 'textarea', 'tfoot', 'th', 'thead', 'time', 'tr', 'track', 'tt', 'u', 'ul', 'var', 'video', 'wbr']);
+
+		  // SVG
+		  const svg$1 = freeze(['svg', 'a', 'altglyph', 'altglyphdef', 'altglyphitem', 'animatecolor', 'animatemotion', 'animatetransform', 'circle', 'clippath', 'defs', 'desc', 'ellipse', 'filter', 'font', 'g', 'glyph', 'glyphref', 'hkern', 'image', 'line', 'lineargradient', 'marker', 'mask', 'metadata', 'mpath', 'path', 'pattern', 'polygon', 'polyline', 'radialgradient', 'rect', 'stop', 'style', 'switch', 'symbol', 'text', 'textpath', 'title', 'tref', 'tspan', 'view', 'vkern']);
+		  const svgFilters = freeze(['feBlend', 'feColorMatrix', 'feComponentTransfer', 'feComposite', 'feConvolveMatrix', 'feDiffuseLighting', 'feDisplacementMap', 'feDistantLight', 'feDropShadow', 'feFlood', 'feFuncA', 'feFuncB', 'feFuncG', 'feFuncR', 'feGaussianBlur', 'feImage', 'feMerge', 'feMergeNode', 'feMorphology', 'feOffset', 'fePointLight', 'feSpecularLighting', 'feSpotLight', 'feTile', 'feTurbulence']);
+
+		  // List of SVG elements that are disallowed by default.
+		  // We still need to know them so that we can do namespace
+		  // checks properly in case one wants to add them to
+		  // allow-list.
+		  const svgDisallowed = freeze(['animate', 'color-profile', 'cursor', 'discard', 'font-face', 'font-face-format', 'font-face-name', 'font-face-src', 'font-face-uri', 'foreignobject', 'hatch', 'hatchpath', 'mesh', 'meshgradient', 'meshpatch', 'meshrow', 'missing-glyph', 'script', 'set', 'solidcolor', 'unknown', 'use']);
+		  const mathMl$1 = freeze(['math', 'menclose', 'merror', 'mfenced', 'mfrac', 'mglyph', 'mi', 'mlabeledtr', 'mmultiscripts', 'mn', 'mo', 'mover', 'mpadded', 'mphantom', 'mroot', 'mrow', 'ms', 'mspace', 'msqrt', 'mstyle', 'msub', 'msup', 'msubsup', 'mtable', 'mtd', 'mtext', 'mtr', 'munder', 'munderover', 'mprescripts']);
+
+		  // Similarly to SVG, we want to know all MathML elements,
+		  // even those that we disallow by default.
+		  const mathMlDisallowed = freeze(['maction', 'maligngroup', 'malignmark', 'mlongdiv', 'mscarries', 'mscarry', 'msgroup', 'mstack', 'msline', 'msrow', 'semantics', 'annotation', 'annotation-xml', 'mprescripts', 'none']);
+		  const text = freeze(['#text']);
+
+		  const html = freeze(['accept', 'action', 'align', 'alt', 'autocapitalize', 'autocomplete', 'autopictureinpicture', 'autoplay', 'background', 'bgcolor', 'border', 'capture', 'cellpadding', 'cellspacing', 'checked', 'cite', 'class', 'clear', 'color', 'cols', 'colspan', 'controls', 'controlslist', 'coords', 'crossorigin', 'datetime', 'decoding', 'default', 'dir', 'disabled', 'disablepictureinpicture', 'disableremoteplayback', 'download', 'draggable', 'enctype', 'enterkeyhint', 'face', 'for', 'headers', 'height', 'hidden', 'high', 'href', 'hreflang', 'id', 'inputmode', 'integrity', 'ismap', 'kind', 'label', 'lang', 'list', 'loading', 'loop', 'low', 'max', 'maxlength', 'media', 'method', 'min', 'minlength', 'multiple', 'muted', 'name', 'nonce', 'noshade', 'novalidate', 'nowrap', 'open', 'optimum', 'pattern', 'placeholder', 'playsinline', 'popover', 'popovertarget', 'popovertargetaction', 'poster', 'preload', 'pubdate', 'radiogroup', 'readonly', 'rel', 'required', 'rev', 'reversed', 'role', 'rows', 'rowspan', 'spellcheck', 'scope', 'selected', 'shape', 'size', 'sizes', 'span', 'srclang', 'start', 'src', 'srcset', 'step', 'style', 'summary', 'tabindex', 'title', 'translate', 'type', 'usemap', 'valign', 'value', 'width', 'wrap', 'xmlns', 'slot']);
+		  const svg = freeze(['accent-height', 'accumulate', 'additive', 'alignment-baseline', 'ascent', 'attributename', 'attributetype', 'azimuth', 'basefrequency', 'baseline-shift', 'begin', 'bias', 'by', 'class', 'clip', 'clippathunits', 'clip-path', 'clip-rule', 'color', 'color-interpolation', 'color-interpolation-filters', 'color-profile', 'color-rendering', 'cx', 'cy', 'd', 'dx', 'dy', 'diffuseconstant', 'direction', 'display', 'divisor', 'dur', 'edgemode', 'elevation', 'end', 'fill', 'fill-opacity', 'fill-rule', 'filter', 'filterunits', 'flood-color', 'flood-opacity', 'font-family', 'font-size', 'font-size-adjust', 'font-stretch', 'font-style', 'font-variant', 'font-weight', 'fx', 'fy', 'g1', 'g2', 'glyph-name', 'glyphref', 'gradientunits', 'gradienttransform', 'height', 'href', 'id', 'image-rendering', 'in', 'in2', 'k', 'k1', 'k2', 'k3', 'k4', 'kerning', 'keypoints', 'keysplines', 'keytimes', 'lang', 'lengthadjust', 'letter-spacing', 'kernelmatrix', 'kernelunitlength', 'lighting-color', 'local', 'marker-end', 'marker-mid', 'marker-start', 'markerheight', 'markerunits', 'markerwidth', 'maskcontentunits', 'maskunits', 'max', 'mask', 'media', 'method', 'mode', 'min', 'name', 'numoctaves', 'offset', 'operator', 'opacity', 'order', 'orient', 'orientation', 'origin', 'overflow', 'paint-order', 'path', 'pathlength', 'patterncontentunits', 'patterntransform', 'patternunits', 'points', 'preservealpha', 'preserveaspectratio', 'primitiveunits', 'r', 'rx', 'ry', 'radius', 'refx', 'refy', 'repeatcount', 'repeatdur', 'restart', 'result', 'rotate', 'scale', 'seed', 'shape-rendering', 'specularconstant', 'specularexponent', 'spreadmethod', 'startoffset', 'stddeviation', 'stitchtiles', 'stop-color', 'stop-opacity', 'stroke-dasharray', 'stroke-dashoffset', 'stroke-linecap', 'stroke-linejoin', 'stroke-miterlimit', 'stroke-opacity', 'stroke', 'stroke-width', 'style', 'surfacescale', 'systemlanguage', 'tabindex', 'targetx', 'targety', 'transform', 'transform-origin', 'text-anchor', 'text-decoration', 'text-rendering', 'textlength', 'type', 'u1', 'u2', 'unicode', 'values', 'viewbox', 'visibility', 'version', 'vert-adv-y', 'vert-origin-x', 'vert-origin-y', 'width', 'word-spacing', 'wrap', 'writing-mode', 'xchannelselector', 'ychannelselector', 'x', 'x1', 'x2', 'xmlns', 'y', 'y1', 'y2', 'z', 'zoomandpan']);
+		  const mathMl = freeze(['accent', 'accentunder', 'align', 'bevelled', 'close', 'columnsalign', 'columnlines', 'columnspan', 'denomalign', 'depth', 'dir', 'display', 'displaystyle', 'encoding', 'fence', 'frame', 'height', 'href', 'id', 'largeop', 'length', 'linethickness', 'lspace', 'lquote', 'mathbackground', 'mathcolor', 'mathsize', 'mathvariant', 'maxsize', 'minsize', 'movablelimits', 'notation', 'numalign', 'open', 'rowalign', 'rowlines', 'rowspacing', 'rowspan', 'rspace', 'rquote', 'scriptlevel', 'scriptminsize', 'scriptsizemultiplier', 'selection', 'separator', 'separators', 'stretchy', 'subscriptshift', 'supscriptshift', 'symmetric', 'voffset', 'width', 'xmlns']);
+		  const xml = freeze(['xlink:href', 'xml:id', 'xlink:title', 'xml:space', 'xmlns:xlink']);
+
+		  // eslint-disable-next-line unicorn/better-regex
+		  const MUSTACHE_EXPR = seal(/\{\{[\w\W]*|[\w\W]*\}\}/gm); // Specify template detection regex for SAFE_FOR_TEMPLATES mode
+		  const ERB_EXPR = seal(/<%[\w\W]*|[\w\W]*%>/gm);
+		  const TMPLIT_EXPR = seal(/\${[\w\W]*}/gm);
+		  const DATA_ATTR = seal(/^data-[\-\w.\u00B7-\uFFFF]/); // eslint-disable-line no-useless-escape
+		  const ARIA_ATTR = seal(/^aria-[\-\w]+$/); // eslint-disable-line no-useless-escape
+		  const IS_ALLOWED_URI = seal(/^(?:(?:(?:f|ht)tps?|mailto|tel|callto|sms|cid|xmpp):|[^a-z]|[a-z+.\-]+(?:[^a-z+.\-:]|$))/i // eslint-disable-line no-useless-escape
+		  );
+		  const IS_SCRIPT_OR_DATA = seal(/^(?:\w+script|data):/i);
+		  const ATTR_WHITESPACE = seal(/[\u0000-\u0020\u00A0\u1680\u180E\u2000-\u2029\u205F\u3000]/g // eslint-disable-line no-control-regex
+		  );
+		  const DOCTYPE_NAME = seal(/^html$/i);
+		  const CUSTOM_ELEMENT = seal(/^[a-z][.\w]*(-[.\w]+)+$/i);
+
+		  var EXPRESSIONS = /*#__PURE__*/Object.freeze({
+		    __proto__: null,
+		    MUSTACHE_EXPR: MUSTACHE_EXPR,
+		    ERB_EXPR: ERB_EXPR,
+		    TMPLIT_EXPR: TMPLIT_EXPR,
+		    DATA_ATTR: DATA_ATTR,
+		    ARIA_ATTR: ARIA_ATTR,
+		    IS_ALLOWED_URI: IS_ALLOWED_URI,
+		    IS_SCRIPT_OR_DATA: IS_SCRIPT_OR_DATA,
+		    ATTR_WHITESPACE: ATTR_WHITESPACE,
+		    DOCTYPE_NAME: DOCTYPE_NAME,
+		    CUSTOM_ELEMENT: CUSTOM_ELEMENT
+		  });
+
+		  // https://developer.mozilla.org/en-US/docs/Web/API/Node/nodeType
+		  const NODE_TYPE = {
+		    element: 1,
+		    attribute: 2,
+		    text: 3,
+		    cdataSection: 4,
+		    entityReference: 5,
+		    // Deprecated
+		    entityNode: 6,
+		    // Deprecated
+		    progressingInstruction: 7,
+		    comment: 8,
+		    document: 9,
+		    documentType: 10,
+		    documentFragment: 11,
+		    notation: 12 // Deprecated
+		  };
+		  const getGlobal = function getGlobal() {
+		    return typeof window === 'undefined' ? null : window;
+		  };
+
+		  /**
+		   * Creates a no-op policy for internal use only.
+		   * Don't export this function outside this module!
+		   * @param {TrustedTypePolicyFactory} trustedTypes The policy factory.
+		   * @param {HTMLScriptElement} purifyHostElement The Script element used to load DOMPurify (to determine policy name suffix).
+		   * @return {TrustedTypePolicy} The policy created (or null, if Trusted Types
+		   * are not supported or creating the policy failed).
+		   */
+		  const _createTrustedTypesPolicy = function _createTrustedTypesPolicy(trustedTypes, purifyHostElement) {
+		    if (typeof trustedTypes !== 'object' || typeof trustedTypes.createPolicy !== 'function') {
+		      return null;
+		    }
+
+		    // Allow the callers to control the unique policy name
+		    // by adding a data-tt-policy-suffix to the script element with the DOMPurify.
+		    // Policy creation with duplicate names throws in Trusted Types.
+		    let suffix = null;
+		    const ATTR_NAME = 'data-tt-policy-suffix';
+		    if (purifyHostElement && purifyHostElement.hasAttribute(ATTR_NAME)) {
+		      suffix = purifyHostElement.getAttribute(ATTR_NAME);
+		    }
+		    const policyName = 'dompurify' + (suffix ? '#' + suffix : '');
+		    try {
+		      return trustedTypes.createPolicy(policyName, {
+		        createHTML(html) {
+		          return html;
+		        },
+		        createScriptURL(scriptUrl) {
+		          return scriptUrl;
+		        }
+		      });
+		    } catch (_) {
+		      // Policy creation failed (most likely another DOMPurify script has
+		      // already run). Skip creating the policy, as this will only cause errors
+		      // if TT are enforced.
+		      console.warn('TrustedTypes policy ' + policyName + ' could not be created.');
+		      return null;
+		    }
+		  };
+		  function createDOMPurify() {
+		    let window = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : getGlobal();
+		    const DOMPurify = root => createDOMPurify(root);
+
+		    /**
+		     * Version label, exposed for easier checks
+		     * if DOMPurify is up to date or not
+		     */
+		    DOMPurify.version = '3.1.6';
+
+		    /**
+		     * Array of elements that DOMPurify removed during sanitation.
+		     * Empty if nothing was removed.
+		     */
+		    DOMPurify.removed = [];
+		    if (!window || !window.document || window.document.nodeType !== NODE_TYPE.document) {
+		      // Not running in a browser, provide a factory function
+		      // so that you can pass your own Window
+		      DOMPurify.isSupported = false;
+		      return DOMPurify;
+		    }
+		    let {
+		      document
+		    } = window;
+		    const originalDocument = document;
+		    const currentScript = originalDocument.currentScript;
+		    const {
+		      DocumentFragment,
+		      HTMLTemplateElement,
+		      Node,
+		      Element,
+		      NodeFilter,
+		      NamedNodeMap = window.NamedNodeMap || window.MozNamedAttrMap,
+		      HTMLFormElement,
+		      DOMParser,
+		      trustedTypes
+		    } = window;
+		    const ElementPrototype = Element.prototype;
+		    const cloneNode = lookupGetter(ElementPrototype, 'cloneNode');
+		    const remove = lookupGetter(ElementPrototype, 'remove');
+		    const getNextSibling = lookupGetter(ElementPrototype, 'nextSibling');
+		    const getChildNodes = lookupGetter(ElementPrototype, 'childNodes');
+		    const getParentNode = lookupGetter(ElementPrototype, 'parentNode');
+
+		    // As per issue #47, the web-components registry is inherited by a
+		    // new document created via createHTMLDocument. As per the spec
+		    // (http://w3c.github.io/webcomponents/spec/custom/#creating-and-passing-registries)
+		    // a new empty registry is used when creating a template contents owner
+		    // document, so we use that as our parent document to ensure nothing
+		    // is inherited.
+		    if (typeof HTMLTemplateElement === 'function') {
+		      const template = document.createElement('template');
+		      if (template.content && template.content.ownerDocument) {
+		        document = template.content.ownerDocument;
+		      }
+		    }
+		    let trustedTypesPolicy;
+		    let emptyHTML = '';
+		    const {
+		      implementation,
+		      createNodeIterator,
+		      createDocumentFragment,
+		      getElementsByTagName
+		    } = document;
+		    const {
+		      importNode
+		    } = originalDocument;
+		    let hooks = {};
+
+		    /**
+		     * Expose whether this browser supports running the full DOMPurify.
+		     */
+		    DOMPurify.isSupported = typeof entries === 'function' && typeof getParentNode === 'function' && implementation && implementation.createHTMLDocument !== undefined;
+		    const {
+		      MUSTACHE_EXPR,
+		      ERB_EXPR,
+		      TMPLIT_EXPR,
+		      DATA_ATTR,
+		      ARIA_ATTR,
+		      IS_SCRIPT_OR_DATA,
+		      ATTR_WHITESPACE,
+		      CUSTOM_ELEMENT
+		    } = EXPRESSIONS;
+		    let {
+		      IS_ALLOWED_URI: IS_ALLOWED_URI$1
+		    } = EXPRESSIONS;
+
+		    /**
+		     * We consider the elements and attributes below to be safe. Ideally
+		     * don't add any new ones but feel free to remove unwanted ones.
+		     */
+
+		    /* allowed element names */
+		    let ALLOWED_TAGS = null;
+		    const DEFAULT_ALLOWED_TAGS = addToSet({}, [...html$1, ...svg$1, ...svgFilters, ...mathMl$1, ...text]);
+
+		    /* Allowed attribute names */
+		    let ALLOWED_ATTR = null;
+		    const DEFAULT_ALLOWED_ATTR = addToSet({}, [...html, ...svg, ...mathMl, ...xml]);
+
+		    /*
+		     * Configure how DOMPUrify should handle custom elements and their attributes as well as customized built-in elements.
+		     * @property {RegExp|Function|null} tagNameCheck one of [null, regexPattern, predicate]. Default: `null` (disallow any custom elements)
+		     * @property {RegExp|Function|null} attributeNameCheck one of [null, regexPattern, predicate]. Default: `null` (disallow any attributes not on the allow list)
+		     * @property {boolean} allowCustomizedBuiltInElements allow custom elements derived from built-ins if they pass CUSTOM_ELEMENT_HANDLING.tagNameCheck. Default: `false`.
+		     */
+		    let CUSTOM_ELEMENT_HANDLING = Object.seal(create(null, {
+		      tagNameCheck: {
+		        writable: true,
+		        configurable: false,
+		        enumerable: true,
+		        value: null
+		      },
+		      attributeNameCheck: {
+		        writable: true,
+		        configurable: false,
+		        enumerable: true,
+		        value: null
+		      },
+		      allowCustomizedBuiltInElements: {
+		        writable: true,
+		        configurable: false,
+		        enumerable: true,
+		        value: false
+		      }
+		    }));
+
+		    /* Explicitly forbidden tags (overrides ALLOWED_TAGS/ADD_TAGS) */
+		    let FORBID_TAGS = null;
+
+		    /* Explicitly forbidden attributes (overrides ALLOWED_ATTR/ADD_ATTR) */
+		    let FORBID_ATTR = null;
+
+		    /* Decide if ARIA attributes are okay */
+		    let ALLOW_ARIA_ATTR = true;
+
+		    /* Decide if custom data attributes are okay */
+		    let ALLOW_DATA_ATTR = true;
+
+		    /* Decide if unknown protocols are okay */
+		    let ALLOW_UNKNOWN_PROTOCOLS = false;
+
+		    /* Decide if self-closing tags in attributes are allowed.
+		     * Usually removed due to a mXSS issue in jQuery 3.0 */
+		    let ALLOW_SELF_CLOSE_IN_ATTR = true;
+
+		    /* Output should be safe for common template engines.
+		     * This means, DOMPurify removes data attributes, mustaches and ERB
+		     */
+		    let SAFE_FOR_TEMPLATES = false;
+
+		    /* Output should be safe even for XML used within HTML and alike.
+		     * This means, DOMPurify removes comments when containing risky content.
+		     */
+		    let SAFE_FOR_XML = true;
+
+		    /* Decide if document with <html>... should be returned */
+		    let WHOLE_DOCUMENT = false;
+
+		    /* Track whether config is already set on this instance of DOMPurify. */
+		    let SET_CONFIG = false;
+
+		    /* Decide if all elements (e.g. style, script) must be children of
+		     * document.body. By default, browsers might move them to document.head */
+		    let FORCE_BODY = false;
+
+		    /* Decide if a DOM `HTMLBodyElement` should be returned, instead of a html
+		     * string (or a TrustedHTML object if Trusted Types are supported).
+		     * If `WHOLE_DOCUMENT` is enabled a `HTMLHtmlElement` will be returned instead
+		     */
+		    let RETURN_DOM = false;
+
+		    /* Decide if a DOM `DocumentFragment` should be returned, instead of a html
+		     * string  (or a TrustedHTML object if Trusted Types are supported) */
+		    let RETURN_DOM_FRAGMENT = false;
+
+		    /* Try to return a Trusted Type object instead of a string, return a string in
+		     * case Trusted Types are not supported  */
+		    let RETURN_TRUSTED_TYPE = false;
+
+		    /* Output should be free from DOM clobbering attacks?
+		     * This sanitizes markups named with colliding, clobberable built-in DOM APIs.
+		     */
+		    let SANITIZE_DOM = true;
+
+		    /* Achieve full DOM Clobbering protection by isolating the namespace of named
+		     * properties and JS variables, mitigating attacks that abuse the HTML/DOM spec rules.
+		     *
+		     * HTML/DOM spec rules that enable DOM Clobbering:
+		     *   - Named Access on Window (§7.3.3)
+		     *   - DOM Tree Accessors (§3.1.5)
+		     *   - Form Element Parent-Child Relations (§4.10.3)
+		     *   - Iframe srcdoc / Nested WindowProxies (§4.8.5)
+		     *   - HTMLCollection (§4.2.10.2)
+		     *
+		     * Namespace isolation is implemented by prefixing `id` and `name` attributes
+		     * with a constant string, i.e., `user-content-`
+		     */
+		    let SANITIZE_NAMED_PROPS = false;
+		    const SANITIZE_NAMED_PROPS_PREFIX = 'user-content-';
+
+		    /* Keep element content when removing element? */
+		    let KEEP_CONTENT = true;
+
+		    /* If a `Node` is passed to sanitize(), then performs sanitization in-place instead
+		     * of importing it into a new Document and returning a sanitized copy */
+		    let IN_PLACE = false;
+
+		    /* Allow usage of profiles like html, svg and mathMl */
+		    let USE_PROFILES = {};
+
+		    /* Tags to ignore content of when KEEP_CONTENT is true */
+		    let FORBID_CONTENTS = null;
+		    const DEFAULT_FORBID_CONTENTS = addToSet({}, ['annotation-xml', 'audio', 'colgroup', 'desc', 'foreignobject', 'head', 'iframe', 'math', 'mi', 'mn', 'mo', 'ms', 'mtext', 'noembed', 'noframes', 'noscript', 'plaintext', 'script', 'style', 'svg', 'template', 'thead', 'title', 'video', 'xmp']);
+
+		    /* Tags that are safe for data: URIs */
+		    let DATA_URI_TAGS = null;
+		    const DEFAULT_DATA_URI_TAGS = addToSet({}, ['audio', 'video', 'img', 'source', 'image', 'track']);
+
+		    /* Attributes safe for values like "javascript:" */
+		    let URI_SAFE_ATTRIBUTES = null;
+		    const DEFAULT_URI_SAFE_ATTRIBUTES = addToSet({}, ['alt', 'class', 'for', 'id', 'label', 'name', 'pattern', 'placeholder', 'role', 'summary', 'title', 'value', 'style', 'xmlns']);
+		    const MATHML_NAMESPACE = 'http://www.w3.org/1998/Math/MathML';
+		    const SVG_NAMESPACE = 'http://www.w3.org/2000/svg';
+		    const HTML_NAMESPACE = 'http://www.w3.org/1999/xhtml';
+		    /* Document namespace */
+		    let NAMESPACE = HTML_NAMESPACE;
+		    let IS_EMPTY_INPUT = false;
+
+		    /* Allowed XHTML+XML namespaces */
+		    let ALLOWED_NAMESPACES = null;
+		    const DEFAULT_ALLOWED_NAMESPACES = addToSet({}, [MATHML_NAMESPACE, SVG_NAMESPACE, HTML_NAMESPACE], stringToString);
+
+		    /* Parsing of strict XHTML documents */
+		    let PARSER_MEDIA_TYPE = null;
+		    const SUPPORTED_PARSER_MEDIA_TYPES = ['application/xhtml+xml', 'text/html'];
+		    const DEFAULT_PARSER_MEDIA_TYPE = 'text/html';
+		    let transformCaseFunc = null;
+
+		    /* Keep a reference to config to pass to hooks */
+		    let CONFIG = null;
+
+		    /* Ideally, do not touch anything below this line */
+		    /* ______________________________________________ */
+
+		    const formElement = document.createElement('form');
+		    const isRegexOrFunction = function isRegexOrFunction(testValue) {
+		      return testValue instanceof RegExp || testValue instanceof Function;
+		    };
+
+		    /**
+		     * _parseConfig
+		     *
+		     * @param  {Object} cfg optional config literal
+		     */
+		    // eslint-disable-next-line complexity
+		    const _parseConfig = function _parseConfig() {
+		      let cfg = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+		      if (CONFIG && CONFIG === cfg) {
+		        return;
+		      }
+
+		      /* Shield configuration object from tampering */
+		      if (!cfg || typeof cfg !== 'object') {
+		        cfg = {};
+		      }
+
+		      /* Shield configuration object from prototype pollution */
+		      cfg = clone(cfg);
+		      PARSER_MEDIA_TYPE =
+		      // eslint-disable-next-line unicorn/prefer-includes
+		      SUPPORTED_PARSER_MEDIA_TYPES.indexOf(cfg.PARSER_MEDIA_TYPE) === -1 ? DEFAULT_PARSER_MEDIA_TYPE : cfg.PARSER_MEDIA_TYPE;
+
+		      // HTML tags and attributes are not case-sensitive, converting to lowercase. Keeping XHTML as is.
+		      transformCaseFunc = PARSER_MEDIA_TYPE === 'application/xhtml+xml' ? stringToString : stringToLowerCase;
+
+		      /* Set configuration parameters */
+		      ALLOWED_TAGS = objectHasOwnProperty(cfg, 'ALLOWED_TAGS') ? addToSet({}, cfg.ALLOWED_TAGS, transformCaseFunc) : DEFAULT_ALLOWED_TAGS;
+		      ALLOWED_ATTR = objectHasOwnProperty(cfg, 'ALLOWED_ATTR') ? addToSet({}, cfg.ALLOWED_ATTR, transformCaseFunc) : DEFAULT_ALLOWED_ATTR;
+		      ALLOWED_NAMESPACES = objectHasOwnProperty(cfg, 'ALLOWED_NAMESPACES') ? addToSet({}, cfg.ALLOWED_NAMESPACES, stringToString) : DEFAULT_ALLOWED_NAMESPACES;
+		      URI_SAFE_ATTRIBUTES = objectHasOwnProperty(cfg, 'ADD_URI_SAFE_ATTR') ? addToSet(clone(DEFAULT_URI_SAFE_ATTRIBUTES),
+		      // eslint-disable-line indent
+		      cfg.ADD_URI_SAFE_ATTR,
+		      // eslint-disable-line indent
+		      transformCaseFunc // eslint-disable-line indent
+		      ) // eslint-disable-line indent
+		      : DEFAULT_URI_SAFE_ATTRIBUTES;
+		      DATA_URI_TAGS = objectHasOwnProperty(cfg, 'ADD_DATA_URI_TAGS') ? addToSet(clone(DEFAULT_DATA_URI_TAGS),
+		      // eslint-disable-line indent
+		      cfg.ADD_DATA_URI_TAGS,
+		      // eslint-disable-line indent
+		      transformCaseFunc // eslint-disable-line indent
+		      ) // eslint-disable-line indent
+		      : DEFAULT_DATA_URI_TAGS;
+		      FORBID_CONTENTS = objectHasOwnProperty(cfg, 'FORBID_CONTENTS') ? addToSet({}, cfg.FORBID_CONTENTS, transformCaseFunc) : DEFAULT_FORBID_CONTENTS;
+		      FORBID_TAGS = objectHasOwnProperty(cfg, 'FORBID_TAGS') ? addToSet({}, cfg.FORBID_TAGS, transformCaseFunc) : {};
+		      FORBID_ATTR = objectHasOwnProperty(cfg, 'FORBID_ATTR') ? addToSet({}, cfg.FORBID_ATTR, transformCaseFunc) : {};
+		      USE_PROFILES = objectHasOwnProperty(cfg, 'USE_PROFILES') ? cfg.USE_PROFILES : false;
+		      ALLOW_ARIA_ATTR = cfg.ALLOW_ARIA_ATTR !== false; // Default true
+		      ALLOW_DATA_ATTR = cfg.ALLOW_DATA_ATTR !== false; // Default true
+		      ALLOW_UNKNOWN_PROTOCOLS = cfg.ALLOW_UNKNOWN_PROTOCOLS || false; // Default false
+		      ALLOW_SELF_CLOSE_IN_ATTR = cfg.ALLOW_SELF_CLOSE_IN_ATTR !== false; // Default true
+		      SAFE_FOR_TEMPLATES = cfg.SAFE_FOR_TEMPLATES || false; // Default false
+		      SAFE_FOR_XML = cfg.SAFE_FOR_XML !== false; // Default true
+		      WHOLE_DOCUMENT = cfg.WHOLE_DOCUMENT || false; // Default false
+		      RETURN_DOM = cfg.RETURN_DOM || false; // Default false
+		      RETURN_DOM_FRAGMENT = cfg.RETURN_DOM_FRAGMENT || false; // Default false
+		      RETURN_TRUSTED_TYPE = cfg.RETURN_TRUSTED_TYPE || false; // Default false
+		      FORCE_BODY = cfg.FORCE_BODY || false; // Default false
+		      SANITIZE_DOM = cfg.SANITIZE_DOM !== false; // Default true
+		      SANITIZE_NAMED_PROPS = cfg.SANITIZE_NAMED_PROPS || false; // Default false
+		      KEEP_CONTENT = cfg.KEEP_CONTENT !== false; // Default true
+		      IN_PLACE = cfg.IN_PLACE || false; // Default false
+		      IS_ALLOWED_URI$1 = cfg.ALLOWED_URI_REGEXP || IS_ALLOWED_URI;
+		      NAMESPACE = cfg.NAMESPACE || HTML_NAMESPACE;
+		      CUSTOM_ELEMENT_HANDLING = cfg.CUSTOM_ELEMENT_HANDLING || {};
+		      if (cfg.CUSTOM_ELEMENT_HANDLING && isRegexOrFunction(cfg.CUSTOM_ELEMENT_HANDLING.tagNameCheck)) {
+		        CUSTOM_ELEMENT_HANDLING.tagNameCheck = cfg.CUSTOM_ELEMENT_HANDLING.tagNameCheck;
+		      }
+		      if (cfg.CUSTOM_ELEMENT_HANDLING && isRegexOrFunction(cfg.CUSTOM_ELEMENT_HANDLING.attributeNameCheck)) {
+		        CUSTOM_ELEMENT_HANDLING.attributeNameCheck = cfg.CUSTOM_ELEMENT_HANDLING.attributeNameCheck;
+		      }
+		      if (cfg.CUSTOM_ELEMENT_HANDLING && typeof cfg.CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements === 'boolean') {
+		        CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements = cfg.CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements;
+		      }
+		      if (SAFE_FOR_TEMPLATES) {
+		        ALLOW_DATA_ATTR = false;
+		      }
+		      if (RETURN_DOM_FRAGMENT) {
+		        RETURN_DOM = true;
+		      }
+
+		      /* Parse profile info */
+		      if (USE_PROFILES) {
+		        ALLOWED_TAGS = addToSet({}, text);
+		        ALLOWED_ATTR = [];
+		        if (USE_PROFILES.html === true) {
+		          addToSet(ALLOWED_TAGS, html$1);
+		          addToSet(ALLOWED_ATTR, html);
+		        }
+		        if (USE_PROFILES.svg === true) {
+		          addToSet(ALLOWED_TAGS, svg$1);
+		          addToSet(ALLOWED_ATTR, svg);
+		          addToSet(ALLOWED_ATTR, xml);
+		        }
+		        if (USE_PROFILES.svgFilters === true) {
+		          addToSet(ALLOWED_TAGS, svgFilters);
+		          addToSet(ALLOWED_ATTR, svg);
+		          addToSet(ALLOWED_ATTR, xml);
+		        }
+		        if (USE_PROFILES.mathMl === true) {
+		          addToSet(ALLOWED_TAGS, mathMl$1);
+		          addToSet(ALLOWED_ATTR, mathMl);
+		          addToSet(ALLOWED_ATTR, xml);
+		        }
+		      }
+
+		      /* Merge configuration parameters */
+		      if (cfg.ADD_TAGS) {
+		        if (ALLOWED_TAGS === DEFAULT_ALLOWED_TAGS) {
+		          ALLOWED_TAGS = clone(ALLOWED_TAGS);
+		        }
+		        addToSet(ALLOWED_TAGS, cfg.ADD_TAGS, transformCaseFunc);
+		      }
+		      if (cfg.ADD_ATTR) {
+		        if (ALLOWED_ATTR === DEFAULT_ALLOWED_ATTR) {
+		          ALLOWED_ATTR = clone(ALLOWED_ATTR);
+		        }
+		        addToSet(ALLOWED_ATTR, cfg.ADD_ATTR, transformCaseFunc);
+		      }
+		      if (cfg.ADD_URI_SAFE_ATTR) {
+		        addToSet(URI_SAFE_ATTRIBUTES, cfg.ADD_URI_SAFE_ATTR, transformCaseFunc);
+		      }
+		      if (cfg.FORBID_CONTENTS) {
+		        if (FORBID_CONTENTS === DEFAULT_FORBID_CONTENTS) {
+		          FORBID_CONTENTS = clone(FORBID_CONTENTS);
+		        }
+		        addToSet(FORBID_CONTENTS, cfg.FORBID_CONTENTS, transformCaseFunc);
+		      }
+
+		      /* Add #text in case KEEP_CONTENT is set to true */
+		      if (KEEP_CONTENT) {
+		        ALLOWED_TAGS['#text'] = true;
+		      }
+
+		      /* Add html, head and body to ALLOWED_TAGS in case WHOLE_DOCUMENT is true */
+		      if (WHOLE_DOCUMENT) {
+		        addToSet(ALLOWED_TAGS, ['html', 'head', 'body']);
+		      }
+
+		      /* Add tbody to ALLOWED_TAGS in case tables are permitted, see #286, #365 */
+		      if (ALLOWED_TAGS.table) {
+		        addToSet(ALLOWED_TAGS, ['tbody']);
+		        delete FORBID_TAGS.tbody;
+		      }
+		      if (cfg.TRUSTED_TYPES_POLICY) {
+		        if (typeof cfg.TRUSTED_TYPES_POLICY.createHTML !== 'function') {
+		          throw typeErrorCreate('TRUSTED_TYPES_POLICY configuration option must provide a "createHTML" hook.');
+		        }
+		        if (typeof cfg.TRUSTED_TYPES_POLICY.createScriptURL !== 'function') {
+		          throw typeErrorCreate('TRUSTED_TYPES_POLICY configuration option must provide a "createScriptURL" hook.');
+		        }
+
+		        // Overwrite existing TrustedTypes policy.
+		        trustedTypesPolicy = cfg.TRUSTED_TYPES_POLICY;
+
+		        // Sign local variables required by `sanitize`.
+		        emptyHTML = trustedTypesPolicy.createHTML('');
+		      } else {
+		        // Uninitialized policy, attempt to initialize the internal dompurify policy.
+		        if (trustedTypesPolicy === undefined) {
+		          trustedTypesPolicy = _createTrustedTypesPolicy(trustedTypes, currentScript);
+		        }
+
+		        // If creating the internal policy succeeded sign internal variables.
+		        if (trustedTypesPolicy !== null && typeof emptyHTML === 'string') {
+		          emptyHTML = trustedTypesPolicy.createHTML('');
+		        }
+		      }
+
+		      // Prevent further manipulation of configuration.
+		      // Not available in IE8, Safari 5, etc.
+		      if (freeze) {
+		        freeze(cfg);
+		      }
+		      CONFIG = cfg;
+		    };
+		    const MATHML_TEXT_INTEGRATION_POINTS = addToSet({}, ['mi', 'mo', 'mn', 'ms', 'mtext']);
+		    const HTML_INTEGRATION_POINTS = addToSet({}, ['foreignobject', 'annotation-xml']);
+
+		    // Certain elements are allowed in both SVG and HTML
+		    // namespace. We need to specify them explicitly
+		    // so that they don't get erroneously deleted from
+		    // HTML namespace.
+		    const COMMON_SVG_AND_HTML_ELEMENTS = addToSet({}, ['title', 'style', 'font', 'a', 'script']);
+
+		    /* Keep track of all possible SVG and MathML tags
+		     * so that we can perform the namespace checks
+		     * correctly. */
+		    const ALL_SVG_TAGS = addToSet({}, [...svg$1, ...svgFilters, ...svgDisallowed]);
+		    const ALL_MATHML_TAGS = addToSet({}, [...mathMl$1, ...mathMlDisallowed]);
+
+		    /**
+		     * @param  {Element} element a DOM element whose namespace is being checked
+		     * @returns {boolean} Return false if the element has a
+		     *  namespace that a spec-compliant parser would never
+		     *  return. Return true otherwise.
+		     */
+		    const _checkValidNamespace = function _checkValidNamespace(element) {
+		      let parent = getParentNode(element);
+
+		      // In JSDOM, if we're inside shadow DOM, then parentNode
+		      // can be null. We just simulate parent in this case.
+		      if (!parent || !parent.tagName) {
+		        parent = {
+		          namespaceURI: NAMESPACE,
+		          tagName: 'template'
+		        };
+		      }
+		      const tagName = stringToLowerCase(element.tagName);
+		      const parentTagName = stringToLowerCase(parent.tagName);
+		      if (!ALLOWED_NAMESPACES[element.namespaceURI]) {
+		        return false;
+		      }
+		      if (element.namespaceURI === SVG_NAMESPACE) {
+		        // The only way to switch from HTML namespace to SVG
+		        // is via <svg>. If it happens via any other tag, then
+		        // it should be killed.
+		        if (parent.namespaceURI === HTML_NAMESPACE) {
+		          return tagName === 'svg';
+		        }
+
+		        // The only way to switch from MathML to SVG is via`
+		        // svg if parent is either <annotation-xml> or MathML
+		        // text integration points.
+		        if (parent.namespaceURI === MATHML_NAMESPACE) {
+		          return tagName === 'svg' && (parentTagName === 'annotation-xml' || MATHML_TEXT_INTEGRATION_POINTS[parentTagName]);
+		        }
+
+		        // We only allow elements that are defined in SVG
+		        // spec. All others are disallowed in SVG namespace.
+		        return Boolean(ALL_SVG_TAGS[tagName]);
+		      }
+		      if (element.namespaceURI === MATHML_NAMESPACE) {
+		        // The only way to switch from HTML namespace to MathML
+		        // is via <math>. If it happens via any other tag, then
+		        // it should be killed.
+		        if (parent.namespaceURI === HTML_NAMESPACE) {
+		          return tagName === 'math';
+		        }
+
+		        // The only way to switch from SVG to MathML is via
+		        // <math> and HTML integration points
+		        if (parent.namespaceURI === SVG_NAMESPACE) {
+		          return tagName === 'math' && HTML_INTEGRATION_POINTS[parentTagName];
+		        }
+
+		        // We only allow elements that are defined in MathML
+		        // spec. All others are disallowed in MathML namespace.
+		        return Boolean(ALL_MATHML_TAGS[tagName]);
+		      }
+		      if (element.namespaceURI === HTML_NAMESPACE) {
+		        // The only way to switch from SVG to HTML is via
+		        // HTML integration points, and from MathML to HTML
+		        // is via MathML text integration points
+		        if (parent.namespaceURI === SVG_NAMESPACE && !HTML_INTEGRATION_POINTS[parentTagName]) {
+		          return false;
+		        }
+		        if (parent.namespaceURI === MATHML_NAMESPACE && !MATHML_TEXT_INTEGRATION_POINTS[parentTagName]) {
+		          return false;
+		        }
+
+		        // We disallow tags that are specific for MathML
+		        // or SVG and should never appear in HTML namespace
+		        return !ALL_MATHML_TAGS[tagName] && (COMMON_SVG_AND_HTML_ELEMENTS[tagName] || !ALL_SVG_TAGS[tagName]);
+		      }
+
+		      // For XHTML and XML documents that support custom namespaces
+		      if (PARSER_MEDIA_TYPE === 'application/xhtml+xml' && ALLOWED_NAMESPACES[element.namespaceURI]) {
+		        return true;
+		      }
+
+		      // The code should never reach this place (this means
+		      // that the element somehow got namespace that is not
+		      // HTML, SVG, MathML or allowed via ALLOWED_NAMESPACES).
+		      // Return false just in case.
+		      return false;
+		    };
+
+		    /**
+		     * _forceRemove
+		     *
+		     * @param  {Node} node a DOM node
+		     */
+		    const _forceRemove = function _forceRemove(node) {
+		      arrayPush(DOMPurify.removed, {
+		        element: node
+		      });
+		      try {
+		        // eslint-disable-next-line unicorn/prefer-dom-node-remove
+		        getParentNode(node).removeChild(node);
+		      } catch (_) {
+		        remove(node);
+		      }
+		    };
+
+		    /**
+		     * _removeAttribute
+		     *
+		     * @param  {String} name an Attribute name
+		     * @param  {Node} node a DOM node
+		     */
+		    const _removeAttribute = function _removeAttribute(name, node) {
+		      try {
+		        arrayPush(DOMPurify.removed, {
+		          attribute: node.getAttributeNode(name),
+		          from: node
+		        });
+		      } catch (_) {
+		        arrayPush(DOMPurify.removed, {
+		          attribute: null,
+		          from: node
+		        });
+		      }
+		      node.removeAttribute(name);
+
+		      // We void attribute values for unremovable "is"" attributes
+		      if (name === 'is' && !ALLOWED_ATTR[name]) {
+		        if (RETURN_DOM || RETURN_DOM_FRAGMENT) {
+		          try {
+		            _forceRemove(node);
+		          } catch (_) {}
+		        } else {
+		          try {
+		            node.setAttribute(name, '');
+		          } catch (_) {}
+		        }
+		      }
+		    };
+
+		    /**
+		     * _initDocument
+		     *
+		     * @param  {String} dirty a string of dirty markup
+		     * @return {Document} a DOM, filled with the dirty markup
+		     */
+		    const _initDocument = function _initDocument(dirty) {
+		      /* Create a HTML document */
+		      let doc = null;
+		      let leadingWhitespace = null;
+		      if (FORCE_BODY) {
+		        dirty = '<remove></remove>' + dirty;
+		      } else {
+		        /* If FORCE_BODY isn't used, leading whitespace needs to be preserved manually */
+		        const matches = stringMatch(dirty, /^[\r\n\t ]+/);
+		        leadingWhitespace = matches && matches[0];
+		      }
+		      if (PARSER_MEDIA_TYPE === 'application/xhtml+xml' && NAMESPACE === HTML_NAMESPACE) {
+		        // Root of XHTML doc must contain xmlns declaration (see https://www.w3.org/TR/xhtml1/normative.html#strict)
+		        dirty = '<html xmlns="http://www.w3.org/1999/xhtml"><head></head><body>' + dirty + '</body></html>';
+		      }
+		      const dirtyPayload = trustedTypesPolicy ? trustedTypesPolicy.createHTML(dirty) : dirty;
+		      /*
+		       * Use the DOMParser API by default, fallback later if needs be
+		       * DOMParser not work for svg when has multiple root element.
+		       */
+		      if (NAMESPACE === HTML_NAMESPACE) {
+		        try {
+		          doc = new DOMParser().parseFromString(dirtyPayload, PARSER_MEDIA_TYPE);
+		        } catch (_) {}
+		      }
+
+		      /* Use createHTMLDocument in case DOMParser is not available */
+		      if (!doc || !doc.documentElement) {
+		        doc = implementation.createDocument(NAMESPACE, 'template', null);
+		        try {
+		          doc.documentElement.innerHTML = IS_EMPTY_INPUT ? emptyHTML : dirtyPayload;
+		        } catch (_) {
+		          // Syntax error if dirtyPayload is invalid xml
+		        }
+		      }
+		      const body = doc.body || doc.documentElement;
+		      if (dirty && leadingWhitespace) {
+		        body.insertBefore(document.createTextNode(leadingWhitespace), body.childNodes[0] || null);
+		      }
+
+		      /* Work on whole document or just its body */
+		      if (NAMESPACE === HTML_NAMESPACE) {
+		        return getElementsByTagName.call(doc, WHOLE_DOCUMENT ? 'html' : 'body')[0];
+		      }
+		      return WHOLE_DOCUMENT ? doc.documentElement : body;
+		    };
+
+		    /**
+		     * Creates a NodeIterator object that you can use to traverse filtered lists of nodes or elements in a document.
+		     *
+		     * @param  {Node} root The root element or node to start traversing on.
+		     * @return {NodeIterator} The created NodeIterator
+		     */
+		    const _createNodeIterator = function _createNodeIterator(root) {
+		      return createNodeIterator.call(root.ownerDocument || root, root,
+		      // eslint-disable-next-line no-bitwise
+		      NodeFilter.SHOW_ELEMENT | NodeFilter.SHOW_COMMENT | NodeFilter.SHOW_TEXT | NodeFilter.SHOW_PROCESSING_INSTRUCTION | NodeFilter.SHOW_CDATA_SECTION, null);
+		    };
+
+		    /**
+		     * _isClobbered
+		     *
+		     * @param  {Node} elm element to check for clobbering attacks
+		     * @return {Boolean} true if clobbered, false if safe
+		     */
+		    const _isClobbered = function _isClobbered(elm) {
+		      return elm instanceof HTMLFormElement && (typeof elm.nodeName !== 'string' || typeof elm.textContent !== 'string' || typeof elm.removeChild !== 'function' || !(elm.attributes instanceof NamedNodeMap) || typeof elm.removeAttribute !== 'function' || typeof elm.setAttribute !== 'function' || typeof elm.namespaceURI !== 'string' || typeof elm.insertBefore !== 'function' || typeof elm.hasChildNodes !== 'function');
+		    };
+
+		    /**
+		     * Checks whether the given object is a DOM node.
+		     *
+		     * @param  {Node} object object to check whether it's a DOM node
+		     * @return {Boolean} true is object is a DOM node
+		     */
+		    const _isNode = function _isNode(object) {
+		      return typeof Node === 'function' && object instanceof Node;
+		    };
+
+		    /**
+		     * _executeHook
+		     * Execute user configurable hooks
+		     *
+		     * @param  {String} entryPoint  Name of the hook's entry point
+		     * @param  {Node} currentNode node to work on with the hook
+		     * @param  {Object} data additional hook parameters
+		     */
+		    const _executeHook = function _executeHook(entryPoint, currentNode, data) {
+		      if (!hooks[entryPoint]) {
+		        return;
+		      }
+		      arrayForEach(hooks[entryPoint], hook => {
+		        hook.call(DOMPurify, currentNode, data, CONFIG);
+		      });
+		    };
+
+		    /**
+		     * _sanitizeElements
+		     *
+		     * @protect nodeName
+		     * @protect textContent
+		     * @protect removeChild
+		     *
+		     * @param   {Node} currentNode to check for permission to exist
+		     * @return  {Boolean} true if node was killed, false if left alive
+		     */
+		    const _sanitizeElements = function _sanitizeElements(currentNode) {
+		      let content = null;
+
+		      /* Execute a hook if present */
+		      _executeHook('beforeSanitizeElements', currentNode, null);
+
+		      /* Check if element is clobbered or can clobber */
+		      if (_isClobbered(currentNode)) {
+		        _forceRemove(currentNode);
+		        return true;
+		      }
+
+		      /* Now let's check the element's type and name */
+		      const tagName = transformCaseFunc(currentNode.nodeName);
+
+		      /* Execute a hook if present */
+		      _executeHook('uponSanitizeElement', currentNode, {
+		        tagName,
+		        allowedTags: ALLOWED_TAGS
+		      });
+
+		      /* Detect mXSS attempts abusing namespace confusion */
+		      if (currentNode.hasChildNodes() && !_isNode(currentNode.firstElementChild) && regExpTest(/<[/\w]/g, currentNode.innerHTML) && regExpTest(/<[/\w]/g, currentNode.textContent)) {
+		        _forceRemove(currentNode);
+		        return true;
+		      }
+
+		      /* Remove any occurrence of processing instructions */
+		      if (currentNode.nodeType === NODE_TYPE.progressingInstruction) {
+		        _forceRemove(currentNode);
+		        return true;
+		      }
+
+		      /* Remove any kind of possibly harmful comments */
+		      if (SAFE_FOR_XML && currentNode.nodeType === NODE_TYPE.comment && regExpTest(/<[/\w]/g, currentNode.data)) {
+		        _forceRemove(currentNode);
+		        return true;
+		      }
+
+		      /* Remove element if anything forbids its presence */
+		      if (!ALLOWED_TAGS[tagName] || FORBID_TAGS[tagName]) {
+		        /* Check if we have a custom element to handle */
+		        if (!FORBID_TAGS[tagName] && _isBasicCustomElement(tagName)) {
+		          if (CUSTOM_ELEMENT_HANDLING.tagNameCheck instanceof RegExp && regExpTest(CUSTOM_ELEMENT_HANDLING.tagNameCheck, tagName)) {
+		            return false;
+		          }
+		          if (CUSTOM_ELEMENT_HANDLING.tagNameCheck instanceof Function && CUSTOM_ELEMENT_HANDLING.tagNameCheck(tagName)) {
+		            return false;
+		          }
+		        }
+
+		        /* Keep content except for bad-listed elements */
+		        if (KEEP_CONTENT && !FORBID_CONTENTS[tagName]) {
+		          const parentNode = getParentNode(currentNode) || currentNode.parentNode;
+		          const childNodes = getChildNodes(currentNode) || currentNode.childNodes;
+		          if (childNodes && parentNode) {
+		            const childCount = childNodes.length;
+		            for (let i = childCount - 1; i >= 0; --i) {
+		              const childClone = cloneNode(childNodes[i], true);
+		              childClone.__removalCount = (currentNode.__removalCount || 0) + 1;
+		              parentNode.insertBefore(childClone, getNextSibling(currentNode));
+		            }
+		          }
+		        }
+		        _forceRemove(currentNode);
+		        return true;
+		      }
+
+		      /* Check whether element has a valid namespace */
+		      if (currentNode instanceof Element && !_checkValidNamespace(currentNode)) {
+		        _forceRemove(currentNode);
+		        return true;
+		      }
+
+		      /* Make sure that older browsers don't get fallback-tag mXSS */
+		      if ((tagName === 'noscript' || tagName === 'noembed' || tagName === 'noframes') && regExpTest(/<\/no(script|embed|frames)/i, currentNode.innerHTML)) {
+		        _forceRemove(currentNode);
+		        return true;
+		      }
+
+		      /* Sanitize element content to be template-safe */
+		      if (SAFE_FOR_TEMPLATES && currentNode.nodeType === NODE_TYPE.text) {
+		        /* Get the element's text content */
+		        content = currentNode.textContent;
+		        arrayForEach([MUSTACHE_EXPR, ERB_EXPR, TMPLIT_EXPR], expr => {
+		          content = stringReplace(content, expr, ' ');
+		        });
+		        if (currentNode.textContent !== content) {
+		          arrayPush(DOMPurify.removed, {
+		            element: currentNode.cloneNode()
+		          });
+		          currentNode.textContent = content;
+		        }
+		      }
+
+		      /* Execute a hook if present */
+		      _executeHook('afterSanitizeElements', currentNode, null);
+		      return false;
+		    };
+
+		    /**
+		     * _isValidAttribute
+		     *
+		     * @param  {string} lcTag Lowercase tag name of containing element.
+		     * @param  {string} lcName Lowercase attribute name.
+		     * @param  {string} value Attribute value.
+		     * @return {Boolean} Returns true if `value` is valid, otherwise false.
+		     */
+		    // eslint-disable-next-line complexity
+		    const _isValidAttribute = function _isValidAttribute(lcTag, lcName, value) {
+		      /* Make sure attribute cannot clobber */
+		      if (SANITIZE_DOM && (lcName === 'id' || lcName === 'name') && (value in document || value in formElement)) {
+		        return false;
+		      }
+
+		      /* Allow valid data-* attributes: At least one character after "-"
+		          (https://html.spec.whatwg.org/multipage/dom.html#embedding-custom-non-visible-data-with-the-data-*-attributes)
+		          XML-compatible (https://html.spec.whatwg.org/multipage/infrastructure.html#xml-compatible and http://www.w3.org/TR/xml/#d0e804)
+		          We don't need to check the value; it's always URI safe. */
+		      if (ALLOW_DATA_ATTR && !FORBID_ATTR[lcName] && regExpTest(DATA_ATTR, lcName)) ; else if (ALLOW_ARIA_ATTR && regExpTest(ARIA_ATTR, lcName)) ; else if (!ALLOWED_ATTR[lcName] || FORBID_ATTR[lcName]) {
+		        if (
+		        // First condition does a very basic check if a) it's basically a valid custom element tagname AND
+		        // b) if the tagName passes whatever the user has configured for CUSTOM_ELEMENT_HANDLING.tagNameCheck
+		        // and c) if the attribute name passes whatever the user has configured for CUSTOM_ELEMENT_HANDLING.attributeNameCheck
+		        _isBasicCustomElement(lcTag) && (CUSTOM_ELEMENT_HANDLING.tagNameCheck instanceof RegExp && regExpTest(CUSTOM_ELEMENT_HANDLING.tagNameCheck, lcTag) || CUSTOM_ELEMENT_HANDLING.tagNameCheck instanceof Function && CUSTOM_ELEMENT_HANDLING.tagNameCheck(lcTag)) && (CUSTOM_ELEMENT_HANDLING.attributeNameCheck instanceof RegExp && regExpTest(CUSTOM_ELEMENT_HANDLING.attributeNameCheck, lcName) || CUSTOM_ELEMENT_HANDLING.attributeNameCheck instanceof Function && CUSTOM_ELEMENT_HANDLING.attributeNameCheck(lcName)) ||
+		        // Alternative, second condition checks if it's an `is`-attribute, AND
+		        // the value passes whatever the user has configured for CUSTOM_ELEMENT_HANDLING.tagNameCheck
+		        lcName === 'is' && CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements && (CUSTOM_ELEMENT_HANDLING.tagNameCheck instanceof RegExp && regExpTest(CUSTOM_ELEMENT_HANDLING.tagNameCheck, value) || CUSTOM_ELEMENT_HANDLING.tagNameCheck instanceof Function && CUSTOM_ELEMENT_HANDLING.tagNameCheck(value))) ; else {
+		          return false;
+		        }
+		        /* Check value is safe. First, is attr inert? If so, is safe */
+		      } else if (URI_SAFE_ATTRIBUTES[lcName]) ; else if (regExpTest(IS_ALLOWED_URI$1, stringReplace(value, ATTR_WHITESPACE, ''))) ; else if ((lcName === 'src' || lcName === 'xlink:href' || lcName === 'href') && lcTag !== 'script' && stringIndexOf(value, 'data:') === 0 && DATA_URI_TAGS[lcTag]) ; else if (ALLOW_UNKNOWN_PROTOCOLS && !regExpTest(IS_SCRIPT_OR_DATA, stringReplace(value, ATTR_WHITESPACE, ''))) ; else if (value) {
+		        return false;
+		      } else ;
+		      return true;
+		    };
+
+		    /**
+		     * _isBasicCustomElement
+		     * checks if at least one dash is included in tagName, and it's not the first char
+		     * for more sophisticated checking see https://github.com/sindresorhus/validate-element-name
+		     *
+		     * @param {string} tagName name of the tag of the node to sanitize
+		     * @returns {boolean} Returns true if the tag name meets the basic criteria for a custom element, otherwise false.
+		     */
+		    const _isBasicCustomElement = function _isBasicCustomElement(tagName) {
+		      return tagName !== 'annotation-xml' && stringMatch(tagName, CUSTOM_ELEMENT);
+		    };
+
+		    /**
+		     * _sanitizeAttributes
+		     *
+		     * @protect attributes
+		     * @protect nodeName
+		     * @protect removeAttribute
+		     * @protect setAttribute
+		     *
+		     * @param  {Node} currentNode to sanitize
+		     */
+		    const _sanitizeAttributes = function _sanitizeAttributes(currentNode) {
+		      /* Execute a hook if present */
+		      _executeHook('beforeSanitizeAttributes', currentNode, null);
+		      const {
+		        attributes
+		      } = currentNode;
+
+		      /* Check if we have attributes; if not we might have a text node */
+		      if (!attributes) {
+		        return;
+		      }
+		      const hookEvent = {
+		        attrName: '',
+		        attrValue: '',
+		        keepAttr: true,
+		        allowedAttributes: ALLOWED_ATTR
+		      };
+		      let l = attributes.length;
+
+		      /* Go backwards over all attributes; safely remove bad ones */
+		      while (l--) {
+		        const attr = attributes[l];
+		        const {
+		          name,
+		          namespaceURI,
+		          value: attrValue
+		        } = attr;
+		        const lcName = transformCaseFunc(name);
+		        let value = name === 'value' ? attrValue : stringTrim(attrValue);
+
+		        /* Execute a hook if present */
+		        hookEvent.attrName = lcName;
+		        hookEvent.attrValue = value;
+		        hookEvent.keepAttr = true;
+		        hookEvent.forceKeepAttr = undefined; // Allows developers to see this is a property they can set
+		        _executeHook('uponSanitizeAttribute', currentNode, hookEvent);
+		        value = hookEvent.attrValue;
+
+		        /* Work around a security issue with comments inside attributes */
+		        if (SAFE_FOR_XML && regExpTest(/((--!?|])>)|<\/(style|title)/i, value)) {
+		          _removeAttribute(name, currentNode);
+		          continue;
+		        }
+
+		        /* Did the hooks approve of the attribute? */
+		        if (hookEvent.forceKeepAttr) {
+		          continue;
+		        }
+
+		        /* Remove attribute */
+		        _removeAttribute(name, currentNode);
+
+		        /* Did the hooks approve of the attribute? */
+		        if (!hookEvent.keepAttr) {
+		          continue;
+		        }
+
+		        /* Work around a security issue in jQuery 3.0 */
+		        if (!ALLOW_SELF_CLOSE_IN_ATTR && regExpTest(/\/>/i, value)) {
+		          _removeAttribute(name, currentNode);
+		          continue;
+		        }
+
+		        /* Sanitize attribute content to be template-safe */
+		        if (SAFE_FOR_TEMPLATES) {
+		          arrayForEach([MUSTACHE_EXPR, ERB_EXPR, TMPLIT_EXPR], expr => {
+		            value = stringReplace(value, expr, ' ');
+		          });
+		        }
+
+		        /* Is `value` valid for this attribute? */
+		        const lcTag = transformCaseFunc(currentNode.nodeName);
+		        if (!_isValidAttribute(lcTag, lcName, value)) {
+		          continue;
+		        }
+
+		        /* Full DOM Clobbering protection via namespace isolation,
+		         * Prefix id and name attributes with `user-content-`
+		         */
+		        if (SANITIZE_NAMED_PROPS && (lcName === 'id' || lcName === 'name')) {
+		          // Remove the attribute with this value
+		          _removeAttribute(name, currentNode);
+
+		          // Prefix the value and later re-create the attribute with the sanitized value
+		          value = SANITIZE_NAMED_PROPS_PREFIX + value;
+		        }
+
+		        /* Handle attributes that require Trusted Types */
+		        if (trustedTypesPolicy && typeof trustedTypes === 'object' && typeof trustedTypes.getAttributeType === 'function') {
+		          if (namespaceURI) ; else {
+		            switch (trustedTypes.getAttributeType(lcTag, lcName)) {
+		              case 'TrustedHTML':
+		                {
+		                  value = trustedTypesPolicy.createHTML(value);
+		                  break;
+		                }
+		              case 'TrustedScriptURL':
+		                {
+		                  value = trustedTypesPolicy.createScriptURL(value);
+		                  break;
+		                }
+		            }
+		          }
+		        }
+
+		        /* Handle invalid data-* attribute set by try-catching it */
+		        try {
+		          if (namespaceURI) {
+		            currentNode.setAttributeNS(namespaceURI, name, value);
+		          } else {
+		            /* Fallback to setAttribute() for browser-unrecognized namespaces e.g. "x-schema". */
+		            currentNode.setAttribute(name, value);
+		          }
+		          if (_isClobbered(currentNode)) {
+		            _forceRemove(currentNode);
+		          } else {
+		            arrayPop(DOMPurify.removed);
+		          }
+		        } catch (_) {}
+		      }
+
+		      /* Execute a hook if present */
+		      _executeHook('afterSanitizeAttributes', currentNode, null);
+		    };
+
+		    /**
+		     * _sanitizeShadowDOM
+		     *
+		     * @param  {DocumentFragment} fragment to iterate over recursively
+		     */
+		    const _sanitizeShadowDOM = function _sanitizeShadowDOM(fragment) {
+		      let shadowNode = null;
+		      const shadowIterator = _createNodeIterator(fragment);
+
+		      /* Execute a hook if present */
+		      _executeHook('beforeSanitizeShadowDOM', fragment, null);
+		      while (shadowNode = shadowIterator.nextNode()) {
+		        /* Execute a hook if present */
+		        _executeHook('uponSanitizeShadowNode', shadowNode, null);
+
+		        /* Sanitize tags and elements */
+		        if (_sanitizeElements(shadowNode)) {
+		          continue;
+		        }
+
+		        /* Deep shadow DOM detected */
+		        if (shadowNode.content instanceof DocumentFragment) {
+		          _sanitizeShadowDOM(shadowNode.content);
+		        }
+
+		        /* Check attributes, sanitize if necessary */
+		        _sanitizeAttributes(shadowNode);
+		      }
+
+		      /* Execute a hook if present */
+		      _executeHook('afterSanitizeShadowDOM', fragment, null);
+		    };
+
+		    /**
+		     * Sanitize
+		     * Public method providing core sanitation functionality
+		     *
+		     * @param {String|Node} dirty string or DOM node
+		     * @param {Object} cfg object
+		     */
+		    // eslint-disable-next-line complexity
+		    DOMPurify.sanitize = function (dirty) {
+		      let cfg = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+		      let body = null;
+		      let importedNode = null;
+		      let currentNode = null;
+		      let returnNode = null;
+		      /* Make sure we have a string to sanitize.
+		        DO NOT return early, as this will return the wrong type if
+		        the user has requested a DOM object rather than a string */
+		      IS_EMPTY_INPUT = !dirty;
+		      if (IS_EMPTY_INPUT) {
+		        dirty = '<!-->';
+		      }
+
+		      /* Stringify, in case dirty is an object */
+		      if (typeof dirty !== 'string' && !_isNode(dirty)) {
+		        if (typeof dirty.toString === 'function') {
+		          dirty = dirty.toString();
+		          if (typeof dirty !== 'string') {
+		            throw typeErrorCreate('dirty is not a string, aborting');
+		          }
+		        } else {
+		          throw typeErrorCreate('toString is not a function');
+		        }
+		      }
+
+		      /* Return dirty HTML if DOMPurify cannot run */
+		      if (!DOMPurify.isSupported) {
+		        return dirty;
+		      }
+
+		      /* Assign config vars */
+		      if (!SET_CONFIG) {
+		        _parseConfig(cfg);
+		      }
+
+		      /* Clean up removed elements */
+		      DOMPurify.removed = [];
+
+		      /* Check if dirty is correctly typed for IN_PLACE */
+		      if (typeof dirty === 'string') {
+		        IN_PLACE = false;
+		      }
+		      if (IN_PLACE) {
+		        /* Do some early pre-sanitization to avoid unsafe root nodes */
+		        if (dirty.nodeName) {
+		          const tagName = transformCaseFunc(dirty.nodeName);
+		          if (!ALLOWED_TAGS[tagName] || FORBID_TAGS[tagName]) {
+		            throw typeErrorCreate('root node is forbidden and cannot be sanitized in-place');
+		          }
+		        }
+		      } else if (dirty instanceof Node) {
+		        /* If dirty is a DOM element, append to an empty document to avoid
+		           elements being stripped by the parser */
+		        body = _initDocument('<!---->');
+		        importedNode = body.ownerDocument.importNode(dirty, true);
+		        if (importedNode.nodeType === NODE_TYPE.element && importedNode.nodeName === 'BODY') {
+		          /* Node is already a body, use as is */
+		          body = importedNode;
+		        } else if (importedNode.nodeName === 'HTML') {
+		          body = importedNode;
+		        } else {
+		          // eslint-disable-next-line unicorn/prefer-dom-node-append
+		          body.appendChild(importedNode);
+		        }
+		      } else {
+		        /* Exit directly if we have nothing to do */
+		        if (!RETURN_DOM && !SAFE_FOR_TEMPLATES && !WHOLE_DOCUMENT &&
+		        // eslint-disable-next-line unicorn/prefer-includes
+		        dirty.indexOf('<') === -1) {
+		          return trustedTypesPolicy && RETURN_TRUSTED_TYPE ? trustedTypesPolicy.createHTML(dirty) : dirty;
+		        }
+
+		        /* Initialize the document to work on */
+		        body = _initDocument(dirty);
+
+		        /* Check we have a DOM node from the data */
+		        if (!body) {
+		          return RETURN_DOM ? null : RETURN_TRUSTED_TYPE ? emptyHTML : '';
+		        }
+		      }
+
+		      /* Remove first element node (ours) if FORCE_BODY is set */
+		      if (body && FORCE_BODY) {
+		        _forceRemove(body.firstChild);
+		      }
+
+		      /* Get node iterator */
+		      const nodeIterator = _createNodeIterator(IN_PLACE ? dirty : body);
+
+		      /* Now start iterating over the created document */
+		      while (currentNode = nodeIterator.nextNode()) {
+		        /* Sanitize tags and elements */
+		        if (_sanitizeElements(currentNode)) {
+		          continue;
+		        }
+
+		        /* Shadow DOM detected, sanitize it */
+		        if (currentNode.content instanceof DocumentFragment) {
+		          _sanitizeShadowDOM(currentNode.content);
+		        }
+
+		        /* Check attributes, sanitize if necessary */
+		        _sanitizeAttributes(currentNode);
+		      }
+
+		      /* If we sanitized `dirty` in-place, return it. */
+		      if (IN_PLACE) {
+		        return dirty;
+		      }
+
+		      /* Return sanitized string or DOM */
+		      if (RETURN_DOM) {
+		        if (RETURN_DOM_FRAGMENT) {
+		          returnNode = createDocumentFragment.call(body.ownerDocument);
+		          while (body.firstChild) {
+		            // eslint-disable-next-line unicorn/prefer-dom-node-append
+		            returnNode.appendChild(body.firstChild);
+		          }
+		        } else {
+		          returnNode = body;
+		        }
+		        if (ALLOWED_ATTR.shadowroot || ALLOWED_ATTR.shadowrootmode) {
+		          /*
+		            AdoptNode() is not used because internal state is not reset
+		            (e.g. the past names map of a HTMLFormElement), this is safe
+		            in theory but we would rather not risk another attack vector.
+		            The state that is cloned by importNode() is explicitly defined
+		            by the specs.
+		          */
+		          returnNode = importNode.call(originalDocument, returnNode, true);
+		        }
+		        return returnNode;
+		      }
+		      let serializedHTML = WHOLE_DOCUMENT ? body.outerHTML : body.innerHTML;
+
+		      /* Serialize doctype if allowed */
+		      if (WHOLE_DOCUMENT && ALLOWED_TAGS['!doctype'] && body.ownerDocument && body.ownerDocument.doctype && body.ownerDocument.doctype.name && regExpTest(DOCTYPE_NAME, body.ownerDocument.doctype.name)) {
+		        serializedHTML = '<!DOCTYPE ' + body.ownerDocument.doctype.name + '>\n' + serializedHTML;
+		      }
+
+		      /* Sanitize final string template-safe */
+		      if (SAFE_FOR_TEMPLATES) {
+		        arrayForEach([MUSTACHE_EXPR, ERB_EXPR, TMPLIT_EXPR], expr => {
+		          serializedHTML = stringReplace(serializedHTML, expr, ' ');
+		        });
+		      }
+		      return trustedTypesPolicy && RETURN_TRUSTED_TYPE ? trustedTypesPolicy.createHTML(serializedHTML) : serializedHTML;
+		    };
+
+		    /**
+		     * Public method to set the configuration once
+		     * setConfig
+		     *
+		     * @param {Object} cfg configuration object
+		     */
+		    DOMPurify.setConfig = function () {
+		      let cfg = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+		      _parseConfig(cfg);
+		      SET_CONFIG = true;
+		    };
+
+		    /**
+		     * Public method to remove the configuration
+		     * clearConfig
+		     *
+		     */
+		    DOMPurify.clearConfig = function () {
+		      CONFIG = null;
+		      SET_CONFIG = false;
+		    };
+
+		    /**
+		     * Public method to check if an attribute value is valid.
+		     * Uses last set config, if any. Otherwise, uses config defaults.
+		     * isValidAttribute
+		     *
+		     * @param  {String} tag Tag name of containing element.
+		     * @param  {String} attr Attribute name.
+		     * @param  {String} value Attribute value.
+		     * @return {Boolean} Returns true if `value` is valid. Otherwise, returns false.
+		     */
+		    DOMPurify.isValidAttribute = function (tag, attr, value) {
+		      /* Initialize shared config vars if necessary. */
+		      if (!CONFIG) {
+		        _parseConfig({});
+		      }
+		      const lcTag = transformCaseFunc(tag);
+		      const lcName = transformCaseFunc(attr);
+		      return _isValidAttribute(lcTag, lcName, value);
+		    };
+
+		    /**
+		     * AddHook
+		     * Public method to add DOMPurify hooks
+		     *
+		     * @param {String} entryPoint entry point for the hook to add
+		     * @param {Function} hookFunction function to execute
+		     */
+		    DOMPurify.addHook = function (entryPoint, hookFunction) {
+		      if (typeof hookFunction !== 'function') {
+		        return;
+		      }
+		      hooks[entryPoint] = hooks[entryPoint] || [];
+		      arrayPush(hooks[entryPoint], hookFunction);
+		    };
+
+		    /**
+		     * RemoveHook
+		     * Public method to remove a DOMPurify hook at a given entryPoint
+		     * (pops it from the stack of hooks if more are present)
+		     *
+		     * @param {String} entryPoint entry point for the hook to remove
+		     * @return {Function} removed(popped) hook
+		     */
+		    DOMPurify.removeHook = function (entryPoint) {
+		      if (hooks[entryPoint]) {
+		        return arrayPop(hooks[entryPoint]);
+		      }
+		    };
+
+		    /**
+		     * RemoveHooks
+		     * Public method to remove all DOMPurify hooks at a given entryPoint
+		     *
+		     * @param  {String} entryPoint entry point for the hooks to remove
+		     */
+		    DOMPurify.removeHooks = function (entryPoint) {
+		      if (hooks[entryPoint]) {
+		        hooks[entryPoint] = [];
+		      }
+		    };
+
+		    /**
+		     * RemoveAllHooks
+		     * Public method to remove all DOMPurify hooks
+		     */
+		    DOMPurify.removeAllHooks = function () {
+		      hooks = {};
+		    };
+		    return DOMPurify;
+		  }
+		  var purify = createDOMPurify();
+
+		  return purify;
+
+		}));
+		
+	} (purify));
+	return purify.exports;
+}
+
+window.DOMPurify || (window.DOMPurify = requirePurify().default || requirePurify());
+
 // src/utils/entries-to-string.ts
 function entriesToString(obj, separator = "=") {
   return !!Object.keys(obj).length ? Object.entries(obj).reduce((str, [key, value]) => [...str, `${key}${separator}${value}`], []).join(",") : "";
@@ -10317,7 +11894,7 @@ var Checkout$1 = class Checkout {
 };
 
 var TEMPLATE$1 = "\n    <div class=\"checkout-container\">\n        <div class=\"checkout-bg-logo\"></div>\n        <a href=\"#\" data-continue>Continue</a>\n        <a href=\"#\" data-close>Close</a>\n    </div>\n";
-var STYLES$3 = "\n    .checkout-bg-logo {\n        display: block;\n        background: url({{url}}) no-repeat;\n        width: 100px;\n        height: 50px;\n        margin: 0 auto;\n        border-radius: 10px;\n        background-size: contain;\n    }\n    [data-continue] {\n        margin-top: 24px;\n        display: block;\n        font-family: Helvetica, sans-serif;\n        text-decoration: none;\n        color: #fff !important;\n        border: 1px solid white;\n        width: 100px;\n        border-radius: 16px;\n        padding: 5px;\n    }\n    [data-continue]:hover {\n        background-color: #f2f2f2;\n        border: none;\n        color: rgba(0, 0, 0, 0.7) !important;\n    }\n    .checkout-container {\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n    }\n\n    .checkout-overlay {\n        z-index: 2147483647;\n    }\n\n    .checkout-container [data-close] {\n        opacity: 1;\n    }\n    .checkout-container [data-close]:before,\n    .checkout-container [data-close]:after {\n        background-color: #fff;\n    }\n";
+var STYLES$3 = "\n    .checkout-bg-logo {\n        display: block;\n        background: url({{url}}) no-repeat;\n        width: 100px;\n        height: 50px;\n        margin: 0 auto;\n        border-radius: 10px;\n        background-size: contain;\n        background-position: 50% 50%;\n    }\n    [data-continue] {\n        margin-top: 24px;\n        display: block;\n        font-family: Helvetica, sans-serif;\n        text-decoration: none;\n        color: #fff !important;\n        border: 1px solid white;\n        width: 100px;\n        border-radius: 16px;\n        padding: 5px;\n    }\n    [data-continue]:hover {\n        background-color: #f2f2f2;\n        border: none;\n        color: rgba(0, 0, 0, 0.7) !important;\n    }\n    .checkout-container {\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n    }\n\n    .checkout-overlay {\n        z-index: 2147483647;\n    }\n\n    .checkout-container [data-close] {\n        opacity: 1;\n    }\n    .checkout-container [data-close]:before,\n    .checkout-container [data-close]:after {\n        background-color: #fff;\n    }\n";
 var WalletBackground = /*#__PURE__*/function (_Background) {
   function WalletBackground(bgImageUrl) {
     var _this;
@@ -10391,10 +11968,10 @@ function getOverlayId(widgetId) {
 }
 function createFlypayV2ButtonStyle(widgetId) {
   var widgetClassName = getWidgetClassName(widgetId);
-  return "\n        .".concat(widgetClassName, " {\n            position: relative;\n            height: 100%;\n            width: 100%;\n            border: none; /* Remove borders */\n            background: transparent; /* Make the button background transparent */\n            cursor: pointer; /* Make it look clickable */\n            outline: none; /* Remove focus outline */\n            padding: 0; /* Remove any default padding */\n        }\n\n        .").concat(widgetClassName, " .paydock-flypay-button {\n            background-color: #212121;\n            border-radius: 9999px;\n            width: 100%; /* set hard pixel dimensions here for a button with intrinsic dimensions */\n            height: 100%; /* and leave the 100% settings for the Coles use case (enabled by extra param object flag) */\n            display: grid;\n            grid-template-columns: 20% 1fr 20%;\n            grid-template-rows: 20% 1fr 20%;\n            grid-template-areas:\n            \". . .\"\n            \". center .\"\n            \". . .\";\n            box-sizing: border-box;\n        }\n        \n        .").concat(widgetClassName, " .paydock-flypay-button:hover {\n            background-color: #3d3d3d;\n        }\n        \n        .").concat(widgetClassName, " .paydock-flypay-button:focus-visible {\n            outline-color: transparent;\n            box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #2670ee;\n            outline-color: transparent;\n        }\n        \n        .").concat(widgetClassName, " .paydock-flypay-button:active {\n            background-color: #6f6f6f;\n        }\n        \n        .").concat(widgetClassName, " .paydock-flypay-button:disabled,\n        .").concat(widgetClassName, " .paydock-flypay-button__disabled {\n            opacity: 25%;\n            cursor: not-allowed;\n        }\n        \n        #").concat(widgetId, "-loading-overlay {\n            position: absolute;\n            height: 100%;\n            width: 100%;\n            background: rgba(255, 255, 255, 0.7);\n            display: none;\n            justify-content: center;\n            align-items: center;\n            cursor: not-allowed; /* Make it look not clickable */    \n        }\n        \n        #").concat(widgetId, "-loading-overlay::after {\n            content: \"\";\n            height: 60%;\n            aspect-ratio: 1 / 1;\n            display: inline-block;\n            border: 4px solid #ccc;\n            border-top-color: #333;\n            border-radius: 50%;\n            /* Vendor prefixes for animation property */\n            -webkit-animation: spin 1s infinite linear;\n            -moz-animation: spin 1s infinite linear;\n            -o-animation: spin 1s infinite linear;\n            animation: spin 1s infinite linear;\n        }\n        \n        @-webkit-keyframes spin {\n            0% {\n                -webkit-transform: rotate(0deg);\n                transform: rotate(0deg);    \n            }\n            100% {\n                -webkit-transform: rotate(360deg);\n                transform: rotate(360deg);\n            }\n        }\n        \n        @-moz-keyframes spin {\n            0% {\n                -moz-transform: rotate(0deg);\n                transform: rotate(0deg);\n            }\n            100% {\n                -moz-transform: rotate(360deg);\n                transform: rotate(360deg);\n            }\n        }\n        \n        @-o-keyframes spin {\n            0% {\n                -o-transform: rotate(0deg);\n                transform: rotate(0deg);\n            }\n            100% {\n                -o-transform: rotate(360deg);\n                transform: rotate(360deg);\n            }\n        }\n    \n        @keyframes spin {\n            0% {\n                transform: rotate(0deg);\n            }\n            100% {\n                transform: rotate(360deg);\n            }\n        }   \n    ");
+  return "\n        .".concat(widgetClassName, " {\n            position: relative;\n            height: 100%;\n            width: 100%;\n            border: none; /* Remove borders */\n            background: transparent; /* Make the button background transparent */\n            cursor: pointer; /* Make it look clickable */\n            outline: none; /* Remove focus outline */\n            padding: 0; /* Remove any default padding */\n        }\n\n        .").concat(widgetClassName, " .paydock-flypay-button {\n            background-color: #212121;\n            border-radius: 9999px;\n            width: 100%; /* set hard pixel dimensions here for a button with intrinsic dimensions */\n            height: 100%; /* and leave the 100% settings for the Coles use case (enabled by extra param object flag) */\n            display: grid;\n            grid-template-columns: 20% 1fr 20%;\n            grid-template-rows: 20% 1fr 20%;\n            grid-template-areas:\n            \". . .\"\n            \". center .\"\n            \". . .\";\n            box-sizing: border-box;\n        }\n\n        .").concat(widgetClassName, " .paydock-flypay-button:hover {\n            background-color: #3d3d3d;\n        }\n\n        .").concat(widgetClassName, " .paydock-flypay-button:focus-visible {\n            outline-color: transparent;\n            box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #2670ee;\n            outline-color: transparent;\n        }\n\n        .").concat(widgetClassName, " .paydock-flypay-button:active {\n            background-color: #6f6f6f;\n        }\n\n        .").concat(widgetClassName, " .paydock-flypay-button:disabled,\n        .").concat(widgetClassName, " .paydock-flypay-button__disabled {\n            opacity: 25%;\n            cursor: not-allowed;\n        }\n\n        #").concat(widgetId, "-loading-overlay {\n            position: absolute;\n            height: 100%;\n            width: 100%;\n            background: rgba(255, 255, 255, 0.7);\n            display: none;\n            justify-content: center;\n            align-items: center;\n            cursor: not-allowed; /* Make it look not clickable */\n        }\n\n        #").concat(widgetId, "-loading-overlay::after {\n            content: \"\";\n            height: 60%;\n            aspect-ratio: 1 / 1;\n            display: inline-block;\n            border: 4px solid #ccc;\n            border-top-color: #333;\n            border-radius: 50%;\n            /* Vendor prefixes for animation property */\n            -webkit-animation: spin 1s infinite linear;\n            -moz-animation: spin 1s infinite linear;\n            -o-animation: spin 1s infinite linear;\n            animation: spin 1s infinite linear;\n        }\n\n        @-webkit-keyframes spin {\n            0% {\n                -webkit-transform: rotate(0deg);\n                transform: rotate(0deg);\n            }\n            100% {\n                -webkit-transform: rotate(360deg);\n                transform: rotate(360deg);\n            }\n        }\n\n        @-moz-keyframes spin {\n            0% {\n                -moz-transform: rotate(0deg);\n                transform: rotate(0deg);\n            }\n            100% {\n                -moz-transform: rotate(360deg);\n                transform: rotate(360deg);\n            }\n        }\n\n        @-o-keyframes spin {\n            0% {\n                -o-transform: rotate(0deg);\n                transform: rotate(0deg);\n            }\n            100% {\n                -o-transform: rotate(360deg);\n                transform: rotate(360deg);\n            }\n        }\n\n        @keyframes spin {\n            0% {\n                transform: rotate(0deg);\n            }\n            100% {\n                transform: rotate(360deg);\n            }\n        }\n    ");
 }
 function getButtonWithClassNames(classNames, containerId) {
-  return "\n        <div id=\"".concat(containerId, "-loading-overlay\"></div>\n        <div class=\"").concat(classNames, "\" tabindex=\"0\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 125.2 21\" data-name=\"pay-with-flypay\"\n                style=\"grid-area: center; width: 100%; height: 100%\"\n                fill=\"none\"\n                >\n                  <path\n                    fill=\"#fff\"\n                    d=\"M89 .5a.5.5 0 0 1 .5-.5h15a.5.5 0 0 1 0 1h-15a.5.5 0 0 1-.5-.5ZM98 22.5a.5.5 0 0 1 .5-.5h15a.5.5 0 0 1 0 1h-15a.5.5 0 0 1-.5-.5ZM87 3.5a.5.5 0 0 1 .5-.5H121c.758 0 1.42.031 1.974.133.553.102 1.044.284 1.421.618.78.694.849 1.829.598 3.331-.258 1.552-1.025 3.843-1.711 5.715a100.003 100.003 0 0 1-1.211 3.128l-.081.198-.021.051v.001c-.531 1.583-1.345 2.557-2.269 3.126-.92.566-1.898.699-2.7.699H96.5a.5.5 0 1 1 0-1v.5-.5H117c.698 0 1.47-.117 2.175-.55.697-.43 1.382-1.2 1.851-2.608l.005-.017.008-.018.006-.016.021-.05.079-.194a94.823 94.823 0 0 0 1.198-3.094c.689-1.878 1.422-4.087 1.664-5.535.249-1.498.068-2.113-.277-2.42-.186-.165-.476-.296-.938-.381C122.33 4.03 121.742 4 121 4H87.5a.5.5 0 0 1-.5-.5ZM76.512 9.512h3.157V7.34h-3.157v-.01h-.02c.01-1.196.841-2.17 2.52-2.17H81V3h-1.988C75.547 3 74.008 4.936 74 7.326V16h2.512V9.512ZM82 3.55 84.987 3H85v13h-3V3.55Z\"\n                  />\n                  <path\n                    fill=\"#fff\"\n                    d=\"M91.592 15.365a4.557 4.557 0 0 1-1.595.33c-2.391 0-4-1.68-3.997-4.092V7.546l2.41-.543V11.6c0 1.118.536 1.738 1.59 1.738 1.055 0 1.592-.622 1.592-1.738V7.543L94 7v9.855C94 19.41 92.497 21 90.073 21h-.596v-2.359h.59c.71 0 1.525-.641 1.525-1.786v-1.49Z\"\n                  />\n                  <path\n                    fill=\"#fff\"\n                    fill-rule=\"evenodd\"\n                    d=\"M2.54 11.6h2.598c1.356 0 2.399-.299 3.129-.896.731-.598 1.096-1.62 1.096-3.063 0-1.323-.365-2.3-1.096-2.93-.73-.631-1.71-.947-2.938-.947H0V16h2.54v-4.4Zm4.291-3.943c0 .637-.166 1.102-.498 1.395-.337.293-.808.44-1.411.44H2.54V5.889h2.382c.603 0 1.071.136 1.403.407.337.271.506.725.506 1.361ZM14.651 6.736c-1.522 0-2.596.398-3.221 1.195-.393.51-.614 1.16-.664 1.95h2.283c.055-.348.166-.624.332-.83.232-.276.628-.414 1.187-.414.498 0 .874.072 1.128.216.261.138.391.392.391.763 0 .305-.169.529-.507.673-.188.083-.501.152-.938.207l-.805.1c-.913.116-1.605.31-2.075.58-.858.499-1.287 1.304-1.287 2.416 0 .858.266 1.522.797 1.993.537.464 1.215.697 2.034.697.642 0 1.217-.147 1.726-.44a4.83 4.83 0 0 0 1.129-.905c.017.205.039.388.067.548.027.16.077.332.149.515h2.573v-.349a.843.843 0 0 1-.348-.274c-.078-.11-.125-.32-.141-.63-.011-.41-.017-.759-.017-1.047V9.55c0-1.09-.385-1.832-1.154-2.225-.769-.393-1.649-.59-2.639-.59Zm-.648 7.828c-.321 0-.592-.092-.813-.274-.227-.177-.341-.468-.341-.872 0-.454.183-.788.548-1.004.216-.128.573-.236 1.071-.324l.531-.1c.266-.05.473-.102.623-.157.155-.061.307-.139.456-.233v.88c-.016.791-.24 1.336-.672 1.635a2.39 2.39 0 0 1-1.403.449Z\"\n                    clip-rule=\"evenodd\"\n                  />\n                  <path\n                    fill=\"#fff\"\n                    d=\"m26.097 6.952-1.867 6.674-1.976-6.674h-2.631l3.32 9.446c.022.066-.028.25-.149.548-.117.299-.244.495-.382.59-.144.099-.321.162-.531.19a3.752 3.752 0 0 1-.665.025l-.298-.017v1.893c.254.017.445.025.572.025.128.005.296.008.507.008 1.046 0 1.743-.207 2.092-.622.348-.41.821-1.472 1.419-3.188l3.104-8.898h-2.515ZM40.192 9.409l1.419 6.59h2.433l2.623-9.047h-2.466l-1.411 6.516-1.378-6.516h-2.399l-1.303 6.491-1.411-6.491h-2.54L36.299 16h2.457l1.436-6.591ZM50.41 16V6.952h-2.399V16h2.399ZM50.41 5.873V3.689h-2.399v2.184h2.399ZM56.852 16.083v-1.768l-.241.016h-.224c-.482 0-.769-.044-.863-.133-.094-.094-.142-.326-.142-.697V8.72h1.47V7.035h-1.47V4.51h-2.34v2.524H51.78V8.72h1.262v5.57c0 .564.132.982.398 1.253.41.426 1.173.62 2.291.581l1.121-.041ZM66.547 16v-5.313c0-.808-.028-1.389-.083-1.743a2.347 2.347 0 0 0-.457-1.046 2.656 2.656 0 0 0-1.128-.888 3.836 3.836 0 0 0-1.519-.29c-.499 0-.974.104-1.428.315-.448.204-.844.57-1.187 1.095V3.806h-2.358V16h2.358v-4.898c0-.775.16-1.37.481-1.785.327-.42.803-.63 1.428-.63.603 0 1.013.21 1.228.63.167.3.25.692.25 1.18V16h2.415Z\"\n                  />\n                  <path\n                    fill=\"#fff\"\n                    fill-rule=\"evenodd\"\n                    d=\"M103 16h1.997l1.276-2.003h3.56l.265 2.003H112l-1.337-9h-1.778L103 16Zm6.231-6.674.383 2.954h-2.237l1.854-2.954ZM98.02 16l.754-2.72h1.752a6.36 6.36 0 0 0 1.762-.228c.512-.139.992-.37 1.412-.683.398-.299.721-.677.95-1.107.24-.465.36-.978.349-1.496 0-.772-.239-1.389-.716-1.85a2.871 2.871 0 0 0-1.195-.7A5.816 5.816 0 0 0 101.401 7h-2.926L96 16h2.02Zm3.307-7.205c.257-.007.512.026.757.097.194.06.368.165.51.304.101.098.18.215.232.344a.977.977 0 0 1 .072.402c.012.232-.039.463-.147.671-.108.209-.27.387-.471.519-.413.279-.955.418-1.635.418h-1.38l.751-2.752h1.314l-.003-.003Z\"\n                    clip-rule=\"evenodd\"\n                  />\n                  <path\n                    fill=\"#fff\"\n                    d=\"m113.439 16 .982-3.548L112.5 7h2.266l1.087 3.73L119.112 7h2.388l-5.078 5.63-.939 3.37h-2.044Z\"\n                  />\n            </svg>\n      </div>\n    ");
+  return "\n        <div id=\"".concat(containerId, "-loading-overlay\"></div>\n        <div class=\"").concat(classNames, "\" tabindex=\"0\">\n            <svg\n              viewBox=\"0 0 356 74\"\n              data-name=\"pay-with-coles-pay\"\n              fill=\"none\"\n              style=\"grid-area: center; width: 100%; height: 100%\"\n              xmlns=\"http://www.w3.org/2000/svg\"\n              >\n                <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M274.326 54.9868H280.946L282.661 45.6527C284.218 47.6804 286.291 48.3936 288.803 48.3936C295.623 48.3936 301.962 42.0781 301.962 34.2162C301.962 28.3776 298.69 24.8447 293.149 24.8447C290.275 24.8447 287.766 25.9146 285.693 28.0209H285.57L286.009 25.5993H279.787L274.326 54.9868ZM283.973 37.6743C283.973 34.1788 287.203 31.0023 290.633 31.0023L290.631 30.9983C293.502 30.9983 295.255 32.9058 295.255 35.6051C295.255 38.9847 292.103 42.24 288.558 42.24C285.888 42.24 283.973 40.4153 283.973 37.6743ZM318.51 47.643L318.946 45.2588H318.868C317.311 47.3237 314.641 48.3976 311.81 48.3976C306.306 48.3976 302.638 44.7818 302.638 39.1837C302.638 31.1228 309.298 24.8447 316.156 24.8447C318.988 24.8447 321.304 25.9185 322.098 27.9421H322.178L322.614 25.5993H329.236L325.125 47.643H318.51ZM320.663 35.5305C320.663 32.7896 318.825 31.0023 315.994 31.0023C312.646 31.0023 309.416 34.1414 309.416 37.5957C309.416 40.3367 311.131 42.244 313.963 42.244C317.593 42.244 320.663 39.0677 320.663 35.5305ZM329.356 54.991L334.419 46.5317L330.112 25.5993H337.17L339.204 38.3877H339.281L345.901 25.5993H352.922L336.372 54.991H329.356Z\" fill=\"white\"/>\n                <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M221.032 18.351H226.224V48.4268H221.032V18.351ZM250.228 37.6828C250.261 37.2972 250.277 36.9033 250.277 36.5052C250.299 27.764 243.627 24.82 239.026 24.8158C234.423 24.8158 227.755 27.764 227.772 36.5052C227.76 43.7494 233.044 48.4228 239.031 48.4228C244.006 48.4353 248.383 45.1468 249.731 40.3781H244.64C243.599 42.5303 241.424 43.907 239.026 43.9402C235.888 43.9402 233.084 41.5268 232.585 37.6828H250.228ZM239.026 29.0661C241.876 29.067 244.381 30.9494 245.165 33.6814H232.887C233.669 30.9494 236.173 29.067 239.026 29.0661ZM260.582 48.3605C254.591 48.3605 251.156 45.4868 251.156 40.4776V40.3741H255.84V40.4736C256.047 43.14 257.729 44.4419 260.994 44.4419C263.706 44.4419 265.39 43.339 265.39 41.5642C265.39 40.063 264.245 39.495 261.988 38.931L258.678 38.0976C256.214 37.4962 254.565 36.783 253.495 35.8626C252.313 34.8341 251.677 33.3207 251.771 31.7574C251.717 29.8332 252.563 27.988 254.059 26.7729C255.585 25.5289 257.793 24.8779 260.441 24.8779C263.088 24.8779 265.482 25.5539 267.093 26.8353C268.684 28.0793 269.593 29.999 269.541 32.0103V32.0517H264.895V32.0103C264.771 29.8539 263.18 28.7136 260.29 28.7136C258.016 28.7136 256.61 29.6094 256.61 31.044C256.61 32.6447 258.009 33.2875 260.266 33.7974L263.072 34.4235C267.685 35.4894 270.184 36.8494 270.184 40.9713C270.262 43.0652 269.334 45.0765 267.685 46.3826C266.052 47.6598 263.576 48.3565 260.591 48.3565L260.582 48.3605ZM219.496 36.6172C219.496 30.0986 214.191 24.8158 207.646 24.8158C201.101 24.8158 195.796 30.0986 195.796 36.6172C195.796 43.1357 201.101 48.4186 207.646 48.4186C214.191 48.4186 219.496 43.1357 219.496 36.6172ZM214.754 36.6172C214.754 40.5275 211.568 43.6998 207.641 43.6998C203.716 43.6998 200.531 40.5275 200.531 36.6172C200.531 32.7068 203.716 29.5346 207.641 29.5346C211.568 29.5346 214.754 32.7068 214.754 36.6172ZM180.333 25.1765C186.679 23.58 193.122 27.4075 194.727 33.727V33.731H189.725C189.009 32.1388 187.732 30.8699 186.137 30.1567C182.552 28.5602 178.347 30.1609 176.744 33.731C175.14 37.3014 176.748 41.4894 180.333 43.0859C183.918 44.6823 188.123 43.0819 189.725 39.5115H194.727C193.659 43.7162 190.363 47.0005 186.142 48.0619C179.795 49.6583 173.35 45.831 171.747 39.5115C170.144 33.192 173.987 26.7729 180.333 25.1765Z\" fill=\"white\"/>\n                <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M8.47326 37.2345H14.5938C17.7883 37.2345 20.2454 36.531 21.9652 35.1263C23.6873 33.7192 24.5472 31.3145 24.5472 27.9192C24.5472 24.8063 23.6873 22.5075 21.9652 21.0251C20.2454 19.5404 17.9367 18.7969 15.0437 18.7969H2.48941V47.5875H8.47326V37.2345ZM18.5822 27.9569C18.5822 29.4557 18.1911 30.5498 17.409 31.2392C16.6151 31.9286 15.5055 32.2745 14.0849 32.2745H8.47326V23.7969H14.0849C15.5055 23.7969 16.608 24.1169 17.3901 24.7545C18.1841 25.3922 18.5822 26.4604 18.5822 27.9569ZM37.0049 25.7898C33.4193 25.7898 30.8891 26.7263 29.4167 28.6016C28.4909 29.8016 27.9702 31.331 27.8525 33.1898H33.2308C33.3604 32.371 33.6219 31.7216 34.013 31.2369C34.5595 30.5875 35.4925 30.2628 36.8094 30.2628C37.9826 30.2628 38.8684 30.4322 39.4668 30.771C40.0816 31.0957 40.3879 31.6933 40.3879 32.5663C40.3879 33.2839 39.9898 33.811 39.1935 34.1498C38.7506 34.3451 38.0132 34.5075 36.9837 34.6369L35.0873 34.8722C32.9364 35.1451 31.3061 35.6016 30.1989 36.2369C28.1776 37.411 27.1669 39.3051 27.1669 41.9216C27.1669 43.9404 27.7936 45.5028 29.0445 46.611C30.3096 47.7028 31.9069 48.251 33.8363 48.251C35.3488 48.251 36.7034 47.9051 37.9025 47.2157C38.891 46.6432 39.7876 45.9253 40.5622 45.0863C40.6023 45.5686 40.6541 45.9992 40.7201 46.3757C40.7837 46.7522 40.9015 47.1569 41.0711 47.5875H47.1327V46.7663C46.8069 46.6282 46.5237 46.4056 46.3129 46.1216C46.1291 45.8628 46.0184 45.3686 45.9807 44.6392C45.9548 43.6745 45.9406 42.8533 45.9406 42.1757V32.411C45.9406 29.8463 45.0336 28.1004 43.222 27.1757C41.4104 26.251 39.3372 25.7898 37.0049 25.7898ZM35.4783 44.2086C34.7221 44.2086 34.0837 43.9922 33.563 43.5639C33.0282 43.1475 32.7597 42.4628 32.7597 41.5122C32.7597 40.4439 33.1908 39.6581 34.0507 39.1498C34.5595 38.8486 35.4006 38.5945 36.5738 38.3875L37.8248 38.1522C38.4514 38.0345 38.9391 37.9122 39.2924 37.7828C39.6576 37.6392 40.0157 37.4557 40.3667 37.2345V39.3051C40.329 41.1663 39.8013 42.4486 38.7836 43.1522C37.8207 43.843 36.664 44.2129 35.4783 44.2086Z\" fill=\"white\"/>\n                <path d=\"M63.9699 26.3L59.5716 42.0035L54.9164 26.3H48.7182L56.5396 48.5258C56.5914 48.6811 56.4736 49.1141 56.1886 49.8153C55.9129 50.5188 55.6138 50.98 55.2887 51.2035C54.9494 51.4364 54.5324 51.5847 54.0377 51.6506C53.5185 51.7164 52.9941 51.736 52.4711 51.7094L51.769 51.6694V56.1235C52.3674 56.1635 52.8174 56.1823 53.1166 56.1823C53.4181 56.1941 53.8139 56.2011 54.311 56.2011C56.7752 56.2011 58.4172 55.7141 59.2394 54.7376C60.0592 53.7729 61.1736 51.2741 62.5824 47.2364L69.8949 26.3H63.9699ZM97.1756 32.0811L100.519 47.587H106.25L112.43 26.3H106.62L103.296 41.6317L100.05 26.3H94.3981L91.3284 41.5729L88.0043 26.3H82.0204L88.0043 47.5894H93.7926L97.1756 32.0811ZM121.248 47.5894V26.3H115.596V47.5894H121.248ZM121.248 23.7611V18.6223H115.596V23.7611H121.248ZM136.424 47.7847V43.6247L135.856 43.6623H135.329C134.193 43.6623 133.517 43.5588 133.295 43.3494C133.074 43.1282 132.961 42.5823 132.961 41.7094V30.46H136.424V26.4953H132.961V20.5541H127.448V26.4929H124.475V30.46H127.448V43.5658C127.448 44.8929 127.759 45.8764 128.386 46.5141C129.352 47.5164 131.149 47.9729 133.783 47.8811L136.424 47.7847ZM159.264 47.5894V35.0882C159.264 33.187 159.198 31.82 159.068 30.987C158.918 30.0906 158.548 29.2451 157.992 28.5258C157.315 27.5988 156.395 26.876 155.334 26.4364C154.2 25.9687 152.983 25.7364 151.756 25.7541C150.58 25.7541 149.461 25.9988 148.392 26.4953C147.336 26.9753 146.403 27.8364 145.595 29.0717V18.8976H140.04V47.5894H145.595V36.0647C145.595 34.2411 145.972 32.8411 146.729 31.8647C147.499 30.8764 148.62 30.3823 150.093 30.3823C151.513 30.3823 152.479 30.8764 152.986 31.8647C153.379 32.5705 153.575 33.4929 153.575 34.6411V47.5894H159.264Z\" fill=\"white\"/>\n            </svg>\n      </div>\n    ");
 }
 
 /**
@@ -10498,7 +12075,7 @@ var FlypayV2WalletService = /*#__PURE__*/function (_WalletService) {
       this.flypayV2Button = document.createElement('button');
       this.flypayV2Button.classList.add(getWidgetClassName(this.widgetId));
       this.flypayV2Button.setAttribute('type', 'button');
-      this.flypayV2Button.setAttribute('aria-label', 'Pay with flypay');
+      this.flypayV2Button.setAttribute('aria-label', 'Pay with Coles Pay');
       this.flypayV2Button.setAttribute('id', this.widgetId);
       this.flypayV2Button.innerHTML = getFlypayV2Button(this.widgetId);
       return this.flypayV2Button;
@@ -10538,7 +12115,11 @@ var FlypayV2WalletService = /*#__PURE__*/function (_WalletService) {
             return resolve(res.id);
           },
           onError: function onError(message, code) {
-            return reject({
+            console.error('Error generating order id', message);
+            _this4.eventEmitter.emit(WALLET_EVENT.PAYMENT_ERROR, {
+              message: message
+            });
+            reject({
               message: message,
               code: code
             });
@@ -11190,7 +12771,11 @@ var AppleWalletService = /*#__PURE__*/function (_WalletService) {
             return resolve(res);
           },
           onError: function onError(message) {
-            return reject(message);
+            console.error('Error generating order id', message);
+            _this4.eventEmitter.emit(WALLET_EVENT.PAYMENT_ERROR, {
+              message: message
+            });
+            reject(message);
           }
         });
       });
@@ -11846,8 +13431,12 @@ var PaypalWalletService = /*#__PURE__*/function (_WalletService) {
               onSuccess: function onSuccess(res) {
                 return resolve(res.id);
               },
-              onError: function onError(err) {
-                return reject(err);
+              onError: function onError(error) {
+                console.error('Error generating order id', error);
+                _this4.eventEmitter.emit(WALLET_EVENT.PAYMENT_ERROR, {
+                  error: error
+                });
+                reject(error);
               }
             });
           });
@@ -15452,18 +17041,18 @@ var InstructionCardFormShow = /*#__PURE__*/function (_InstructionHandler) {
 }(InstructionHandler);
 InstructionCardFormShow = __decorate([Instruction('instruction.card_form.show')], InstructionCardFormShow);
 
-var TEMPLATE = "\n<style>\n    @import url('https://fonts.cdnfonts.com/css/segoe-ui-4');\n    @import url('https://fonts.cdnfonts.com/css/droid-sans-2');\n    @import url('https://fonts.cdnfonts.com/css/helvetica-neue-55');\n    @import url('https://fonts.googleapis.com/css2?family=Cantarell&family=Fira+Sans&family=Oxygen&family=Roboto&family=Ubuntu&display=swap');\n    \n    /* RESET DEFAULT STYLES */\n    *,\n    *:before,\n    *:after {\n        box-sizing: border-box;\n    }\n\n    html,\n    body,\n    div,\n    span,\n    applet,\n    object,\n    iframe,\n    h1,\n    h2,\n    h3,\n    h4,\n    h5,\n    h6,\n    p,\n    blockquote,\n    pre,\n    a,\n    abbr,\n    acronym,\n    address,\n    big,\n    cite,\n    code,\n    del,\n    dfn,\n    em,\n    img,\n    ins,\n    kbd,\n    q,\n    s,\n    samp,\n    small,\n    strike,\n    strong,\n    sub,\n    sup,\n    tt,\n    var,\n    b,\n    u,\n    i,\n    center,\n    dl,\n    dt,\n    dd,\n    ol,\n    ul,\n    li,\n    fieldset,\n    form,\n    label,\n    legend,\n    table,\n    caption,\n    tbody,\n    tfoot,\n    thead,\n    tr,\n    th,\n    td,\n    article,\n    aside,\n    canvas,\n    details,\n    embed,\n    figure,\n    figcaption,\n    footer,\n    header,\n    hgroup,\n    menu,\n    nav,\n    output,\n    ruby,\n    section,\n    summary,\n    time,\n    mark,\n    audio,\n    video,\n    input {\n        margin: 0;\n        padding: 0;\n        border: 0;\n        font-size: 100%;\n        font: inherit;\n        vertical-align: baseline;\n    }\n\n    article,\n    aside,\n    details,\n    figcaption,\n    figure,\n    footer,\n    header,\n    hgroup,\n    menu,\n    nav,\n    section {\n        display: block;\n    }\n\n    body {\n        line-height: 1;\n    }\n\n    ol,\n    ul {\n        list-style: none;\n    }\n\n    ul {\n        padding: 0;\n        margin: 0;\n    }\n\n    /* MAIN STYLES */\n    .wrap {\n        padding: 10px;\n        background-color: {{background_color}};\n    }\n\n    .widget-body {\n        background-color: #fff;\n        border: 1px solid {{border_color}};\n    }\n\n    .payment-source {\n        padding: 1em 0.8em;\n        display: flex;\n        align-items: center;\n        height: 70px;\n    }\n\n    .payment-source:not(:last-child) {\n        border-bottom: 1px solid {{border_color}};\n    }\n\n    .payment-source__wrap {\n        display: flex;\n        align-items: center;\n        font-family: {{font_family}};\n        font-size: {{font_size}};\n        color: {{text_color}}\n    }\n\n    .payment-source__radio {\n        margin-right: 2em;\n        width: 18px;\n        min-width: 18px;\n        height: 18px;\n        border: 1px solid {{button_color}};\n        border-radius: 50%;\n        appearance: none;\n        cursor: pointer;\n\n        @media screen and (max-width: 380px) {\n            margin-right: 1em;\n        }\n    }\n\n    .payment-source__radio::before {\n        content: \"\";\n        display: block;\n        width: 100%;\n        height: 100%;\n        background-color: #fff;\n        border-radius: 50%;\n    }\n\n    .payment-source__radio:checked::before {\n        border: 4px solid {{button_color}};\n        outline: 1px solid {{button_color}};\n    }\n\n    .payment-source__title {\n        margin-right: 2em;\n        font-weight: 400;\n        line-height: 1.2;\n\n        @media screen and (max-width: 380px) {\n            margin-right: 1em;\n            font-size: 14px;\n        }\n    }\n\n    .payment-source__icon {\n        margin-right: 2em;\n        max-height: 35px;\n\n        @media screen and (max-width: 380px) {\n            margin-right: 1em;\n        }\n    }\n\n    .payment-source .card__scheme {\n        margin-left: auto;\n        display: flex;\n        align-items: center;\n    }\n\n    .payment-source .card__scheme__item:not(:last-child) {\n        margin-right: 10px;\n    }\n\n    .payment-source .card__scheme__img {\n        max-width: 50px;\n\n        @media screen and (max-width: 460px) {\n            max-width: 40px;\n        }\n\n        @media screen and (max-width: 410px) {\n            max-width: 30px;\n        }\n    }\n\n    .payment-source__form {\n        margin-top: 1em;\n        margin-bottom: 1em;\n        margin-left: calc(2em + 18px);\n\n        @media screen and (max-width: 380px) {\n            margin-left: calc(1em + 18px);\n        }\n    }\n\n    .payment-source__form .form-group:not(:last-child) {\n        margin-bottom: 1.5em;\n    }\n\n    .payment-source__form .form-control {\n        padding: 10px 2px 10px 10px;\n        height: 40px;\n        background: #F9F9F9;\n        border: 1px solid {{border_color}};\n    }\n\n    .payment-source__form .form-control:not(:last-child) {\n        margin-right: 1.5em;\n    }\n\n    .payment-source__form .form-control.col-12 {\n        width: calc(100% - 1.5em);\n    }\n\n    .payment-source__form .form-control.col-3 {\n        width: calc(33.33% - 1.5em);\n    }\n\n    .footer__pay-btn {\n        margin-left: auto;\n        padding: 10px 2em;\n        height: 50px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        color: #F6F0EB;\n        font-size: 16px;\n        background-color: {{button_color}};\n        box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.10), 0 0 0 0.5px rgba(0, 0, 0, 0.10);\n        border: none;\n        border-radius: 6px;\n        cursor: pointer;\n    }\n\n    .footer__pay-btn--paypal {\n        padding: 5px 2em;\n        background-color: #FFC43A;\n    }\n\n    .footer__pay-btn--gpay {\n        font-size: 22px;\n    }\n\n    .footer__pay-btn--gpay img {\n        margin-left: 5px;\n    }\n\n    .footer__pay-btn img {\n        max-height: 100%;\n    }\n</style>\n<main class=\"wrap\">\n    <div class=\"widget-body\">\n        <ul class=\"payment-sources__list\">\n            {{paymentMethods}}\n        </ul>\n    </div>\n</main>\n</div>\n";
+var TEMPLATE = "\n<style>\n    @import url('https://fonts.cdnfonts.com/css/segoe-ui-4');\n    @import url('https://fonts.cdnfonts.com/css/droid-sans-2');\n    @import url('https://fonts.cdnfonts.com/css/helvetica-neue-55');\n    @import url('https://fonts.googleapis.com/css2?family=Cantarell&family=Fira+Sans&family=Oxygen&family=Roboto&family=Ubuntu&display=swap');\n    \n    /* RESET DEFAULT STYLES */\n    *,\n    *:before,\n    *:after {\n        box-sizing: border-box;\n    }\n\n    html,\n    body,\n    div,\n    span,\n    applet,\n    object,\n    iframe,\n    h1,\n    h2,\n    h3,\n    h4,\n    h5,\n    h6,\n    p,\n    blockquote,\n    pre,\n    a,\n    abbr,\n    acronym,\n    address,\n    big,\n    cite,\n    code,\n    del,\n    dfn,\n    em,\n    img,\n    ins,\n    kbd,\n    q,\n    s,\n    samp,\n    small,\n    strike,\n    strong,\n    sub,\n    sup,\n    tt,\n    var,\n    b,\n    u,\n    i,\n    center,\n    dl,\n    dt,\n    dd,\n    ol,\n    ul,\n    li,\n    fieldset,\n    form,\n    label,\n    legend,\n    table,\n    caption,\n    tbody,\n    tfoot,\n    thead,\n    tr,\n    th,\n    td,\n    article,\n    aside,\n    canvas,\n    details,\n    embed,\n    figure,\n    figcaption,\n    footer,\n    header,\n    hgroup,\n    menu,\n    nav,\n    output,\n    ruby,\n    section,\n    summary,\n    time,\n    mark,\n    audio,\n    video,\n    input {\n        margin: 0;\n        padding: 0;\n        border: 0;\n        font-size: 100%;\n        font: inherit;\n        vertical-align: baseline;\n    }\n\n    article,\n    aside,\n    details,\n    figcaption,\n    figure,\n    footer,\n    header,\n    hgroup,\n    menu,\n    nav,\n    section {\n        display: block;\n    }\n\n    body {\n        line-height: 1;\n    }\n\n    ol,\n    ul {\n        list-style: none;\n    }\n\n    ul {\n        padding: 0;\n        margin: 0;\n    }\n\n    /* MAIN STYLES */\n    .wrap {\n        padding: 10px;\n        background-color: {{background_color}};\n    }\n\n    .widget-body {\n        background-color: #fff;\n        border: 1px solid {{border_color}};\n    }\n\n    .payment-source {\n        cursor: pointer;\n        padding: 1em 0.8em;\n        display: flex;\n        align-items: center;\n        height: 70px;\n    }\n\n    .payment-source:not(:last-child) {\n        border-bottom: 1px solid {{border_color}};\n    }\n\n    .payment-source__wrap {\n        display: flex;\n        align-items: center;\n        font-family: {{font_family}};\n        font-size: {{font_size}};\n        color: {{text_color}}\n    }\n\n    .payment-source__radio {\n        margin-right: 2em;\n        width: 18px;\n        min-width: 18px;\n        height: 18px;\n        border: 1px solid {{button_color}};\n        border-radius: 50%;\n        appearance: none;\n        cursor: pointer;\n\n        @media screen and (max-width: 380px) {\n            margin-right: 1em;\n        }\n    }\n\n    .payment-source__radio::before {\n        content: \"\";\n        display: block;\n        width: 100%;\n        height: 100%;\n        background-color: #fff;\n        border-radius: 50%;\n    }\n\n    .payment-source__radio:checked::before {\n        border: 4px solid {{button_color}};\n        outline: 1px solid {{button_color}};\n    }\n\n    .payment-source__title {\n        margin-right: 2em;\n        font-weight: 400;\n        line-height: 1.2;\n\n        @media screen and (max-width: 380px) {\n            margin-right: 1em;\n            font-size: 14px;\n        }\n    }\n\n    .payment-source__icon {\n        margin-right: 2em;\n        max-height: 35px;\n\n        @media screen and (max-width: 380px) {\n            margin-right: 1em;\n        }\n    }\n\n    .payment-source .card__scheme {\n        margin-left: auto;\n        display: flex;\n        align-items: center;\n    }\n\n    .payment-source .card__scheme__item:not(:last-child) {\n        margin-right: 10px;\n    }\n\n    .payment-source .card__scheme__img {\n        max-width: 50px;\n\n        @media screen and (max-width: 460px) {\n            max-width: 40px;\n        }\n\n        @media screen and (max-width: 410px) {\n            max-width: 30px;\n        }\n    }\n\n    .payment-source__form {\n        margin-top: 1em;\n        margin-bottom: 1em;\n        margin-left: calc(2em + 18px);\n\n        @media screen and (max-width: 380px) {\n            margin-left: calc(1em + 18px);\n        }\n    }\n\n    .payment-source__form .form-group:not(:last-child) {\n        margin-bottom: 1.5em;\n    }\n\n    .payment-source__form .form-control {\n        padding: 10px 2px 10px 10px;\n        height: 40px;\n        background: #F9F9F9;\n        border: 1px solid {{border_color}};\n    }\n\n    .payment-source__form .form-control:not(:last-child) {\n        margin-right: 1.5em;\n    }\n\n    .payment-source__form .form-control.col-12 {\n        width: calc(100% - 1.5em);\n    }\n\n    .payment-source__form .form-control.col-3 {\n        width: calc(33.33% - 1.5em);\n    }\n\n    .footer__pay-btn {\n        margin-left: auto;\n        padding: 10px 2em;\n        height: 50px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        color: #F6F0EB;\n        font-size: 16px;\n        background-color: {{button_color}};\n        box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.10), 0 0 0 0.5px rgba(0, 0, 0, 0.10);\n        border: none;\n        border-radius: 6px;\n        cursor: pointer;\n    }\n\n    .footer__pay-btn--paypal {\n        padding: 5px 2em;\n        background-color: #FFC43A;\n    }\n\n    .footer__pay-btn--gpay {\n        font-size: 22px;\n    }\n\n    .footer__pay-btn--gpay img {\n        margin-left: 5px;\n    }\n\n    .footer__pay-btn img {\n        max-height: 100%;\n    }\n</style>\n<main class=\"wrap\">\n    <div class=\"widget-body\">\n        <ul class=\"payment-sources__list\">\n            {{paymentMethods}}\n        </ul>\n    </div>\n</main>\n</div>\n";
 
 var PAYMENT_METHOD = {
-  card: "<li class=\"payment-source\">\n    <div class=\"payment-source__wrap\">\n        <input class=\"payment-source__radio\" pm-button=\"card\" type=\"radio\" name=\"radio-group\" />\n        <h2 class=\"payment-source__title\">Pay with Credit or Debit card</h2>\n    </div>\n</li>",
-  bank_account: "<li class=\"payment-source\">\n    <div class=\"payment-source__wrap\">\n        <input class=\"payment-source__radio\" pm-button=\"bank_account\" type=\"radio\" name=\"radio-group\" />\n        <h2 class=\"payment-source__title\">Pay Bank Account</h2>\n    </div>\n</li>",
-  paypal_wallet: "<li class=\"payment-source\">\n    <div  class=\"payment-source__wrap\">\n        <input class=\"payment-source__radio\" pm-button=\"paypal_wallet\" type=\"radio\" name=\"radio-group\">\n        <svg  xmlns=\"http://www.w3.org/2000/svg\"  height=\"28\" viewBox=\"0 0 338.667 89.785\" xmlns:v=\"https://vecta.io/nano\"><g transform=\"translate(936.898 -21.779)\"><path clip-path=\"none\" d=\"M-828.604 39.734c-.697 0-1.289.506-1.398 1.195l-8.068 51.165a1.31 1.31 0 0 0 1.294 1.513h9.568c.696 0 1.289-.507 1.398-1.195l2.37-15.025c.108-.688.701-1.195 1.398-1.195h8.699c10.164 0 18.792-7.416 20.368-17.465 1.589-10.134-6.328-18.971-17.549-18.993zm9.301 11.422h6.96c5.73 0 7.596 3.381 7.006 7.12-.59 3.747-3.488 6.507-9.031 6.507h-7.084zm45.788 3.478c-2.416.009-5.196.504-8.317 1.804-7.159 2.984-10.597 9.151-12.057 13.647 0 0-4.647 13.717 5.852 21.253 0 0 9.737 7.255 20.698-.447l-.189 1.203a1.31 1.31 0 0 0 1.292 1.513h9.083c.697 0 1.289-.507 1.398-1.195l5.525-35.038a1.31 1.31 0 0 0-1.292-1.515h-9.083c-.697 0-1.29.507-1.398 1.195l-.297 1.886s-3.967-4.333-11.216-4.306zm.297 11.067c1.043 0 1.997.144 2.853.419 3.919 1.258 6.141 5.023 5.498 9.104-.793 5.025-4.914 8.725-10.199 8.725-1.042 0-1.996-.143-2.853-.418-3.918-1.258-6.154-5.023-5.511-9.104.793-5.025 4.927-8.727 10.212-8.727z\" fill=\"#003087\"/><path clip-path=\"none\" d=\"M-697.804 39.734c-.697 0-1.289.506-1.398 1.195l-8.068 51.165a1.31 1.31 0 0 0 1.294 1.513h9.568c.696 0 1.289-.507 1.398-1.195l2.37-15.025c.108-.688.701-1.195 1.398-1.195h8.699c10.164 0 18.791-7.416 20.366-17.465 1.59-10.134-6.326-18.971-17.547-18.993zm9.301 11.422h6.96c5.73 0 7.596 3.381 7.006 7.12-.59 3.747-3.487 6.507-9.031 6.507h-7.084zm45.787 3.478c-2.416.009-5.196.504-8.317 1.804-7.159 2.984-10.597 9.151-12.057 13.647 0 0-4.645 13.717 5.854 21.253 0 0 9.735 7.255 20.697-.447l-.189 1.203a1.31 1.31 0 0 0 1.294 1.513h9.082c.697 0 1.289-.507 1.398-1.195l5.527-35.038a1.31 1.31 0 0 0-1.294-1.515h-9.083c-.697 0-1.29.507-1.398 1.195l-.297 1.886s-3.967-4.333-11.216-4.306zm.297 11.067c1.043 0 1.997.144 2.853.419 3.919 1.258 6.141 5.023 5.498 9.104-.793 5.025-4.914 8.725-10.199 8.725-1.042 0-1.996-.143-2.853-.418-3.918-1.258-6.154-5.023-5.511-9.104.793-5.025 4.927-8.727 10.212-8.727z\" fill=\"#0070e0\"/><path clip-path=\"none\" d=\"M-745.92 55.859c-.72 0-1.232.703-1.012 1.388l9.958 30.901-9.004 14.562c-.437.707.071 1.62.902 1.62h10.642a1.77 1.77 0 0 0 1.513-.854l27.811-46.007c.427-.707-.083-1.611-.909-1.611h-10.641a1.77 1.77 0 0 0-1.522.869l-10.947 18.482-5.557-18.345c-.181-.597-.732-1.006-1.355-1.006z\" fill=\"#003087\"/><path clip-path=\"none\" d=\"M-609.107 39.734c-.696 0-1.289.507-1.398 1.195l-8.07 51.163a1.31 1.31 0 0 0 1.294 1.515h9.568c.696 0 1.289-.507 1.398-1.195l8.068-51.165a1.31 1.31 0 0 0-1.292-1.513z\" fill=\"#0070e0\"/><path clip-path=\"none\" d=\"M-908.37 39.734a2.59 2.59 0 0 0-2.556 2.185l-4.247 26.936c.198-1.258 1.282-2.185 2.556-2.185h12.445c12.525 0 23.153-9.137 25.095-21.519a20.76 20.76 0 0 0 .245-2.793c-3.183-1.669-6.922-2.624-11.019-2.624z\" fill=\"#001c64\"/><path clip-path=\"none\" d=\"M-874.832 42.359a20.76 20.76 0 0 1-.245 2.793c-1.942 12.382-12.571 21.519-25.095 21.519h-12.445c-1.273 0-2.358.926-2.556 2.185l-3.905 24.752-2.446 15.528a2.1 2.1 0 0 0 2.075 2.43h13.508a2.59 2.59 0 0 0 2.556-2.185l3.558-22.567a2.59 2.59 0 0 1 2.558-2.185h7.953c12.525 0 23.153-9.137 25.095-21.519 1.379-8.788-3.047-16.784-10.611-20.75z\" fill=\"#0070e0\"/><path clip-path=\"none\" d=\"M-923.716 21.779c-1.273 0-2.358.926-2.556 2.183l-10.6 67.216c-.201 1.276.785 2.43 2.077 2.43h15.719l3.903-24.752 4.247-26.936a2.59 2.59 0 0 1 2.556-2.185h22.519c4.098 0 7.836.956 11.019 2.624.218-11.273-9.084-20.58-21.873-20.58z\" fill=\"#003087\"/></g></svg>\n    </div>\n</li>",
-  googlepay_wallet: "<li class=\"payment-source\">\n    <div max-height: \"28px\" class=\"payment-source__wrap\">\n        <input class=\"payment-source__radio\" pm-button=\"googlepay_wallet\" type=\"radio\" name=\"radio-group\" />\n          <svg version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" \n              width=\"80px\" height=\"38px\" viewBox=\"0 0 80 38.1\" xml:space=\"preserve\">\n            <style type=\"text/css\">\n                .st0{fill:#5F6368;}\n                .st1{fill:#4285F4;}\n                .st2{fill:#34A853;}\n                .st3{fill:#FBBC04;}\n                .st4{fill:#EA4335;}\n            </style>\n            <path class=\"st0\" d=\"M37.8,19.7V29h-3V6h7.8c1.9,0,3.7,0.7,5.1,2c1.4,1.2,2.1,3,2.1,4.9c0,1.9-0.7,3.6-2.1,4.9c-1.4,1.3-3.1,2-5.1,2\n                L37.8,19.7L37.8,19.7z M37.8,8.8v8h5c1.1,0,2.2-0.4,2.9-1.2c1.6-1.5,1.6-4,0.1-5.5c0,0-0.1-0.1-0.1-0.1c-0.8-0.8-1.8-1.3-2.9-1.2\n                L37.8,8.8L37.8,8.8z\"/>\n            <path class=\"st0\" d=\"M56.7,12.8c2.2,0,3.9,0.6,5.2,1.8s1.9,2.8,1.9,4.8V29H61v-2.2h-0.1c-1.2,1.8-2.9,2.7-4.9,2.7\n                c-1.7,0-3.2-0.5-4.4-1.5c-1.1-1-1.8-2.4-1.8-3.9c0-1.6,0.6-2.9,1.8-3.9c1.2-1,2.9-1.4,4.9-1.4c1.8,0,3.2,0.3,4.3,1v-0.7\n                c0-1-0.4-2-1.2-2.6c-0.8-0.7-1.8-1.1-2.9-1.1c-1.7,0-3,0.7-3.9,2.1l-2.6-1.6C51.8,13.8,53.9,12.8,56.7,12.8z M52.9,24.2\n                c0,0.8,0.4,1.5,1,1.9c0.7,0.5,1.5,0.8,2.3,0.8c1.2,0,2.4-0.5,3.3-1.4c1-0.9,1.5-2,1.5-3.2c-0.9-0.7-2.2-1.1-3.9-1.1\n                c-1.2,0-2.2,0.3-3,0.9C53.3,22.6,52.9,23.3,52.9,24.2z\"/>\n            <path class=\"st0\" d=\"M80,13.3l-9.9,22.7h-3l3.7-7.9l-6.5-14.7h3.2l4.7,11.3h0.1l4.6-11.3H80z\"/>\n            <path class=\"st1\" d=\"M25.9,17.7c0-0.9-0.1-1.8-0.2-2.7H13.2v5.1h7.1c-0.3,1.6-1.2,3.1-2.6,4v3.3H22C24.5,25.1,25.9,21.7,25.9,17.7z\"\n                />\n            <path class=\"st2\" d=\"M13.2,30.6c3.6,0,6.6-1.2,8.8-3.2l-4.3-3.3c-1.2,0.8-2.7,1.3-4.5,1.3c-3.4,0-6.4-2.3-7.4-5.5H1.4v3.4\n                C3.7,27.8,8.2,30.6,13.2,30.6z\"/>\n            <path class=\"st3\" d=\"M5.8,19.9c-0.6-1.6-0.6-3.4,0-5.1v-3.4H1.4c-1.9,3.7-1.9,8.1,0,11.9L5.8,19.9z\"/>\n            <path class=\"st4\" d=\"M13.2,9.4c1.9,0,3.7,0.7,5.1,2l0,0l3.8-3.8c-2.4-2.2-5.6-3.5-8.8-3.4c-5,0-9.6,2.8-11.8,7.3l4.4,3.4\n                C6.8,11.7,9.8,9.4,13.2,9.4z\"/>\n          </svg>\n    </div>\n</li>",
-  flypay: "<li class=\"payment-source\">\n<div class=\"payment-source__wrap\">\n    <input class=\"payment-source__radio\" pm-button=\"flypay\" type=\"radio\" name=\"radio-group\" />\n    <div class=\"payment-source__icon\">\n        <svg xmlns=\"http://www.w3.org/2000/svg\"  height=\"38\" viewBox=\"0 0 82 40\" fill=\"none\">\n            <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M18.2312 5.46959C18.2312 4.98803 18.6216 4.59766 19.1031 4.59766H77.3212C80.3349 4.59766 82.5618 7.40629 81.8747 10.3406L77.3202 29.7913C76.5899 32.9099 73.8086 35.1152 70.6056 35.1152H34.1637C33.6822 35.1152 33.2918 34.7248 33.2918 34.2432C33.2918 33.7617 33.6822 33.3713 34.1637 33.3713H70.6056C72.9986 33.3713 75.0766 31.7237 75.6222 29.3937L80.1768 9.94303C80.6077 8.10286 79.2111 6.34151 77.3212 6.34151H19.1031C18.6216 6.34151 18.2312 5.95114 18.2312 5.46959Z\" fill=\"black\"/>\n            <path d=\"M4.29622 16.0912V27.204H0V13.6759C0 7.20014 3.7341 4.69238 7.7376 4.69238H11.5729V8.47799H7.7376C4.9845 8.47799 4.29622 11.0155 4.29622 12.2865H9.44925V16.0912H4.29622Z\" fill=\"black\"/>\n            <path d=\"M17.2811 4.677L13.0007 5.78525V27.1886H17.2811V4.677Z\" fill=\"black\"/>\n            <path d=\"M32.9749 29.2495V12.2073L28.7738 13.4755V19.579C28.7738 22.2741 28.0128 23.5424 25.9202 23.5424C23.8275 23.5424 23.1458 21.957 23.1458 20.1339V12.2073L19.1033 13.4755V20.451C19.1033 22.0363 19.3601 24.0179 21.2435 25.7618C23.3944 27.7535 27.0299 27.4 28.7738 26.7923V28.3776C28.7738 31.9287 27.7433 33.1336 25.0482 33.1336V36.9384C30.3591 36.9384 32.9749 33.9262 32.9749 29.2495Z\" fill=\"black\"/>\n            <path d=\"M67.6141 27.1889H64.1264L65.6302 21.3583L62.72 12.2192H66.1873L68.0897 18.311L73.1558 12.2192H76.809L69.0409 21.6442L67.6141 27.1889Z\" fill=\"black\"/>\n            <path d=\"M58.3963 23.8804H52.1572L50.166 27.1889H46.5293L56.4376 12.2192H59.9253L62.1448 27.1889H58.7363L58.3963 23.8804ZM57.8959 21.006L57.3095 16.3293L54.2181 21.006H57.8959Z\" fill=\"black\"/>\n            <path d=\"M39.0708 27.1886H35.6699L39.1218 12.219H45.2077C49.3432 12.219 50.6898 15.7935 49.2718 19.256C47.7393 22.9981 43.469 22.5543 40.1532 22.5543L39.0708 27.1886ZM40.6637 19.8061C42.0281 19.8061 43.578 19.9845 44.8707 19.4997C46.1635 19.015 46.6087 18.4033 46.6087 16.9632C46.6087 15.3689 45.0509 15.2193 43.8905 15.2193H41.6848L40.6637 19.8061Z\" fill=\"black\"/>\n            <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M23.2249 0.713641C23.2249 0.319643 23.5443 0.000244169 23.9382 0.000244203L47.7181 0.000246282C48.1121 0.000246316 48.4315 0.319645 48.4315 0.713643C48.4315 1.10764 48.1121 1.42704 47.7181 1.42704L23.9382 1.42704C23.5443 1.42704 23.2249 1.10764 23.2249 0.713641Z\" fill=\"black\"/>\n            <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M39.2368 38.6028C39.2368 38.2088 39.5562 37.8894 39.9502 37.8894L63.7301 37.8894C64.1241 37.8894 64.4435 38.2088 64.4435 38.6028C64.4435 38.9968 64.1241 39.3162 63.7301 39.3162L39.9502 39.3162C39.5562 39.3162 39.2368 38.9968 39.2368 38.6028Z\" fill=\"black\"/>\n        </svg>\n    </div>\n</div>\n</li>",
-  zip_checkout: "<li class=\"payment-source\">\n  <div class=\"payment-source__wrap\">\n    <input  class=\"payment-source__radio\" pm-button=\"zip_checkout\" type=\"radio\" name=\"radio-group\" />\n    <svg  height=\"30\" viewBox=\"0 0 768 285\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n      <g clip-path=\"url(#clip0)\">\n      <path d=\"M19.53 227.27L26.19 281.53H259.36L251.73 219.39H143.01L142.06 211.69L242.19 141.72L235.5 87.3601H2.34998L9.97998 149.49H118.88L119.83 157.26L19.53 227.27Z\" fill=\"black\"/>\n      <path d=\"M262.59 87.3601L286.44 281.53H519.78L495.93 87.3601H262.59Z\" fill=\"#AA8FFF\"/>\n      <path d=\"M764.47 157.26C759.09 113.62 724.81 87.1701 678.21 87.3601H523L546.84 281.54H616.67L611.89 242.7H685.78C743.93 242.69 770.54 206.46 764.47 157.26ZM678.23 188.26L605.23 188.34L599.51 141.74L672.92 141.8C690.18 142.01 699.01 151.73 700.44 165.03C701.32 173.59 697.4 188.25 678.23 188.25V188.26Z\" fill=\"black\"/>\n      <path d=\"M332.303 61.5598C344.584 48.3762 342.443 26.4212 327.522 12.522C312.601 -1.37727 290.549 -1.95741 278.269 11.2262C265.988 24.4098 268.129 46.3647 283.05 60.264C297.971 74.1632 320.023 74.7434 332.303 61.5598Z\" fill=\"black\"/>\n      </g>\n      <defs>\n      <clipPath id=\"clip0\">\n      <rect width=\"768\" height=\"285\" fill=\"white\"/>\n      </clipPath>\n      </defs>\n    </svg>\n  </div>\n</li>",
-  applepay_wallet: "<li class=\"payment-source\">\n  <div class=\"payment-source__wrap\">\n    <input class=\"payment-source__radio\" pm-button=\"applepay_wallet\" type=\"radio\" name=\"radio-group\" />\n      <svg version=\"1.1\" baseProfile=\"tiny\" id=\"Layer_1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\"\n      width=\"78px\" height=\"32px\" viewBox=\"0 0 512 210.2\" xml:space=\"preserve\">\n        <path id=\"XMLID_34_\" d=\"M93.6,27.1C87.6,34.2,78,39.8,68.4,39c-1.2-9.6,3.5-19.8,9-26.1c6-7.3,16.5-12.5,25-12.9\n          C103.4,10,99.5,19.8,93.6,27.1 M102.3,40.9c-13.9-0.8-25.8,7.9-32.4,7.9c-6.7,0-16.8-7.5-27.8-7.3c-14.3,0.2-27.6,8.3-34.9,21.2\n          c-15,25.8-3.9,64,10.6,85c7.1,10.4,15.6,21.8,26.8,21.4c10.6-0.4,14.8-6.9,27.6-6.9c12.9,0,16.6,6.9,27.8,6.7\n          c11.6-0.2,18.9-10.4,26-20.8c8.1-11.8,11.4-23.3,11.6-23.9c-0.2-0.2-22.4-8.7-22.6-34.3c-0.2-21.4,17.5-31.6,18.3-32.2\n          C123.3,42.9,107.7,41.3,102.3,40.9 M182.6,11.9v155.9h24.2v-53.3h33.5c30.6,0,52.1-21,52.1-51.4c0-30.4-21.1-51.2-51.3-51.2H182.6z\n          M206.8,32.3h27.9c21,0,33,11.2,33,30.9c0,19.7-12,31-33.1,31h-27.8V32.3z M336.6,169c15.2,0,29.3-7.7,35.7-19.9h0.5v18.7h22.4V90.2\n          c0-22.5-18-37-45.7-37c-25.7,0-44.7,14.7-45.4,34.9h21.8c1.8-9.6,10.7-15.9,22.9-15.9c14.8,0,23.1,6.9,23.1,19.6v8.6l-30.2,1.8\n          c-28.1,1.7-43.3,13.2-43.3,33.2C298.4,155.6,314.1,169,336.6,169z M343.1,150.5c-12.9,0-21.1-6.2-21.1-15.7c0-9.8,7.9-15.5,23-16.4\n          l26.9-1.7v8.8C371.9,140.1,359.5,150.5,343.1,150.5z M425.1,210.2c23.6,0,34.7-9,44.4-36.3L512,54.7h-24.6l-28.5,92.1h-0.5\n          l-28.5-92.1h-25.3l41,113.5l-2.2,6.9c-3.7,11.7-9.7,16.2-20.4,16.2c-1.9,0-5.6-0.2-7.1-0.4v18.7C417.3,210,423.3,210.2,425.1,210.2z\n          \"/>\n      </svg>\n  </div>\n</li>\n",
-  afterpay_wallet: "<li class=\"payment-source\">\n<div class=\"payment-source__wrap\">\n    <input class=\"payment-source__radio\" pm-button=\"afterpay_wallet\" type=\"radio\" name=\"radio-group\">\n    ".concat(getIcon(paymentMethods.AFTERPAY), "\n</div>\n</li>"),
-  afterpay_checkout: "<li class=\"payment-source\">\n<div class=\"payment-source__wrap\">\n    <input class=\"payment-source__radio\" pm-button=\"afterpay_checkout\" type=\"radio\" name=\"radio-group\">\n    ".concat(getIcon(paymentMethods.AFTERPAY), "\n</div>\n</li>")
+  card: "<label class=\"payment-source\">\n    <li class=\"payment-source\">\n      <div class=\"payment-source__wrap\">\n          <input class=\"payment-source__radio\" pm-button=\"card\" type=\"radio\" name=\"radio-group\" />\n          <h2 class=\"payment-source__title\">Pay with Credit or Debit card</h2>\n      </div>\n    </li>\n  </label>",
+  bank_account: "<label class=\"payment-source\">\n    <li class=\"payment-source\">\n      <div class=\"payment-source__wrap\">\n          <input class=\"payment-source__radio\" pm-button=\"bank_account\" type=\"radio\" name=\"radio-group\" />\n          <h2 class=\"payment-source__title\">Pay Bank Account</h2>\n      </div>\n    </li>\n  </label>",
+  paypal_wallet: "<label class=\"payment-source\">\n    <li class=\"payment-source\">\n      <div  class=\"payment-source__wrap\">\n          <input class=\"payment-source__radio\" pm-button=\"paypal_wallet\" type=\"radio\" name=\"radio-group\">\n          <svg  xmlns=\"http://www.w3.org/2000/svg\"  height=\"28\" viewBox=\"0 0 338.667 89.785\" xmlns:v=\"https://vecta.io/nano\"><g transform=\"translate(936.898 -21.779)\"><path clip-path=\"none\" d=\"M-828.604 39.734c-.697 0-1.289.506-1.398 1.195l-8.068 51.165a1.31 1.31 0 0 0 1.294 1.513h9.568c.696 0 1.289-.507 1.398-1.195l2.37-15.025c.108-.688.701-1.195 1.398-1.195h8.699c10.164 0 18.792-7.416 20.368-17.465 1.589-10.134-6.328-18.971-17.549-18.993zm9.301 11.422h6.96c5.73 0 7.596 3.381 7.006 7.12-.59 3.747-3.488 6.507-9.031 6.507h-7.084zm45.788 3.478c-2.416.009-5.196.504-8.317 1.804-7.159 2.984-10.597 9.151-12.057 13.647 0 0-4.647 13.717 5.852 21.253 0 0 9.737 7.255 20.698-.447l-.189 1.203a1.31 1.31 0 0 0 1.292 1.513h9.083c.697 0 1.289-.507 1.398-1.195l5.525-35.038a1.31 1.31 0 0 0-1.292-1.515h-9.083c-.697 0-1.29.507-1.398 1.195l-.297 1.886s-3.967-4.333-11.216-4.306zm.297 11.067c1.043 0 1.997.144 2.853.419 3.919 1.258 6.141 5.023 5.498 9.104-.793 5.025-4.914 8.725-10.199 8.725-1.042 0-1.996-.143-2.853-.418-3.918-1.258-6.154-5.023-5.511-9.104.793-5.025 4.927-8.727 10.212-8.727z\" fill=\"#003087\"/><path clip-path=\"none\" d=\"M-697.804 39.734c-.697 0-1.289.506-1.398 1.195l-8.068 51.165a1.31 1.31 0 0 0 1.294 1.513h9.568c.696 0 1.289-.507 1.398-1.195l2.37-15.025c.108-.688.701-1.195 1.398-1.195h8.699c10.164 0 18.791-7.416 20.366-17.465 1.59-10.134-6.326-18.971-17.547-18.993zm9.301 11.422h6.96c5.73 0 7.596 3.381 7.006 7.12-.59 3.747-3.487 6.507-9.031 6.507h-7.084zm45.787 3.478c-2.416.009-5.196.504-8.317 1.804-7.159 2.984-10.597 9.151-12.057 13.647 0 0-4.645 13.717 5.854 21.253 0 0 9.735 7.255 20.697-.447l-.189 1.203a1.31 1.31 0 0 0 1.294 1.513h9.082c.697 0 1.289-.507 1.398-1.195l5.527-35.038a1.31 1.31 0 0 0-1.294-1.515h-9.083c-.697 0-1.29.507-1.398 1.195l-.297 1.886s-3.967-4.333-11.216-4.306zm.297 11.067c1.043 0 1.997.144 2.853.419 3.919 1.258 6.141 5.023 5.498 9.104-.793 5.025-4.914 8.725-10.199 8.725-1.042 0-1.996-.143-2.853-.418-3.918-1.258-6.154-5.023-5.511-9.104.793-5.025 4.927-8.727 10.212-8.727z\" fill=\"#0070e0\"/><path clip-path=\"none\" d=\"M-745.92 55.859c-.72 0-1.232.703-1.012 1.388l9.958 30.901-9.004 14.562c-.437.707.071 1.62.902 1.62h10.642a1.77 1.77 0 0 0 1.513-.854l27.811-46.007c.427-.707-.083-1.611-.909-1.611h-10.641a1.77 1.77 0 0 0-1.522.869l-10.947 18.482-5.557-18.345c-.181-.597-.732-1.006-1.355-1.006z\" fill=\"#003087\"/><path clip-path=\"none\" d=\"M-609.107 39.734c-.696 0-1.289.507-1.398 1.195l-8.07 51.163a1.31 1.31 0 0 0 1.294 1.515h9.568c.696 0 1.289-.507 1.398-1.195l8.068-51.165a1.31 1.31 0 0 0-1.292-1.513z\" fill=\"#0070e0\"/><path clip-path=\"none\" d=\"M-908.37 39.734a2.59 2.59 0 0 0-2.556 2.185l-4.247 26.936c.198-1.258 1.282-2.185 2.556-2.185h12.445c12.525 0 23.153-9.137 25.095-21.519a20.76 20.76 0 0 0 .245-2.793c-3.183-1.669-6.922-2.624-11.019-2.624z\" fill=\"#001c64\"/><path clip-path=\"none\" d=\"M-874.832 42.359a20.76 20.76 0 0 1-.245 2.793c-1.942 12.382-12.571 21.519-25.095 21.519h-12.445c-1.273 0-2.358.926-2.556 2.185l-3.905 24.752-2.446 15.528a2.1 2.1 0 0 0 2.075 2.43h13.508a2.59 2.59 0 0 0 2.556-2.185l3.558-22.567a2.59 2.59 0 0 1 2.558-2.185h7.953c12.525 0 23.153-9.137 25.095-21.519 1.379-8.788-3.047-16.784-10.611-20.75z\" fill=\"#0070e0\"/><path clip-path=\"none\" d=\"M-923.716 21.779c-1.273 0-2.358.926-2.556 2.183l-10.6 67.216c-.201 1.276.785 2.43 2.077 2.43h15.719l3.903-24.752 4.247-26.936a2.59 2.59 0 0 1 2.556-2.185h22.519c4.098 0 7.836.956 11.019 2.624.218-11.273-9.084-20.58-21.873-20.58z\" fill=\"#003087\"/></g></svg>\n      </div>\n    </li>\n  </label>",
+  googlepay_wallet: "<label class=\"payment-source\">\n    <li class=\"payment-source\">\n      <div max-height: \"28px\" class=\"payment-source__wrap\">\n          <input class=\"payment-source__radio\" pm-button=\"googlepay_wallet\" type=\"radio\" name=\"radio-group\" />\n            <svg version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" \n                width=\"80px\" height=\"38px\" viewBox=\"0 0 80 38.1\" xml:space=\"preserve\">\n              <style type=\"text/css\">\n                  .st0{fill:#5F6368;}\n                  .st1{fill:#4285F4;}\n                  .st2{fill:#34A853;}\n                  .st3{fill:#FBBC04;}\n                  .st4{fill:#EA4335;}\n              </style>\n              <path class=\"st0\" d=\"M37.8,19.7V29h-3V6h7.8c1.9,0,3.7,0.7,5.1,2c1.4,1.2,2.1,3,2.1,4.9c0,1.9-0.7,3.6-2.1,4.9c-1.4,1.3-3.1,2-5.1,2\n                  L37.8,19.7L37.8,19.7z M37.8,8.8v8h5c1.1,0,2.2-0.4,2.9-1.2c1.6-1.5,1.6-4,0.1-5.5c0,0-0.1-0.1-0.1-0.1c-0.8-0.8-1.8-1.3-2.9-1.2\n                  L37.8,8.8L37.8,8.8z\"/>\n              <path class=\"st0\" d=\"M56.7,12.8c2.2,0,3.9,0.6,5.2,1.8s1.9,2.8,1.9,4.8V29H61v-2.2h-0.1c-1.2,1.8-2.9,2.7-4.9,2.7\n                  c-1.7,0-3.2-0.5-4.4-1.5c-1.1-1-1.8-2.4-1.8-3.9c0-1.6,0.6-2.9,1.8-3.9c1.2-1,2.9-1.4,4.9-1.4c1.8,0,3.2,0.3,4.3,1v-0.7\n                  c0-1-0.4-2-1.2-2.6c-0.8-0.7-1.8-1.1-2.9-1.1c-1.7,0-3,0.7-3.9,2.1l-2.6-1.6C51.8,13.8,53.9,12.8,56.7,12.8z M52.9,24.2\n                  c0,0.8,0.4,1.5,1,1.9c0.7,0.5,1.5,0.8,2.3,0.8c1.2,0,2.4-0.5,3.3-1.4c1-0.9,1.5-2,1.5-3.2c-0.9-0.7-2.2-1.1-3.9-1.1\n                  c-1.2,0-2.2,0.3-3,0.9C53.3,22.6,52.9,23.3,52.9,24.2z\"/>\n              <path class=\"st0\" d=\"M80,13.3l-9.9,22.7h-3l3.7-7.9l-6.5-14.7h3.2l4.7,11.3h0.1l4.6-11.3H80z\"/>\n              <path class=\"st1\" d=\"M25.9,17.7c0-0.9-0.1-1.8-0.2-2.7H13.2v5.1h7.1c-0.3,1.6-1.2,3.1-2.6,4v3.3H22C24.5,25.1,25.9,21.7,25.9,17.7z\"\n                  />\n              <path class=\"st2\" d=\"M13.2,30.6c3.6,0,6.6-1.2,8.8-3.2l-4.3-3.3c-1.2,0.8-2.7,1.3-4.5,1.3c-3.4,0-6.4-2.3-7.4-5.5H1.4v3.4\n                  C3.7,27.8,8.2,30.6,13.2,30.6z\"/>\n              <path class=\"st3\" d=\"M5.8,19.9c-0.6-1.6-0.6-3.4,0-5.1v-3.4H1.4c-1.9,3.7-1.9,8.1,0,11.9L5.8,19.9z\"/>\n              <path class=\"st4\" d=\"M13.2,9.4c1.9,0,3.7,0.7,5.1,2l0,0l3.8-3.8c-2.4-2.2-5.6-3.5-8.8-3.4c-5,0-9.6,2.8-11.8,7.3l4.4,3.4\n                  C6.8,11.7,9.8,9.4,13.2,9.4z\"/>\n            </svg>\n      </div>\n    </li>\n  </label>",
+  flypay: "<label class=\"payment-source\">\n    <li class=\"payment-source\">\n      <div class=\"payment-source__wrap\">\n          <input class=\"payment-source__radio\" pm-button=\"flypay\" type=\"radio\" name=\"radio-group\" />\n          <div class=\"payment-source__icon\">\n              <svg xmlns=\"http://www.w3.org/2000/svg\"  height=\"38\" viewBox=\"0 0 82 40\" fill=\"none\">\n                  <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M18.2312 5.46959C18.2312 4.98803 18.6216 4.59766 19.1031 4.59766H77.3212C80.3349 4.59766 82.5618 7.40629 81.8747 10.3406L77.3202 29.7913C76.5899 32.9099 73.8086 35.1152 70.6056 35.1152H34.1637C33.6822 35.1152 33.2918 34.7248 33.2918 34.2432C33.2918 33.7617 33.6822 33.3713 34.1637 33.3713H70.6056C72.9986 33.3713 75.0766 31.7237 75.6222 29.3937L80.1768 9.94303C80.6077 8.10286 79.2111 6.34151 77.3212 6.34151H19.1031C18.6216 6.34151 18.2312 5.95114 18.2312 5.46959Z\" fill=\"black\"/>\n                  <path d=\"M4.29622 16.0912V27.204H0V13.6759C0 7.20014 3.7341 4.69238 7.7376 4.69238H11.5729V8.47799H7.7376C4.9845 8.47799 4.29622 11.0155 4.29622 12.2865H9.44925V16.0912H4.29622Z\" fill=\"black\"/>\n                  <path d=\"M17.2811 4.677L13.0007 5.78525V27.1886H17.2811V4.677Z\" fill=\"black\"/>\n                  <path d=\"M32.9749 29.2495V12.2073L28.7738 13.4755V19.579C28.7738 22.2741 28.0128 23.5424 25.9202 23.5424C23.8275 23.5424 23.1458 21.957 23.1458 20.1339V12.2073L19.1033 13.4755V20.451C19.1033 22.0363 19.3601 24.0179 21.2435 25.7618C23.3944 27.7535 27.0299 27.4 28.7738 26.7923V28.3776C28.7738 31.9287 27.7433 33.1336 25.0482 33.1336V36.9384C30.3591 36.9384 32.9749 33.9262 32.9749 29.2495Z\" fill=\"black\"/>\n                  <path d=\"M67.6141 27.1889H64.1264L65.6302 21.3583L62.72 12.2192H66.1873L68.0897 18.311L73.1558 12.2192H76.809L69.0409 21.6442L67.6141 27.1889Z\" fill=\"black\"/>\n                  <path d=\"M58.3963 23.8804H52.1572L50.166 27.1889H46.5293L56.4376 12.2192H59.9253L62.1448 27.1889H58.7363L58.3963 23.8804ZM57.8959 21.006L57.3095 16.3293L54.2181 21.006H57.8959Z\" fill=\"black\"/>\n                  <path d=\"M39.0708 27.1886H35.6699L39.1218 12.219H45.2077C49.3432 12.219 50.6898 15.7935 49.2718 19.256C47.7393 22.9981 43.469 22.5543 40.1532 22.5543L39.0708 27.1886ZM40.6637 19.8061C42.0281 19.8061 43.578 19.9845 44.8707 19.4997C46.1635 19.015 46.6087 18.4033 46.6087 16.9632C46.6087 15.3689 45.0509 15.2193 43.8905 15.2193H41.6848L40.6637 19.8061Z\" fill=\"black\"/>\n                  <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M23.2249 0.713641C23.2249 0.319643 23.5443 0.000244169 23.9382 0.000244203L47.7181 0.000246282C48.1121 0.000246316 48.4315 0.319645 48.4315 0.713643C48.4315 1.10764 48.1121 1.42704 47.7181 1.42704L23.9382 1.42704C23.5443 1.42704 23.2249 1.10764 23.2249 0.713641Z\" fill=\"black\"/>\n                  <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M39.2368 38.6028C39.2368 38.2088 39.5562 37.8894 39.9502 37.8894L63.7301 37.8894C64.1241 37.8894 64.4435 38.2088 64.4435 38.6028C64.4435 38.9968 64.1241 39.3162 63.7301 39.3162L39.9502 39.3162C39.5562 39.3162 39.2368 38.9968 39.2368 38.6028Z\" fill=\"black\"/>\n              </svg>\n          </div>\n      </div>\n    </li>\n  </label>",
+  zip_checkout: "<label class=\"payment-source\">\n    <li class=\"payment-source\">\n      <div class=\"payment-source__wrap\">\n        <input  class=\"payment-source__radio\" pm-button=\"zip_checkout\" type=\"radio\" name=\"radio-group\" />\n        <svg  height=\"30\" viewBox=\"0 0 768 285\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n          <g clip-path=\"url(#clip0)\">\n          <path d=\"M19.53 227.27L26.19 281.53H259.36L251.73 219.39H143.01L142.06 211.69L242.19 141.72L235.5 87.3601H2.34998L9.97998 149.49H118.88L119.83 157.26L19.53 227.27Z\" fill=\"black\"/>\n          <path d=\"M262.59 87.3601L286.44 281.53H519.78L495.93 87.3601H262.59Z\" fill=\"#AA8FFF\"/>\n          <path d=\"M764.47 157.26C759.09 113.62 724.81 87.1701 678.21 87.3601H523L546.84 281.54H616.67L611.89 242.7H685.78C743.93 242.69 770.54 206.46 764.47 157.26ZM678.23 188.26L605.23 188.34L599.51 141.74L672.92 141.8C690.18 142.01 699.01 151.73 700.44 165.03C701.32 173.59 697.4 188.25 678.23 188.25V188.26Z\" fill=\"black\"/>\n          <path d=\"M332.303 61.5598C344.584 48.3762 342.443 26.4212 327.522 12.522C312.601 -1.37727 290.549 -1.95741 278.269 11.2262C265.988 24.4098 268.129 46.3647 283.05 60.264C297.971 74.1632 320.023 74.7434 332.303 61.5598Z\" fill=\"black\"/>\n          </g>\n          <defs>\n          <clipPath id=\"clip0\">\n          <rect width=\"768\" height=\"285\" fill=\"white\"/>\n          </clipPath>\n          </defs>\n        </svg>\n      </div>\n    </li>\n    ",
+  applepay_wallet: "<label class=\"payment-source\">\n    <li class=\"payment-source\">\n      <div class=\"payment-source__wrap\">\n        <input class=\"payment-source__radio\" pm-button=\"applepay_wallet\" type=\"radio\" name=\"radio-group\" />\n          <svg version=\"1.1\" baseProfile=\"tiny\" id=\"Layer_1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\"\n          width=\"78px\" height=\"32px\" viewBox=\"0 0 512 210.2\" xml:space=\"preserve\">\n            <path id=\"XMLID_34_\" d=\"M93.6,27.1C87.6,34.2,78,39.8,68.4,39c-1.2-9.6,3.5-19.8,9-26.1c6-7.3,16.5-12.5,25-12.9\n              C103.4,10,99.5,19.8,93.6,27.1 M102.3,40.9c-13.9-0.8-25.8,7.9-32.4,7.9c-6.7,0-16.8-7.5-27.8-7.3c-14.3,0.2-27.6,8.3-34.9,21.2\n              c-15,25.8-3.9,64,10.6,85c7.1,10.4,15.6,21.8,26.8,21.4c10.6-0.4,14.8-6.9,27.6-6.9c12.9,0,16.6,6.9,27.8,6.7\n              c11.6-0.2,18.9-10.4,26-20.8c8.1-11.8,11.4-23.3,11.6-23.9c-0.2-0.2-22.4-8.7-22.6-34.3c-0.2-21.4,17.5-31.6,18.3-32.2\n              C123.3,42.9,107.7,41.3,102.3,40.9 M182.6,11.9v155.9h24.2v-53.3h33.5c30.6,0,52.1-21,52.1-51.4c0-30.4-21.1-51.2-51.3-51.2H182.6z\n              M206.8,32.3h27.9c21,0,33,11.2,33,30.9c0,19.7-12,31-33.1,31h-27.8V32.3z M336.6,169c15.2,0,29.3-7.7,35.7-19.9h0.5v18.7h22.4V90.2\n              c0-22.5-18-37-45.7-37c-25.7,0-44.7,14.7-45.4,34.9h21.8c1.8-9.6,10.7-15.9,22.9-15.9c14.8,0,23.1,6.9,23.1,19.6v8.6l-30.2,1.8\n              c-28.1,1.7-43.3,13.2-43.3,33.2C298.4,155.6,314.1,169,336.6,169z M343.1,150.5c-12.9,0-21.1-6.2-21.1-15.7c0-9.8,7.9-15.5,23-16.4\n              l26.9-1.7v8.8C371.9,140.1,359.5,150.5,343.1,150.5z M425.1,210.2c23.6,0,34.7-9,44.4-36.3L512,54.7h-24.6l-28.5,92.1h-0.5\n              l-28.5-92.1h-25.3l41,113.5l-2.2,6.9c-3.7,11.7-9.7,16.2-20.4,16.2c-1.9,0-5.6-0.2-7.1-0.4v18.7C417.3,210,423.3,210.2,425.1,210.2z\n              \"/>\n          </svg>\n      </div>\n    </li>\n  </label>",
+  afterpay_wallet: "<label class=\"payment-source\">\n    <li class=\"payment-source\">\n      <div class=\"payment-source__wrap\">\n          <input class=\"payment-source__radio\" pm-button=\"afterpay_wallet\" type=\"radio\" name=\"radio-group\">\n          ".concat(getIcon(paymentMethods.AFTERPAY), "\n      </div>\n    </li>\n  </label>"),
+  afterpay_checkout: "<label class=\"payment-source\">\n    <li class=\"payment-source\">\n      <div class=\"payment-source__wrap\">\n          <input class=\"payment-source__radio\" pm-button=\"afterpay_checkout\" type=\"radio\" name=\"radio-group\">\n          ".concat(getIcon(paymentMethods.AFTERPAY), "\n      </div>\n    </li>\n  </label>")
 };
 
 var PAYMENTS_METHODS = {
@@ -15627,7 +17216,15 @@ var PaymentMethods = /*#__PURE__*/function () {
       var iframeDocument = iframe.contentDocument || ((_a = iframe === null || iframe === void 0 ? void 0 : iframe.contentWindow) === null || _a === void 0 ? void 0 : _a.document);
       if (iframeDocument) {
         var radiosButtons = iframeDocument.querySelectorAll('input[type="radio"].payment-source__radio');
+        var labels = iframeDocument.querySelectorAll('.payment-source');
+        labels.forEach(function (label) {
+          label.style.cursor = "not-allowed";
+        });
         radiosButtons.forEach(function (radioButton) {
+          var labels = iframeDocument.querySelectorAll('.payment-source');
+          labels.forEach(function (label) {
+            label.style.cursor = "not-allowed";
+          });
           radioButton.style.cursor = "not-allowed";
           if (!radioButton.checked) {
             radioButton.style.border = "9px solid #EBEBE4";
@@ -16246,9 +17843,19 @@ var Checkout = /*#__PURE__*/function () {
       var tokenContent = AccessToken.validateJWT(intentToken);
       if (!tokenContent) throw new Error('Intent token is broken or expired. Please, issue new one.');
       var payload = AccessToken.extractData(tokenContent.body);
-      if (!payload || !payload.intent_id || !payload.version || !payload.env || !payload.env_alias) throw new Error('Inconsistent structure of intent token. Please, be sure that you are using correct token.');
+      var allowed = this.validateJWTWhitelistedDomains(payload.whitelist_domains);
+      if (!allowed) {
+        throw new Error("Intent Token is not valid for current domain");
+      }
+      if (!payload || !payload.intent_id || !payload.version || !payload.env || !payload.env_alias) throw new Error("Inconsistent structure of intent token. Please, be sure that you are using correct token.");
       return payload;
     }
+  }, {
+    key: "validateJWTWhitelistedDomains",
+    value: function validateJWTWhitelistedDomains(whitelist_domains) {
+      if (!whitelist_domains) return true;
+      return whitelist_domains.includes(window.location.hostname);
+    }
   }, {
     key: "ready",
     value: function ready() {
@@ -16403,12 +18010,15 @@ var EVENT;
   EVENT["PAYMENT_IN_REVIEW"] = "paymentInReview";
   EVENT["ON_CLICK"] = "onClick";
   EVENT["ON_CHECKOUT_CLOSE"] = "onCheckoutClose";
+  EVENT["ON_SHIPPING_ADDRESS_CHANGE"] = "onShippingAddressChange";
+  EVENT["ON_SHIPPING_OPTIONS_CHANGE"] = "onShippingOptionsChange";
 })(EVENT || (EVENT = {}));
 
 var BaseWalletButton = /*#__PURE__*/function () {
   function BaseWalletButton(selector, publicKeyOrAccessToken, gatewayId, meta, requiredMetaFields) {
     _classCallCheck(this, BaseWalletButton);
     this.env = DEFAULT_ENV;
+    this.onShippingOptionsChangeHandlerRegistered = false;
     this.eventEmitter = new EventEmitter();
     this.container = new Container(selector);
     this.api = new ApiInternal(publicKeyOrAccessToken, this.getApiAuthType(publicKeyOrAccessToken));
@@ -16419,11 +18029,8 @@ var BaseWalletButton = /*#__PURE__*/function () {
   return _createClass(BaseWalletButton, [{
     key: "getApiAuthType",
     value: function getApiAuthType(publicKeyOrAccessToken) {
-      if (AccessToken.validateJWT(publicKeyOrAccessToken)) {
-        return API_AUTH_TYPE.TOKEN;
-      } else {
-        return API_AUTH_TYPE.PUBLIC_KEY;
-      }
+      if (AccessToken.validateJWT(publicKeyOrAccessToken)) return API_AUTH_TYPE.TOKEN;
+      return API_AUTH_TYPE.PUBLIC_KEY;
     }
     /**
      * Current method can change environment. By default environment = sandbox.
@@ -16590,6 +18197,67 @@ var BaseWalletButton = /*#__PURE__*/function () {
         });
       });
     }
+    /**
+     * Callback for onShippingAddressChange method.
+     *
+     * @callback OnShippingAddressChangeCallback
+     * @param {OnShippingAddressChangeEventData} data
+     * @return {Promise<OnShippingAddressChangeEventResponse>} Address update result
+     */
+    /**
+     * If shipping address data is updated, the function passed as parameter will be called.
+     * Use this method to listen for shipping address selection or input from customer when shipping is enabled.
+     * The event handler needs to return a new token in case a backend to backend wallet update call was executed.
+     * In addition, if any error occured, an error string must be supplied.
+     * By default, the event handler will be processed successfuly if neither token nor error is returned.
+     *
+     * @example
+     * button.onShippingAddressChange((data) => {
+     *     const responseData = await fetch('https://your-server.com/update-shipping-info');
+     *     return { error: null, token: responseData.walletToken };
+     * });
+     *
+     * @param {OnShippingAddressChangeCallback} [handler] - Function to be called when the shipping address data is updated.
+     */
+  }, {
+    key: "onShippingAddressChange",
+    value: function onShippingAddressChange(handler) {
+      if (typeof handler === 'function') {
+        return this.eventEmitter.subscribe(EVENT.ON_SHIPPING_ADDRESS_CHANGE, handler);
+      }
+      this.handleOnError(new Error('onShippingAddressChange event handler is required to return the wallet token string or reject.'));
+    }
+    /**
+     * Callback for onShippingOptionsChange method.
+     *
+     * @callback OnShippingOptionsChangeCallback
+     * @param {OnShippingOptionChangeEventData} data
+     * @return {Promise<OnShippingOptionChangeEventResponse>} Address update result
+     */
+    /**
+     * If shipping options data is updated, the function passed as parameter will be called.
+     * Use this method to listen for shipping option selection from customer when shipping is enabled.
+     * The event handler needs to return a new token in case a backend to backend wallet update call was executed.
+     * In addition, if any error occured, an error string must be supplied.
+     * By default, the event handler will be processed successfuly if neither token nor error is returned.
+     *
+     * @example
+     * button.onShippingOptionsChange((data) => {
+     *     const responseData = await fetch('https://your-server.com/update-shipping-info');
+     *     return { error: null, token: responseData.walletToken };
+     * });
+     *
+     * @param {OnShippingOptionsChangeCallback} [handler] - Function to be called when the shipping options data is updated.
+     */
+  }, {
+    key: "onShippingOptionsChange",
+    value: function onShippingOptionsChange(handler) {
+      if (typeof handler === 'function') {
+        this.onShippingOptionsChangeHandlerRegistered = true;
+        return this.eventEmitter.subscribe(EVENT.ON_SHIPPING_OPTIONS_CHANGE, handler);
+      }
+      this.handleOnError(new Error('onShippingOptionsChange event handler is required to return the wallet token string or reject.'));
+    }
     /**
      * Callback for onUnavailable method.
      *
@@ -16714,6 +18382,7 @@ var BaseWalletButton = /*#__PURE__*/function () {
       return this.eventEmitter.emitWithResult(EVENT.ON_CLICK, {
         event: EVENT.ON_CLICK
       }).then(function (result) {
+        var _a;
         if (!result || result.length === 0) {
           var error = new Error('No result from onClick event');
           _this10.handleOnError(error);
@@ -16731,15 +18400,50 @@ var BaseWalletButton = /*#__PURE__*/function () {
           _this10.handleOnError(_error2);
           throw _error2;
         }
+        if (((_a = _this10.chargeWalletTokenMeta.charge.shipping) === null || _a === void 0 ? void 0 : _a.options) && _this10.chargeWalletTokenMeta.charge.shipping.options.length > 0) {
+          if (!_this10.onShippingOptionsChangeHandlerRegistered) {
+            var _error3 = new Error("There is no event handler registered for shipping options change. Consider using \"onShippingOptionsChange\" SDK method to register the event handler.");
+            _this10.handleOnError(_error3);
+            throw _error3;
+          }
+        }
       });
     }
+  }, {
+    key: "handleMerchantOnShippingChangedEvent",
+    value: function handleMerchantOnShippingChangedEvent(eventData) {
+      return __awaiter(this, void 0, void 0, /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+        var _this11 = this;
+        return _regeneratorRuntime().wrap(function _callee$(_context) {
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              return _context.abrupt("return", this.eventEmitter.emitWithResult(eventData.event, eventData).then(function (result) {
+                if (!result || result.length === 0) {
+                  var error = new Error('No result from shippingUpdate event');
+                  _this11.handleOnError(error);
+                  throw error;
+                }
+                var shippingResponse = result[0];
+                if (shippingResponse.token) _this11.setWalletToken(shippingResponse.token, {
+                  skipApiAuth: true
+                });
+                return shippingResponse;
+              }));
+            case 1:
+            case "end":
+              return _context.stop();
+          }
+        }, _callee, this);
+      }));
+    }
   }, {
     key: "setWalletToken",
-    value: function setWalletToken(token) {
+    value: function setWalletToken(token, opts) {
       var parsedToken = AccessToken.validateJWT(token);
       if (!parsedToken) return this.handleOnError(new Error("Invalid charge token"));
       this.chargeWalletTokenMeta = AccessToken.extractMeta(parsedToken.body);
       if (!this.chargeWalletTokenMeta) return this.handleOnError(new Error('Invalid charge token'));
+      if ((opts === null || opts === void 0 ? void 0 : opts.skipApiAuth) === true) return;
       this.api.auth = token;
       this.api.authType = API_AUTH_TYPE.TOKEN;
     }
@@ -16775,6 +18479,7 @@ var BaseWalletButton = /*#__PURE__*/function () {
         data: error
       }));
     }
+    // biome-ignore lint/suspicious/noExplicitAny: <explanation>
   }, {
     key: "eventDataFromApiError",
     value: function eventDataFromApiError(err) {
@@ -16787,13 +18492,14 @@ var BaseWalletButton = /*#__PURE__*/function () {
   }, {
     key: "validateRequiredMetaFields",
     value: function validateRequiredMetaFields(requiredMetaFields) {
-      var _this11 = this;
+      var _this12 = this;
       if (!this.meta) throw new Error('Meta is required');
       if (typeof this.meta.amount !== 'number') throw new Error('meta.amount needs to be numeric');
       if (typeof this.meta.currency !== 'string') throw new Error('meta.amount needs to be a string');
+      // biome-ignore lint/complexity/noForEach: <explanation>
       requiredMetaFields.forEach(function (field) {
         var keys = field.split('.');
-        var current = _this11.meta;
+        var current = _this12.meta;
         // Traverse the nested structure
         var _iterator = _createForOfIteratorHelper(keys),
           _step;
@@ -16817,6 +18523,12 @@ var generateApplePayButtonStyles = function generateApplePayButtonStyles() {
   return "\n        apple-pay-button {\n            display: inline-block;\n            --apple-pay-button-width: 100%;\n            --apple-pay-button-height: 40px;\n            --apple-pay-button-border-radius: 5px;\n            --apple-pay-button-padding: 5px 0px;\n        }\n    ";
 };
 
+var ContactShippingEditingMode;
+(function (ContactShippingEditingMode) {
+  ContactShippingEditingMode["AVAILABLE"] = "available";
+  ContactShippingEditingMode["STORE_PICKUP"] = "store_pickup";
+})(ContactShippingEditingMode || (ContactShippingEditingMode = {}));
+
 var DEFAULT_APPLE_PAY_CAPABILITIES = ['paymentCredentialsAvailable'];
 /**
  * Class ApplePayWalletButtonExpress to work with Apple Pay Wallet.
@@ -16839,6 +18551,19 @@ var ApplePayWalletButtonExpress = /*#__PURE__*/function (_BaseWalletButton) {
     var _this;
     _classCallCheck(this, ApplePayWalletButtonExpress);
     _this = _callSuper(this, ApplePayWalletButtonExpress, [selector, publicKeyOrAccessToken, gatewayId, meta, ['amount_label', 'country']]);
+    _this.onApplePayButtonClicked = function () {
+      return _this.handleMerchantOnExpressButtonClickEvent().then(function () {
+        _this.paymentSession = new ApplePaySession(14, _this.createRequest());
+        _this.paymentSession.onvalidatemerchant = _this.onValidateMerchant;
+        _this.paymentSession.onpaymentauthorized = _this.onPaymentAuthorized;
+        _this.paymentSession.oncancel = _this.onCancelPayment;
+        _this.paymentSession.onshippingmethodselected = _this.onApplePayShippingMethodUpdate;
+        _this.paymentSession.onshippingcontactselected = _this.onApplePayShippingContactUpdate;
+        _this.paymentSession.begin();
+      })["catch"](function () {
+        _this.handleCheckoutClose();
+      });
+    };
     _this.onValidateMerchant = function (event) {
       _this.handleMerchantOnExpressButtonClickEvent().then(function () {
         _this.getMerchantSession().then(function (merchantSession) {
@@ -16884,6 +18609,70 @@ var ApplePayWalletButtonExpress = /*#__PURE__*/function (_BaseWalletButton) {
     _this.onCancelPayment = function () {
       return _this.handleCheckoutClose();
     };
+    _this.onApplePayShippingContactUpdate = function (data) {
+      return __awaiter(_this, void 0, void 0, /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+        var _this2 = this;
+        var _a;
+        return _regeneratorRuntime().wrap(function _callee$(_context) {
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              return _context.abrupt("return", this.handleMerchantOnShippingChangedEvent({
+                event: EVENT.ON_SHIPPING_ADDRESS_CHANGE,
+                chargeId: (_a = this.chargeWalletTokenMeta) === null || _a === void 0 ? void 0 : _a.charge.id,
+                data: this.parseShippingContactUpdateEvent(data)
+              }).then(function (response) {
+                var _a, _b, _c, _d, _e, _f;
+                var mappedErrors = [];
+                var mappedNewShippingMethods = [];
+                if (((_c = (_b = (_a = _this2.chargeWalletTokenMeta.charge) === null || _a === void 0 ? void 0 : _a.shipping) === null || _b === void 0 ? void 0 : _b.options) === null || _c === void 0 ? void 0 : _c.length) > 0) {
+                  mappedNewShippingMethods = _this2.parseShippingMethod(_this2.chargeWalletTokenMeta.charge.shipping.options);
+                }
+                if ((_d = response.error) === null || _d === void 0 ? void 0 : _d.code) {
+                  mappedErrors = [_this2.formatErrorFields(response.error)];
+                }
+                _this2.paymentSession.completeShippingContactSelection({
+                  newTotal: {
+                    label: _this2.meta.amount_label,
+                    amount: String((_f = (_e = _this2.chargeWalletTokenMeta.charge.shipping) === null || _e === void 0 ? void 0 : _e.amount) !== null && _f !== void 0 ? _f : _this2.chargeWalletTokenMeta.charge.amount)
+                  },
+                  newShippingMethods: mappedNewShippingMethods,
+                  errors: mappedErrors
+                });
+              }));
+            case 1:
+            case "end":
+              return _context.stop();
+          }
+        }, _callee, this);
+      }));
+    };
+    _this.onApplePayShippingMethodUpdate = function (data) {
+      return __awaiter(_this, void 0, void 0, /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
+        var _this3 = this;
+        var _b;
+        return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+          while (1) switch (_context2.prev = _context2.next) {
+            case 0:
+              return _context2.abrupt("return", this.handleMerchantOnShippingChangedEvent({
+                event: EVENT.ON_SHIPPING_OPTIONS_CHANGE,
+                chargeId: (_b = this.chargeWalletTokenMeta) === null || _b === void 0 ? void 0 : _b.charge.id,
+                data: this.parseShippingMethodUpdateEvent(data)
+              }).then(function (_response) {
+                var _a, _b;
+                _this3.paymentSession.completeShippingMethodSelection({
+                  newTotal: {
+                    label: _this3.meta.amount_label,
+                    amount: String((_b = (_a = _this3.chargeWalletTokenMeta.charge.shipping) === null || _a === void 0 ? void 0 : _a.amount) !== null && _b !== void 0 ? _b : _this3.chargeWalletTokenMeta.charge.amount)
+                  }
+                });
+              }));
+            case 1:
+            case "end":
+              return _context2.stop();
+          }
+        }, _callee2, this);
+      }));
+    };
     return _this;
   }
   /**
@@ -16898,27 +18687,27 @@ var ApplePayWalletButtonExpress = /*#__PURE__*/function (_BaseWalletButton) {
   return _createClass(ApplePayWalletButtonExpress, [{
     key: "load",
     value: function load() {
-      var _this2 = this;
+      var _this4 = this;
       if (!window.Promise) return this.handleOnUnavailable();
       var applePayScript = document.createElement('script');
       applePayScript.src = "https://applepay.cdn-apple.com/jsapi/1.latest/apple-pay-sdk.js";
       applePayScript.type = "text/javascript";
       applePayScript.crossOrigin = 'anonymous';
       applePayScript.onload = function () {
-        _this2.getGatewayWalletConfig().then(function (config) {
+        _this4.getGatewayWalletConfig().then(function (config) {
           if (!config || config.type !== 'MasterCard' || !config.credentials || !config.credentials.apple || !config.credentials.apple.merchant) throw new Error('Invalid configuration');
-          return _this2.checkAvailability(config);
+          return _this4.checkAvailability(config);
         }).then(function (available) {
-          if (!available) return _this2.handleOnUnavailable();
-          return _this2.mount();
+          if (!available) return _this4.handleOnUnavailable();
+          return _this4.mount();
         })["catch"](function (err) {
-          if (err) _this2.handleOnError(err);
-          _this2.handleOnUnavailable();
+          if (err) _this4.handleOnError(err);
+          _this4.handleOnUnavailable();
         });
       };
       applePayScript.onerror = function (err) {
         console.error("ApplePayWalletButtonExpress: Error loading ApplePay script", err);
-        _this2.handleOnUnavailable();
+        _this4.handleOnUnavailable();
         return;
       };
       document.head.appendChild(applePayScript);
@@ -16940,15 +18729,15 @@ var ApplePayWalletButtonExpress = /*#__PURE__*/function (_BaseWalletButton) {
   }, {
     key: "checkAvailability",
     value: function checkAvailability(config) {
-      var _this3 = this;
+      var _this5 = this;
       return new Promise(function (resolve, _reject) {
         var _a;
         if (!window.ApplePaySession || !ApplePaySession) {
           resolve(false);
         }
         var formattedCapabilities = DEFAULT_APPLE_PAY_CAPABILITIES;
-        if (((_a = _this3.meta.apple_pay_capabilities) === null || _a === void 0 ? void 0 : _a.length) > 0) {
-          formattedCapabilities = _this3.formatCapabilities(_this3.meta.apple_pay_capabilities);
+        if (((_a = _this5.meta.apple_pay_capabilities) === null || _a === void 0 ? void 0 : _a.length) > 0) {
+          formattedCapabilities = _this5.formatCapabilities(_this5.meta.apple_pay_capabilities);
         }
         ApplePaySession.applePayCapabilities(config.credentials[WALLET_TYPE.APPLE].merchant).then(function (capabilities) {
           var canMakePayment = formattedCapabilities.includes(capabilities === null || capabilities === void 0 ? void 0 : capabilities.paymentCredentialStatus);
@@ -16977,21 +18766,16 @@ var ApplePayWalletButtonExpress = /*#__PURE__*/function (_BaseWalletButton) {
       }
       applePayButton.addEventListener('click', this.onApplePayButtonClicked.bind(this));
     }
-  }, {
-    key: "onApplePayButtonClicked",
-    value: function onApplePayButtonClicked() {
-      this.paymentSession = new ApplePaySession(14, this.createRequest());
-      this.paymentSession.onvalidatemerchant = this.onValidateMerchant;
-      this.paymentSession.onpaymentauthorized = this.onPaymentAuthorized;
-      this.paymentSession.oncancel = this.onCancelPayment;
-      this.paymentSession.begin();
-    }
   }, {
     key: "createRequest",
     value: function createRequest() {
+      var _a, _b, _c, _d;
       // https://developer.apple.com/documentation/apple_pay_on_the_web/applepaypaymentrequest
-      var _a;
-      return {
+      var shippingContactEditingMode;
+      if (this.meta.shipping_editing_mode) {
+        shippingContactEditingMode = this.meta.shipping_editing_mode === ContactShippingEditingMode.AVAILABLE ? 'available' : 'storePickup';
+      }
+      return _extends(_extends({
         countryCode: this.meta.country,
         currencyCode: this.meta.currency,
         merchantCapabilities: this.meta.merchant_capabilities || ['supports3DS', 'supportsCredit', 'supportsDebit'],
@@ -17004,7 +18788,12 @@ var ApplePayWalletButtonExpress = /*#__PURE__*/function (_BaseWalletButton) {
           amount: (_a = this.meta.amount) === null || _a === void 0 ? void 0 : _a.toFixed(2),
           type: 'final'
         }
-      };
+      }, shippingContactEditingMode && {
+        shippingContactEditingMode: shippingContactEditingMode
+      }), {
+        shippingContact: this.parseShippingContact(),
+        shippingMethods: this.parseShippingMethod((_d = (_c = (_b = this.chargeWalletTokenMeta) === null || _b === void 0 ? void 0 : _b.charge) === null || _c === void 0 ? void 0 : _c.shipping) === null || _d === void 0 ? void 0 : _d.options)
+      });
     }
   }, {
     key: "getMerchantSession",
@@ -17027,6 +18816,93 @@ var ApplePayWalletButtonExpress = /*#__PURE__*/function (_BaseWalletButton) {
         return fieldMap[capability] || capability;
       });
     }
+  }, {
+    key: "parseShippingContact",
+    value: function parseShippingContact() {
+      var _a, _b, _c, _d, _e;
+      if (!((_b = (_a = this.chargeWalletTokenMeta) === null || _a === void 0 ? void 0 : _a.charge) === null || _b === void 0 ? void 0 : _b.shipping)) return {};
+      return _extends(_extends({}, ((_e = (_d = (_c = this.chargeWalletTokenMeta) === null || _c === void 0 ? void 0 : _c.charge) === null || _d === void 0 ? void 0 : _d.shipping) === null || _e === void 0 ? void 0 : _e.contact) && {
+        phoneNumber: this.chargeWalletTokenMeta.charge.shipping.contact.phone,
+        emailAddress: this.chargeWalletTokenMeta.charge.shipping.contact.email,
+        givenName: this.chargeWalletTokenMeta.charge.shipping.contact.first_name,
+        familyName: this.chargeWalletTokenMeta.charge.shipping.contact.last_name
+      }), {
+        addressLines: [this.chargeWalletTokenMeta.charge.shipping.address_line1, this.chargeWalletTokenMeta.charge.shipping.address_line2, this.chargeWalletTokenMeta.charge.shipping.address_line3].filter(Boolean),
+        locality: this.chargeWalletTokenMeta.charge.shipping.address_city,
+        postalCode: this.chargeWalletTokenMeta.charge.shipping.address_postcode,
+        administrativeArea: this.chargeWalletTokenMeta.charge.shipping.address_state,
+        country: this.chargeWalletTokenMeta.charge.shipping.address_country,
+        countryCode: this.chargeWalletTokenMeta.charge.shipping.address_country
+      });
+    }
+  }, {
+    key: "parseShippingMethod",
+    value: function parseShippingMethod() {
+      var shippingOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+      return shippingOptions.map(function (option) {
+        return {
+          label: option.label,
+          detail: option.detail,
+          amount: option.amount,
+          identifier: option.id
+        };
+      });
+    }
+  }, {
+    key: "parseShippingMethodUpdateEvent",
+    value: function parseShippingMethodUpdateEvent(data) {
+      return {
+        shipping_option_id: data.shippingMethod.identifier,
+        label: data.shippingMethod.label,
+        detail: data.shippingMethod.detail,
+        amount: data.shippingMethod.amount
+      };
+    }
+  }, {
+    key: "parseShippingContactUpdateEvent",
+    value: function parseShippingContactUpdateEvent(data) {
+      var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x;
+      return _extends(_extends(_extends({
+        contact: {
+          phone: (_e = (_d = (_c = (_b = (_a = this.chargeWalletTokenMeta) === null || _a === void 0 ? void 0 : _a.charge) === null || _b === void 0 ? void 0 : _b.shipping) === null || _c === void 0 ? void 0 : _c.contact) === null || _d === void 0 ? void 0 : _d.phone) !== null && _e !== void 0 ? _e : data.shippingContact.phoneNumber,
+          email: (_k = (_j = (_h = (_g = (_f = this.chargeWalletTokenMeta) === null || _f === void 0 ? void 0 : _f.charge) === null || _g === void 0 ? void 0 : _g.shipping) === null || _h === void 0 ? void 0 : _h.contact) === null || _j === void 0 ? void 0 : _j.email) !== null && _k !== void 0 ? _k : data.shippingContact.emailAddress,
+          first_name: (_q = (_p = (_o = (_m = (_l = this.chargeWalletTokenMeta) === null || _l === void 0 ? void 0 : _l.charge) === null || _m === void 0 ? void 0 : _m.shipping) === null || _o === void 0 ? void 0 : _o.contact) === null || _p === void 0 ? void 0 : _p.first_name) !== null && _q !== void 0 ? _q : data.shippingContact.givenName,
+          last_name: (_v = (_u = (_t = (_s = (_r = this.chargeWalletTokenMeta) === null || _r === void 0 ? void 0 : _r.charge) === null || _s === void 0 ? void 0 : _s.shipping) === null || _t === void 0 ? void 0 : _t.contact) === null || _u === void 0 ? void 0 : _u.last_name) !== null && _v !== void 0 ? _v : data.shippingContact.familyName
+        }
+      }, ((_w = data.shippingContact.addressLines) === null || _w === void 0 ? void 0 : _w[0]) && {
+        address_line1: data.shippingContact.addressLines[0]
+      }), ((_x = data.shippingContact.addressLines) === null || _x === void 0 ? void 0 : _x[1]) && {
+        address_line2: data.shippingContact.addressLines[1]
+      }), {
+        address_city: data.shippingContact.locality,
+        address_postcode: data.shippingContact.postalCode,
+        address_state: data.shippingContact.administrativeArea,
+        address_country: data.shippingContact.countryCode
+      });
+    }
+  }, {
+    key: "formatErrorFields",
+    value: function formatErrorFields(error) {
+      var fieldMap = {
+        phone: "phoneNumber",
+        email: "emailAddress",
+        phonetic_name: "phoneticName",
+        address_lines: "addressLines",
+        address_city: "locality",
+        address_postcode: "postalCode",
+        address_state: "administrativeArea",
+        address_country: "country",
+        address_country_code: "countryCode"
+      };
+      var contactField = fieldMap[error.field] || error.field;
+      var codeMap = {
+        address_error: "addressUnserviceable",
+        shipping_contact_invalid: "shippingContactInvalid",
+        billing_contact_invalid: "billingContactInvalid"
+      };
+      var code = codeMap[error.code] || 'unknown';
+      return new ApplePayError(code, contactField, error.message);
+    }
   }]);
 }(BaseWalletButton);
 
@@ -17048,8 +18924,11 @@ var ApplePayWalletButtonExpress = /*#__PURE__*/function (_BaseWalletButton) {
 var PaypalWalletButtonExpress = /*#__PURE__*/function (_BaseWalletButton) {
   /** @constructs */ // constructs added for correct parse classes jsdoc2md
   function PaypalWalletButtonExpress(selector, publicKeyOrAccessToken, gatewayId, meta) {
+    var _this;
     _classCallCheck(this, PaypalWalletButtonExpress);
-    return _callSuper(this, PaypalWalletButtonExpress, [selector, publicKeyOrAccessToken, gatewayId, meta, []]);
+    _this = _callSuper(this, PaypalWalletButtonExpress, [selector, publicKeyOrAccessToken, gatewayId, meta, []]);
+    _this.shippingRequested = false;
+    return _this;
   }
   /**
    * Initializes the availability checks and inserts the button if possible.
@@ -17063,15 +18942,15 @@ var PaypalWalletButtonExpress = /*#__PURE__*/function (_BaseWalletButton) {
   return _createClass(PaypalWalletButtonExpress, [{
     key: "load",
     value: function load() {
-      var _this = this;
+      var _this2 = this;
       if (!window.Promise) return this.handleOnUnavailable();
       this.getGatewayWalletConfig().then(function (config) {
         if (!config || config.type !== 'Paypal' || !config.credentials || !config.credentials.client_auth) throw new Error('Invalid configuration');
-        _this.config = config;
-        _this.renderPaypalButton();
+        _this2.config = config;
+        _this2.renderPaypalButton();
       })["catch"](function (err) {
-        if (err) _this.handleOnError(err);
-        _this.handleOnUnavailable();
+        if (err) _this2.handleOnError(err);
+        _this2.handleOnUnavailable();
       });
     }
     /**
@@ -17100,18 +18979,18 @@ var PaypalWalletButtonExpress = /*#__PURE__*/function (_BaseWalletButton) {
   }, {
     key: "renderPaypalCommonComponent",
     value: function renderPaypalCommonComponent() {
-      var _this2 = this;
+      var _this3 = this;
       var _a, _b;
       var buttonId = ((_a = this.container.getElement()) === null || _a === void 0 ? void 0 : _a.id) || '';
       var paypalScript = document.createElement("script");
-      paypalScript.src = "https://www.paypal.com/sdk/js?client-id=".concat((_b = this.config.credentials) === null || _b === void 0 ? void 0 : _b.client_auth, "&currency=").concat(this.meta.currency).concat(this.meta.pay_later === true ? '&enable-funding=paylater&disable-funding=card' : "&disable-funding=credit,card").concat(!this.meta.capture ? "&intent=authorize" : '');
+      paypalScript.src = "https://www.paypal.com/sdk/js?client-id=".concat((_b = this.config.credentials) === null || _b === void 0 ? void 0 : _b.client_auth, "&currency=").concat(this.meta.currency).concat(this.meta.pay_later === true ? '&enable-funding=paylater&disable-funding=card' : '&disable-funding=credit,card').concat(!this.meta.capture ? '&intent=authorize' : '');
       paypalScript.async = true;
       paypalScript.onload = function () {
         if (window.paypal) {
-          _this2.paypal = window.paypal;
-          _this2.paypal.Buttons(_extends({}, _this2.paypalSharedProps())).render("#".concat(buttonId));
+          _this3.paypal = window.paypal;
+          _this3.paypal.Buttons(_extends({}, _this3.paypalSharedProps())).render("#".concat(buttonId));
         } else {
-          _this2.handleOnUnavailable();
+          _this3.handleOnUnavailable();
         }
       };
       document.head.appendChild(paypalScript);
@@ -17119,38 +18998,38 @@ var PaypalWalletButtonExpress = /*#__PURE__*/function (_BaseWalletButton) {
   }, {
     key: "renderPaypalStandaloneComponent",
     value: function renderPaypalStandaloneComponent() {
-      var _this3 = this;
+      var _this4 = this;
       var _a, _b, _c;
       var buttonId = ((_a = this.container.getElement()) === null || _a === void 0 ? void 0 : _a.id) || '';
       var paypalScript = document.createElement("script");
       // buyer-country is only used in Sandbox. It shouldn't be used in production. Based on buyer's geolocation this parameter determine which funding sources are eligible for a given buyer. Refer the link https://developer.paypal.com/sdk/js/configuration/#link-buyercountry
-      paypalScript.src = "https://www.paypal.com/sdk/js?client-id=".concat((_b = this.config.credentials) === null || _b === void 0 ? void 0 : _b.client_auth, "&currency=").concat(this.meta.currency, "&components=buttons,funding-eligibility,messages&enable-funding=paylater").concat(!this.meta.capture ? "&intent=authorize" : '').concat(((_c = this.config) === null || _c === void 0 ? void 0 : _c.mode) === 'live' ? '' : '&buyer-country=AU');
+      paypalScript.src = "https://www.paypal.com/sdk/js?client-id=".concat((_b = this.config.credentials) === null || _b === void 0 ? void 0 : _b.client_auth, "&currency=").concat(this.meta.currency, "&components=buttons,funding-eligibility,messages&enable-funding=paylater").concat(!this.meta.capture ? '&intent=authorize' : '').concat(((_c = this.config) === null || _c === void 0 ? void 0 : _c.mode) === 'live' ? '' : '&buyer-country=AU');
       paypalScript.async = true;
       paypalScript.onload = function () {
         var _a;
         if (window.paypal) {
-          _this3.paypal = window.paypal;
-          var isPayLater = !!_this3.meta.pay_later;
-          var button = _this3.paypal.Buttons(_extends({
-            fundingSource: isPayLater ? _this3.paypal.FUNDING.PAYLATER : _this3.paypal.FUNDING.PAYPAL
-          }, _this3.paypalSharedProps()));
+          _this4.paypal = window.paypal;
+          var isPayLater = !!_this4.meta.pay_later;
+          var button = _this4.paypal.Buttons(_extends({
+            fundingSource: isPayLater ? _this4.paypal.FUNDING.PAYLATER : _this4.paypal.FUNDING.PAYPAL
+          }, _this4.paypalSharedProps()));
           if (button.isEligible()) {
             button.render("#".concat(buttonId));
-            if (isPayLater && !_this3.meta.hide_message) {
-              var messaging = _this3.paypal.Messages(_extends({
-                amount: _this3.meta.amount,
-                currency: _this3.meta.currency,
+            if (isPayLater && !_this4.meta.hide_message) {
+              var messaging = _this4.paypal.Messages(_extends({
+                amount: _this4.meta.amount,
+                currency: _this4.meta.currency,
                 placement: 'payment'
-              }, ((_a = _this3.meta.style) === null || _a === void 0 ? void 0 : _a.messages) && {
-                style: _this3.meta.style.messages
+              }, ((_a = _this4.meta.style) === null || _a === void 0 ? void 0 : _a.messages) && {
+                style: _this4.meta.style.messages
               }));
               messaging.render("#".concat(buttonId));
             }
           } else {
-            _this3.handleOnUnavailable();
+            _this4.handleOnUnavailable();
           }
         } else {
-          _this3.handleOnUnavailable();
+          _this4.handleOnUnavailable();
         }
       };
       document.head.appendChild(paypalScript);
@@ -17158,23 +19037,32 @@ var PaypalWalletButtonExpress = /*#__PURE__*/function (_BaseWalletButton) {
   }, {
     key: "paypalSharedProps",
     value: function paypalSharedProps() {
-      var _this4 = this;
+      var _this5 = this;
       return _extends(_extends({}, this.meta.style && {
         style: this.meta.style
       }), {
         onClick: function onClick(_data, actions) {
-          return _this4.handleMerchantOnExpressButtonClickEvent().then(function () {
+          return _this5.handleMerchantOnExpressButtonClickEvent().then(function () {
             return actions.resolve();
           })["catch"](function () {
-            _this4.handleCheckoutClose();
+            _this5.handleCheckoutClose();
             return actions.reject();
           });
         },
         createOrder: function createOrder() {
           return new Promise(function (resolve, reject) {
-            if (!_this4.api.auth) return reject(new Error('Wallet Token not injected. Please handle onClick correctly.'));
-            return _this4.executeWalletCallback({
-              request_type: 'CREATE_TRANSACTION'
+            var _a, _b;
+            if (!_this5.api.auth) return reject(new Error('Wallet Token not injected. Please handle onClick correctly.'));
+            var shipping = (_b = (_a = _this5.chargeWalletTokenMeta) === null || _a === void 0 ? void 0 : _a.charge) === null || _b === void 0 ? void 0 : _b.shipping;
+            if (shipping) {
+              var hasCompleteShippingAddress = ['address_line1', 'address_city', 'address_country', 'address_state', 'address_postcode'].every(function (key) {
+                return Boolean(shipping[key]);
+              });
+              _this5.shippingRequested = !hasCompleteShippingAddress;
+            }
+            return _this5.executeWalletCallback({
+              request_type: 'CREATE_TRANSACTION',
+              request_shipping: _this5.shippingRequested
             }).then(function (res) {
               resolve(res.id);
             })["catch"](function (err) {
@@ -17183,8 +19071,8 @@ var PaypalWalletButtonExpress = /*#__PURE__*/function (_BaseWalletButton) {
           });
         },
         onApprove: function onApprove(data) {
-          if (_this4.pendingApprovalPromise) return _this4.pendingApprovalPromise;
-          _this4.pendingApprovalPromise = _this4.executeWalletCapture({
+          if (_this5.pendingApprovalPromise) return _this5.pendingApprovalPromise;
+          _this5.pendingApprovalPromise = _this5.executeWalletCapture({
             payment_method_id: data.orderID,
             customer: {
               payment_source: {
@@ -17193,19 +19081,105 @@ var PaypalWalletButtonExpress = /*#__PURE__*/function (_BaseWalletButton) {
               }
             }
           })["finally"](function () {
-            _this4.pendingApprovalPromise = undefined;
+            _this5.pendingApprovalPromise = undefined;
           });
-          return _this4.pendingApprovalPromise;
+          return _this5.pendingApprovalPromise;
         },
         onCancel: function onCancel() {
-          return _this4.handleCheckoutClose();
+          return _this5.handleCheckoutClose();
         },
         onError: function onError() {
           // Error handling so that paypal does not throw an uncaught error
           // We're already handling errors and notifying Merchants at "wallet-buttons.ts"
+        },
+        onShippingAddressChange: function onShippingAddressChange(data, actions) {
+          return _this5.handleShippingAddressUpdate(data, actions);
+        },
+        onShippingOptionsChange: function onShippingOptionsChange(data, actions) {
+          return _this5.handleShippingOptionsUpdate(data, actions);
         }
       });
     }
+  }, {
+    key: "handleShippingAddressUpdate",
+    value: function handleShippingAddressUpdate(data, actions) {
+      return __awaiter(this, void 0, void 0, /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+        var _a;
+        return _regeneratorRuntime().wrap(function _callee$(_context) {
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              if (this.shippingRequested) {
+                _context.next = 2;
+                break;
+              }
+              return _context.abrupt("return");
+            case 2:
+              return _context.abrupt("return", this.handleMerchantOnShippingChangedEvent({
+                event: EVENT.ON_SHIPPING_ADDRESS_CHANGE,
+                chargeId: (_a = this.chargeWalletTokenMeta) === null || _a === void 0 ? void 0 : _a.charge.id,
+                data: {
+                  address_city: data.shippingAddress.city,
+                  address_state: data.shippingAddress.state,
+                  address_postcode: data.shippingAddress.postalCode,
+                  address_country: data.shippingAddress.countryCode
+                }
+              }).then(function (response) {
+                var _a;
+                if ((_a = response.error) === null || _a === void 0 ? void 0 : _a.code) {
+                  var errorKey = response.error.code.toUpperCase();
+                  var errorMessage = data.errors[errorKey];
+                  if (errorMessage) {
+                    return actions.reject(errorMessage);
+                  }
+                  return actions.reject();
+                }
+              })["catch"](function (err) {
+                // If err is not one of Paypal's data.errros, it defaults to "Unable to update address. Please try again" by Paypal
+                return actions.reject(err);
+              }));
+            case 3:
+            case "end":
+              return _context.stop();
+          }
+        }, _callee, this);
+      }));
+    }
+  }, {
+    key: "handleShippingOptionsUpdate",
+    value: function handleShippingOptionsUpdate(data, actions) {
+      return __awaiter(this, void 0, void 0, /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
+        var _a;
+        return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+          while (1) switch (_context2.prev = _context2.next) {
+            case 0:
+              return _context2.abrupt("return", this.handleMerchantOnShippingChangedEvent({
+                event: EVENT.ON_SHIPPING_OPTIONS_CHANGE,
+                chargeId: (_a = this.chargeWalletTokenMeta) === null || _a === void 0 ? void 0 : _a.charge.id,
+                data: {
+                  shipping_option_id: data.selectedShippingOption.id,
+                  amount: data.selectedShippingOption.amount.value
+                }
+              }).then(function (response) {
+                var _a;
+                if ((_a = response.error) === null || _a === void 0 ? void 0 : _a.code) {
+                  var errorKey = response.error.code.toUpperCase();
+                  var errorMessage = data.errors[errorKey];
+                  if (errorMessage) {
+                    return actions.reject(errorMessage);
+                  }
+                  return actions.reject();
+                }
+              })["catch"](function (err) {
+                // If err is not one of Paypal's data.errros, it defaults to "Unable to update address. Please try again" by Paypal
+                return actions.reject(err);
+              }));
+            case 1:
+            case "end":
+              return _context2.stop();
+          }
+        }, _callee2, this);
+      }));
+    }
   }]);
 }(BaseWalletButton);