@paydock/client-sdk 1.10.60-beta → 1.10.73

package/bundles/widget.umd.js

@@ -150,6 +150,16 @@
     };
   }();
 
+  var toConsumableArray = function (arr) {
+    if (Array.isArray(arr)) {
+      for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++) arr2[i] = arr[i];
+
+      return arr2;
+    } else {
+      return Array.from(arr);
+    }
+  };
+
   var ENV = {
       SANDBOX: 'sandbox',
       SANDBOX_KOVENA: 'sandbox-kovena',
@@ -437,6 +447,8 @@
   (function (WALLET_TYPE) {
       WALLET_TYPE["GOOGLE"] = "google";
       WALLET_TYPE["APPLE"] = "apple";
+      WALLET_TYPE["FLYPAY"] = "flypay";
+      WALLET_TYPE["PAYPAL"] = "paypal";
   })(WALLET_TYPE || (WALLET_TYPE = {}));
 
   /**
@@ -5043,10 +5055,7 @@
               var _this3 = this;
 
               this.event.on(FLYPAY_EVENT.UNAVAILABLE, widgetId, function (_data) {
-                  return _this3.eventEmitter.emit(WALLET_EVENT.UNAVAILABLE, {
-                      event: WALLET_EVENT.UNAVAILABLE,
-                      data: null
-                  });
+                  return _this3.eventEmitter.emit(WALLET_EVENT.UNAVAILABLE, null);
               });
               this.event.on(FLYPAY_EVENT.START_LOADING, widgetId, function (_data) {
                   return _this3.background.initControl();
@@ -5131,7 +5140,7 @@
 
               if (!window.Promise) {
                   // Given that this library does not rely in any polyfill for promises, and this integration depends on them, we early return if Promises are not supported for the browser (like I.E. 11).
-                  this.eventEmitter.emit(WALLET_EVENT.UNAVAILABLE, { event: WALLET_EVENT.UNAVAILABLE, data: null });
+                  this.eventEmitter.emit(WALLET_EVENT.UNAVAILABLE, null);
                   return;
               }
               var buttonId = container.getElement().id || '';
@@ -5178,7 +5187,7 @@
                               // We're already handling errors and notifying Merchants at "wallet-buttons.ts"
                           } })).render("#" + buttonId);
                   } else {
-                      _this2.eventEmitter.emit(WALLET_EVENT.UNAVAILABLE, { event: WALLET_EVENT.UNAVAILABLE, data: null });
+                      _this2.eventEmitter.emit(WALLET_EVENT.UNAVAILABLE, null);
                   }
               };
               document.head.appendChild(paypalScript);
@@ -5220,7 +5229,7 @@
                       label: data.selected_shipping_option.label,
                       amount: data.selected_shipping_option.amount.value,
                       currency: data.selected_shipping_option.amount.currency_code,
-                      type: ((_a = data.selected_shipping_option) === null || _a === void 0 ? void 0 : _a.type) || ''
+                      type: (_a = data.selected_shipping_option) === null || _a === void 0 ? void 0 : _a.type
                   }
               });
           }
@@ -5468,7 +5477,7 @@
       }, {
           key: "mount",
           value: function mount(container, availability) {
-              if (!availability || !availability.apple_pay && !availability.google_pay) return this.eventEmitter.emit(WALLET_EVENT.UNAVAILABLE, { event: WALLET_EVENT.UNAVAILABLE, data: null });
+              if (!availability || !availability.apple_pay && !availability.google_pay) return this.eventEmitter.emit(WALLET_EVENT.UNAVAILABLE, null);
               this.createWalletButton().mount(container.getElement());
           }
       }, {
@@ -5477,7 +5486,7 @@
               var _this4 = this;
 
               this.paymentRequest.on("paymentmethod", function (event) {
-                  var _a;
+                  var _a, _b;
                   var _event$paymentMethod = event.paymentMethod,
                       id = _event$paymentMethod.id,
                       card = _event$paymentMethod.card,
@@ -5492,8 +5501,9 @@
                           payer_email: event.payerEmail,
                           payer_phone: event.payerPhone,
                           payment_source: {
+                              wallet_type: _this4.getWalletType((_a = card === null || card === void 0 ? void 0 : card.wallet) === null || _a === void 0 ? void 0 : _a.type),
                               card_name: name,
-                              type: (_a = card === null || card === void 0 ? void 0 : card.wallet) === null || _a === void 0 ? void 0 : _a.type,
+                              type: (_b = card === null || card === void 0 ? void 0 : card.wallet) === null || _b === void 0 ? void 0 : _b.type,
                               card_scheme: card === null || card === void 0 ? void 0 : card.brand,
                               card_number_last4: card === null || card === void 0 ? void 0 : card.last4,
                               expire_month: card === null || card === void 0 ? void 0 : card.exp_month,
@@ -5518,6 +5528,12 @@
                   });
               });
           }
+      }, {
+          key: "getWalletType",
+          value: function getWalletType(type) {
+              if (!type) return null;
+              return type === 'google_pay' ? WALLET_TYPE.GOOGLE : WALLET_TYPE.APPLE;
+          }
       }]);
       return StripeWalletService;
   }(WalletService);
@@ -5532,6 +5548,7 @@
 
           _this.gatewayName = gatewayName;
           _this.eventEmitter = eventEmitter;
+          _this.latestShippingData = {};
           _this.onValidateMerchant = function (event) {
               _this.getMerchantSession().then(function (merchantSession) {
                   _this.paymentSession.completeMerchantValidation(merchantSession);
@@ -5540,14 +5557,18 @@
               });
           };
           _this.onPaymentAuthorized = function (event) {
+              var _a;
               var _event$payment = event.payment,
                   token = _event$payment.token,
                   billingContact = _event$payment.billingContact,
                   shippingContact = _event$payment.shippingContact;
 
+              _this.latestShippingData.shippingContact = shippingContact;
+              var shippingOptionMethod = (_a = _this.selectedShippingOption) === null || _a === void 0 ? void 0 : _a.type;
               _this.eventEmitter.emit(WALLET_EVENT.PAYMENT_METHOD_SELECTED, {
                   data: _extends({ customer: {
                           payment_source: {
+                              wallet_type: WALLET_TYPE.APPLE,
                               card_name: token.paymentMethod.displayName,
                               type: token.paymentMethod.type,
                               card_scheme: token.paymentMethod.network,
@@ -5560,22 +5581,12 @@
                               ref_token: token.paymentData ? JSON.stringify(token.paymentData) : ''
                           }
                       } }, _this.meta.request_shipping && shippingContact && {
-                      shipping: {
-                          method: _this.selectedShippingMethodId,
-                          options: _this.meta.shipping_options,
-                          address_line1: shippingContact.addressLines[0],
-                          address_line2: shippingContact.addressLines[1],
-                          address_country: shippingContact.countryCode,
-                          address_city: shippingContact.locality,
-                          address_postcode: shippingContact.postalCode,
-                          address_state: shippingContact.administrativeArea,
-                          contact: {
+                      shipping: _extends(_extends(_extends({}, shippingOptionMethod && { method: shippingOptionMethod }), _this.hasShippingOptions() && { options: _this.meta.shipping_options }), { address_line1: shippingContact.addressLines[0], address_line2: shippingContact.addressLines[1], address_country: shippingContact.countryCode, address_city: shippingContact.locality, address_postcode: shippingContact.postalCode, address_state: shippingContact.administrativeArea, contact: {
                               first_name: shippingContact.givenName,
                               last_name: shippingContact.familyName,
                               email: shippingContact.emailAddress,
                               phone: shippingContact.phoneNumber
-                          }
-                      }
+                          } })
                   }),
                   onSuccess: function onSuccess() {
                       return _this.paymentSession.completePayment(ApplePaySession.STATUS_SUCCESS);
@@ -5586,19 +5597,16 @@
               });
           };
           _this.onShippingContactSelected = function (event) {
-              var parsedCallbackData = _this.parseUpdateData(event.shippingContact);
+              _this.latestShippingData.shippingContact = event.shippingContact;
+              var parsedCallbackData = _this.parseUpdateData(_this.latestShippingData);
               _this.eventEmitter.emit(WALLET_EVENT.UPDATE, parsedCallbackData);
-              var update = _extends({ newTotal: {
-                      label: _this.meta.amount_label,
-                      amount: _this.meta.amount.toString(),
-                      type: "final"
-                  } }, _this.meta.request_shipping && _this.meta.shipping_options && {
-                  newShippingMethods: _this.formatShippingOptions(_this.meta.shipping_options)
+              return new Promise(function (res, rej) {
+                  _this.latestShippingChangePromiseResolve = res;
+                  _this.latestShippingChangePromiseReject = rej;
               });
-              _this.paymentSession.completeShippingContactSelection(update);
           };
           _this.onShippingMethodSelected = function (event) {
-              _this.selectedShippingMethodId = event.shippingMethod.identifier;
+              _this.latestShippingData.shippingMethod = event.shippingMethod;
               var update = {
                   newTotal: {
                       label: _this.meta.amount_label,
@@ -5609,16 +5617,22 @@
               _this.paymentSession.completeShippingMethodSelection(update);
           };
           _this.parseUpdateData = function (data) {
+              var _a, _b, _c, _d, _e, _f, _g, _h;
               // From Apple docs (https://developer.apple.com/documentation/apple_pay_on_the_web/applepaypayment/1916097-shippingcontact):
               // Before the user authorizes the transaction with Touch ID, Face ID, or passcode, you receive redacted address information
-              return {
-                  shipping: {
-                      address_city: data.locality,
-                      address_state: data.administrativeArea,
-                      address_postcode: data.postalCode,
-                      address_country: data.countryCode
+              return _extends({ shipping: {
+                      address_city: (_a = data === null || data === void 0 ? void 0 : data.shippingContact) === null || _a === void 0 ? void 0 : _a.locality,
+                      address_state: (_b = data === null || data === void 0 ? void 0 : data.shippingContact) === null || _b === void 0 ? void 0 : _b.administrativeArea,
+                      address_postcode: (_c = data === null || data === void 0 ? void 0 : data.shippingContact) === null || _c === void 0 ? void 0 : _c.postalCode,
+                      address_country: (_d = data === null || data === void 0 ? void 0 : data.shippingContact) === null || _d === void 0 ? void 0 : _d.countryCode
+                  } }, (data === null || data === void 0 ? void 0 : data.shippingMethod) && {
+                  selected_shipping_option: {
+                      id: (_e = data === null || data === void 0 ? void 0 : data.shippingMethod) === null || _e === void 0 ? void 0 : _e.identifier,
+                      label: (_f = data === null || data === void 0 ? void 0 : data.shippingMethod) === null || _f === void 0 ? void 0 : _f.label,
+                      detail: (_g = data === null || data === void 0 ? void 0 : data.shippingMethod) === null || _g === void 0 ? void 0 : _g.detail,
+                      amount: (_h = data === null || data === void 0 ? void 0 : data.shippingMethod) === null || _h === void 0 ? void 0 : _h.amount
                   }
-              };
+              });
           };
           _this.formatShippingOptions = function (shipping_options) {
               return shipping_options.map(function (o) {
@@ -5645,6 +5659,18 @@
               var _a, _b, _c;
               return ((_c = (_b = (_a = this.meta) === null || _a === void 0 ? void 0 : _a.credentials) === null || _b === void 0 ? void 0 : _b[WALLET_TYPE.APPLE]) === null || _c === void 0 ? void 0 : _c.merchant) || '';
           }
+      }, {
+          key: "isShippingRequired",
+          value: function isShippingRequired() {
+              var _a;
+              return (_a = this.meta) === null || _a === void 0 ? void 0 : _a.request_shipping;
+          }
+      }, {
+          key: "hasShippingOptions",
+          value: function hasShippingOptions() {
+              var _a, _b;
+              return ((_a = this.meta) === null || _a === void 0 ? void 0 : _a.request_shipping) && !!((_b = this.meta) === null || _b === void 0 ? void 0 : _b.shipping_options);
+          }
       }, {
           key: "load",
           value: function load(container) {
@@ -5652,17 +5678,20 @@
 
               if (!window.Promise) {
                   // Given that this library does not rely in any polyfill for promises, and this integration depends on them, we early return if Promises are not supported for the browser (like I.E. 11).
-                  this.eventEmitter.emit(WALLET_EVENT.UNAVAILABLE, { event: WALLET_EVENT.UNAVAILABLE, data: { wallet: WALLET_TYPE.APPLE } });
+                  this.eventEmitter.emit(WALLET_EVENT.UNAVAILABLE, { wallet: WALLET_TYPE.APPLE });
                   return;
               }
               return this.checkAvailability().then(function (available) {
                   var _a;
                   if (!available) {
-                      _this2.eventEmitter.emit(WALLET_EVENT.UNAVAILABLE, { event: WALLET_EVENT.UNAVAILABLE, data: { wallet: WALLET_TYPE.APPLE } });
+                      _this2.eventEmitter.emit(WALLET_EVENT.UNAVAILABLE, { wallet: WALLET_TYPE.APPLE });
                       return;
                   }
                   // Store default shipping option
-                  if (_this2.meta.request_shipping && _this2.meta.shipping_options) _this2.selectedShippingMethodId = (_a = _this2.meta.shipping_options[0]) === null || _a === void 0 ? void 0 : _a.id;
+                  if (_this2.isShippingRequired() && _this2.hasShippingOptions()) {
+                      _this2.selectedShippingOption = (_a = _this2.meta) === null || _a === void 0 ? void 0 : _a.shipping_options[0];
+                      _this2.latestShippingData.shippingMethod = _this2.formatShippingOptions([_this2.selectedShippingOption])[0];
+                  }
                   _this2.mount(container);
               }).catch(function (err) {
                   return console.error("Error checking ApplePay availability", err);
@@ -5671,9 +5700,25 @@
       }, {
           key: "update",
           value: function update(data) {
-              var _a, _b;
-              if ((_a = data === null || data === void 0 ? void 0 : data.body) === null || _a === void 0 ? void 0 : _a.amount) this.meta.amount = data.body.amount;
-              if ((_b = data === null || data === void 0 ? void 0 : data.body) === null || _b === void 0 ? void 0 : _b.shipping_options) this.meta.shipping_options = data.body.shipping_options;
+              var _a, _b, _c;
+              if (!this.latestShippingChangePromiseResolve || !this.latestShippingChangePromiseReject) return;
+              if (!data.success || !data.body) return this.latestShippingChangePromiseReject(); // TODO: check how to handle Error messages from Merchant at update() callback response
+              var newAmount = (_a = data === null || data === void 0 ? void 0 : data.body) === null || _a === void 0 ? void 0 : _a.amount;
+              var newShippingOptions = (_b = data === null || data === void 0 ? void 0 : data.body) === null || _b === void 0 ? void 0 : _b.shipping_options;
+              if (newAmount) this.meta.amount = newAmount;
+              if (newShippingOptions) {
+                  this.meta.shipping_options = newShippingOptions;
+                  this.selectedShippingOption = newShippingOptions ? newShippingOptions[0] : undefined;
+              }
+              var update = _extends({ newTotal: {
+                      label: (_c = this.meta) === null || _c === void 0 ? void 0 : _c.amount_label,
+                      amount: this.meta.amount.toString(),
+                      type: "final"
+                  } }, this.isShippingRequired() && this.hasShippingOptions() && {
+                  newShippingMethods: this.formatShippingOptions(this.meta.shipping_options)
+              });
+              this.paymentSession.completeShippingContactSelection(update);
+              this.latestShippingChangePromiseResolve({});
           }
       }, {
           key: "checkAvailability",
@@ -5723,9 +5768,9 @@
               // https://developer.apple.com/documentation/apple_pay_on_the_web/applepaypaymentrequest
               if (this.meta.raw_data_initialization) {
                   this.meta.raw_data_initialization.total.amount = this.meta.amount.toString();
-                  if (this.meta.request_shipping && this.meta.shipping_options) this.meta.raw_data_initialization.shippingMethods = this.formatShippingOptions(this.meta.shipping_options);
+                  if (this.isShippingRequired() && this.hasShippingOptions()) this.meta.raw_data_initialization.shippingMethods = this.formatShippingOptions(this.meta.shipping_options);
               }
-              return this.meta.raw_data_initialization ? this.meta.raw_data_initialization : _extends(_extends({ countryCode: this.meta.country.toUpperCase(), currencyCode: this.meta.currency.toUpperCase(), merchantCapabilities: ["supports3DS", "supportsCredit", "supportsDebit"], supportedNetworks: ["visa", "masterCard", "amex", "discover"], requiredBillingContactFields: ["name", "postalAddress"] }, this.meta.request_shipping && _extends({ requiredShippingContactFields: ["postalAddress", "name", "phone", "email"] }, this.meta.shipping_options && {
+              return this.meta.raw_data_initialization ? this.meta.raw_data_initialization : _extends(_extends({ countryCode: this.meta.country.toUpperCase(), currencyCode: this.meta.currency.toUpperCase(), merchantCapabilities: ["supports3DS", "supportsCredit", "supportsDebit"], supportedNetworks: ["visa", "masterCard", "amex", "discover"], requiredBillingContactFields: ["name", "postalAddress"] }, this.isShippingRequired() && _extends({ requiredShippingContactFields: ["postalAddress", "name", "phone", "email"] }, this.hasShippingOptions() && {
                   shippingMethods: this.formatShippingOptions(this.meta.shipping_options)
               })), { total: {
                       label: this.meta.amount_label,
@@ -5740,7 +5785,7 @@
 
               return new Promise(function (resolve, reject) {
                   return _this5.eventEmitter.emit(WALLET_EVENT.CALLBACK, {
-                      data: _extends({ request_type: "CREATE_SESSION", wallet_type: WALLET_TYPE.APPLE, session_id: window.location.hostname }, _this5.meta.request_shipping && { request_shipping: _this5.meta.request_shipping }),
+                      data: _extends({ request_type: "CREATE_SESSION", wallet_type: WALLET_TYPE.APPLE, session_id: window.location.hostname }, _this5.isShippingRequired() && { request_shipping: _this5.meta.request_shipping }),
                       onSuccess: function onSuccess(res) {
                           return resolve(res);
                       },
@@ -5760,6 +5805,283 @@
       return AppleWalletService;
   }(WalletService);
 
+  var GoogleWalletService = function (_WalletService) {
+      inherits(GoogleWalletService, _WalletService);
+
+      function GoogleWalletService(publicKey, meta, gatewayName, eventEmitter) {
+          classCallCheck(this, GoogleWalletService);
+
+          var _this = possibleConstructorReturn(this, (GoogleWalletService.__proto__ || Object.getPrototypeOf(GoogleWalletService)).call(this, publicKey, meta));
+
+          _this.gatewayName = gatewayName;
+          _this.eventEmitter = eventEmitter;
+          _this.parseUpdateData = function (data) {
+              var _a, _b, _c, _d, _e, _f;
+              var shippingOption = (_b = (_a = _this.meta) === null || _a === void 0 ? void 0 : _a.shipping_options) === null || _b === void 0 ? void 0 : _b.find(function (o) {
+                  var _a;return o.id === ((_a = data === null || data === void 0 ? void 0 : data.shippingOptionData) === null || _a === void 0 ? void 0 : _a.id);
+              });
+              return _extends({ shipping: {
+                      address_city: (_c = data.shippingAddress) === null || _c === void 0 ? void 0 : _c.locality,
+                      address_state: (_d = data.shippingAddress) === null || _d === void 0 ? void 0 : _d.administrativeArea,
+                      address_postcode: (_e = data === null || data === void 0 ? void 0 : data.shippingAddress) === null || _e === void 0 ? void 0 : _e.postalCode,
+                      address_country: (_f = data === null || data === void 0 ? void 0 : data.shippingAddress) === null || _f === void 0 ? void 0 : _f.countryCode
+                  } }, shippingOption && {
+                  selected_shipping_option: {
+                      id: shippingOption === null || shippingOption === void 0 ? void 0 : shippingOption.id,
+                      label: shippingOption === null || shippingOption === void 0 ? void 0 : shippingOption.label,
+                      detail: shippingOption === null || shippingOption === void 0 ? void 0 : shippingOption.detail,
+                      type: shippingOption === null || shippingOption === void 0 ? void 0 : shippingOption.type
+                  }
+              });
+          };
+          _this.formatShippingOptions = function (shipping_options) {
+              return shipping_options.map(function (option) {
+                  return {
+                      id: option.id,
+                      label: option.label,
+                      description: (option === null || option === void 0 ? void 0 : option.detail) || ''
+                  };
+              });
+          };
+          _this.eventEmitter = eventEmitter;
+          return _this;
+      }
+
+      createClass(GoogleWalletService, [{
+          key: "getGatewayName",
+          value: function getGatewayName() {
+              return this.gatewayName;
+          }
+      }, {
+          key: "getMerchantId",
+          value: function getMerchantId() {
+              var _a, _b, _c;
+              return (_c = (_b = (_a = this.meta) === null || _a === void 0 ? void 0 : _a.credentials) === null || _b === void 0 ? void 0 : _b[WALLET_TYPE.GOOGLE]) === null || _c === void 0 ? void 0 : _c.merchant;
+          }
+      }, {
+          key: "isShippingRequired",
+          value: function isShippingRequired() {
+              return this.meta.request_shipping;
+          }
+      }, {
+          key: "hasShippingOptions",
+          value: function hasShippingOptions() {
+              return this.meta.request_shipping && !!this.meta.shipping_options;
+          }
+      }, {
+          key: "load",
+          value: function load(container) {
+              var _this2 = this;
+
+              if (!window.Promise) {
+                  // Given that this library does not rely in any polyfill for promises, and this integration depends on them, we early return if Promises are not supported for the browser (like I.E. 11).
+                  this.eventEmitter.emit(WALLET_EVENT.UNAVAILABLE, { wallet: WALLET_TYPE.GOOGLE });
+                  return;
+              }
+              return new Promise(function (resolve, reject) {
+                  var googlePayJs = document.createElement("script");
+                  googlePayJs.type = "text/javascript";
+                  googlePayJs.src = "https://pay.google.com/gp/p/js/pay.js";
+                  googlePayJs.async = true;
+                  googlePayJs.onload = function () {
+                      var _a, _b, _c;
+                      if (!window.google) {
+                          _this2.eventEmitter.emit(WALLET_EVENT.UNAVAILABLE, { wallet: WALLET_TYPE.GOOGLE });
+                          reject();
+                          return;
+                      }
+                      // Store default shipping option
+                      if (_this2.isShippingRequired() && _this2.hasShippingOptions()) {
+                          _this2.selectedShippingOption = (_a = _this2.meta) === null || _a === void 0 ? void 0 : _a.shipping_options[0];
+                      }
+                      _this2.paymentsClient = new google.payments.api.PaymentsClient(_extends({ merchantInfo: _extends(_extends({}, ((_b = _this2.meta) === null || _b === void 0 ? void 0 : _b.merchant_name) ? { merchantName: (_c = _this2.meta) === null || _c === void 0 ? void 0 : _c.merchant_name } : {}), { merchantId: _this2.getMerchantId() }), paymentDataCallbacks: _extends({ onPaymentAuthorized: function onPaymentAuthorized(paymentData) {
+                                  return _this2.onPaymentAuthorized(paymentData);
+                              } }, _this2.isShippingRequired() && {
+                              onPaymentDataChanged: function onPaymentDataChanged(intermediatePaymentData) {
+                                  return _this2.onPaymentDataChanged(intermediatePaymentData);
+                              }
+                          }) }, _this2.env !== ENV.PROD ? { environment: "TEST" } : { environment: "PRODUCTION" }));
+                      _this2.checkAvailability().then(function (available) {
+                          if (!available) {
+                              _this2.eventEmitter.emit(WALLET_EVENT.UNAVAILABLE, { wallet: WALLET_TYPE.GOOGLE });
+                              reject();
+                              return;
+                          }
+                          _this2.mount(container);
+                          resolve();
+                      });
+                  };
+                  document.head.appendChild(googlePayJs);
+              });
+          }
+      }, {
+          key: "update",
+          value: function update(data) {
+              var _a, _b, _c, _d;
+              if (!this.latestShippingChangePromiseResolve || !this.latestShippingChangePromiseReject) return;
+              if (!data.success) return this.latestShippingChangePromiseReject(); // TODO: check how to handle Error messages from Merchant at update() callback response
+              var newAmount = ((_a = data === null || data === void 0 ? void 0 : data.body) === null || _a === void 0 ? void 0 : _a.amount) || this.meta.amount;
+              var newShippingOptions = ((_b = data === null || data === void 0 ? void 0 : data.body) === null || _b === void 0 ? void 0 : _b.shipping_options) || this.meta.shipping_options;
+              if (newAmount) this.meta.amount = newAmount;
+              if (newShippingOptions) {
+                  this.meta.shipping_options = newShippingOptions;
+                  this.selectedShippingOption = newShippingOptions ? newShippingOptions[0] : undefined;
+              }
+              var paymentDataRequestUpdate = _extends({ newTransactionInfo: {
+                      totalPriceStatus: "FINAL",
+                      totalPriceLabel: this.meta.amount_label,
+                      totalPrice: (_c = this.meta.amount) === null || _c === void 0 ? void 0 : _c.toString(),
+                      currencyCode: this.meta.currency.toUpperCase(),
+                      countryCode: this.meta.country.toUpperCase()
+                  } }, this.isShippingRequired() && this.hasShippingOptions() && {
+                  newShippingOptionParameters: {
+                      defaultSelectedOptionId: (_d = this.selectedShippingOption) === null || _d === void 0 ? void 0 : _d.id,
+                      shippingOptions: this.formatShippingOptions(this.meta.shipping_options)
+                  }
+              });
+              this.latestShippingChangePromiseResolve(paymentDataRequestUpdate);
+          }
+      }, {
+          key: "checkAvailability",
+          value: function checkAvailability() {
+              return this.paymentsClient.isReadyToPay(this.createRequest()).then(function (response) {
+                  return !!response.result;
+              }).catch(function (err) {
+                  console.error("Error checking GooglePay availability", err);
+                  return false;
+              });
+          }
+      }, {
+          key: "mount",
+          value: function mount(container) {
+              var _this3 = this;
+
+              container.getElement().appendChild(this.paymentsClient.createButton({
+                  buttonSizeMode: "fill",
+                  onClick: function onClick() {
+                      return _this3.loadPaymentData();
+                  }
+              }));
+          }
+      }, {
+          key: "loadPaymentData",
+          value: function loadPaymentData() {
+              this.paymentsClient.loadPaymentData(this.createPaymentDataRequest())
+              // .then((paymentData) => {
+              //     // if using gateway tokenization, pass this token without modification
+              //     // this.paymentToken = paymentData.paymentMethodData.tokenizationData.token;
+              // })
+              .catch(function () {
+                  console.error('Error while loading payment data');
+              });
+          }
+      }, {
+          key: "onPaymentAuthorized",
+          value: function onPaymentAuthorized(paymentData) {
+              var _this4 = this;
+
+              var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+              var billingAddressLine1 = (_c = (_b = (_a = paymentData.paymentMethodData) === null || _a === void 0 ? void 0 : _a.info) === null || _b === void 0 ? void 0 : _b.billingAddress) === null || _c === void 0 ? void 0 : _c.address1;
+              var billingAddressLine2 = (_f = (_e = (_d = paymentData.paymentMethodData) === null || _d === void 0 ? void 0 : _d.info) === null || _e === void 0 ? void 0 : _e.billingAddress) === null || _f === void 0 ? void 0 : _f.address2;
+              var shippingAddressLine1 = (_g = paymentData === null || paymentData === void 0 ? void 0 : paymentData.shippingAddress) === null || _g === void 0 ? void 0 : _g.address1;
+              var shippingAddressLine2 = (_h = paymentData === null || paymentData === void 0 ? void 0 : paymentData.shippingAddress) === null || _h === void 0 ? void 0 : _h.address2;
+              var shippingOptionMethod = (_j = this.selectedShippingOption) === null || _j === void 0 ? void 0 : _j.type;
+              return new Promise(function (resolve) {
+                  var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w;
+                  return _this4.eventEmitter.emit(WALLET_EVENT.PAYMENT_METHOD_SELECTED, {
+                      data: _extends({ customer: {
+                              payment_source: _extends(_extends(_extends(_extends({ wallet_type: WALLET_TYPE.GOOGLE, card_name: (_a = paymentData.paymentMethodData) === null || _a === void 0 ? void 0 : _a.description, type: paymentData.paymentMethodData.type, card_scheme: (_c = (_b = paymentData.paymentMethodData) === null || _b === void 0 ? void 0 : _b.info) === null || _c === void 0 ? void 0 : _c.cardNetwork }, billingAddressLine1 && { address_line1: billingAddressLine1 }), billingAddressLine2 && { address_line2: billingAddressLine2 }), billingAddressLine2 && { address_line2: billingAddressLine2 }), { address_country: (_f = (_e = (_d = paymentData.paymentMethodData) === null || _d === void 0 ? void 0 : _d.info) === null || _e === void 0 ? void 0 : _e.billingAddress) === null || _f === void 0 ? void 0 : _f.countryCode, address_city: (_j = (_h = (_g = paymentData.paymentMethodData) === null || _g === void 0 ? void 0 : _g.info) === null || _h === void 0 ? void 0 : _h.billingAddress) === null || _j === void 0 ? void 0 : _j.locality, address_postcode: (_m = (_l = (_k = paymentData.paymentMethodData) === null || _k === void 0 ? void 0 : _k.info) === null || _l === void 0 ? void 0 : _l.billingAddress) === null || _m === void 0 ? void 0 : _m.postalCode, address_state: (_q = (_p = (_o = paymentData.paymentMethodData) === null || _o === void 0 ? void 0 : _o.info) === null || _p === void 0 ? void 0 : _p.billingAddress) === null || _q === void 0 ? void 0 : _q.administrativeArea, ref_token: paymentData.paymentMethodData.tokenizationData.token })
+                          } }, _this4.isShippingRequired() && {
+                          shipping: _extends(_extends(_extends(_extends(_extends({}, shippingOptionMethod && { method: shippingOptionMethod }), _this4.hasShippingOptions() && { options: _this4.meta.shipping_options }), shippingAddressLine1 && { address_line1: shippingAddressLine1 }), shippingAddressLine2 && { address_line2: shippingAddressLine2 }), { address_country: (_r = paymentData === null || paymentData === void 0 ? void 0 : paymentData.shippingAddress) === null || _r === void 0 ? void 0 : _r.countryCode, address_city: (_s = paymentData === null || paymentData === void 0 ? void 0 : paymentData.shippingAddress) === null || _s === void 0 ? void 0 : _s.locality, address_postcode: (_t = paymentData === null || paymentData === void 0 ? void 0 : paymentData.shippingAddress) === null || _t === void 0 ? void 0 : _t.postalCode, address_state: (_u = paymentData === null || paymentData === void 0 ? void 0 : paymentData.shippingAddress) === null || _u === void 0 ? void 0 : _u.administrativeArea, contact: {
+                                  first_name: (_v = paymentData === null || paymentData === void 0 ? void 0 : paymentData.shippingAddress) === null || _v === void 0 ? void 0 : _v.name,
+                                  email: paymentData === null || paymentData === void 0 ? void 0 : paymentData.email,
+                                  phone: (_w = paymentData === null || paymentData === void 0 ? void 0 : paymentData.shippingAddress) === null || _w === void 0 ? void 0 : _w.phoneNumber
+                              } })
+                      }),
+                      onSuccess: function onSuccess() {
+                          return resolve({ transactionState: 'SUCCESS' });
+                      },
+                      onError: function onError(message) {
+                          return resolve({
+                              transactionState: 'ERROR',
+                              error: {
+                                  intent: 'PAYMENT_AUTHORIZATION',
+                                  message: message,
+                                  reason: 'PAYMENT_DATA_INVALID'
+                              }
+                          });
+                      }
+                  });
+              });
+          }
+      }, {
+          key: "onPaymentDataChanged",
+          value: function onPaymentDataChanged(intermediatePaymentData) {
+              var _this5 = this;
+
+              if (!this.isShippingRequired()) return;
+              var parsedUpdateData = this.parseUpdateData(intermediatePaymentData);
+              this.eventEmitter.emit(WALLET_EVENT.UPDATE, parsedUpdateData);
+              return new Promise(function (res, rej) {
+                  _this5.latestShippingChangePromiseResolve = res;
+                  _this5.latestShippingChangePromiseReject = rej;
+              });
+          }
+      }, {
+          key: "createRequest",
+          value: function createRequest() {
+              return {
+                  apiVersion: 2,
+                  apiVersionMinor: 0,
+                  allowedPaymentMethods: [this.createCardData()]
+              };
+          }
+      }, {
+          key: "createPaymentDataRequest",
+          value: function createPaymentDataRequest() {
+              var _a, _b, _c, _d;
+              // Store default shipping option
+              if (this.isShippingRequired() && this.hasShippingOptions()) {
+                  this.selectedShippingOption = (_a = this.meta) === null || _a === void 0 ? void 0 : _a.shipping_options[0];
+              }
+              var gateway = 'paydock';
+              var gatewayMerchantId = this.getMerchantId();
+              return _extends({ apiVersion: 2, apiVersionMinor: 0, allowedPaymentMethods: [_extends(_extends({}, this.createCardData()), { tokenizationSpecification: {
+                          type: "PAYMENT_GATEWAY",
+                          parameters: {
+                              gateway: gateway,
+                              gatewayMerchantId: gatewayMerchantId
+                          }
+                      } })], transactionInfo: {
+                      totalPriceStatus: "FINAL",
+                      totalPriceLabel: this.meta.amount_label,
+                      totalPrice: this.meta.amount.toString(),
+                      currencyCode: this.meta.currency.toUpperCase(),
+                      countryCode: this.meta.country.toUpperCase()
+                  }, merchantInfo: _extends(_extends({}, ((_b = this.meta) === null || _b === void 0 ? void 0 : _b.merchant_name) ? { merchantName: (_c = this.meta) === null || _c === void 0 ? void 0 : _c.merchant_name } : {}), { merchantId: gatewayMerchantId }), callbackIntents: ["PAYMENT_AUTHORIZATION"].concat(toConsumableArray(this.isShippingRequired() ? ["SHIPPING_ADDRESS"] : []), toConsumableArray(this.hasShippingOptions() ? ["SHIPPING_OPTION"] : [])) }, this.isShippingRequired() && _extends({ shippingAddressRequired: true }, this.hasShippingOptions() && {
+                  shippingOptionRequired: true,
+                  shippingOptionParameters: {
+                      defaultSelectedOptionId: (_d = this.selectedShippingOption) === null || _d === void 0 ? void 0 : _d.id,
+                      shippingOptions: this.formatShippingOptions(this.meta.shipping_options)
+                  }
+              }));
+          }
+      }, {
+          key: "createCardData",
+          value: function createCardData() {
+              return {
+                  // TODO: Add raw_data_initialization as in ApplePay
+                  type: "CARD",
+                  parameters: {
+                      allowedAuthMethods: ["PAN_ONLY", "CRYPTOGRAM_3DS"],
+                      allowedCardNetworks: ["AMEX", "DISCOVER", "INTERAC", "JCB", "MASTERCARD", "VISA"]
+                  }
+              };
+          }
+      }]);
+      return GoogleWalletService;
+  }(WalletService);
+
   var MastercardWalletService = function (_WalletService) {
       inherits(MastercardWalletService, _WalletService);
 
@@ -5771,8 +6093,12 @@
       createClass(MastercardWalletService, [{
           key: "initializeChildWallets",
           value: function initializeChildWallets() {
+              var _a, _b, _c, _d, _e, _f;
               this.childWallets = [];
-              if (!this.meta.wallets || this.meta.wallets.includes(WALLET_TYPE.APPLE)) this.childWallets.push(new AppleWalletService(this.publicKey, this.meta, this.getGatewayName(), this.eventEmitter));
+              var hasAppleCredentials = !!((_c = (_b = (_a = this.meta) === null || _a === void 0 ? void 0 : _a.credentials) === null || _b === void 0 ? void 0 : _b.apple) === null || _c === void 0 ? void 0 : _c.merchant);
+              var hasGoogleCredentials = !!((_f = (_e = (_d = this.meta) === null || _d === void 0 ? void 0 : _d.credentials) === null || _e === void 0 ? void 0 : _e.google) === null || _f === void 0 ? void 0 : _f.merchant);
+              if (hasAppleCredentials && (!this.meta.wallets || this.meta.wallets.includes(WALLET_TYPE.APPLE))) this.childWallets.push(new AppleWalletService(this.publicKey, this.meta, this.getGatewayName(), this.eventEmitter));
+              if (hasGoogleCredentials && (!this.meta.wallets || this.meta.wallets.includes(WALLET_TYPE.GOOGLE))) this.childWallets.push(new GoogleWalletService(this.publicKey, this.meta, this.getGatewayName(), this.eventEmitter));
           }
       }, {
           key: "getGatewayName",
@@ -5814,6 +6140,15 @@
                   return null;
               }
           }
+      }, {
+          key: "extractData",
+          value: function extractData(body) {
+              try {
+                  return JSON.parse(atob(body.meta));
+              } catch (_a) {
+                  return null;
+              }
+          }
       }, {
           key: "extractMeta",
           value: function extractMeta(body) {
@@ -5948,6 +6283,8 @@
 
   var WALLET_CAPTURE_LINK = '/v1/charges/wallet/capture';
   var WALLET_CALLBACK_LINK = '/v1/charges/wallet/callback';
+  var STANDALONE_3DS_PROCESS_LINK = '/v1/charges/standalone-3ds/process';
+  var STANDALONE_3DS_HANDLE_LINK = '/v1/charges/standalone-3ds/handle';
   var ApiChargeInternal = function () {
       function ApiChargeInternal(api) {
           classCallCheck(this, ApiChargeInternal);
@@ -5965,6 +6302,16 @@
           value: function walletCallback(payload) {
               return this.api.getClientPromise('POST', WALLET_CALLBACK_LINK).send(payload);
           }
+      }, {
+          key: 'standalone3dsProcess',
+          value: function standalone3dsProcess(payload) {
+              return this.api.getClientPromise('POST', STANDALONE_3DS_PROCESS_LINK).send(payload);
+          }
+      }, {
+          key: 'standalone3dsHandle',
+          value: function standalone3dsHandle() {
+              return this.api.getClientPromise('GET', STANDALONE_3DS_HANDLE_LINK).send(undefined);
+          }
       }]);
       return ApiChargeInternal;
   }();
@@ -6008,30 +6355,51 @@
    * @interface IWalletMeta
    *
    * @type {object}
-   * @param {string} [amount_label] Label shown next to the total amount to be paid. Required for [Stripe, ApplePay]. N/A for [FlyPay, PayPal].
-   * @param {string} [country] Country of the user. 2 letter ISO code format. Required for [Stripe, ApplePay]. N/A for [FlyPay, PayPal].
+   * @param {string} [amount_label] Label shown next to the total amount to be paid. Required for [Stripe, ApplePay, GooglePay]. N/A for [FlyPay, PayPal].
+   * @param {string} [country] Country of the user. 2 letter ISO code format. Required for [Stripe, ApplePay, GooglePay]. N/A for [FlyPay, PayPal].
    * @param {string} [pay_later] Used to enable Pay Later feature in PayPal Smart Checkout WalletButton integration when available. Optional for [PayPal]. N/A for other wallets.
    * @param {boolean} [request_payer_name] Used mainly for fraud purposes - recommended set to true. Optional for [Stripe]. N/A for other wallets.
    * @param {boolean} [request_payer_email] Used mainly for fraud purposes - recommended set to true. Optional for [Stripe]. N/A for other wallets.
    * @param {boolean} [request_payer_phone] Used mainly for fraud purposes - recommended set to true. Optional for [Stripe]. N/A for other wallets.
-   * @param {boolean} [request_shipping] Used to request or not shipping address in the Wallet checkout, being able to handle amount changes via the `update` event. Optional for [FlyPay, PayPal, ApplePay]. N/A for [Stripe].
-   * @param {Array.<IShippingOption>} [shipping_options] Used to provide available shipping options. Optional for [ApplePay]. N/A for the other wallets.
+   * @param {boolean} [request_shipping] Used to request or not shipping address in the Wallet checkout, being able to handle amount changes via the `update` event. Optional for [FlyPay, PayPal, ApplePay, GooglePay]. N/A for [Stripe].
+   * @param {IApplePayShippingOption[] | IPayPalShippingOption[]} [shipping_options] Used to provide available shipping options.(To use shipping_options the request_shipping flag should be true). Optional for [ApplePay]. N/A for the other wallets.
+   * @param {string} [merchant_name] Merchant Name used for GooglePay integration via MPGS. Required for [GooglePay]. N/A for other wallets.
    * @param {object} [raw_data_initialization] Used to provide values to initialize wallet with raw data. Optional for [ApplePay]. N/A for the other wallets.
    * @param {object} [style] Used to style PayPal buttons, check possible values at https://developer.paypal.com/docs/business/checkout/reference/style-guide. Also used at ApplePay to select button type. Optional for [PayPal, ApplePay]. N/A for [Stripe, FlyPay].
    * @param {object} [style.button_type] Used to select ApplePay button type (e.g: 'buy','donate', etc), check possible values at https://developer.apple.com/documentation/apple_pay_on_the_web/displaying_apple_pay_buttons_using_css. Optional for [ApplePay]. N/A for other wallets.
-   * @param {array} [wallets] By default if this is not sent or empty, we will try to show either Apple Pay or Google Pay buttons. This can be limited sending the following array in this field: ['apple','google]. Optional for [Stripe]. N/A for other wallets.
+   * @param {array} [wallets] By default if this is not sent or empty, we will try to show either Apple Pay or Google Pay buttons. This can be limited sending the following array in this field: ['apple','google]. Optional for [Stripe, ApplePay, GooglePay]. N/A for other wallets.
    */
   /**
-   * Interface of Shipping Options.
-   * @interface IShippingOption
+   * Interface of Shipping Options for ApplePay
+   * @interface IApplePayShippingOption
    *
    * @type {object}
    * @param {string} [id] Identifier of the Shipping Option. Required.
    * @param {string} [label] Identifier of the Shipping Option. Required.
    * @param {string} [amount] Amount of the Shipping Option. Required.
+   * @param {string} [detail] Details of the Shipping Option. Required.
+   * @param {string} [type] Type of the Shipping Option. Values can be 'ELECTRONIC', 'GROUND', 'NOT_SHIPPED', 'OVERNIGHT', 'PICKUP', 'PRIORITY', 'SAME_DAY'. Optional.
+   */
+  /**
+   * Interface of Shipping Options for GooglePay
+   * @interface IGooglePayShippingOption
+   *
+   * @type {object}
+   * @param {string} [id] Identifier of the Shipping Option. Required.
+   * @param {string} [label] Identifier of the Shipping Option. Required.
    * @param {string} [detail] Details of the Shipping Option. Optional.
-   * @param {string} [currency] Currency of the Shipping Option. Optional.
-   * @param {string} [type] Type of the Shipping Option. Optional.
+   * @param {string} [type] Type of the Shipping Option. Values can be 'ELECTRONIC', 'GROUND', 'NOT_SHIPPED', 'OVERNIGHT', 'PICKUP', 'PRIORITY', 'SAME_DAY'. Optional.
+   */
+  /**
+   * Interface of Shipping Options for PayPal
+   * @interface IPayPalShippingOption
+   *
+   * @type {object}
+   * @param {string} [id] Identifier of the Shipping Option. Required.
+   * @param {string} [label] Identifier of the Shipping Option. Required.
+   * @param {string} [amount] Amount of the Shipping Option. Required.
+   * @param {string} [currency] Currency of the Shipping Option. Required.
+   * @param {string} [type] Type of the Shipping Option. Values can be 'SHIPPING' or 'PICKUP'. Required.
    */
   /**
    * Class WalletButtons to work with different E-Wallets within html (currently supports Apple Pay, Google Pay and Apple Pay via Stripe, Flypay, Paypal)
@@ -6094,13 +6462,13 @@
                   this.setupServiceCallbacks();
                   this.service.load(this.container);
               } catch (err) {
-                  this.eventEmitter.emit(EVENT$2.UNAVAILABLE, { event: EVENT$2.UNAVAILABLE, data: null });
+                  this.eventEmitter.emit(EVENT$2.UNAVAILABLE, null);
                   throw err;
               }
           }
           /**
            * Triggers the update process of the wallet, if available.
-           * Currently supported by Flypay, Paypal and ApplePay via MPGS Wallets.
+           * Currently supported by Flypay, Paypal and ApplePay/GooglePay via MPGS Wallets.
            *
            * @example
            * var button = new WalletButtons(
@@ -6224,6 +6592,7 @@
           }
           /**
            * User to subscribe to the no button available event. This method is used after loading when the button is not available.
+           * For MPGS, since can have more than one wallet button configured (ApplePay/GooglePay) you will receive a body (({ wallet: WALLET_TYPE.GOOGLE }) or ({ wallet: WALLET_TYPE.APPLE })) indicating which button is unavailable
            * Important: Do not perform thread blocking operations in callback such as window.alert() calls.
            *
            * @example
@@ -6234,6 +6603,9 @@
            * @example
            * button.onUnavailable().then(() => console.log('No wallet buttons available'));
            *
+           * @example
+           * button.onUnavailable(function (data) {console.log('data.wallet :: ', data.wallet)});
+           *
            * @param {listener} [handler] - Function to be called when no button is available.
            */
 
@@ -6375,8 +6747,8 @@
           value: function setupUnavailableCallback() {
               var _this7 = this;
 
-              this.service.on(WALLET_EVENT.UNAVAILABLE, function () {
-                  return _this7.eventEmitter.emit(EVENT$2.UNAVAILABLE, { event: EVENT$2.UNAVAILABLE, data: null });
+              this.service.on(WALLET_EVENT.UNAVAILABLE, function (eventData) {
+                  return _this7.eventEmitter.emit(EVENT$2.UNAVAILABLE, { event: EVENT$2.UNAVAILABLE, data: eventData });
               });
           }
       }, {
@@ -6826,6 +7198,231 @@
     return HtmlPaymentSourceWidget;
   }(PaymentSourceWidget);
 
+  var hiddenStyle = {
+      visibility: "hidden",
+      border: "0",
+      width: "0",
+      height: "0"
+  };
+  var PROCESS_STANDALONE_3DS_STATUS;
+  (function (PROCESS_STANDALONE_3DS_STATUS) {
+      PROCESS_STANDALONE_3DS_STATUS["SUCCESS"] = "success";
+      PROCESS_STANDALONE_3DS_STATUS["ERROR"] = "error";
+      PROCESS_STANDALONE_3DS_STATUS["PENDING"] = "pending";
+  })(PROCESS_STANDALONE_3DS_STATUS || (PROCESS_STANDALONE_3DS_STATUS = {}));
+  var GPAYMENTS_EVENT = {
+      AUTH_SUCCESS: 'chargeAuthSuccess',
+      AUTH_ERROR: 'chargeAuthReject',
+      DECOUPLED: 'chargeAuthDecoupled',
+      CHALLENGE: 'chargeAuthChallenge',
+      ERROR: 'error'
+  };
+  var GPaymentsService = function () {
+      function GPaymentsService(container, api, eventEmitter) {
+          classCallCheck(this, GPaymentsService);
+
+          this.container = container;
+          this.api = api;
+          this.eventEmitter = eventEmitter;
+          this.resultRead = false;
+          this.iFrameEvent = new IFrameEvent(window);
+      }
+
+      createClass(GPaymentsService, [{
+          key: "load",
+          value: function load(_ref, title) {
+              var initialization_url = _ref.initialization_url,
+                  secondary_url = _ref.secondary_url,
+                  charge_3ds_id = _ref.charge_3ds_id;
+
+              try {
+                  this.setupIFrameEvents(charge_3ds_id);
+                  this.initializeIFrames(initialization_url, secondary_url, title);
+              } catch (err) {
+                  this.eventEmitter.emit(GPAYMENTS_EVENT.ERROR, this.parseError(err, charge_3ds_id));
+              }
+          }
+      }, {
+          key: "initializeIFrames",
+          value: function initializeIFrames(initializationUrl, secondaryUrl, title) {
+              var hideAuthorization = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : true;
+
+              var divAuthorization = document.createElement("div");
+              divAuthorization.setAttribute("id", "paydock_authorization_iframe");
+              this.container.getElement().appendChild(divAuthorization);
+              this.browserAndChallengeContainer = new Container("#paydock_authorization_iframe");
+              this.iFrameAuthorization = new IFrame(this.browserAndChallengeContainer);
+              this.iFrameAuthorization.load(initializationUrl, { title: title });
+              var divSecondaryURL = document.createElement("div");
+              divSecondaryURL.setAttribute("id", "paydock_secondary_iframe");
+              this.container.getElement().appendChild(divSecondaryURL);
+              this.monitoringContainer = new Container("#paydock_secondary_iframe");
+              this.iFrameSecondaryUrl = new IFrame(this.monitoringContainer);
+              this.iFrameSecondaryUrl.load(secondaryUrl, { title: title });
+              this.hideIframes(hideAuthorization);
+          }
+      }, {
+          key: "hideIframes",
+          value: function hideIframes() {
+              var hideAuthorization = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
+
+              for (var prop in hiddenStyle) {
+                  if (!hiddenStyle.hasOwnProperty(prop)) continue;
+                  if (hideAuthorization) this.iFrameAuthorization.setStyle(prop, hiddenStyle[prop]);
+                  this.iFrameSecondaryUrl.setStyle(prop, hiddenStyle[prop]);
+              }
+          }
+      }, {
+          key: "setupIFrameEvents",
+          value: function setupIFrameEvents(widgetId) {
+              var _this = this;
+
+              this.iFrameEvent.on(EVENT.CHARGE_AUTH, widgetId, function (data) {
+                  if (data.status === "MethodSkipped" /* SKIPPED */) _this.performAuthentication(data);
+              });
+              this.iFrameEvent.on(EVENT.CHARGE_AUTH_SUCCESS, widgetId, function (data) {
+                  _this.processResult(data.charge_3ds_id);
+              });
+          }
+      }, {
+          key: "parseResultData",
+          value: function parseResultData(_ref2, charge3dsId) {
+              var status = _ref2.status;
+
+              return {
+                  status: status,
+                  charge_3ds_id: charge3dsId
+              };
+          }
+      }, {
+          key: "parseHandleResponse",
+          value: function parseHandleResponse(_ref3, charge3dsId) {
+              var status = _ref3.status,
+                  result = _ref3.result;
+
+              return {
+                  status: status,
+                  charge_3ds_id: charge3dsId,
+                  result: {
+                      description: result === null || result === void 0 ? void 0 : result.description
+                  }
+              };
+          }
+      }, {
+          key: "parseError",
+          value: function parseError(data, charge3dsId) {
+              return { charge_3ds_id: charge3dsId, error: data };
+          }
+      }, {
+          key: "processResult",
+          value: function processResult(charge3dsId) {
+              var _this2 = this;
+
+              if (this.resultRead) return;
+              this.resultRead = true;
+              this.api.charge().standalone3dsHandle().then(function (result) {
+                  _this2.iFrameAuthorization.remove();
+                  _this2.iFrameSecondaryUrl.remove();
+                  if (result.status === PROCESS_STANDALONE_3DS_STATUS.SUCCESS) _this2.eventEmitter.emit(GPAYMENTS_EVENT.AUTH_SUCCESS, _this2.parseResultData(result, charge3dsId));else _this2.eventEmitter.emit(GPAYMENTS_EVENT.AUTH_ERROR, _this2.parseResultData(result, charge3dsId));
+              }, function (err) {
+                  _this2.eventEmitter.emit(GPAYMENTS_EVENT.ERROR, _this2.parseError(err, charge3dsId));
+              });
+          }
+      }, {
+          key: "externalAPI",
+          value: function externalAPI(method, url) {
+              var request = new XMLHttpRequest();
+              request.open(method, url, true);
+              return new Promise(function (resolve, reject) {
+                  request.onload = function () {
+                      try {
+                          var body = JSON.parse(request.responseText);
+                          resolve(body);
+                      } catch (error) {
+                          reject(error);
+                      }
+                  };
+                  request.send();
+              });
+          }
+      }, {
+          key: "doPolling",
+          value: function doPolling(url, charge3dsId) {
+              var _this3 = this;
+
+              this.externalAPI("GET", url).then(function (data) {
+                  if (!data.event || data.event === "AuthResultNotReady") setTimeout(function () {
+                      _this3.doPolling(url, charge3dsId);
+                  }, 2000);else if (data.event === 'AuthResultReady') _this3.processResult(charge3dsId);else throw new Error("Event not supported");
+              }).catch(function (err) {
+                  return _this3.eventEmitter.emit(GPAYMENTS_EVENT.ERROR, _this3.parseError(err, charge3dsId));
+              });
+          }
+      }, {
+          key: "performAuthentication",
+          value: function performAuthentication(_ref4) {
+              var _this4 = this;
+
+              var charge_3ds_id = _ref4.charge_3ds_id;
+
+              this.iFrameAuthorization.remove();
+              this.iFrameSecondaryUrl.remove();
+              this.api.charge().standalone3dsProcess({ charge_3ds_id: charge_3ds_id }).then(function (authenticationResult) {
+                  var _a, _b;
+                  if (authenticationResult.status === "success" /* SUCCESS */) _this4.eventEmitter.emit(GPAYMENTS_EVENT.AUTH_SUCCESS, _this4.parseHandleResponse(authenticationResult, charge_3ds_id));else if (authenticationResult.status === "pending" /* PENDING */) {
+                          if ((_a = authenticationResult === null || authenticationResult === void 0 ? void 0 : authenticationResult.result) === null || _a === void 0 ? void 0 : _a.challenge) {
+                              _this4.eventEmitter.emit(GPAYMENTS_EVENT.CHALLENGE, _this4.parseHandleResponse(authenticationResult, charge_3ds_id));
+                              _this4.initializeIFrames(authenticationResult.result.challenge_url, 'authenticationResult.result.secondary_url', 'Authentication Challenge', false);
+                              _this4.doPolling(authenticationResult.result.secondary_url, charge_3ds_id);
+                          } else if ((_b = authenticationResult === null || authenticationResult === void 0 ? void 0 : authenticationResult.result) === null || _b === void 0 ? void 0 : _b.decoupled_challenge) {
+                              _this4.eventEmitter.emit(GPAYMENTS_EVENT.DECOUPLED, _this4.parseHandleResponse(authenticationResult, charge_3ds_id));
+                              _this4.doPolling(authenticationResult.result.secondary_url, charge_3ds_id);
+                          }
+                      } else return _this4.eventEmitter.emit(GPAYMENTS_EVENT.AUTH_ERROR, _this4.parseHandleResponse(authenticationResult, charge_3ds_id));
+              }, function (err) {
+                  _this4.eventEmitter.emit(GPAYMENTS_EVENT.ERROR, _this4.parseError(err, charge_3ds_id));
+              });
+          }
+      }]);
+      return GPaymentsService;
+  }();
+
+  var STANDALONE_3DS_GATEWAYS = {
+      GPAYMENTS: "GPayments"
+  };
+  var Standalone3dsService = function () {
+      function Standalone3dsService(container, eventEmitter) {
+          classCallCheck(this, Standalone3dsService);
+
+          this.env = ENV.SANDBOX;
+          this.container = container;
+          this.eventEmitter = eventEmitter;
+      }
+
+      createClass(Standalone3dsService, [{
+          key: "load",
+          value: function load(token, options) {
+              var parsedToken = AccessToken.validateJWT(token);
+              if (!parsedToken) throw new Error("Invalid charge token");
+              var tokenData = AccessToken.extractData(parsedToken.body);
+              var api = new ApiInternal(token, API_AUTH_TYPE.TOKEN);
+              api.setEnv(this.env, this.alias);
+              switch (tokenData.service_type) {
+                  case STANDALONE_3DS_GATEWAYS.GPAYMENTS:
+                      new GPaymentsService(this.container, api, this.eventEmitter).load(tokenData, options.title);
+                      break;
+              }
+          }
+      }, {
+          key: "setEnv",
+          value: function setEnv(env, alias) {
+              this.env = env;
+              this.alias = alias;
+          }
+      }]);
+      return Standalone3dsService;
+  }();
+
   /**
    * List of available token's content formats
    * @enum TOKEN_FORMAT
@@ -6837,6 +7434,7 @@
   (function (TOKEN_FORMAT) {
       TOKEN_FORMAT["HTML"] = "html";
       TOKEN_FORMAT["URL"] = "url";
+      TOKEN_FORMAT["STANDALONE_3DS"] = "standalone_3ds";
   })(TOKEN_FORMAT || (TOKEN_FORMAT = {}));
   /**
    * List of available event's name
@@ -6849,6 +7447,17 @@
    * @param {string} ADDITIONAL_DATA_REJECT=additionalDataCollectReject
    * @param {string} CHARGE_AUTH=chargeAuth
    */
+  /**
+   * List of available event's name for Standalone 3ds flow
+   * @const STANDALONE_3DS_EVENT
+   *
+   * @type {object}
+   * @param {string} CHARGE_AUTH_SUCCESS=chargeAuthSuccess
+   * @param {string} CHARGE_AUTH_REJECT=chargeAuthReject
+   * @param {string} CHARGE_AUTH_DECOUPLED=chargeAuthDecoupled
+   * @param {string} CHARGE_AUTH_CHALLENGE=chargeAuthChallenge
+   * @param {string} ERROR=error
+  */
   /**
    * Class Canvas3ds include method for working on html
    * @constructor
@@ -6870,6 +7479,8 @@
           this.link.setParams({ ref_id: this.token.charge_3ds_id });
           this.container = new Container(selector);
           this.iFrame = new IFrame(this.container);
+          this.eventEmitter = new EventEmitter();
+          this.standalone3dsService = new Standalone3dsService(this.container, this.eventEmitter);
           this.event = new IFrameEvent(window);
       }
 
@@ -6881,7 +7492,7 @@
            *
            */
           value: 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, { title: '3d secure authentication' });else console.error('Token contain unsupported payload');
+              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, { title: '3d secure authentication' });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');
           }
           /**
            * Current method can change environment. By default environment = sandbox.
@@ -6897,6 +7508,7 @@
           key: 'setEnv',
           value: function setEnv(env, alias) {
               this.link.setEnv(env, alias);
+              this.standalone3dsService.setEnv(env, alias);
               for (var index in this.configs) {
                   if (!this.configs.hasOwnProperty(index)) continue;
                   this.configs[index].setEnv(env, alias);
@@ -6919,7 +7531,7 @@
            * widget.on('chargeAuthReject').then(function (data) {
            *      console.log(data);
            * });
-           * @param {string} eventName - Available event names [EVENT]{@link EVENT}
+           * @param {string} eventName - Available event names [EVENT]{@link EVENT} [STANDALONE_3DS_EVENT]{@link STANDALONE_3DS_EVENT}
            * @param {listener} [cb]
            * @return {Promise<IEventData> | void}
            */
@@ -6929,12 +7541,21 @@
           value: function on(eventName, cb) {
               var _this = this;
 
-              if (typeof cb === 'function') return this.event.on(eventName, this.link.getParams().ref_id, cb);
-              return new Promise(function (resolve) {
-                  return _this.event.on(eventName, _this.link.getParams().ref_id, function (res) {
-                      return resolve(res);
+              if (this.token.format === TOKEN_FORMAT.STANDALONE_3DS) {
+                  if (typeof cb === 'function') return this.eventEmitter.subscribe(eventName, cb);
+                  return new Promise(function (resolve) {
+                      return _this.eventEmitter.subscribe(eventName, function (res) {
+                          return resolve(res);
+                      });
                   });
-              });
+              } else {
+                  if (typeof cb === 'function') return this.event.on(eventName, this.link.getParams().ref_id, cb);
+                  return new Promise(function (resolve) {
+                      return _this.event.on(eventName, _this.link.getParams().ref_id, function (res) {
+                          return resolve(res);
+                      });
+                  });
+              }
           }
           /**
            * Using this method you can hide widget after load