@paydock/client-sdk 1.123.0-beta → 1.123.2

package/bundles/types/checkout/instructions/v1/instruction.fraud_service.show.d.ts

@@ -14,6 +14,7 @@ export declare class InstructionFraudServiceShow extends InstructionHandler {
         customisation?: {
             base?: object;
         };
+        next_instruction?: boolean;
     }): void;
     destroy(): void;
 }

package/bundles/types/checkout/instructions/v1/instruction.fraud_service.show.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"instruction.fraud_service.show.d.ts","sourceRoot":"","sources":["../../../../src/checkout/instructions/v1/instruction.fraud_service.show.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,sBAAsB,EAAE,MAAM,oDAAoD,CAAC;AAE5F,OAAO,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAC;AAGvE,qBACa,2BAA4B,SAAQ,kBAAkB;IACjE,SAAS,CAAC,GAAG,EAAE,sBAAsB,CAAC;IAE/B,MAAM,CAAC,OAAO,EAAE;QACrB,UAAU,EAAE,MAAM,CAAC;QACnB,UAAU,EAAE,MAAM,CAAC;QACnB,OAAO,EAAE;YAAE,UAAU,EAAE,MAAM,CAAC;YAAC,IAAI,EAAE,MAAM,CAAC;YAAC,YAAY,EAAE,MAAM,CAAA;SAAE,CAAC;QACpE,iBAAiB,EAAE,MAAM,CAAC;QAC1B,aAAa,CAAC,EAAE;YAAE,IAAI,CAAC,EAAE,MAAM,CAAA;SAAE,CAAC;KACnC,GAAG,IAAI;IAyDD,OAAO;CAGf"}
+{"version":3,"file":"instruction.fraud_service.show.d.ts","sourceRoot":"","sources":["../../../../src/checkout/instructions/v1/instruction.fraud_service.show.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,sBAAsB,EAAE,MAAM,oDAAoD,CAAC;AAE5F,OAAO,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAC;AAGvE,qBACa,2BAA4B,SAAQ,kBAAkB;IACjE,SAAS,CAAC,GAAG,EAAE,sBAAsB,CAAC;IAE/B,MAAM,CAAC,OAAO,EAAE;QACrB,UAAU,EAAE,MAAM,CAAC;QACnB,UAAU,EAAE,MAAM,CAAC;QACnB,OAAO,EAAE;YAAE,UAAU,EAAE,MAAM,CAAC;YAAC,IAAI,EAAE,MAAM,CAAC;YAAC,YAAY,EAAE,MAAM,CAAA;SAAE,CAAC;QACpE,iBAAiB,EAAE,MAAM,CAAC;QAC1B,aAAa,CAAC,EAAE;YAAE,IAAI,CAAC,EAAE,MAAM,CAAA;SAAE,CAAC;QAClC,gBAAgB,CAAC,EAAE,OAAO,CAAC;KAC5B,GAAG,IAAI;IA6DD,OAAO;CAGf"}

package/bundles/types/checkout/layout-widgets/payment-methods.d.ts

@@ -1,9 +1,9 @@
 /// <reference types="applepayjs" />
+import type { ApiInternal } from '../../api/api-internal';
 import { Container } from '../../components/container';
-import { EventEmitter } from '../../helper/event-emitter';
-import { ApiInternal } from "../../api/api-internal";
-import { IFrame } from "../../components/iframe";
-import { IFrameEvent } from "../../components/iframe-event";
+import { IFrame } from '../../components/iframe';
+import type { IFrameEvent } from '../../components/iframe-event';
+import type { EventEmitter } from '../../helper/event-emitter';
 declare global {
     interface Window {
         ApplePaySession: ApplePaySession;
@@ -49,5 +49,7 @@ export declare class PaymentMethods {
     private setStylesToStandaloneWidget;
     private setPaymentMethodsOrder;
     disablePaymentMethod(): void;
+    private queryAllPaymentSource;
+    private queryAllPaymentSourceRadioButtons;
 }
 //# sourceMappingURL=payment-methods.d.ts.map

package/bundles/types/checkout/layout-widgets/payment-methods.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"payment-methods.d.ts","sourceRoot":"","sources":["../../../src/checkout/layout-widgets/payment-methods.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAEvD,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AACrD,OAAO,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AACjD,OAAO,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AAQ5D,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,MAAM;QACZ,eAAe,EAAE,eAAe,CAAC;KACpC;CACJ;AAED,eAAO,MAAM,gBAAgB;;;CAG5B,CAAC;AASF,qBAAa,cAAc;IAcnB,SAAS,CAAC,OAAO,EAAE,MAAM,EAAE;IAC3B,SAAS,CAAC,MAAM,EAAE;QAAE,YAAY,CAAC,EAAE,MAAM,CAAC;QAAC,YAAY,CAAC,EAAE,MAAM,CAAC;QAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC;QAAC,WAAW,CAAC,EAAE,MAAM,CAAC;QAAC,SAAS,CAAC,EAAE,MAAM,CAAC;QAAC,UAAU,CAAC,EAAE,MAAM,CAAA;KAAE;IAC5J,SAAS,CAAC,MAAM,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI;IAd5C,SAAS,CAAC,MAAM,EAAE,MAAM,CAAU;IAClC,SAAS,CAAC,YAAY,EAAE,YAAY,CAAC;IACrC,SAAS,CAAC,SAAS,EAAE,SAAS,CAAC;IAC/B,SAAS,CAAC,GAAG,EAAE,MAAM,CAAe;IACpC,SAAS,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,GAAG,EAAE,WAAW,CAAC;IAC3B,SAAS,CAAC,MAAM,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,KAAK,EAAE,WAAW,CAAC;IAC7B,SAAS,CAAC,2BAA2B,EAAE,OAAO,CAAC;gBAG3C,QAAQ,EAAE,MAAM,EACN,OAAO,EAAE,MAAM,EAAE,EACjB,MAAM,EAAE;QAAE,YAAY,CAAC,EAAE,MAAM,CAAC;QAAC,YAAY,CAAC,EAAE,MAAM,CAAC;QAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC;QAAC,WAAW,CAAC,EAAE,MAAM,CAAC;QAAC,SAAS,CAAC,EAAE,MAAM,CAAC;QAAC,UAAU,CAAC,EAAE,MAAM,CAAA;KAAE,EAClJ,MAAM,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,EACxC,iBAAiB,EAAE,MAAM,EACzB,IAAI,GAAE,OAAe;IAYzB,OAAO,CAAC,IAAI;IAuCZ,OAAO,CAAC,kBAAkB;IAmBnB,MAAM,CAAC,iBAAiB,KAAA;IAS/B,OAAO,CAAC,SAAS;IAkCjB,OAAO,CAAC,mBAAmB;IAI3B,OAAO,CAAC,2BAA2B;IAMnC,OAAO,CAAC,sBAAsB;IAQvB,oBAAoB;CA+B9B"}
+{"version":3,"file":"payment-methods.d.ts","sourceRoot":"","sources":["../../../src/checkout/layout-widgets/payment-methods.ts"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAC1D,OAAO,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AACvD,OAAO,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AACjD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AAGjE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAO/D,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,MAAM;QACd,eAAe,EAAE,eAAe,CAAC;KAClC;CACF;AAED,eAAO,MAAM,gBAAgB;;;CAG5B,CAAC;AASF,qBAAa,cAAc;IAavB,SAAS,CAAC,OAAO,EAAE,MAAM,EAAE;IAC3B,SAAS,CAAC,MAAM,EAAE;QAChB,YAAY,CAAC,EAAE,MAAM,CAAC;QACtB,YAAY,CAAC,EAAE,MAAM,CAAC;QACtB,gBAAgB,CAAC,EAAE,MAAM,CAAC;QAC1B,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,UAAU,CAAC,EAAE,MAAM,CAAC;KACrB;IACD,SAAS,CAAC,MAAM,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI;IArB1C,SAAS,CAAC,MAAM,EAAE,MAAM,CAAU;IAClC,SAAS,CAAC,YAAY,EAAE,YAAY,CAAC;IACrC,SAAS,CAAC,SAAS,EAAE,SAAS,CAAC;IAC/B,SAAS,CAAC,GAAG,EAAE,MAAM,CAAe;IACpC,SAAS,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,GAAG,EAAE,WAAW,CAAC;IAC3B,SAAS,CAAC,MAAM,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,KAAK,EAAE,WAAW,CAAC;IAC7B,SAAS,CAAC,2BAA2B,EAAE,OAAO,CAAC;gBAG7C,QAAQ,EAAE,MAAM,EACN,OAAO,EAAE,MAAM,EAAE,EACjB,MAAM,EAAE;QAChB,YAAY,CAAC,EAAE,MAAM,CAAC;QACtB,YAAY,CAAC,EAAE,MAAM,CAAC;QACtB,gBAAgB,CAAC,EAAE,MAAM,CAAC;QAC1B,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,UAAU,CAAC,EAAE,MAAM,CAAC;KACrB,EACS,MAAM,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,EACxC,iBAAiB,EAAE,MAAM,EACzB,IAAI,UAAQ;IAYd,OAAO,CAAC,IAAI;IAuCZ,OAAO,CAAC,kBAAkB;IAuBnB,MAAM,CAAC,iBAAiB,KAAA;IAU/B,OAAO,CAAC,SAAS;IAoCjB,OAAO,CAAC,mBAAmB;IAI3B,OAAO,CAAC,2BAA2B;IAOnC,OAAO,CAAC,sBAAsB;IAUvB,oBAAoB;IAqC3B,OAAO,CAAC,qBAAqB;IAM7B,OAAO,CAAC,iCAAiC;CAO1C"}

package/bundles/widget.umd.js

@@ -958,7 +958,7 @@
     version: 'x-sdk-version',
     type: 'x-sdk-type'
   });
-  SDK._version = 'v1.123.0-beta';
+  SDK._version = 'v1.123.2';
 
   /******************************************************************************
   Copyright (c) Microsoft Corporation.
@@ -4240,8 +4240,8 @@
     var params = {
       enabled: 'true',
       accountId: '974691',
-      agentId: '1386157150',
-      applicationId: '1386157150',
+      agentId: '1386157152',
+      applicationId: '1386157152',
       licenseKey: '4848a32285',
       trustKey: '974691'
     };
@@ -17719,8 +17719,6 @@
   }(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>",
@@ -17733,11 +17731,13 @@
     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;
@@ -17761,51 +17761,24 @@
         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);
@@ -17817,7 +17790,7 @@
             _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');
             });
@@ -17828,26 +17801,37 @@
       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);
       }
     }, {
@@ -17856,7 +17840,9 @@
         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);
@@ -17880,7 +17866,9 @@
       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);
         });
@@ -17893,25 +17881,62 @@
         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');
+      }
     }]);
   }();
 
@@ -17952,6 +17977,7 @@
       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:
@@ -18000,11 +18026,14 @@
           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);