@paydock/client-sdk 1.116.0-beta → 1.117.0-beta

package/README.md

@@ -7629,42 +7629,6 @@ src.setStyles({
 });
 ```
 
-## Recognition token
-
-In order to store user information for further payments, click to pay provides a recognition token that is used to load user information.
-If you already have a recognitionToken stored, you can use it in meta to load the user information.
-
-### Storage suggestions
-Merchant can store the tokens by dropping the token as a 1st party cookie in the browser, and must ensure to manage all the security aspects around dropping/storing the cookie by following the security standards:
-
-- `Expiration Date=` cookie should be set to expire at a max 180 days
-- `Secure` flag
-- `httpOnly` flag
-- `sameSite=` strict
-- `Value=` recognition token JWT
-
-### Example code
-
-```javascript
-var src = new paydock.ClickToPay(
-    "#checkoutIframe",
-    "service_id",
-    "paydock_public_key",
-    {
-        "recognition_token": "eyJraWQiOiIy...",
-    },
-);
-src.on('recognitionTokenRequested', (data) => {
-    console.log('Recognition token was found: ' + data.data.recognitionToken);
-    // Add recognition token to your store
-});
-
-src.on('recognitionTokenDropped', () => {
-    console.log('Recognition token was droped');
-    // Delete recognition token from your store
-});
-```
-
 ## Classes
 
 <dl>
@@ -7745,7 +7709,6 @@ Interface of data used for the Mastercard Checkout. For further information refe
 | [customer.phone.country_code] | <code>string</code> | Customer phone country code (example "1" for US). |
 | [customer.phone.phone] | <code>string</code> | Customer phone number. |
 | [unaccepted_card_type] | <code>string</code> | Used to block a specific card type. Options are 'CREDIT', 'DEBIT'. |
-| [recognition_token] | <code>string</code> | Used for Click to Pay to load user information and preferences. |
 
 <a name="EventData" id="EventData" href="#EventData">&nbsp;</a>
 
@@ -7988,8 +7951,6 @@ List of available event's name in the Click To Pay checkout lifecycle
 | CHECKOUT_POPUP_CLOSE | <code>string</code> | <code>&quot;checkoutPopupClose&quot;</code> | Event sent when Click To Pay checkout flow is closed, regardless of embedded or windowed mode. |
 | CHECKOUT_COMPLETED | <code>string</code> | <code>&quot;checkoutCompleted&quot;</code> | Event sent on successful checkout by customer. Check [data](#EventDataCheckoutCompletedData) for more information. |
 | CHECKOUT_ERROR | <code>string</code> | <code>&quot;checkoutError&quot;</code> | Event sent on error checkout by customer. Check [data](#EventData) for more information. |
-| RECOGNITION_TOKEN_REQUESTED | <code>string</code> | <code>&quot;recognitionTokenRequested&quot;</code> | Event sent when a recognition token was found on the mastercard SDK response. |
-| RECOGNITION_TOKEN_DROPPED | <code>string</code> | <code>&quot;recognitionTokenDropped&quot;</code> | Event sent when a recognition token needs to be dropped for user be no longer remembered. |
 
 <a name="EVENT_DATA_TYPE" id="EVENT_DATA_TYPE" href="#EVENT_DATA_TYPE">&nbsp;</a>
 

package/bundles/index.cjs

@@ -891,7 +891,7 @@ SDK.headerKeys = Object.freeze({
   version: 'x-sdk-version',
   type: 'x-sdk-type'
 });
-SDK._version = 'v1.116.0-beta';
+SDK._version = 'v1.117.0-beta';
 
 /******************************************************************************
 Copyright (c) Microsoft Corporation.
@@ -4223,6 +4223,10 @@ var ApiBase = /*#__PURE__*/function () {
       request.onreadystatechange = function () {
         if (_this2.stoppedPooling) return;
         if (request.readyState === 4) {
+          if (request.status === 403) {
+            _this2.stoppedPooling = true;
+            return;
+          }
           if (request.status === 200 || request.status === 201) {
             var data = JSON.parse(request.responseText);
             if (SessionHelper.sessionId !== data.resource.data.intent_id) {
@@ -4666,20 +4670,24 @@ var IFrame = /*#__PURE__*/function () {
     key: "load",
     value: function load(link) {
       var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+      var iframeClass = arguments.length > 2 ? arguments[2] : undefined;
       if (!this.container.isExist() || this.isExist()) return;
       var iFrame = document.createElement('iframe');
       iFrame.setAttribute('src', link);
       if (options.title) iFrame.title = options.title;
+      if (iframeClass) iFrame.classList.add(iframeClass);
       this.container.getElement().appendChild(iFrame);
     }
   }, {
     key: "loadFromHtml",
     value: function loadFromHtml(content) {
       var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+      var iframeClass = arguments.length > 2 ? arguments[2] : undefined;
       if (!this.container.isExist() || this.isExist()) return;
       var iFrame = document.createElement('iframe');
       iFrame.setAttribute('height', '100%');
       iFrame.setAttribute('width', '100%');
+      if (iframeClass) iFrame.classList.add(iframeClass);
       if (options.title) iFrame.title = options.title;
       var template = "<html><head><style>html, body {margin: 0;} iframe {border: 0; width: 100%}</style><title></title></head><body>{{content}}</body></html>";
       this.container.getElement().appendChild(iFrame);
@@ -5325,9 +5333,9 @@ var Canvas3ds = /*#__PURE__*/function () {
     function load() {
       if (this.token.format === TOKEN_FORMAT.HTML) this.iFrame.loadFromHtml(this.token.content, {
         title: '3d secure authentication'
-      });else if (this.token.format === TOKEN_FORMAT.URL) this.iFrame.load(this.token.content, {
+      }, 'threeDSecure-iframe');else if (this.token.format === TOKEN_FORMAT.URL) this.iFrame.load(this.token.content, {
         title: '3d secure authentication'
-      });else if (this.token.format === TOKEN_FORMAT.STANDALONE_3DS) this.standalone3dsService.load(this.token.content, {
+      }, 'threeDSecure-iframe');else if (this.token.format === TOKEN_FORMAT.STANDALONE_3DS) this.standalone3dsService.load(this.token.content, {
         title: '3d secure authentication'
       });else console.error('Token contain unsupported payload');
     }
@@ -9107,8 +9115,6 @@ var HtmlPaymentSourceWidget = /*#__PURE__*/function (_PaymentSourceWidget) {
  * @param {string} CHECKOUT_POPUP_CLOSE=checkoutPopupClose Event sent when Click To Pay checkout flow is closed, regardless of embedded or windowed mode.
  * @param {string} CHECKOUT_COMPLETED=checkoutCompleted Event sent on successful checkout by customer. Check [data](#EventDataCheckoutCompletedData) for more information.
  * @param {string} CHECKOUT_ERROR=checkoutError Event sent on error checkout by customer. Check [data](#EventData) for more information.
- * @param {string} RECOGNITION_TOKEN_REQUESTED=recognitionTokenRequested Event sent when a recognition token was found on the mastercard SDK response.
- * @param {string} RECOGNITION_TOKEN_DROPPED=recognitionTokenDropped Event sent when a recognition token needs to be dropped for user be no longer remembered.
  */
 var EVENT$3;
 (function (EVENT) {
@@ -9118,8 +9124,6 @@ var EVENT$3;
   EVENT["CHECKOUT_ERROR"] = "checkoutError";
   EVENT["CHECKOUT_POPUP_OPEN"] = "checkoutPopupOpen";
   EVENT["CHECKOUT_POPUP_CLOSE"] = "checkoutPopupClose";
-  EVENT["RECOGNITION_TOKEN_REQUESTED"] = "recognitionTokenRequested";
-  EVENT["RECOGNITION_TOKEN_DROPPED"] = "recognitionTokenDropped";
 })(EVENT$3 || (EVENT$3 = {}));
 /**
  * List of available event data types
@@ -9196,13 +9200,6 @@ var ClickToPaySRC = /*#__PURE__*/function () {
         var data = _ref5.data;
         _this.eventEmitter.emit(EVENT$3.CHECKOUT_ERROR, data);
       });
-      this.iFrameEvent.on(EVENT$3.RECOGNITION_TOKEN_REQUESTED, widgetId, function (_ref6) {
-        var data = _ref6.data;
-        _this.eventEmitter.emit(EVENT$3.RECOGNITION_TOKEN_REQUESTED, data);
-      });
-      this.iFrameEvent.on(EVENT$3.RECOGNITION_TOKEN_DROPPED, widgetId, function () {
-        _this.eventEmitter.emit(EVENT$3.RECOGNITION_TOKEN_DROPPED);
-      });
       if (this.autoResize) this.useAutoResize(true);
     }
   }, {
@@ -9250,8 +9247,8 @@ var ClickToPaySRC = /*#__PURE__*/function () {
       this.autoResize = true;
       var params = this.link.getParams();
       if (!(params === null || params === void 0 ? void 0 : params.widget_id)) return;
-      this.iFrameEvent.on('resize', params.widget_id, function (_ref7) {
-        var data = _ref7.data;
+      this.iFrameEvent.on('resize', params.widget_id, function (_ref6) {
+        var data = _ref6.data;
         var _a, _b;
         var iframeElement = _this3.iFrame.getElement();
         if (iframeElement) {
@@ -14701,7 +14698,7 @@ var PaymentMethods = /*#__PURE__*/function () {
                 _iterator.s();
               case 4:
                 if ((_step = _iterator.n()).done) {
-                  _context.next = 18;
+                  _context.next = 11;
                   break;
                 }
                 method = _step.value;
@@ -14709,46 +14706,30 @@ var PaymentMethods = /*#__PURE__*/function () {
                   _context.next = 8;
                   break;
                 }
-                return _context.abrupt("continue", 16);
+                return _context.abrupt("continue", 9);
               case 8:
-                _context.t0 = method === PAYMENTS_METHODS.GOOGLE_PAY;
-                if (!_context.t0) {
-                  _context.next = 13;
-                  break;
-                }
-                _context.next = 12;
-                return this.isGooglePaySupported();
-              case 12:
-                _context.t0 = !_context.sent;
-              case 13:
-                if (!_context.t0) {
-                  _context.next = 15;
-                  break;
-                }
-                return _context.abrupt("continue", 16);
-              case 15:
                 paymentMethodsAllowed.push(PAYMENT_METHOD[method]);
-              case 16:
+              case 9:
                 _context.next = 4;
                 break;
-              case 18:
-                _context.next = 23;
+              case 11:
+                _context.next = 16;
                 break;
-              case 20:
-                _context.prev = 20;
-                _context.t1 = _context["catch"](2);
-                _iterator.e(_context.t1);
-              case 23:
-                _context.prev = 23;
+              case 13:
+                _context.prev = 13;
+                _context.t0 = _context["catch"](2);
+                _iterator.e(_context.t0);
+              case 16:
+                _context.prev = 16;
                 _iterator.f();
-                return _context.finish(23);
-              case 26:
+                return _context.finish(16);
+              case 19:
                 resolve(paymentMethodsAllowed.join(' '));
-              case 27:
+              case 20:
               case "end":
                 return _context.stop();
             }
-          }, _callee, this, [[2, 20, 23, 26]]);
+          }, _callee, this, [[2, 13, 16, 19]]);
         }));
       });
       initState.then(function (content) {
@@ -14814,45 +14795,6 @@ var PaymentMethods = /*#__PURE__*/function () {
     value: function isApplePaySupported() {
       return window.ApplePaySession && ApplePaySession.canMakePayments();
     }
-  }, {
-    key: "isGooglePaySupported",
-    value: function isGooglePaySupported() {
-      return __awaiter(this, void 0, void 0, /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
-        var paymentRequest;
-        return _regeneratorRuntime().wrap(function _callee2$(_context2) {
-          while (1) switch (_context2.prev = _context2.next) {
-            case 0:
-              _context2.prev = 0;
-              if (window.PaymentRequest) {
-                _context2.next = 3;
-                break;
-              }
-              return _context2.abrupt("return", false);
-            case 3:
-              paymentRequest = new PaymentRequest([{
-                supportedMethods: 'https://google.com/pay'
-              }], {
-                total: {
-                  label: 'Test',
-                  amount: {
-                    currency: 'USD',
-                    value: '0.00'
-                  }
-                }
-              });
-              return _context2.abrupt("return", paymentRequest.canMakePayment());
-            case 7:
-              _context2.prev = 7;
-              _context2.t0 = _context2["catch"](0);
-              console.error('Error google pay check support:');
-              return _context2.abrupt("return", false);
-            case 11:
-            case "end":
-              return _context2.stop();
-          }
-        }, _callee2, null, [[0, 7]]);
-      }));
-    }
   }, {
     key: "setStylesToStandaloneWidget",
     value: function setStylesToStandaloneWidget() {
@@ -15373,7 +15315,7 @@ function getVersionInstructions(version) {
   }
 }
 
-var additional = "\n<style>\n    #standaloneWidget iframe, #list iframe {\n      display: block;\n       max-width: 640px;\n       min-width: 320px;\n       width: 100%;\n       border-width: 0;\n    }\n    .spinner-wrapper {\n      position: absolute;\n      width: calc(100% + 1px);\n      height: calc(100% + 1px);\n      top: 0;\n      left: 0;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      z-index: 999;\n    }\n    \n    .spinner-wrapper svg {\n        position: absolute;\n\n        height: 50px;\n        width: 50px;\n        z-index: 1000;\n      }\n  \n    .spinner-wrapper .background {\n      margin: 0 !important;\n      background: #f9f9f9;\n      color: #f9f9f9;\n      word-break: break-all;\n      white-space: pre-wrap;\n      width: 100%;\n      height: 100%;\n    }\n    \n    .spinner-wrapper--hidden {\n        display: none;\n    }\n    #standaloneWidget .paypal-buttons {\n        padding-bottom: 12px;\n        right: 40px;\n        max-width: 290px;\n    }\n    #standaloneWidget #gpay-button-online-api-id {\n        max-width: 311px;\n        margin-bottom: 11px;\n        right: 11px;\n    }\n    #standaloneWidget .paydock-apple-container {\n        max-width: 300px;\n        margin-right: 10px;\n        margin-bottom: 10px\n    }\n</style>\n<div id=\"spinner\" class=\"spinner-wrapper spinner-wrapper--hidden\">\n    <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'><radialGradient id='a5' cx='.66' fx='.66' cy='.3125' fy='.3125' gradientTransform='scale(1.5)'><stop offset='0' stop-color='#191919'></stop><stop offset='.3' stop-color='#191919' stop-opacity='.9'></stop><stop offset='.6' stop-color='#191919' stop-opacity='.6'></stop><stop offset='.8' stop-color='#191919' stop-opacity='.3'></stop><stop offset='1' stop-color='#191919' stop-opacity='0'></stop></radialGradient><circle transform-origin='center' fill='none' stroke='url(#a5)' stroke-width='30' stroke-linecap='round' stroke-dasharray='200 1000' stroke-dashoffset='0' cx='100' cy='100' r='70'><animateTransform type='rotate' attributeName='transform' calcMode='spline' dur='1' values='360;0' keyTimes='0;1' keySplines='0 0 1 1' repeatCount='indefinite'></animateTransform></circle><circle transform-origin='center' fill='none' opacity='.2' stroke='#191919' stroke-width='30' stroke-linecap='round' cx='100' cy='100' r='70'></circle></svg>\n    <pre class=\"background\"></pre>\n</div>\n";
+var additional = "\n<style>\n    #standaloneWidget iframe[title=\"3d secure authentication\"],\n    #standaloneWidget .threeDSecure-iframe {\n        height: 420px;\n    }\n    #standaloneWidget iframe, #list iframe {\n      display: block;\n       max-width: 640px;\n       min-width: 320px;\n       width: 100%;\n       border-width: 0;\n    }\n    .spinner-wrapper {\n      position: absolute;\n      width: calc(100% + 1px);\n      height: calc(100% + 1px);\n      top: 0;\n      left: 0;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      z-index: 999;\n    }\n    \n    .spinner-wrapper svg {\n        position: absolute;\n\n        height: 50px;\n        width: 50px;\n        z-index: 1000;\n      }\n  \n    .spinner-wrapper .background {\n      margin: 0 !important;\n      background: #f9f9f9;\n      color: #f9f9f9;\n      word-break: break-all;\n      white-space: pre-wrap;\n      width: 100%;\n      height: 100%;\n    }\n    \n    .spinner-wrapper--hidden {\n        display: none;\n    }\n    #standaloneWidget .paypal-buttons {\n        padding-bottom: 12px;\n        right: 40px;\n        max-width: 290px;\n    }\n    #standaloneWidget #gpay-button-online-api-id {\n        max-width: 311px;\n        margin-bottom: 11px;\n        right: 11px;\n    }\n    #standaloneWidget .paydock-apple-container {\n        max-width: 300px;\n        margin-right: 10px;\n        margin-bottom: 10px\n    }\n</style>\n<div id=\"spinner\" class=\"spinner-wrapper spinner-wrapper--hidden\">\n    <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'><radialGradient id='a5' cx='.66' fx='.66' cy='.3125' fy='.3125' gradientTransform='scale(1.5)'><stop offset='0' stop-color='#191919'></stop><stop offset='.3' stop-color='#191919' stop-opacity='.9'></stop><stop offset='.6' stop-color='#191919' stop-opacity='.6'></stop><stop offset='.8' stop-color='#191919' stop-opacity='.3'></stop><stop offset='1' stop-color='#191919' stop-opacity='0'></stop></radialGradient><circle transform-origin='center' fill='none' stroke='url(#a5)' stroke-width='30' stroke-linecap='round' stroke-dasharray='200 1000' stroke-dashoffset='0' cx='100' cy='100' r='70'><animateTransform type='rotate' attributeName='transform' calcMode='spline' dur='1' values='360;0' keyTimes='0;1' keySplines='0 0 1 1' repeatCount='indefinite'></animateTransform></circle><circle transform-origin='center' fill='none' opacity='.2' stroke='#191919' stroke-width='30' stroke-linecap='round' cx='100' cy='100' r='70'></circle></svg>\n    <pre class=\"background\"></pre>\n</div>\n";
 
 var EVENT$1 = {
   PAYMENT_SUCCESSFUL: "paymentSuccessful",
@@ -16603,7 +16545,7 @@ var PayPalSavePaymentSourceService = /*#__PURE__*/function () {
           _this2.paypal = window.paypal;
           var button = _this2.paypal.Buttons(_extends(_extends({
             createVaultSetupToken: function createVaultSetupToken() {
-              return _this2.getSetupToken(_this2.accessToken);
+              return _this2.getSetupToken();
             },
             onApprove: function onApprove(_ref) {
               var vaultSetupToken = _ref.vaultSetupToken;
@@ -16643,11 +16585,10 @@ var PayPalSavePaymentSourceService = /*#__PURE__*/function () {
     }
   }, {
     key: "getSetupToken",
-    value: function getSetupToken(accessToken) {
+    value: function getSetupToken() {
       var _this3 = this;
       return this.api.getClientPromise('POST', PAYPAL_SETUP_TOKEN_ROUTE).send({
-        gateway_id: this.gatewayId,
-        token: accessToken
+        gateway_id: this.gatewayId
       }).then(function (responseSetupToken) {
         return responseSetupToken.setup_token;
       })["catch"](function (error) {
@@ -16694,7 +16635,6 @@ var PayPalSavePaymentSourceService = /*#__PURE__*/function () {
         gateway_id: this.gatewayId
       }).then(function (data) {
         _this5.idToken = data.id_token;
-        _this5.accessToken = data.access_token;
       })["catch"](function (error) {
         _this5.eventEmitter.emit(PAYPAL_SAVE_PAYMENT_EVENTS.ON_ERROR, _extends({
           error_code: ErrorCodes.ON_GET_ID_TOKEN_ERROR

package/bundles/index.cjs.d.ts

@@ -661,10 +661,10 @@ declare class IFrame {
     constructor(container: Container);
     load(link: string, options?: {
         title?: string;
-    }): void;
+    }, iframeClass?: string): void;
     loadFromHtml(content: string, options?: {
         title?: string;
-    }): void;
+    }, iframeClass?: string): void;
     remove(): void;
     show(): void;
     hide(saveSize?: boolean): void;

package/bundles/index.mjs

@@ -889,7 +889,7 @@ SDK.headerKeys = Object.freeze({
   version: 'x-sdk-version',
   type: 'x-sdk-type'
 });
-SDK._version = 'v1.116.0-beta';
+SDK._version = 'v1.117.0-beta';
 
 /******************************************************************************
 Copyright (c) Microsoft Corporation.
@@ -4221,6 +4221,10 @@ var ApiBase = /*#__PURE__*/function () {
       request.onreadystatechange = function () {
         if (_this2.stoppedPooling) return;
         if (request.readyState === 4) {
+          if (request.status === 403) {
+            _this2.stoppedPooling = true;
+            return;
+          }
           if (request.status === 200 || request.status === 201) {
             var data = JSON.parse(request.responseText);
             if (SessionHelper.sessionId !== data.resource.data.intent_id) {
@@ -4664,20 +4668,24 @@ var IFrame = /*#__PURE__*/function () {
     key: "load",
     value: function load(link) {
       var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+      var iframeClass = arguments.length > 2 ? arguments[2] : undefined;
       if (!this.container.isExist() || this.isExist()) return;
       var iFrame = document.createElement('iframe');
       iFrame.setAttribute('src', link);
       if (options.title) iFrame.title = options.title;
+      if (iframeClass) iFrame.classList.add(iframeClass);
       this.container.getElement().appendChild(iFrame);
     }
   }, {
     key: "loadFromHtml",
     value: function loadFromHtml(content) {
       var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+      var iframeClass = arguments.length > 2 ? arguments[2] : undefined;
       if (!this.container.isExist() || this.isExist()) return;
       var iFrame = document.createElement('iframe');
       iFrame.setAttribute('height', '100%');
       iFrame.setAttribute('width', '100%');
+      if (iframeClass) iFrame.classList.add(iframeClass);
       if (options.title) iFrame.title = options.title;
       var template = "<html><head><style>html, body {margin: 0;} iframe {border: 0; width: 100%}</style><title></title></head><body>{{content}}</body></html>";
       this.container.getElement().appendChild(iFrame);
@@ -5323,9 +5331,9 @@ var Canvas3ds = /*#__PURE__*/function () {
     function load() {
       if (this.token.format === TOKEN_FORMAT.HTML) this.iFrame.loadFromHtml(this.token.content, {
         title: '3d secure authentication'
-      });else if (this.token.format === TOKEN_FORMAT.URL) this.iFrame.load(this.token.content, {
+      }, 'threeDSecure-iframe');else if (this.token.format === TOKEN_FORMAT.URL) this.iFrame.load(this.token.content, {
         title: '3d secure authentication'
-      });else if (this.token.format === TOKEN_FORMAT.STANDALONE_3DS) this.standalone3dsService.load(this.token.content, {
+      }, 'threeDSecure-iframe');else if (this.token.format === TOKEN_FORMAT.STANDALONE_3DS) this.standalone3dsService.load(this.token.content, {
         title: '3d secure authentication'
       });else console.error('Token contain unsupported payload');
     }
@@ -9105,8 +9113,6 @@ var HtmlPaymentSourceWidget = /*#__PURE__*/function (_PaymentSourceWidget) {
  * @param {string} CHECKOUT_POPUP_CLOSE=checkoutPopupClose Event sent when Click To Pay checkout flow is closed, regardless of embedded or windowed mode.
  * @param {string} CHECKOUT_COMPLETED=checkoutCompleted Event sent on successful checkout by customer. Check [data](#EventDataCheckoutCompletedData) for more information.
  * @param {string} CHECKOUT_ERROR=checkoutError Event sent on error checkout by customer. Check [data](#EventData) for more information.
- * @param {string} RECOGNITION_TOKEN_REQUESTED=recognitionTokenRequested Event sent when a recognition token was found on the mastercard SDK response.
- * @param {string} RECOGNITION_TOKEN_DROPPED=recognitionTokenDropped Event sent when a recognition token needs to be dropped for user be no longer remembered.
  */
 var EVENT$3;
 (function (EVENT) {
@@ -9116,8 +9122,6 @@ var EVENT$3;
   EVENT["CHECKOUT_ERROR"] = "checkoutError";
   EVENT["CHECKOUT_POPUP_OPEN"] = "checkoutPopupOpen";
   EVENT["CHECKOUT_POPUP_CLOSE"] = "checkoutPopupClose";
-  EVENT["RECOGNITION_TOKEN_REQUESTED"] = "recognitionTokenRequested";
-  EVENT["RECOGNITION_TOKEN_DROPPED"] = "recognitionTokenDropped";
 })(EVENT$3 || (EVENT$3 = {}));
 /**
  * List of available event data types
@@ -9194,13 +9198,6 @@ var ClickToPaySRC = /*#__PURE__*/function () {
         var data = _ref5.data;
         _this.eventEmitter.emit(EVENT$3.CHECKOUT_ERROR, data);
       });
-      this.iFrameEvent.on(EVENT$3.RECOGNITION_TOKEN_REQUESTED, widgetId, function (_ref6) {
-        var data = _ref6.data;
-        _this.eventEmitter.emit(EVENT$3.RECOGNITION_TOKEN_REQUESTED, data);
-      });
-      this.iFrameEvent.on(EVENT$3.RECOGNITION_TOKEN_DROPPED, widgetId, function () {
-        _this.eventEmitter.emit(EVENT$3.RECOGNITION_TOKEN_DROPPED);
-      });
       if (this.autoResize) this.useAutoResize(true);
     }
   }, {
@@ -9248,8 +9245,8 @@ var ClickToPaySRC = /*#__PURE__*/function () {
       this.autoResize = true;
       var params = this.link.getParams();
       if (!(params === null || params === void 0 ? void 0 : params.widget_id)) return;
-      this.iFrameEvent.on('resize', params.widget_id, function (_ref7) {
-        var data = _ref7.data;
+      this.iFrameEvent.on('resize', params.widget_id, function (_ref6) {
+        var data = _ref6.data;
         var _a, _b;
         var iframeElement = _this3.iFrame.getElement();
         if (iframeElement) {
@@ -14699,7 +14696,7 @@ var PaymentMethods = /*#__PURE__*/function () {
                 _iterator.s();
               case 4:
                 if ((_step = _iterator.n()).done) {
-                  _context.next = 18;
+                  _context.next = 11;
                   break;
                 }
                 method = _step.value;
@@ -14707,46 +14704,30 @@ var PaymentMethods = /*#__PURE__*/function () {
                   _context.next = 8;
                   break;
                 }
-                return _context.abrupt("continue", 16);
+                return _context.abrupt("continue", 9);
               case 8:
-                _context.t0 = method === PAYMENTS_METHODS.GOOGLE_PAY;
-                if (!_context.t0) {
-                  _context.next = 13;
-                  break;
-                }
-                _context.next = 12;
-                return this.isGooglePaySupported();
-              case 12:
-                _context.t0 = !_context.sent;
-              case 13:
-                if (!_context.t0) {
-                  _context.next = 15;
-                  break;
-                }
-                return _context.abrupt("continue", 16);
-              case 15:
                 paymentMethodsAllowed.push(PAYMENT_METHOD[method]);
-              case 16:
+              case 9:
                 _context.next = 4;
                 break;
-              case 18:
-                _context.next = 23;
+              case 11:
+                _context.next = 16;
                 break;
-              case 20:
-                _context.prev = 20;
-                _context.t1 = _context["catch"](2);
-                _iterator.e(_context.t1);
-              case 23:
-                _context.prev = 23;
+              case 13:
+                _context.prev = 13;
+                _context.t0 = _context["catch"](2);
+                _iterator.e(_context.t0);
+              case 16:
+                _context.prev = 16;
                 _iterator.f();
-                return _context.finish(23);
-              case 26:
+                return _context.finish(16);
+              case 19:
                 resolve(paymentMethodsAllowed.join(' '));
-              case 27:
+              case 20:
               case "end":
                 return _context.stop();
             }
-          }, _callee, this, [[2, 20, 23, 26]]);
+          }, _callee, this, [[2, 13, 16, 19]]);
         }));
       });
       initState.then(function (content) {
@@ -14812,45 +14793,6 @@ var PaymentMethods = /*#__PURE__*/function () {
     value: function isApplePaySupported() {
       return window.ApplePaySession && ApplePaySession.canMakePayments();
     }
-  }, {
-    key: "isGooglePaySupported",
-    value: function isGooglePaySupported() {
-      return __awaiter(this, void 0, void 0, /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
-        var paymentRequest;
-        return _regeneratorRuntime().wrap(function _callee2$(_context2) {
-          while (1) switch (_context2.prev = _context2.next) {
-            case 0:
-              _context2.prev = 0;
-              if (window.PaymentRequest) {
-                _context2.next = 3;
-                break;
-              }
-              return _context2.abrupt("return", false);
-            case 3:
-              paymentRequest = new PaymentRequest([{
-                supportedMethods: 'https://google.com/pay'
-              }], {
-                total: {
-                  label: 'Test',
-                  amount: {
-                    currency: 'USD',
-                    value: '0.00'
-                  }
-                }
-              });
-              return _context2.abrupt("return", paymentRequest.canMakePayment());
-            case 7:
-              _context2.prev = 7;
-              _context2.t0 = _context2["catch"](0);
-              console.error('Error google pay check support:');
-              return _context2.abrupt("return", false);
-            case 11:
-            case "end":
-              return _context2.stop();
-          }
-        }, _callee2, null, [[0, 7]]);
-      }));
-    }
   }, {
     key: "setStylesToStandaloneWidget",
     value: function setStylesToStandaloneWidget() {
@@ -15371,7 +15313,7 @@ function getVersionInstructions(version) {
   }
 }
 
-var additional = "\n<style>\n    #standaloneWidget iframe, #list iframe {\n      display: block;\n       max-width: 640px;\n       min-width: 320px;\n       width: 100%;\n       border-width: 0;\n    }\n    .spinner-wrapper {\n      position: absolute;\n      width: calc(100% + 1px);\n      height: calc(100% + 1px);\n      top: 0;\n      left: 0;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      z-index: 999;\n    }\n    \n    .spinner-wrapper svg {\n        position: absolute;\n\n        height: 50px;\n        width: 50px;\n        z-index: 1000;\n      }\n  \n    .spinner-wrapper .background {\n      margin: 0 !important;\n      background: #f9f9f9;\n      color: #f9f9f9;\n      word-break: break-all;\n      white-space: pre-wrap;\n      width: 100%;\n      height: 100%;\n    }\n    \n    .spinner-wrapper--hidden {\n        display: none;\n    }\n    #standaloneWidget .paypal-buttons {\n        padding-bottom: 12px;\n        right: 40px;\n        max-width: 290px;\n    }\n    #standaloneWidget #gpay-button-online-api-id {\n        max-width: 311px;\n        margin-bottom: 11px;\n        right: 11px;\n    }\n    #standaloneWidget .paydock-apple-container {\n        max-width: 300px;\n        margin-right: 10px;\n        margin-bottom: 10px\n    }\n</style>\n<div id=\"spinner\" class=\"spinner-wrapper spinner-wrapper--hidden\">\n    <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'><radialGradient id='a5' cx='.66' fx='.66' cy='.3125' fy='.3125' gradientTransform='scale(1.5)'><stop offset='0' stop-color='#191919'></stop><stop offset='.3' stop-color='#191919' stop-opacity='.9'></stop><stop offset='.6' stop-color='#191919' stop-opacity='.6'></stop><stop offset='.8' stop-color='#191919' stop-opacity='.3'></stop><stop offset='1' stop-color='#191919' stop-opacity='0'></stop></radialGradient><circle transform-origin='center' fill='none' stroke='url(#a5)' stroke-width='30' stroke-linecap='round' stroke-dasharray='200 1000' stroke-dashoffset='0' cx='100' cy='100' r='70'><animateTransform type='rotate' attributeName='transform' calcMode='spline' dur='1' values='360;0' keyTimes='0;1' keySplines='0 0 1 1' repeatCount='indefinite'></animateTransform></circle><circle transform-origin='center' fill='none' opacity='.2' stroke='#191919' stroke-width='30' stroke-linecap='round' cx='100' cy='100' r='70'></circle></svg>\n    <pre class=\"background\"></pre>\n</div>\n";
+var additional = "\n<style>\n    #standaloneWidget iframe[title=\"3d secure authentication\"],\n    #standaloneWidget .threeDSecure-iframe {\n        height: 420px;\n    }\n    #standaloneWidget iframe, #list iframe {\n      display: block;\n       max-width: 640px;\n       min-width: 320px;\n       width: 100%;\n       border-width: 0;\n    }\n    .spinner-wrapper {\n      position: absolute;\n      width: calc(100% + 1px);\n      height: calc(100% + 1px);\n      top: 0;\n      left: 0;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      z-index: 999;\n    }\n    \n    .spinner-wrapper svg {\n        position: absolute;\n\n        height: 50px;\n        width: 50px;\n        z-index: 1000;\n      }\n  \n    .spinner-wrapper .background {\n      margin: 0 !important;\n      background: #f9f9f9;\n      color: #f9f9f9;\n      word-break: break-all;\n      white-space: pre-wrap;\n      width: 100%;\n      height: 100%;\n    }\n    \n    .spinner-wrapper--hidden {\n        display: none;\n    }\n    #standaloneWidget .paypal-buttons {\n        padding-bottom: 12px;\n        right: 40px;\n        max-width: 290px;\n    }\n    #standaloneWidget #gpay-button-online-api-id {\n        max-width: 311px;\n        margin-bottom: 11px;\n        right: 11px;\n    }\n    #standaloneWidget .paydock-apple-container {\n        max-width: 300px;\n        margin-right: 10px;\n        margin-bottom: 10px\n    }\n</style>\n<div id=\"spinner\" class=\"spinner-wrapper spinner-wrapper--hidden\">\n    <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'><radialGradient id='a5' cx='.66' fx='.66' cy='.3125' fy='.3125' gradientTransform='scale(1.5)'><stop offset='0' stop-color='#191919'></stop><stop offset='.3' stop-color='#191919' stop-opacity='.9'></stop><stop offset='.6' stop-color='#191919' stop-opacity='.6'></stop><stop offset='.8' stop-color='#191919' stop-opacity='.3'></stop><stop offset='1' stop-color='#191919' stop-opacity='0'></stop></radialGradient><circle transform-origin='center' fill='none' stroke='url(#a5)' stroke-width='30' stroke-linecap='round' stroke-dasharray='200 1000' stroke-dashoffset='0' cx='100' cy='100' r='70'><animateTransform type='rotate' attributeName='transform' calcMode='spline' dur='1' values='360;0' keyTimes='0;1' keySplines='0 0 1 1' repeatCount='indefinite'></animateTransform></circle><circle transform-origin='center' fill='none' opacity='.2' stroke='#191919' stroke-width='30' stroke-linecap='round' cx='100' cy='100' r='70'></circle></svg>\n    <pre class=\"background\"></pre>\n</div>\n";
 
 var EVENT$1 = {
   PAYMENT_SUCCESSFUL: "paymentSuccessful",
@@ -16601,7 +16543,7 @@ var PayPalSavePaymentSourceService = /*#__PURE__*/function () {
           _this2.paypal = window.paypal;
           var button = _this2.paypal.Buttons(_extends(_extends({
             createVaultSetupToken: function createVaultSetupToken() {
-              return _this2.getSetupToken(_this2.accessToken);
+              return _this2.getSetupToken();
             },
             onApprove: function onApprove(_ref) {
               var vaultSetupToken = _ref.vaultSetupToken;
@@ -16641,11 +16583,10 @@ var PayPalSavePaymentSourceService = /*#__PURE__*/function () {
     }
   }, {
     key: "getSetupToken",
-    value: function getSetupToken(accessToken) {
+    value: function getSetupToken() {
       var _this3 = this;
       return this.api.getClientPromise('POST', PAYPAL_SETUP_TOKEN_ROUTE).send({
-        gateway_id: this.gatewayId,
-        token: accessToken
+        gateway_id: this.gatewayId
       }).then(function (responseSetupToken) {
         return responseSetupToken.setup_token;
       })["catch"](function (error) {
@@ -16692,7 +16633,6 @@ var PayPalSavePaymentSourceService = /*#__PURE__*/function () {
         gateway_id: this.gatewayId
       }).then(function (data) {
         _this5.idToken = data.id_token;
-        _this5.accessToken = data.access_token;
       })["catch"](function (error) {
         _this5.eventEmitter.emit(PAYPAL_SAVE_PAYMENT_EVENTS.ON_ERROR, _extends({
           error_code: ErrorCodes.ON_GET_ID_TOKEN_ERROR

package/bundles/index.mjs.d.ts

@@ -661,10 +661,10 @@ declare class IFrame {
     constructor(container: Container);
     load(link: string, options?: {
         title?: string;
-    }): void;
+    }, iframeClass?: string): void;
     loadFromHtml(content: string, options?: {
         title?: string;
-    }): void;
+    }, iframeClass?: string): void;
     remove(): void;
     show(): void;
     hide(saveSize?: boolean): void;

package/bundles/types/api/api-base.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"api-base.d.ts","sourceRoot":"","sources":["../../src/api/api-base.ts"],"names":[],"mappings":"AAAA,OAAO,EAAW,GAAG,EAAE,MAAM,gBAAgB,CAAC;AAG9C,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAE9C,OAAO,EAAe,KAAK,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACrE,OAAO,EAAE,KAAK,aAAa,EAAE,KAAK,aAAa,EAAmB,MAAM,iDAAiD,CAAC;AAG1H,oBAAY,aAAa;IACrB,UAAU,IAAI;IACd,KAAK,IAAI;CACZ;AAID,qBAAa,OAAO;IAChB,SAAS,CAAC,GAAG,EAAE,GAAG,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,aAAa,CAAC;IAExB,OAAO,CAAC,cAAc,CAAS;gBAEnB,IAAI,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,aAAa;IAMlD;;;;;;;;OAQG;IACI,MAAM,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO;IAM5C,qBAAqB,CAAC,GAAG,SAAS,MAAM,EAAE,GAAG,EAChD,MAAM,EAAE,KAAK,GAAG,MAAM,EACtB,GAAG,EAAE,MAAM,EACX,WAAW,EAAE,GAAG,EAChB,SAAS,EAAE,MAAM,EACjB,iBAAiB,GAAE,MAAa,GACjC,UAAU,CAAC,GAAG,CAAC;IAMlB,QAAQ,CAAC,UAAU,EAAE,UAAU,CAAC,GAAG,CAAC,EAAE,MAAM,KAAA,EAAE,IAAI,KAAA,EAAE,IAAI,KAAA,EAAE,WAAW,KAAA,EAAE,SAAS,KAAA,EAAE,iBAAiB,KAAA;IAqCnG,kBAAkB;IAIlB,WAAW;IAMX,SAAS,CAAC,MAAM,EAAE,OAAO,CAAC,iBAAiB,EAAE,KAAK,GAAG,MAAM,CAAC,EAAE,IAAI,EAAE,MAAM;;+BAKhD,CAAC,IAAI,KAAK,IAAI,mBAAmB,GAAG;;IAuB9D,gBAAgB,CAAC,GAAG,SAAS,MAAM,EAAE,GAAG,EACpC,MAAM,EAAE,OAAO,CAAC,iBAAiB,EAAE,KAAK,GAAG,MAAM,CAAC,EAAE,IAAI,EAAE,MAAM,GACjE;QACC,MAAM,EAAE,cAAc,CAAC;QACvB,IAAI,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,OAAO,CAAC,GAAG,CAAC,CAAC;KACrC;IA6BD,MAAM,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,EAAE,EAAE,KAAA,EAAE,OAAO,KAAA;IAkBtE,aAAa,CAAC,GAAG,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,GAAG,OAAO,CAAC,GAAG,CAAC;IAkBpF,WAAW,EAAE,aAAa,CAExB;IAEF,WAAW,EAAE,aAAa,CAExB;IAEF,SAAS,CAAC,aAAa,CAAC,MAAM,EAAE,OAAO,CAAC,iBAAiB,EAAE,KAAK,GAAG,MAAM,CAAC,EAAE,IAAI,EAAE,MAAM;IAmBxF,SAAS,KAAK,GAAG;;;;MAMhB;CACJ"}
+{"version":3,"file":"api-base.d.ts","sourceRoot":"","sources":["../../src/api/api-base.ts"],"names":[],"mappings":"AAAA,OAAO,EAAW,GAAG,EAAE,MAAM,gBAAgB,CAAC;AAG9C,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAE9C,OAAO,EAAe,KAAK,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACrE,OAAO,EAAE,KAAK,aAAa,EAAE,KAAK,aAAa,EAAmB,MAAM,iDAAiD,CAAC;AAG1H,oBAAY,aAAa;IACrB,UAAU,IAAI;IACd,KAAK,IAAI;CACZ;AAID,qBAAa,OAAO;IAChB,SAAS,CAAC,GAAG,EAAE,GAAG,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,aAAa,CAAC;IAExB,OAAO,CAAC,cAAc,CAAS;gBAEnB,IAAI,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,aAAa;IAMlD;;;;;;;;OAQG;IACI,MAAM,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO;IAM5C,qBAAqB,CAAC,GAAG,SAAS,MAAM,EAAE,GAAG,EAChD,MAAM,EAAE,KAAK,GAAG,MAAM,EACtB,GAAG,EAAE,MAAM,EACX,WAAW,EAAE,GAAG,EAChB,SAAS,EAAE,MAAM,EACjB,iBAAiB,GAAE,MAAa,GACjC,UAAU,CAAC,GAAG,CAAC;IAMlB,QAAQ,CAAC,UAAU,EAAE,UAAU,CAAC,GAAG,CAAC,EAAE,MAAM,KAAA,EAAE,IAAI,KAAA,EAAE,IAAI,KAAA,EAAE,WAAW,KAAA,EAAE,SAAS,KAAA,EAAE,iBAAiB,KAAA;IA0CnG,kBAAkB;IAIlB,WAAW;IAMX,SAAS,CAAC,MAAM,EAAE,OAAO,CAAC,iBAAiB,EAAE,KAAK,GAAG,MAAM,CAAC,EAAE,IAAI,EAAE,MAAM;;+BAKhD,CAAC,IAAI,KAAK,IAAI,mBAAmB,GAAG;;IAuB9D,gBAAgB,CAAC,GAAG,SAAS,MAAM,EAAE,GAAG,EACpC,MAAM,EAAE,OAAO,CAAC,iBAAiB,EAAE,KAAK,GAAG,MAAM,CAAC,EAAE,IAAI,EAAE,MAAM,GACjE;QACC,MAAM,EAAE,cAAc,CAAC;QACvB,IAAI,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,OAAO,CAAC,GAAG,CAAC,CAAC;KACrC;IA6BD,MAAM,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,EAAE,EAAE,KAAA,EAAE,OAAO,KAAA;IAkBtE,aAAa,CAAC,GAAG,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,GAAG,OAAO,CAAC,GAAG,CAAC;IAkBpF,WAAW,EAAE,aAAa,CAExB;IAEF,WAAW,EAAE,aAAa,CAExB;IAEF,SAAS,CAAC,aAAa,CAAC,MAAM,EAAE,OAAO,CAAC,iBAAiB,EAAE,KAAK,GAAG,MAAM,CAAC,EAAE,IAAI,EAAE,MAAM;IAmBxF,SAAS,KAAK,GAAG;;;;MAMhB;CACJ"}

package/bundles/types/checkout/layout-widgets/additionals.d.ts

@@ -1,3 +1,3 @@
-declare const _default: "\n<style>\n    #standaloneWidget iframe, #list iframe {\n      display: block;\n       max-width: 640px;\n       min-width: 320px;\n       width: 100%;\n       border-width: 0;\n    }\n    .spinner-wrapper {\n      position: absolute;\n      width: calc(100% + 1px);\n      height: calc(100% + 1px);\n      top: 0;\n      left: 0;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      z-index: 999;\n    }\n    \n    .spinner-wrapper svg {\n        position: absolute;\n\n        height: 50px;\n        width: 50px;\n        z-index: 1000;\n      }\n  \n    .spinner-wrapper .background {\n      margin: 0 !important;\n      background: #f9f9f9;\n      color: #f9f9f9;\n      word-break: break-all;\n      white-space: pre-wrap;\n      width: 100%;\n      height: 100%;\n    }\n    \n    .spinner-wrapper--hidden {\n        display: none;\n    }\n    #standaloneWidget .paypal-buttons {\n        padding-bottom: 12px;\n        right: 40px;\n        max-width: 290px;\n    }\n    #standaloneWidget #gpay-button-online-api-id {\n        max-width: 311px;\n        margin-bottom: 11px;\n        right: 11px;\n    }\n    #standaloneWidget .paydock-apple-container {\n        max-width: 300px;\n        margin-right: 10px;\n        margin-bottom: 10px\n    }\n</style>\n<div id=\"spinner\" class=\"spinner-wrapper spinner-wrapper--hidden\">\n    <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'><radialGradient id='a5' cx='.66' fx='.66' cy='.3125' fy='.3125' gradientTransform='scale(1.5)'><stop offset='0' stop-color='#191919'></stop><stop offset='.3' stop-color='#191919' stop-opacity='.9'></stop><stop offset='.6' stop-color='#191919' stop-opacity='.6'></stop><stop offset='.8' stop-color='#191919' stop-opacity='.3'></stop><stop offset='1' stop-color='#191919' stop-opacity='0'></stop></radialGradient><circle transform-origin='center' fill='none' stroke='url(#a5)' stroke-width='30' stroke-linecap='round' stroke-dasharray='200 1000' stroke-dashoffset='0' cx='100' cy='100' r='70'><animateTransform type='rotate' attributeName='transform' calcMode='spline' dur='1' values='360;0' keyTimes='0;1' keySplines='0 0 1 1' repeatCount='indefinite'></animateTransform></circle><circle transform-origin='center' fill='none' opacity='.2' stroke='#191919' stroke-width='30' stroke-linecap='round' cx='100' cy='100' r='70'></circle></svg>\n    <pre class=\"background\"></pre>\n</div>\n";
+declare const _default: "\n<style>\n    #standaloneWidget iframe[title=\"3d secure authentication\"],\n    #standaloneWidget .threeDSecure-iframe {\n        height: 420px;\n    }\n    #standaloneWidget iframe, #list iframe {\n      display: block;\n       max-width: 640px;\n       min-width: 320px;\n       width: 100%;\n       border-width: 0;\n    }\n    .spinner-wrapper {\n      position: absolute;\n      width: calc(100% + 1px);\n      height: calc(100% + 1px);\n      top: 0;\n      left: 0;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      z-index: 999;\n    }\n    \n    .spinner-wrapper svg {\n        position: absolute;\n\n        height: 50px;\n        width: 50px;\n        z-index: 1000;\n      }\n  \n    .spinner-wrapper .background {\n      margin: 0 !important;\n      background: #f9f9f9;\n      color: #f9f9f9;\n      word-break: break-all;\n      white-space: pre-wrap;\n      width: 100%;\n      height: 100%;\n    }\n    \n    .spinner-wrapper--hidden {\n        display: none;\n    }\n    #standaloneWidget .paypal-buttons {\n        padding-bottom: 12px;\n        right: 40px;\n        max-width: 290px;\n    }\n    #standaloneWidget #gpay-button-online-api-id {\n        max-width: 311px;\n        margin-bottom: 11px;\n        right: 11px;\n    }\n    #standaloneWidget .paydock-apple-container {\n        max-width: 300px;\n        margin-right: 10px;\n        margin-bottom: 10px\n    }\n</style>\n<div id=\"spinner\" class=\"spinner-wrapper spinner-wrapper--hidden\">\n    <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'><radialGradient id='a5' cx='.66' fx='.66' cy='.3125' fy='.3125' gradientTransform='scale(1.5)'><stop offset='0' stop-color='#191919'></stop><stop offset='.3' stop-color='#191919' stop-opacity='.9'></stop><stop offset='.6' stop-color='#191919' stop-opacity='.6'></stop><stop offset='.8' stop-color='#191919' stop-opacity='.3'></stop><stop offset='1' stop-color='#191919' stop-opacity='0'></stop></radialGradient><circle transform-origin='center' fill='none' stroke='url(#a5)' stroke-width='30' stroke-linecap='round' stroke-dasharray='200 1000' stroke-dashoffset='0' cx='100' cy='100' r='70'><animateTransform type='rotate' attributeName='transform' calcMode='spline' dur='1' values='360;0' keyTimes='0;1' keySplines='0 0 1 1' repeatCount='indefinite'></animateTransform></circle><circle transform-origin='center' fill='none' opacity='.2' stroke='#191919' stroke-width='30' stroke-linecap='round' cx='100' cy='100' r='70'></circle></svg>\n    <pre class=\"background\"></pre>\n</div>\n";
 export default _default;
 //# sourceMappingURL=additionals.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"additionals.d.ts","sourceRoot":"","sources":["../../../src/checkout/layout-widgets/additionals.ts"],"names":[],"mappings":";AAAA,wBA8DC"}
+{"version":3,"file":"additionals.d.ts","sourceRoot":"","sources":["../../../src/checkout/layout-widgets/additionals.ts"],"names":[],"mappings":";AAAA,wBAkEC"}