@paydock/client-sdk 1.123.0-beta → 1.123.2

package/bundles/index.cjs

@@ -954,7 +954,7 @@ SDK.headerKeys = Object.freeze({
   version: 'x-sdk-version',
   type: 'x-sdk-type'
 });
-SDK._version = 'v1.123.0-beta';
+SDK._version = 'v1.123.2';
 
 /******************************************************************************
 Copyright (c) Microsoft Corporation.
@@ -4236,8 +4236,8 @@ function createNewrelicConfig() {
   var params = {
     enabled: 'true',
     accountId: '974691',
-    agentId: '1386157150',
-    applicationId: '1386157150',
+    agentId: '1386157152',
+    applicationId: '1386157152',
     licenseKey: '4848a32285',
     trustKey: '974691'
   };
@@ -17715,8 +17715,6 @@ 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        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: "<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>",
@@ -17729,11 +17727,13 @@ var PAYMENT_METHOD = {
   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 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 PAYMENTS_METHODS = {
-  APPLE_PAY: "applepay_wallet",
-  GOOGLE_PAY: "googlepay_wallet"
+  APPLE_PAY: 'applepay_wallet',
+  GOOGLE_PAY: 'googlepay_wallet'
 };
-var PAYMENT_METHOD_ORDER = ["card", "afterpay_checkout", "applepay_wallet", "googlepay_wallet", "paypal_wallet", "zip_checkout"];
+var PAYMENT_METHOD_ORDER = ['card', 'afterpay_checkout', 'applepay_wallet', 'googlepay_wallet', 'paypal_wallet', 'zip_checkout'];
 var PaymentMethods = /*#__PURE__*/function () {
   function PaymentMethods(selector, methods, styles, chosen, instruction_token) {
     var skip = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : false;
@@ -17757,51 +17757,24 @@ var PaymentMethods = /*#__PURE__*/function () {
       var _this = this;
       this.setPaymentMethodsOrder();
       this.setStylesToStandaloneWidget();
-      var initState = new Promise(function (resolve, reject) {
-        return __awaiter(_this, void 0, void 0, /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
-          var paymentMethodsAllowed, _iterator, _step, method;
-          return _regeneratorRuntime().wrap(function _callee$(_context) {
-            while (1) switch (_context.prev = _context.next) {
-              case 0:
-                paymentMethodsAllowed = [];
-                _iterator = _createForOfIteratorHelper(this.methods);
-                _context.prev = 2;
-                _iterator.s();
-              case 4:
-                if ((_step = _iterator.n()).done) {
-                  _context.next = 11;
-                  break;
-                }
-                method = _step.value;
-                if (!(method === PAYMENTS_METHODS.APPLE_PAY && !this.isApplePaySupported())) {
-                  _context.next = 8;
-                  break;
-                }
-                return _context.abrupt("continue", 9);
-              case 8:
-                paymentMethodsAllowed.push(PAYMENT_METHOD[method]);
-              case 9:
-                _context.next = 4;
-                break;
-              case 11:
-                _context.next = 16;
-                break;
-              case 13:
-                _context.prev = 13;
-                _context.t0 = _context["catch"](2);
-                _iterator.e(_context.t0);
-              case 16:
-                _context.prev = 16;
-                _iterator.f();
-                return _context.finish(16);
-              case 19:
-                resolve(paymentMethodsAllowed.join(' '));
-              case 20:
-              case "end":
-                return _context.stop();
+      var initState = new Promise(function (resolve, _reject) {
+        var paymentMethodsAllowed = [];
+        var _iterator = _createForOfIteratorHelper(_this.methods),
+          _step;
+        try {
+          for (_iterator.s(); !(_step = _iterator.n()).done;) {
+            var method = _step.value;
+            if (method === PAYMENTS_METHODS.APPLE_PAY && !_this.isApplePaySupported()) {
+              continue;
             }
-          }, _callee, this, [[2, 13, 16, 19]]);
-        }));
+            paymentMethodsAllowed.push(PAYMENT_METHOD[method]);
+          }
+        } catch (err) {
+          _iterator.e(err);
+        } finally {
+          _iterator.f();
+        }
+        resolve(paymentMethodsAllowed.join(' '));
       });
       initState.then(function (content) {
         var template = _this.setStyles(content);
@@ -17813,7 +17786,7 @@ var PaymentMethods = /*#__PURE__*/function () {
           _this.setListenerButtons(iframeDocument);
           _this.iFrame.setIframeHeight(iframeElement, iframeDocument, '.wrap');
         } else {
-          _this.iFrame.getElement().addEventListener("load", function (event) {
+          _this.iFrame.getElement().addEventListener('load', function (event) {
             _this.setListenerButtons(iframeDocument);
             _this.iFrame.setIframeHeight(iframeElement, iframeDocument, '.wrap');
           });
@@ -17824,26 +17797,37 @@ var PaymentMethods = /*#__PURE__*/function () {
     key: "setListenerButtons",
     value: function setListenerButtons(iframeDocument) {
       var _this2 = this;
-      var selectedPaymentMethod = "";
+      var selectedPaymentMethod = '';
       Spinner.hide();
       var buttons = iframeDocument.querySelectorAll('[pm-button]');
-      buttons.forEach(function (button) {
-        button.addEventListener('click', function (event) {
-          var clickedButton = event.target;
-          var customAttributeValue = clickedButton.getAttribute('pm-button');
-          if (selectedPaymentMethod !== customAttributeValue && !_this2.disablePaymentMethodOptions) {
-            _this2.chosen(customAttributeValue);
-            selectedPaymentMethod = customAttributeValue;
-            Spinner.show();
-          }
-        });
-      });
+      var _iterator2 = _createForOfIteratorHelper(buttons),
+        _step2;
+      try {
+        for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+          var button = _step2.value;
+          button.addEventListener('click', function (event) {
+            var clickedButton = event.target;
+            var customAttributeValue = clickedButton.getAttribute('pm-button');
+            if (selectedPaymentMethod !== customAttributeValue && !_this2.disablePaymentMethodOptions) {
+              _this2.chosen(customAttributeValue);
+              selectedPaymentMethod = customAttributeValue;
+              Spinner.show();
+            }
+          });
+        }
+      } catch (err) {
+        _iterator2.e(err);
+      } finally {
+        _iterator2.f();
+      }
     }
   }, {
     key: "setEnv",
     value: function setEnv(instruction_token) {
       var tokenContent = AccessToken.validateJWT(instruction_token);
-      if (!tokenContent) throw new Error("Invalid instruction token.");
+      if (!tokenContent) {
+        throw new Error('Invalid instruction token.');
+      }
       return AccessToken.extractEnv(tokenContent.body);
     }
   }, {
@@ -17852,7 +17836,9 @@ var PaymentMethods = /*#__PURE__*/function () {
       var _a, _b, _c, _d, _e, _f;
       var template = TEMPLATE.replace('{{paymentMethods}}', content);
       var listElement = document === null || document === void 0 ? void 0 : document.querySelector(SELECTORS.LIST);
-      if (listElement) listElement.style.backgroundColor = this.styles.background_color || DEFAULT_VARIABLES.BG_COLOR;
+      if (listElement) {
+        listElement.style.backgroundColor = this.styles.background_color || DEFAULT_VARIABLES.BG_COLOR;
+      }
       template = ((_a = this.styles) === null || _a === void 0 ? void 0 : _a.button_color) ? template.replace(/{{button_color}}/g, this.styles.button_color) : template.replace(/{{button_color}}/g, DEFAULT_VARIABLES.BTN_COLOR);
       template = ((_b = this.styles) === null || _b === void 0 ? void 0 : _b.border_color) ? template.replace(/{{border_color}}/g, this.styles.border_color) : template.replace(/{{border_color}}/g, DEFAULT_VARIABLES.BORDER_COLOR);
       template = ((_c = this.styles) === null || _c === void 0 ? void 0 : _c.background_color) ? template.replace(/{{background_color}}/g, this.styles.background_color) : template.replace(/{{background_color}}/g, DEFAULT_VARIABLES.BG_COLOR);
@@ -17876,7 +17862,9 @@ var PaymentMethods = /*#__PURE__*/function () {
     key: "setPaymentMethodsOrder",
     value: function setPaymentMethodsOrder() {
       var _a;
-      if (!((_a = this.methods) === null || _a === void 0 ? void 0 : _a.length)) return this.methods;
+      if (!((_a = this.methods) === null || _a === void 0 ? void 0 : _a.length)) {
+        return this.methods;
+      }
       this.methods.sort(function (a, b) {
         return PAYMENT_METHOD_ORDER.indexOf(a) - PAYMENT_METHOD_ORDER.indexOf(b);
       });
@@ -17889,25 +17877,62 @@ var PaymentMethods = /*#__PURE__*/function () {
       var iframe = document === null || document === void 0 ? void 0 : document.querySelector("".concat(SELECTORS.LIST, " iframe"));
       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";
+        var labels = this.queryAllPaymentSource(iframeDocument);
+        var _iterator3 = _createForOfIteratorHelper(labels),
+          _step3;
+        try {
+          for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
+            var label = _step3.value;
+            label.style.cursor = 'not-allowed';
           }
-          radioButton.disabled = true;
-          radioButton.classList.add("disabled");
-        });
+        } catch (err) {
+          _iterator3.e(err);
+        } finally {
+          _iterator3.f();
+        }
+        var radiosButtons = this.queryAllPaymentSourceRadioButtons(iframeDocument);
+        var _iterator4 = _createForOfIteratorHelper(radiosButtons),
+          _step4;
+        try {
+          for (_iterator4.s(); !(_step4 = _iterator4.n()).done;) {
+            var radioButton = _step4.value;
+            var _labels = this.queryAllPaymentSource(iframeDocument);
+            var _iterator5 = _createForOfIteratorHelper(_labels),
+              _step5;
+            try {
+              for (_iterator5.s(); !(_step5 = _iterator5.n()).done;) {
+                var _label = _step5.value;
+                _label.style.cursor = 'not-allowed';
+              }
+            } catch (err) {
+              _iterator5.e(err);
+            } finally {
+              _iterator5.f();
+            }
+            radioButton.style.cursor = 'not-allowed';
+            if (!radioButton.checked) {
+              radioButton.style.border = '9px solid #EBEBE4';
+            }
+            radioButton.disabled = true;
+            radioButton.classList.add('disabled');
+          }
+        } catch (err) {
+          _iterator4.e(err);
+        } finally {
+          _iterator4.f();
+        }
       }
     }
+  }, {
+    key: "queryAllPaymentSource",
+    value: function queryAllPaymentSource(iframeDocument) {
+      return iframeDocument.querySelectorAll('.payment-source');
+    }
+  }, {
+    key: "queryAllPaymentSourceRadioButtons",
+    value: function queryAllPaymentSourceRadioButtons(iframeDocument) {
+      return iframeDocument.querySelectorAll('input[type="radio"].payment-source__radio');
+    }
   }]);
 }();
 
@@ -17948,6 +17973,7 @@ var InstructionFraudServiceShow = /*#__PURE__*/function (_InstructionHandler) {
     key: "handle",
     value: function handle(context) {
       var _this = this;
+      var _a;
       document.addEventListener(FRAUD_PREVENTION_EVENTS.NAMESPACE, function (event) {
         switch (event.detail.type) {
           case FRAUD_PREVENTION_EVENTS.TYPES.FINTERPRINT_TOKEN_READY:
@@ -17996,11 +18022,14 @@ var InstructionFraudServiceShow = /*#__PURE__*/function (_InstructionHandler) {
         providerId: context.payload.gateway_id,
         csp: false
       });
+      if (context.next_instruction) {
+        (_a = this.checkoutWidget) === null || _a === void 0 ? void 0 : _a.fetchInstruction();
+      }
     }
   }, {
     key: "destroy",
     value: function destroy() {
-      document.querySelector(this.formSelector).innerHTML = '';
+      // document.querySelector(this.formSelector).innerHTML = '';
     }
   }]);
 }(InstructionHandler);

package/bundles/index.mjs

@@ -952,7 +952,7 @@ SDK.headerKeys = Object.freeze({
   version: 'x-sdk-version',
   type: 'x-sdk-type'
 });
-SDK._version = 'v1.123.0-beta';
+SDK._version = 'v1.123.2';
 
 /******************************************************************************
 Copyright (c) Microsoft Corporation.
@@ -4234,8 +4234,8 @@ function createNewrelicConfig() {
   var params = {
     enabled: 'true',
     accountId: '974691',
-    agentId: '1386157150',
-    applicationId: '1386157150',
+    agentId: '1386157152',
+    applicationId: '1386157152',
     licenseKey: '4848a32285',
     trustKey: '974691'
   };
@@ -17713,8 +17713,6 @@ 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        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: "<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>",
@@ -17727,11 +17725,13 @@ var PAYMENT_METHOD = {
   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 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 PAYMENTS_METHODS = {
-  APPLE_PAY: "applepay_wallet",
-  GOOGLE_PAY: "googlepay_wallet"
+  APPLE_PAY: 'applepay_wallet',
+  GOOGLE_PAY: 'googlepay_wallet'
 };
-var PAYMENT_METHOD_ORDER = ["card", "afterpay_checkout", "applepay_wallet", "googlepay_wallet", "paypal_wallet", "zip_checkout"];
+var PAYMENT_METHOD_ORDER = ['card', 'afterpay_checkout', 'applepay_wallet', 'googlepay_wallet', 'paypal_wallet', 'zip_checkout'];
 var PaymentMethods = /*#__PURE__*/function () {
   function PaymentMethods(selector, methods, styles, chosen, instruction_token) {
     var skip = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : false;
@@ -17755,51 +17755,24 @@ var PaymentMethods = /*#__PURE__*/function () {
       var _this = this;
       this.setPaymentMethodsOrder();
       this.setStylesToStandaloneWidget();
-      var initState = new Promise(function (resolve, reject) {
-        return __awaiter(_this, void 0, void 0, /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
-          var paymentMethodsAllowed, _iterator, _step, method;
-          return _regeneratorRuntime().wrap(function _callee$(_context) {
-            while (1) switch (_context.prev = _context.next) {
-              case 0:
-                paymentMethodsAllowed = [];
-                _iterator = _createForOfIteratorHelper(this.methods);
-                _context.prev = 2;
-                _iterator.s();
-              case 4:
-                if ((_step = _iterator.n()).done) {
-                  _context.next = 11;
-                  break;
-                }
-                method = _step.value;
-                if (!(method === PAYMENTS_METHODS.APPLE_PAY && !this.isApplePaySupported())) {
-                  _context.next = 8;
-                  break;
-                }
-                return _context.abrupt("continue", 9);
-              case 8:
-                paymentMethodsAllowed.push(PAYMENT_METHOD[method]);
-              case 9:
-                _context.next = 4;
-                break;
-              case 11:
-                _context.next = 16;
-                break;
-              case 13:
-                _context.prev = 13;
-                _context.t0 = _context["catch"](2);
-                _iterator.e(_context.t0);
-              case 16:
-                _context.prev = 16;
-                _iterator.f();
-                return _context.finish(16);
-              case 19:
-                resolve(paymentMethodsAllowed.join(' '));
-              case 20:
-              case "end":
-                return _context.stop();
+      var initState = new Promise(function (resolve, _reject) {
+        var paymentMethodsAllowed = [];
+        var _iterator = _createForOfIteratorHelper(_this.methods),
+          _step;
+        try {
+          for (_iterator.s(); !(_step = _iterator.n()).done;) {
+            var method = _step.value;
+            if (method === PAYMENTS_METHODS.APPLE_PAY && !_this.isApplePaySupported()) {
+              continue;
             }
-          }, _callee, this, [[2, 13, 16, 19]]);
-        }));
+            paymentMethodsAllowed.push(PAYMENT_METHOD[method]);
+          }
+        } catch (err) {
+          _iterator.e(err);
+        } finally {
+          _iterator.f();
+        }
+        resolve(paymentMethodsAllowed.join(' '));
       });
       initState.then(function (content) {
         var template = _this.setStyles(content);
@@ -17811,7 +17784,7 @@ var PaymentMethods = /*#__PURE__*/function () {
           _this.setListenerButtons(iframeDocument);
           _this.iFrame.setIframeHeight(iframeElement, iframeDocument, '.wrap');
         } else {
-          _this.iFrame.getElement().addEventListener("load", function (event) {
+          _this.iFrame.getElement().addEventListener('load', function (event) {
             _this.setListenerButtons(iframeDocument);
             _this.iFrame.setIframeHeight(iframeElement, iframeDocument, '.wrap');
           });
@@ -17822,26 +17795,37 @@ var PaymentMethods = /*#__PURE__*/function () {
     key: "setListenerButtons",
     value: function setListenerButtons(iframeDocument) {
       var _this2 = this;
-      var selectedPaymentMethod = "";
+      var selectedPaymentMethod = '';
       Spinner.hide();
       var buttons = iframeDocument.querySelectorAll('[pm-button]');
-      buttons.forEach(function (button) {
-        button.addEventListener('click', function (event) {
-          var clickedButton = event.target;
-          var customAttributeValue = clickedButton.getAttribute('pm-button');
-          if (selectedPaymentMethod !== customAttributeValue && !_this2.disablePaymentMethodOptions) {
-            _this2.chosen(customAttributeValue);
-            selectedPaymentMethod = customAttributeValue;
-            Spinner.show();
-          }
-        });
-      });
+      var _iterator2 = _createForOfIteratorHelper(buttons),
+        _step2;
+      try {
+        for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+          var button = _step2.value;
+          button.addEventListener('click', function (event) {
+            var clickedButton = event.target;
+            var customAttributeValue = clickedButton.getAttribute('pm-button');
+            if (selectedPaymentMethod !== customAttributeValue && !_this2.disablePaymentMethodOptions) {
+              _this2.chosen(customAttributeValue);
+              selectedPaymentMethod = customAttributeValue;
+              Spinner.show();
+            }
+          });
+        }
+      } catch (err) {
+        _iterator2.e(err);
+      } finally {
+        _iterator2.f();
+      }
     }
   }, {
     key: "setEnv",
     value: function setEnv(instruction_token) {
       var tokenContent = AccessToken.validateJWT(instruction_token);
-      if (!tokenContent) throw new Error("Invalid instruction token.");
+      if (!tokenContent) {
+        throw new Error('Invalid instruction token.');
+      }
       return AccessToken.extractEnv(tokenContent.body);
     }
   }, {
@@ -17850,7 +17834,9 @@ var PaymentMethods = /*#__PURE__*/function () {
       var _a, _b, _c, _d, _e, _f;
       var template = TEMPLATE.replace('{{paymentMethods}}', content);
       var listElement = document === null || document === void 0 ? void 0 : document.querySelector(SELECTORS.LIST);
-      if (listElement) listElement.style.backgroundColor = this.styles.background_color || DEFAULT_VARIABLES.BG_COLOR;
+      if (listElement) {
+        listElement.style.backgroundColor = this.styles.background_color || DEFAULT_VARIABLES.BG_COLOR;
+      }
       template = ((_a = this.styles) === null || _a === void 0 ? void 0 : _a.button_color) ? template.replace(/{{button_color}}/g, this.styles.button_color) : template.replace(/{{button_color}}/g, DEFAULT_VARIABLES.BTN_COLOR);
       template = ((_b = this.styles) === null || _b === void 0 ? void 0 : _b.border_color) ? template.replace(/{{border_color}}/g, this.styles.border_color) : template.replace(/{{border_color}}/g, DEFAULT_VARIABLES.BORDER_COLOR);
       template = ((_c = this.styles) === null || _c === void 0 ? void 0 : _c.background_color) ? template.replace(/{{background_color}}/g, this.styles.background_color) : template.replace(/{{background_color}}/g, DEFAULT_VARIABLES.BG_COLOR);
@@ -17874,7 +17860,9 @@ var PaymentMethods = /*#__PURE__*/function () {
     key: "setPaymentMethodsOrder",
     value: function setPaymentMethodsOrder() {
       var _a;
-      if (!((_a = this.methods) === null || _a === void 0 ? void 0 : _a.length)) return this.methods;
+      if (!((_a = this.methods) === null || _a === void 0 ? void 0 : _a.length)) {
+        return this.methods;
+      }
       this.methods.sort(function (a, b) {
         return PAYMENT_METHOD_ORDER.indexOf(a) - PAYMENT_METHOD_ORDER.indexOf(b);
       });
@@ -17887,25 +17875,62 @@ var PaymentMethods = /*#__PURE__*/function () {
       var iframe = document === null || document === void 0 ? void 0 : document.querySelector("".concat(SELECTORS.LIST, " iframe"));
       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";
+        var labels = this.queryAllPaymentSource(iframeDocument);
+        var _iterator3 = _createForOfIteratorHelper(labels),
+          _step3;
+        try {
+          for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
+            var label = _step3.value;
+            label.style.cursor = 'not-allowed';
           }
-          radioButton.disabled = true;
-          radioButton.classList.add("disabled");
-        });
+        } catch (err) {
+          _iterator3.e(err);
+        } finally {
+          _iterator3.f();
+        }
+        var radiosButtons = this.queryAllPaymentSourceRadioButtons(iframeDocument);
+        var _iterator4 = _createForOfIteratorHelper(radiosButtons),
+          _step4;
+        try {
+          for (_iterator4.s(); !(_step4 = _iterator4.n()).done;) {
+            var radioButton = _step4.value;
+            var _labels = this.queryAllPaymentSource(iframeDocument);
+            var _iterator5 = _createForOfIteratorHelper(_labels),
+              _step5;
+            try {
+              for (_iterator5.s(); !(_step5 = _iterator5.n()).done;) {
+                var _label = _step5.value;
+                _label.style.cursor = 'not-allowed';
+              }
+            } catch (err) {
+              _iterator5.e(err);
+            } finally {
+              _iterator5.f();
+            }
+            radioButton.style.cursor = 'not-allowed';
+            if (!radioButton.checked) {
+              radioButton.style.border = '9px solid #EBEBE4';
+            }
+            radioButton.disabled = true;
+            radioButton.classList.add('disabled');
+          }
+        } catch (err) {
+          _iterator4.e(err);
+        } finally {
+          _iterator4.f();
+        }
       }
     }
+  }, {
+    key: "queryAllPaymentSource",
+    value: function queryAllPaymentSource(iframeDocument) {
+      return iframeDocument.querySelectorAll('.payment-source');
+    }
+  }, {
+    key: "queryAllPaymentSourceRadioButtons",
+    value: function queryAllPaymentSourceRadioButtons(iframeDocument) {
+      return iframeDocument.querySelectorAll('input[type="radio"].payment-source__radio');
+    }
   }]);
 }();
 
@@ -17946,6 +17971,7 @@ var InstructionFraudServiceShow = /*#__PURE__*/function (_InstructionHandler) {
     key: "handle",
     value: function handle(context) {
       var _this = this;
+      var _a;
       document.addEventListener(FRAUD_PREVENTION_EVENTS.NAMESPACE, function (event) {
         switch (event.detail.type) {
           case FRAUD_PREVENTION_EVENTS.TYPES.FINTERPRINT_TOKEN_READY:
@@ -17994,11 +18020,14 @@ var InstructionFraudServiceShow = /*#__PURE__*/function (_InstructionHandler) {
         providerId: context.payload.gateway_id,
         csp: false
       });
+      if (context.next_instruction) {
+        (_a = this.checkoutWidget) === null || _a === void 0 ? void 0 : _a.fetchInstruction();
+      }
     }
   }, {
     key: "destroy",
     value: function destroy() {
-      document.querySelector(this.formSelector).innerHTML = '';
+      // document.querySelector(this.formSelector).innerHTML = '';
     }
   }]);
 }(InstructionHandler);