@paydock/client-sdk 1.141.0 → 1.143.0-beta

package/bundles/index.mjs

@@ -1192,7 +1192,7 @@ SDK.headerKeys = Object.freeze({
   version: 'x-sdk-version',
   type: 'x-sdk-type'
 });
-SDK._version = 'v1.141.0';
+SDK._version = 'v1.143.0-beta';
 
 function isFunction(value) {
     return typeof value === 'function';
@@ -8088,7 +8088,7 @@ var AfterPayWalletService = /*#__PURE__*/function (_WalletService) {
   }]);
 }(WalletService);
 
-/*! @license DOMPurify 3.3.3 | (c) Cure53 and other contributors | Released under the Apache license 2.0 and Mozilla Public License 2.0 | github.com/cure53/DOMPurify/blob/3.3.3/LICENSE */
+/*! @license DOMPurify 3.4.0 | (c) Cure53 and other contributors | Released under the Apache license 2.0 and Mozilla Public License 2.0 | github.com/cure53/DOMPurify/blob/3.4.0/LICENSE */
 
 var purify_cjs;
 var hasRequiredPurify_cjs;
@@ -8296,7 +8296,7 @@ function requirePurify_cjs () {
 
 	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', 'exportparts', 'face', 'for', 'headers', 'height', 'hidden', 'high', 'href', 'hreflang', 'id', 'inert', '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', 'part', 'pattern', 'placeholder', 'playsinline', 'popover', 'popovertarget', 'popovertargetaction', 'poster', 'preload', 'pubdate', 'radiogroup', 'readonly', 'rel', 'required', 'rev', 'reversed', 'role', 'rows', 'rowspan', 'spellcheck', 'scope', 'selected', 'shape', 'size', 'sizes', 'slot', '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', 'amplitude', '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', 'exponent', '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', 'intercept', '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', 'mask-type', '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', 'slope', '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', 'tablevalues', '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 mathMl = freeze(['accent', 'accentunder', 'align', 'bevelled', 'close', 'columnalign', 'columnlines', 'columnspacing', 'columnspan', 'denomalign', 'depth', 'dir', 'display', 'displaystyle', 'encoding', 'fence', 'frame', 'height', 'href', 'id', 'largeop', 'length', 'linethickness', 'lquote', 'lspace', '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
@@ -8393,7 +8393,7 @@ function requirePurify_cjs () {
 	function createDOMPurify() {
 	  let window = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : getGlobal();
 	  const DOMPurify = root => createDOMPurify(root);
-	  DOMPurify.version = '3.3.3';
+	  DOMPurify.version = '3.4.0';
 	  DOMPurify.removed = [];
 	  if (!window || !window.document || window.document.nodeType !== NODE_TYPE.document || !window.Element) {
 	    // Not running in a browser, provide a factory function
@@ -8669,7 +8669,7 @@ function requirePurify_cjs () {
 	    NAMESPACE = cfg.NAMESPACE || HTML_NAMESPACE;
 	    MATHML_TEXT_INTEGRATION_POINTS = cfg.MATHML_TEXT_INTEGRATION_POINTS || MATHML_TEXT_INTEGRATION_POINTS;
 	    HTML_INTEGRATION_POINTS = cfg.HTML_INTEGRATION_POINTS || HTML_INTEGRATION_POINTS;
-	    CUSTOM_ELEMENT_HANDLING = cfg.CUSTOM_ELEMENT_HANDLING || {};
+	    CUSTOM_ELEMENT_HANDLING = cfg.CUSTOM_ELEMENT_HANDLING || create(null);
 	    if (cfg.CUSTOM_ELEMENT_HANDLING && isRegexOrFunction(cfg.CUSTOM_ELEMENT_HANDLING.tagNameCheck)) {
 	      CUSTOM_ELEMENT_HANDLING.tagNameCheck = cfg.CUSTOM_ELEMENT_HANDLING.tagNameCheck;
 	    }
@@ -8709,13 +8709,10 @@ function requirePurify_cjs () {
 	        addToSet(ALLOWED_ATTR, xml);
 	      }
 	    }
-	    /* Prevent function-based ADD_ATTR / ADD_TAGS from leaking across calls */
-	    if (!objectHasOwnProperty(cfg, 'ADD_TAGS')) {
-	      EXTRA_ELEMENT_HANDLING.tagCheck = null;
-	    }
-	    if (!objectHasOwnProperty(cfg, 'ADD_ATTR')) {
-	      EXTRA_ELEMENT_HANDLING.attributeCheck = null;
-	    }
+	    /* Always reset function-based ADD_TAGS / ADD_ATTR checks to prevent
+	     * leaking across calls when switching from function to array config */
+	    EXTRA_ELEMENT_HANDLING.tagCheck = null;
+	    EXTRA_ELEMENT_HANDLING.attributeCheck = null;
 	    /* Merge configuration parameters */
 	    if (cfg.ADD_TAGS) {
 	      if (typeof cfg.ADD_TAGS === 'function') {
@@ -9038,6 +9035,11 @@ function requirePurify_cjs () {
 	      _forceRemove(currentNode);
 	      return true;
 	    }
+	    /* Remove risky CSS construction leading to mXSS */
+	    if (SAFE_FOR_XML && currentNode.namespaceURI === HTML_NAMESPACE && tagName === 'style' && _isNode(currentNode.firstElementChild)) {
+	      _forceRemove(currentNode);
+	      return true;
+	    }
 	    /* Remove any occurrence of processing instructions */
 	    if (currentNode.nodeType === NODE_TYPE.progressingInstruction) {
 	      _forceRemove(currentNode);
@@ -9049,7 +9051,7 @@ function requirePurify_cjs () {
 	      return true;
 	    }
 	    /* Remove element if anything forbids its presence */
-	    if (!(EXTRA_ELEMENT_HANDLING.tagCheck instanceof Function && EXTRA_ELEMENT_HANDLING.tagCheck(tagName)) && (!ALLOWED_TAGS[tagName] || FORBID_TAGS[tagName])) {
+	    if (FORBID_TAGS[tagName] || !(EXTRA_ELEMENT_HANDLING.tagCheck instanceof Function && EXTRA_ELEMENT_HANDLING.tagCheck(tagName)) && !ALLOWED_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)) {
@@ -9288,7 +9290,7 @@ function requirePurify_cjs () {
 	   *
 	   * @param fragment to iterate over recursively
 	   */
-	  const _sanitizeShadowDOM = function _sanitizeShadowDOM(fragment) {
+	  const _sanitizeShadowDOM2 = function _sanitizeShadowDOM(fragment) {
 	    let shadowNode = null;
 	    const shadowIterator = _createNodeIterator(fragment);
 	    /* Execute a hook if present */
@@ -9302,7 +9304,7 @@ function requirePurify_cjs () {
 	      _sanitizeAttributes(shadowNode);
 	      /* Deep shadow DOM detected */
 	      if (shadowNode.content instanceof DocumentFragment) {
-	        _sanitizeShadowDOM(shadowNode.content);
+	        _sanitizeShadowDOM2(shadowNode.content);
 	      }
 	    }
 	    /* Execute a hook if present */
@@ -9397,7 +9399,7 @@ function requirePurify_cjs () {
 	      _sanitizeAttributes(currentNode);
 	      /* Shadow DOM detected, sanitize it */
 	      if (currentNode.content instanceof DocumentFragment) {
-	        _sanitizeShadowDOM(currentNode.content);
+	        _sanitizeShadowDOM2(currentNode.content);
 	      }
 	    }
 	    /* If we sanitized `dirty` in-place, return it. */
@@ -9406,6 +9408,14 @@ function requirePurify_cjs () {
 	    }
 	    /* Return sanitized string or DOM */
 	    if (RETURN_DOM) {
+	      if (SAFE_FOR_TEMPLATES) {
+	        body.normalize();
+	        let html = body.innerHTML;
+	        arrayForEach([MUSTACHE_EXPR, ERB_EXPR, TMPLIT_EXPR], expr => {
+	          html = stringReplace(html, expr, ' ');
+	        });
+	        body.innerHTML = html;
+	      }
 	      if (RETURN_DOM_FRAGMENT) {
 	        returnNode = createDocumentFragment.call(body.ownerDocument);
 	        while (body.firstChild) {
@@ -10238,6 +10248,44 @@ var FlypayWalletService = /*#__PURE__*/function (_WalletService) {
   }]);
 }(WalletService);
 
+/**
+ * Maximum Apple Pay JS API version the SDK targets.
+ * Bump this when adopting features from a newer version.
+ */
+var APPLE_PAY_MAX_VERSION = 14;
+/**
+ * Minimum Apple Pay JS API version the SDK can operate with.
+ *
+ * Version 3 (iOS 11 / macOS 10.13) is required because the SDK uses:
+ * - `ApplePayError` constructor
+ * - Object-form `completeShippingContactSelection(update)`
+ * - Object-form `completeShippingMethodSelection(update)`
+ * - `supportedCountries` in payment requests
+ *
+ * All of these were introduced in version 3.
+ */
+var APPLE_PAY_MIN_VERSION = 3;
+/**
+ * Detects the highest Apple Pay JS API version the current device supports,
+ * starting from {@link APPLE_PAY_MAX_VERSION} down to {@link APPLE_PAY_MIN_VERSION}.
+ *
+ * Returns `0` if Apple Pay is not available or the device does not support
+ * the minimum required version.
+ *
+ * @see https://developer.apple.com/documentation/apple_pay_on_the_web/applepaysession/supportsversion
+ */
+function getSupportedApplePayVersion() {
+  if (!window.ApplePaySession) {
+    return 0;
+  }
+  for (var v = APPLE_PAY_MAX_VERSION; v >= APPLE_PAY_MIN_VERSION; v--) {
+    if (ApplePaySession.supportsVersion(v)) {
+      return v;
+    }
+  }
+  return 0;
+}
+
 var DEFAULT_APPLE_PAY_CAPABILITIES$2 = ['paymentCredentialsAvailable'];
 var AppleWalletService = /*#__PURE__*/function (_WalletService) {
   function AppleWalletService(publicKey, meta, gatewayName, eventEmitter) {
@@ -10566,13 +10614,32 @@ var AppleWalletService = /*#__PURE__*/function (_WalletService) {
   }, {
     key: "onApplePayButtonClicked",
     value: function onApplePayButtonClicked() {
-      this.paymentSession = new ApplePaySession(14, this.createRequest());
+      var _this5 = this;
+      var applePayApiVersion = getSupportedApplePayVersion();
+      if (applePayApiVersion === 0) {
+        this.eventEmitter.emit(WALLET_EVENT.UNAVAILABLE, {
+          wallet: WALLET_TYPE.APPLE
+        });
+        return;
+      }
+      this.paymentSession = new ApplePaySession(applePayApiVersion, this.createRequest());
       this.paymentSession.onvalidatemerchant = this.onValidateMerchant;
       this.paymentSession.onpaymentauthorized = this.onPaymentAuthorized;
       this.paymentSession.oncancel = this.onCancelPayment;
       this.paymentSession.onshippingcontactselected = this.onShippingContactSelected;
       this.paymentSession.onshippingmethodselected = this.onShippingMethodSelected;
       this.paymentSession.begin();
+      // As part of PAYCA-2065 we detect that the paymentSession.onvalidatemerchant is not
+      // executed if the browser is not safari. In that case, we handle it outside the
+      // actual merchant validation function.
+      var isIOS = /iPhone|iPad|iPod/.test(navigator.userAgent);
+      var isDesktopRequestIOS = navigator.maxTouchPoints > 1 && /Macintosh/.test(navigator.userAgent);
+      if (!window.safari && !isIOS && !isDesktopRequestIOS) {
+        this.handleMerchantOnButtonClickEvent()["catch"](function (err) {
+          console.error('Error while processing merchant callback', err);
+          _this5.paymentSession.abort();
+        });
+      }
     }
   }, {
     key: "createRequest",
@@ -10616,22 +10683,22 @@ var AppleWalletService = /*#__PURE__*/function (_WalletService) {
   }, {
     key: "getMerchantSession",
     value: function getMerchantSession() {
-      var _this5 = this;
+      var _this6 = this;
       return new Promise(function (resolve, reject) {
-        return _this5.eventEmitter.emit(WALLET_EVENT.CALLBACK, {
+        return _this6.eventEmitter.emit(WALLET_EVENT.CALLBACK, {
           data: _extends({
             request_type: 'CREATE_SESSION',
             wallet_type: WALLET_TYPE.APPLE,
             session_id: window.location.hostname
-          }, _this5.isShippingRequired() && {
-            request_shipping: _this5.meta.request_shipping
+          }, _this6.isShippingRequired() && {
+            request_shipping: _this6.meta.request_shipping
           }),
           onSuccess: function onSuccess(res) {
             return resolve(res);
           },
           onError: function onError(message) {
             console.error('Error generating order id', message);
-            _this5.eventEmitter.emit(WALLET_EVENT.PAYMENT_ERROR, {
+            _this6.eventEmitter.emit(WALLET_EVENT.PAYMENT_ERROR, {
               message: message
             });
             reject(message);
@@ -18928,6 +18995,13 @@ var OpenWalletButtons = /*#__PURE__*/function () {
     _classCallCheck(this, OpenWalletButtons);
     this.env = DEFAULT_ENV;
     this.onShippingOptionsChangeHandlerRegistered = false;
+    // Runtime guard: TypeScript's `abstract` keyword exists only at compile time.
+    // Without this check, instantiating the base class directly silently fails
+    // later when `this.validateWalletMeta()` resolves to `undefined`, producing
+    // a confusing "is not a function" error far from the actual mistake.
+    if ((this instanceof OpenWalletButtons ? this.constructor : void 0) === OpenWalletButtons) {
+      throw new Error('OpenWalletButtons is an abstract base class and cannot be instantiated directly. ' + 'Use ApplePayOpenWalletButton or GooglePayOpenWalletButton instead.');
+    }
     this.eventEmitter = new EventEmitter();
     this.container = new Container(selector);
     this.api = new ApiInternal(publicKeyOrAccessToken, this.getApiAuthType(publicKeyOrAccessToken));
@@ -20128,25 +20202,42 @@ var ApplePayOpenWalletService = /*#__PURE__*/function (_OpenWalletService) {
   }, {
     key: "onApplePayButtonClicked",
     value: function onApplePayButtonClicked() {
-      this.paymentSession = new ApplePaySession(14, this.mapMetaToApplePayPaymentRequest());
+      var _this7 = this;
+      var applePayApiVersion = getSupportedApplePayVersion();
+      if (applePayApiVersion === 0) {
+        this.handleOnUnavailable('Apple Pay version not supported');
+        return;
+      }
+      this.paymentSession = new ApplePaySession(applePayApiVersion, this.mapMetaToApplePayPaymentRequest());
       this.paymentSession.onvalidatemerchant = this.onValidateMerchant;
       this.paymentSession.onpaymentauthorized = this.onPaymentAuthorized;
       this.paymentSession.oncancel = this.onCancelPayment;
       this.paymentSession.onshippingcontactselected = this.onShippingContactUpdated;
       this.paymentSession.onshippingmethodselected = this.onShippingMethodUpdated;
       this.paymentSession.begin();
+      // As part of PAYCA-2065 we detect that the paymentSession.onvalidatemerchant is not
+      // executed if the browser is not safari. In that case, we handle it outside the
+      // actual merchant validation function.
+      var isIOS = /iPhone|iPad|iPod/.test(navigator.userAgent);
+      var isDesktopRequestIOS = navigator.maxTouchPoints > 1 && /Macintosh/.test(navigator.userAgent);
+      if (!window.safari && !isIOS && !isDesktopRequestIOS) {
+        this.handleMerchantOnButtonClickEvent()["catch"](function (err) {
+          console.error('Error while processing merchant callback', err);
+          _this7.paymentSession.abort();
+        });
+      }
     }
   }, {
     key: "getMerchantSession",
     value: function getMerchantSession() {
-      var _this7 = this;
+      var _this8 = this;
       return new Promise(function (resolve, reject) {
-        return _this7.api.paymentSource().createSession(_extends({
-          service_id: _this7.serviceId,
+        return _this8.api.paymentSource().createSession(_extends({
+          service_id: _this8.serviceId,
           session_id: window.location.hostname,
-          store_name: _this7.meta.store_name
-        }, _this7.isShippingRequired() && {
-          request_shipping: _this7.meta.request_shipping
+          store_name: _this8.meta.store_name
+        }, _this8.isShippingRequired() && {
+          request_shipping: _this8.meta.request_shipping
         })).then(function (res) {
           resolve(res);
         })["catch"](function (err) {
@@ -22975,6 +23066,7 @@ var BaseWalletButton = /*#__PURE__*/function () {
   function BaseWalletButton(selector, publicKeyOrAccessToken, gatewayId, meta, requiredMetaFields) {
     _classCallCheck(this, BaseWalletButton);
     this.env = DEFAULT_ENV;
+    this.isDisabled = false;
     this.onShippingOptionsChangeHandlerRegistered = false;
     this.eventEmitter = new EventEmitter();
     this.container = new Container(selector);
@@ -23007,6 +23099,30 @@ var BaseWalletButton = /*#__PURE__*/function () {
       this.env = env;
       this.api.setEnv(env, alias);
     }
+    /**
+     * Enables the wallet button, restoring interactivity and visual appearance.
+     *
+     * @example
+     * button.enable();
+     */
+  }, {
+    key: "enable",
+    value: function enable() {
+      this.isDisabled = false;
+      this.applyDisabledStyles();
+    }
+    /**
+     * Disables the wallet button, preventing clicks and applying a visual disabled state.
+     *
+     * @example
+     * button.disable();
+     */
+  }, {
+    key: "disable",
+    value: function disable() {
+      this.isDisabled = true;
+      this.applyDisabledStyles();
+    }
     /**
      * Callback for onClick method.
      *
@@ -23471,6 +23587,23 @@ var BaseWalletButton = /*#__PURE__*/function () {
         code: ((_c = err === null || err === void 0 ? void 0 : err.error) === null || _c === void 0 ? void 0 : _c.code) || (err === null || err === void 0 ? void 0 : err.code) || ((_d = err === null || err === void 0 ? void 0 : err.error_summary) === null || _d === void 0 ? void 0 : _d.code)
       };
     }
+  }, {
+    key: "applyDisabledStyles",
+    value: function applyDisabledStyles() {
+      var element = this.container.getElement();
+      if (!element) {
+        return;
+      }
+      if (this.isDisabled) {
+        element.style.pointerEvents = 'none';
+        element.style.opacity = '0.5';
+        element.setAttribute('aria-disabled', 'true');
+      } else {
+        element.style.pointerEvents = '';
+        element.style.opacity = '';
+        element.removeAttribute('aria-disabled');
+      }
+    }
   }, {
     key: "validateRequiredMetaFields",
     value: function validateRequiredMetaFields(requiredMetaFields) {
@@ -23542,7 +23675,14 @@ var ApplePayWalletButtonExpress = /*#__PURE__*/function (_BaseWalletButton) {
     _classCallCheck(this, ApplePayWalletButtonExpress);
     _this = _callSuper(this, ApplePayWalletButtonExpress, [selector, publicKeyOrAccessToken, gatewayId, meta, ['amount_label', 'country']]);
     _this.onApplePayButtonClicked = function () {
-      var applePayApiVersion = 14;
+      if (_this.isDisabled) {
+        return;
+      }
+      var applePayApiVersion = getSupportedApplePayVersion();
+      if (applePayApiVersion === 0) {
+        _this.handleOnUnavailable();
+        return;
+      }
       _this.paymentSession = new ApplePaySession(applePayApiVersion, _this.createRequest());
       _this.paymentSession.onvalidatemerchant = _this.onValidateMerchant;
       _this.paymentSession.onpaymentauthorized = _this.onPaymentAuthorized;
@@ -23550,6 +23690,17 @@ var ApplePayWalletButtonExpress = /*#__PURE__*/function (_BaseWalletButton) {
       _this.paymentSession.onshippingmethodselected = _this.onApplePayShippingMethodUpdate;
       _this.paymentSession.onshippingcontactselected = _this.onApplePayShippingContactUpdate;
       _this.paymentSession.begin();
+      // As part of PAYCA-2065 we detect that the paymentSession.onvalidatemerchant is not
+      // executed if the browser is not safari. In that case, we handle it outside the
+      // actual merchant validation function.
+      var isIOS = /iPhone|iPad|iPod/.test(navigator.userAgent);
+      var isDesktopRequestIOS = navigator.maxTouchPoints > 1 && /Macintosh/.test(navigator.userAgent);
+      if (!window.safari && !isIOS && !isDesktopRequestIOS) {
+        _this.handleMerchantOnExpressButtonClickEvent()["catch"](function (err) {
+          console.error('Error while processing merchant callback', err);
+          _this.paymentSession.abort();
+        });
+      }
     };
     _this.onValidateMerchant = function (event) {
       _this.handleMerchantOnExpressButtonClickEvent().then(function () {
@@ -23809,6 +23960,7 @@ var ApplePayWalletButtonExpress = /*#__PURE__*/function (_BaseWalletButton) {
         return;
       }
       applePayButton.addEventListener('click', this.onApplePayButtonClicked.bind(this));
+      this.applyDisabledStyles();
     }
   }, {
     key: "createRequest",
@@ -24001,13 +24153,20 @@ var PaypalWalletButtonExpress = /*#__PURE__*/function (_BaseWalletButton) {
     key: "load",
     value: function load() {
       var _this2 = this;
-      if (!window.Promise) return this.handleOnUnavailable();
+      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');
+        if (!config || config.type !== 'Paypal' || !config.credentials || !config.credentials.client_auth) {
+          throw new Error('Invalid configuration');
+        }
         _this2.config = config;
         _this2.renderPaypalButton();
+        _this2.applyDisabledStyles();
       })["catch"](function (err) {
-        if (err) _this2.handleOnError(err);
+        if (err) {
+          _this2.handleOnError(err);
+        }
         _this2.handleOnUnavailable();
       });
     }
@@ -24024,6 +24183,7 @@ var PaypalWalletButtonExpress = /*#__PURE__*/function (_BaseWalletButton) {
     value: function setMeta(meta) {
       this.meta = meta;
       this.renderPaypalButton();
+      this.applyDisabledStyles();
     }
   }, {
     key: "renderPaypalButton",
@@ -24040,7 +24200,7 @@ var PaypalWalletButtonExpress = /*#__PURE__*/function (_BaseWalletButton) {
       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");
+      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.async = true;
       paypalScript.onload = function () {
@@ -24059,7 +24219,7 @@ var PaypalWalletButtonExpress = /*#__PURE__*/function (_BaseWalletButton) {
       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");
+      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.async = true;
@@ -24100,6 +24260,9 @@ var PaypalWalletButtonExpress = /*#__PURE__*/function (_BaseWalletButton) {
         style: this.meta.style
       }), {
         onClick: function onClick(_data, actions) {
+          if (_this5.isDisabled) {
+            return actions.reject();
+          }
           return _this5.handleMerchantOnExpressButtonClickEvent().then(function () {
             return actions.resolve();
           })["catch"](function () {
@@ -24110,7 +24273,9 @@ var PaypalWalletButtonExpress = /*#__PURE__*/function (_BaseWalletButton) {
         createOrder: function createOrder() {
           return new Promise(function (resolve, reject) {
             var _a, _b;
-            if (!_this5.api.auth) return reject(new Error('Wallet Token not injected. Please handle onClick correctly.'));
+            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) {
@@ -24129,7 +24294,9 @@ var PaypalWalletButtonExpress = /*#__PURE__*/function (_BaseWalletButton) {
           });
         },
         onApprove: function onApprove(data) {
-          if (_this5.pendingApprovalPromise) return _this5.pendingApprovalPromise;
+          if (_this5.pendingApprovalPromise) {
+            return _this5.pendingApprovalPromise;
+          }
           _this5.pendingApprovalPromise = _this5.executeWalletCapture({
             payment_method_id: data.orderID,
             customer: {
@@ -44307,4 +44474,4 @@ var browser = /*#__PURE__*/Object.freeze({
   zlibSync: zlibSync
 });
 
-export { AfterpayCheckoutButton, AfterpayOnSiteMessaging, Api, ApplePayOpenWalletButton, ApplePayWalletButtonExpress, CHECKOUT_BUTTON_EVENT, Canvas3ds, Checkout, ClickToPay, Configuration, ELEMENT, ERROR_OPERATION, EVENT$5 as EVENT, Builder$1 as ExternalCheckoutBuilder, Checker as ExternalCheckoutChecker, FORM_FIELD$1 as FORM_FIELD, FRAUD_PREVENTION_EVENTS, FraudPreventionService, GooglePayOpenWalletButton, HtmlMultiWidget, HtmlPaymentSourceWidget, HtmlWidget, InstructionDebugger, MultiWidget, OpenWalletButtons, PAYMENT_TYPE, PURPOSE, PayPalDataCollector, PayPalSavePaymentSourceWidget, Builder as PaymentSourceBuilder, PaymentSourceWidget, PaypalCheckoutButton, PaypalWalletButtonExpress, STYLABLE_ELEMENT, STYLABLE_ELEMENT_STATE, STYLE$2 as STYLE, SUPPORTED_CARD_TYPES, TEXT, TOKEN_TYPE, TRIGGER$1 as TRIGGER, TYPE, VAULT_DISPLAY_STYLE, VaultDisplayWidget, WALLET_TYPES, WalletButtons, ZipmoneyCheckoutButton };
+export { AfterpayCheckoutButton, AfterpayOnSiteMessaging, Api, ApplePayOpenWalletButton, ApplePayWalletButtonExpress, CHECKOUT_BUTTON_EVENT, Canvas3ds, Checkout, ClickToPay, Configuration, ContactShippingEditingMode, ELEMENT, ERROR_OPERATION, EVENT$5 as EVENT, Builder$1 as ExternalCheckoutBuilder, Checker as ExternalCheckoutChecker, FORM_FIELD$1 as FORM_FIELD, FRAUD_PREVENTION_EVENTS, FraudPreventionService, GooglePayOpenWalletButton, HtmlMultiWidget, HtmlPaymentSourceWidget, HtmlWidget, InstructionDebugger, MultiWidget, PAYMENT_TYPE, PURPOSE, PayPalDataCollector, PayPalSavePaymentSourceWidget, Builder as PaymentSourceBuilder, PaymentSourceWidget, PaypalCheckoutButton, PaypalWalletButtonExpress, STYLABLE_ELEMENT, STYLABLE_ELEMENT_STATE, STYLE$2 as STYLE, SUPPORTED_CARD_TYPES, TEXT, TOKEN_TYPE, TRIGGER$1 as TRIGGER, TYPE, VAULT_DISPLAY_STYLE, VaultDisplayWidget, EVENT as WALLET_BUTTONS_EXPRESS_EVENT, WALLET_TYPES, WalletButtons, ZipmoneyCheckoutButton };