@paydock/client-sdk 1.10.72-beta → 1.10.76-beta

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(_extends({ countryCode: this.meta.country.toUpperCase(), currencyCode: this.meta.currency.toUpperCase(), merchantCapabilities: ["supports3DS", "supportsCredit", "supportsDebit"], supportedNetworks: ["visa", "masterCard", "amex", "discover"] }, this.meta.show_billing_address && { 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,284 @@
       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"],
+                      billingAddressRequired: !!this.meta.show_billing_address
+                  }
+              };
+          }
+      }]);
+      return GoogleWalletService;
+  }(WalletService);
+
   var MastercardWalletService = function (_WalletService) {
       inherits(MastercardWalletService, _WalletService);
 
@@ -5771,8 +6094,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",
@@ -6029,30 +6356,52 @@
    * @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} [show_billing_address] Used to hide/show the billing address on ApplePay and GooglePay popups. Default value is false. Optional for [ApplePay, GooglePay]. 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)
@@ -6115,13 +6464,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(
@@ -6245,6 +6594,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
@@ -6255,6 +6605,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.
            */
 
@@ -6396,8 +6749,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 });
               });
           }
       }, {