@paydock/client-sdk 1.115.0 → 1.116.2

package/bundles/widget.umd.js

@@ -893,7 +893,7 @@
     version: 'x-sdk-version',
     type: 'x-sdk-type'
   });
-  SDK._version = 'v1.115.0';
+  SDK._version = 'v1.116.2';
 
   /******************************************************************************
   Copyright (c) Microsoft Corporation.
@@ -9109,8 +9109,6 @@
    * @param {string} CHECKOUT_POPUP_CLOSE=checkoutPopupClose Event sent when Click To Pay checkout flow is closed, regardless of embedded or windowed mode.
    * @param {string} CHECKOUT_COMPLETED=checkoutCompleted Event sent on successful checkout by customer. Check [data](#EventDataCheckoutCompletedData) for more information.
    * @param {string} CHECKOUT_ERROR=checkoutError Event sent on error checkout by customer. Check [data](#EventData) for more information.
-   * @param {string} RECOGNITION_TOKEN_REQUESTED=recognitionTokenRequested Event sent when a recognition token was found on the mastercard SDK response.
-   * @param {string} RECOGNITION_TOKEN_DROPPED=recognitionTokenDropped Event sent when a recognition token needs to be dropped for user be no longer remembered.
    */
   var EVENT$3;
   (function (EVENT) {
@@ -9120,8 +9118,6 @@
     EVENT["CHECKOUT_ERROR"] = "checkoutError";
     EVENT["CHECKOUT_POPUP_OPEN"] = "checkoutPopupOpen";
     EVENT["CHECKOUT_POPUP_CLOSE"] = "checkoutPopupClose";
-    EVENT["RECOGNITION_TOKEN_REQUESTED"] = "recognitionTokenRequested";
-    EVENT["RECOGNITION_TOKEN_DROPPED"] = "recognitionTokenDropped";
   })(EVENT$3 || (EVENT$3 = {}));
   /**
    * List of available event data types
@@ -9198,13 +9194,6 @@
           var data = _ref5.data;
           _this.eventEmitter.emit(EVENT$3.CHECKOUT_ERROR, data);
         });
-        this.iFrameEvent.on(EVENT$3.RECOGNITION_TOKEN_REQUESTED, widgetId, function (_ref6) {
-          var data = _ref6.data;
-          _this.eventEmitter.emit(EVENT$3.RECOGNITION_TOKEN_REQUESTED, data);
-        });
-        this.iFrameEvent.on(EVENT$3.RECOGNITION_TOKEN_DROPPED, widgetId, function () {
-          _this.eventEmitter.emit(EVENT$3.RECOGNITION_TOKEN_DROPPED);
-        });
         if (this.autoResize) this.useAutoResize(true);
       }
     }, {
@@ -9252,8 +9241,8 @@
         this.autoResize = true;
         var params = this.link.getParams();
         if (!(params === null || params === void 0 ? void 0 : params.widget_id)) return;
-        this.iFrameEvent.on('resize', params.widget_id, function (_ref7) {
-          var data = _ref7.data;
+        this.iFrameEvent.on('resize', params.widget_id, function (_ref6) {
+          var data = _ref6.data;
           var _a, _b;
           var iframeElement = _this3.iFrame.getElement();
           if (iframeElement) {
@@ -14703,7 +14692,7 @@
                   _iterator.s();
                 case 4:
                   if ((_step = _iterator.n()).done) {
-                    _context.next = 18;
+                    _context.next = 11;
                     break;
                   }
                   method = _step.value;
@@ -14711,46 +14700,30 @@
                     _context.next = 8;
                     break;
                   }
-                  return _context.abrupt("continue", 16);
+                  return _context.abrupt("continue", 9);
                 case 8:
-                  _context.t0 = method === PAYMENTS_METHODS.GOOGLE_PAY;
-                  if (!_context.t0) {
-                    _context.next = 13;
-                    break;
-                  }
-                  _context.next = 12;
-                  return this.isGooglePaySupported();
-                case 12:
-                  _context.t0 = !_context.sent;
-                case 13:
-                  if (!_context.t0) {
-                    _context.next = 15;
-                    break;
-                  }
-                  return _context.abrupt("continue", 16);
-                case 15:
                   paymentMethodsAllowed.push(PAYMENT_METHOD[method]);
-                case 16:
+                case 9:
                   _context.next = 4;
                   break;
-                case 18:
-                  _context.next = 23;
+                case 11:
+                  _context.next = 16;
                   break;
-                case 20:
-                  _context.prev = 20;
-                  _context.t1 = _context["catch"](2);
-                  _iterator.e(_context.t1);
-                case 23:
-                  _context.prev = 23;
+                case 13:
+                  _context.prev = 13;
+                  _context.t0 = _context["catch"](2);
+                  _iterator.e(_context.t0);
+                case 16:
+                  _context.prev = 16;
                   _iterator.f();
-                  return _context.finish(23);
-                case 26:
+                  return _context.finish(16);
+                case 19:
                   resolve(paymentMethodsAllowed.join(' '));
-                case 27:
+                case 20:
                 case "end":
                   return _context.stop();
               }
-            }, _callee, this, [[2, 20, 23, 26]]);
+            }, _callee, this, [[2, 13, 16, 19]]);
           }));
         });
         initState.then(function (content) {
@@ -14816,45 +14789,6 @@
       value: function isApplePaySupported() {
         return window.ApplePaySession && ApplePaySession.canMakePayments();
       }
-    }, {
-      key: "isGooglePaySupported",
-      value: function isGooglePaySupported() {
-        return __awaiter(this, void 0, void 0, /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
-          var paymentRequest;
-          return _regeneratorRuntime().wrap(function _callee2$(_context2) {
-            while (1) switch (_context2.prev = _context2.next) {
-              case 0:
-                _context2.prev = 0;
-                if (window.PaymentRequest) {
-                  _context2.next = 3;
-                  break;
-                }
-                return _context2.abrupt("return", false);
-              case 3:
-                paymentRequest = new PaymentRequest([{
-                  supportedMethods: 'https://google.com/pay'
-                }], {
-                  total: {
-                    label: 'Test',
-                    amount: {
-                      currency: 'USD',
-                      value: '0.00'
-                    }
-                  }
-                });
-                return _context2.abrupt("return", paymentRequest.canMakePayment());
-              case 7:
-                _context2.prev = 7;
-                _context2.t0 = _context2["catch"](0);
-                console.error('Error google pay check support:');
-                return _context2.abrupt("return", false);
-              case 11:
-              case "end":
-                return _context2.stop();
-            }
-          }, _callee2, null, [[0, 7]]);
-        }));
-      }
     }, {
       key: "setStylesToStandaloneWidget",
       value: function setStylesToStandaloneWidget() {
@@ -14989,8 +14923,8 @@
     }, {
       key: "destroy",
       value: function destroy() {
-        clearTimeout(this.timeoutId);
         // TODO: Adjust when implementing the failure payment flow
+        // clearTimeout(this.timeoutId);
         // document.querySelector(this.formSelector).innerHTML = '';
       }
     }]);
@@ -16050,7 +15984,8 @@
               address_city: billingContact === null || billingContact === void 0 ? void 0 : billingContact.locality,
               address_postcode: billingContact === null || billingContact === void 0 ? void 0 : billingContact.postalCode,
               address_state: billingContact === null || billingContact === void 0 ? void 0 : billingContact.administrativeArea,
-              ref_token: token.paymentData ? JSON.stringify(token.paymentData) : ''
+              ref_token: token.paymentData ? JSON.stringify(token.paymentData) : '',
+              wallet_express: true
             }
           }
         }).then(function () {
@@ -16333,7 +16268,8 @@
               payment_method_id: data.orderID,
               customer: {
                 payment_source: {
-                  external_payer_id: data.payerID
+                  external_payer_id: data.payerID,
+                  wallet_express: true
                 }
               }
             })["finally"](function () {
@@ -16353,6 +16289,496 @@
     }]);
   }(BaseWalletButton);
 
+  var PAYPAL_DATA_COLLECTOR_EVENTS;
+  (function (PAYPAL_DATA_COLLECTOR_EVENTS) {
+    PAYPAL_DATA_COLLECTOR_EVENTS["ON_ERROR"] = "ON_ERROR";
+  })(PAYPAL_DATA_COLLECTOR_EVENTS || (PAYPAL_DATA_COLLECTOR_EVENTS = {}));
+  var ErrorCodes$1;
+  (function (ErrorCodes) {
+    ErrorCodes["PROMISE_NOT_ENABLED"] = "promise_not_enabled";
+    ErrorCodes["SCRIPT_ERROR"] = "script_error";
+  })(ErrorCodes$1 || (ErrorCodes$1 = {}));
+
+  var PayPalDataCollectorService = /*#__PURE__*/function () {
+    function PayPalDataCollectorService(eventEmitter, flowId, config) {
+      _classCallCheck(this, PayPalDataCollectorService);
+      this.eventEmitter = eventEmitter;
+      this.flowId = flowId;
+      this.config = config;
+    }
+    return _createClass(PayPalDataCollectorService, [{
+      key: "collectDeviceData",
+      value: function collectDeviceData() {
+        if (!window.Promise) {
+          this.eventEmitter.emit(PAYPAL_DATA_COLLECTOR_EVENTS.ON_ERROR, {
+            error_code: ErrorCodes$1.PROMISE_NOT_ENABLED
+          });
+        }
+        this.correlationId = Uuid.generate();
+        return this.appendPaypalSavePaymentSourceComponent();
+      }
+    }, {
+      key: "appendPaypalSavePaymentSourceComponent",
+      value: function appendPaypalSavePaymentSourceComponent() {
+        var _this = this;
+        var paypalScript = document.createElement("script");
+        paypalScript.type = "application/json";
+        paypalScript.setAttribute("fncls", "fnparams-dede7cc5-15fd-4c75-a9f4-36c430ee3a99");
+        var scriptContent = _extends(_extends({
+          f: this.correlationId,
+          s: this.flowId ? this.flowId : Uuid.generate(),
+          cb1: 'paydockPayPalDataCollectorServiceCallbackPostOne',
+          cb2: 'paydockPayPalDataCollectorServiceCallbackPostTwo'
+        }, this.isSandbox && {
+          sandbox: this.isSandbox
+        }), this.config.mouse_movement && {
+          mm: this.config.mouse_movement
+        });
+        paypalScript.textContent = JSON.stringify(scriptContent, null, 4);
+        var fraudnetScript = document.createElement("script");
+        fraudnetScript.type = "text/javascript";
+        fraudnetScript.src = "https://c.paypal.com/da/r/fb.js";
+        fraudnetScript.onerror = function () {
+          return _this.onError();
+        };
+        document.body.appendChild(paypalScript);
+        document.body.appendChild(fraudnetScript);
+        return this.setupCallbacks();
+      }
+    }, {
+      key: "setupCallbacks",
+      value: function setupCallbacks() {
+        var _this2 = this;
+        return new Promise(function (resolve, reject) {
+          var callbackOnePromise = new Promise(function (resolve) {
+            window.paydockPayPalDataCollectorServiceCallbackPostOne = function () {
+              resolve();
+            };
+          });
+          var callbackTwoPromise = new Promise(function (resolve) {
+            window.paydockPayPalDataCollectorServiceCallbackPostTwo = function () {
+              resolve();
+            };
+          });
+          Promise.all([callbackOnePromise, callbackTwoPromise]).then(function () {
+            resolve({
+              correlation_id: _this2.correlationId
+            });
+          })["catch"](reject);
+        });
+      }
+    }, {
+      key: "onError",
+      value: function onError() {
+        this.eventEmitter.emit(PAYPAL_DATA_COLLECTOR_EVENTS.ON_ERROR, {
+          error_code: ErrorCodes$1.SCRIPT_ERROR
+        });
+      }
+    }, {
+      key: "setEnv",
+      value: function setEnv(env) {
+        this.isSandbox = env !== 'live';
+      }
+    }], [{
+      key: "fromConfig",
+      value: function fromConfig(eventEmitter, flowId, config) {
+        return new PayPalDataCollectorService(eventEmitter, flowId, config);
+      }
+    }]);
+  }();
+
+  /**
+   * PayPal Data Collector Widget constructor
+   *
+   * @param {string} flowId - This string identifies the source website of the FraudNet request.
+   * @param {PayPalDataCollectorConfig} config - Extra configuration for the widget.
+   *
+   * @example
+   * var payPalDataCollector = new PayPalDataCollector('FLOW_ID', {});
+   */
+  var PayPalDataCollector = /*#__PURE__*/function () {
+    /** @constructs */ // constructs added for correct parse classes jsdoc2md
+    function PayPalDataCollector(flowId, config) {
+      _classCallCheck(this, PayPalDataCollector);
+      this.eventEmitter = new EventEmitter();
+      this.service = PayPalDataCollectorService.fromConfig(this.eventEmitter, flowId, config);
+    }
+    /**
+     * After configuring the PayPalDataCollector Widget, starts the process and returns
+     * the correlation id used among the requests.
+     *
+     * @returns {Promise<CollectedDeviceData>} Promise when resolved, returnsa an object
+     * that contains the `correlation_id` key.
+     *
+     * @example
+     * const collectedDeviceData = await payPalDataCollectorWidget.collectDeviceData();
+     * console.log(collectedDeviceData.correlation_id)
+     */
+    return _createClass(PayPalDataCollector, [{
+      key: "collectDeviceData",
+      value: function collectDeviceData() {
+        try {
+          return this.service.collectDeviceData();
+        } catch (err) {
+          this.eventEmitter.emit(PAYPAL_DATA_COLLECTOR_EVENTS.ON_ERROR, null);
+          throw err;
+        }
+      }
+      /**
+       * Callback for onError method.
+       *
+       * @callback OnErrorCallback
+       * @param {IOnErrorEventData|null} data
+       */
+      /**
+       * If the process fails, the function passed as parameter will be called.
+       * Important: Do not perform thread blocking operations in callback such as window.alert() calls.
+       *
+       * @example
+       * PayPalDataCollector.onError((eventData) => console.log('Some error occur'));
+       *
+       * @param {OnErrorCallback} [callback] - Function to be called when there is an error in the flow.
+       */
+    }, {
+      key: "onError",
+      value: function onError(callback) {
+        return this.eventEmitter.subscribe(PAYPAL_DATA_COLLECTOR_EVENTS.ON_ERROR, callback);
+      }
+      /**
+       * Current method can change environment. By default environment = test.
+       * This method does not affect Paydock's API calls or environments, is only for PayPal Data Collector
+       * script, in order to know if the script is injected on a live server or is a testing
+       * environment. The available values are `test` and `live`. This should match with the used
+       * `gateway.mode` in Paydock to process the transaction.
+       *
+       * @example
+       * PayPalDataCollector.setEnv('live');
+       * @param {string} env - test, live
+       */
+    }, {
+      key: "setEnv",
+      value: function setEnv(env) {
+        this.service.setEnv(env);
+      }
+    }]);
+  }();
+
+  var PAYPAL_SAVE_PAYMENT_EVENTS = {
+    ON_SUCCESS: 'ON_SUCCESS',
+    ON_ERROR: 'ON_ERROR',
+    ON_CANCEL: 'ON_CANCEL'
+  };
+  var ErrorCodes;
+  (function (ErrorCodes) {
+    ErrorCodes["UNAVAILABLE"] = "unavailable";
+    ErrorCodes["ON_PAYPAL_VAULT_SETUP_TOKEN_ERROR"] = "onPaypalVaultSetupTokenError";
+    ErrorCodes["ON_GET_ID_TOKEN_ERROR"] = "onGetIdTokenError";
+    ErrorCodes["ON_GET_WALLET_CONFIG_ERROR"] = "onGetWalletConfigError";
+    ErrorCodes["ON_GET_SETUP_TOKEN_ERROR"] = "onGetSetupTokenError";
+    ErrorCodes["ON_ONE_TIME_TOKEN_ERROR"] = "onOneTimeTokenError";
+  })(ErrorCodes || (ErrorCodes = {}));
+  var EVENTS;
+  (function (EVENTS) {
+    EVENTS["ON_SUCCESS"] = "ON_SUCCESS";
+    EVENTS["ON_ERROR"] = "ON_ERROR";
+    EVENTS["ON_CANCEL"] = "ON_CANCEL";
+  })(EVENTS || (EVENTS = {}));
+
+  var PAYPAL_OAUTH_TOKEN_ROUTE = '/v1/payment_sources/oauth-tokens';
+  var PAYPAL_SETUP_TOKEN_ROUTE = '/v1/payment_sources/setup-tokens';
+  var PAYPAL_OTT_ROUTE = '/v1/payment_sources/setup-tokens/:setup_token/tokens';
+  var PayPalSavePaymentSourceService = /*#__PURE__*/function () {
+    function PayPalSavePaymentSourceService(publicKey, gatewayId, eventEmitter, config) {
+      _classCallCheck(this, PayPalSavePaymentSourceService);
+      this.publicKey = publicKey;
+      this.gatewayId = gatewayId;
+      this.eventEmitter = eventEmitter;
+      this.config = config;
+      this.api = new ApiInternal(publicKey, this.getApiAuthType(publicKey));
+    }
+    return _createClass(PayPalSavePaymentSourceService, [{
+      key: "getApiAuthType",
+      value: function getApiAuthType(publicKeyOrAccessToken) {
+        if (AccessToken.validateJWT(publicKeyOrAccessToken)) {
+          return API_AUTH_TYPE.TOKEN;
+        }
+        return API_AUTH_TYPE.PUBLIC_KEY;
+      }
+    }, {
+      key: "setEnv",
+      value: function setEnv(env, alias) {
+        this.api.setEnv(env, alias);
+      }
+    }, {
+      key: "load",
+      value: function load(container) {
+        var _this = this;
+        if (!window.Promise) {
+          this.eventEmitter.emit(PAYPAL_SAVE_PAYMENT_EVENTS.ON_ERROR, {
+            error_code: ErrorCodes.UNAVAILABLE
+          });
+        }
+        Promise.all([this.getWalletConfig(), this.getIdToken()]).then(function () {
+          return _this.renderPaypalSavePaymentSourceComponent(container);
+        })["catch"](function (error) {
+          throw error;
+        });
+      }
+    }, {
+      key: "renderPaypalSavePaymentSourceComponent",
+      value: function renderPaypalSavePaymentSourceComponent(container) {
+        var _this2 = this;
+        var _a;
+        var buttonId = ((_a = container.getElement()) === null || _a === void 0 ? void 0 : _a.id) || '';
+        var paypalScript = document.createElement('script');
+        paypalScript.src = "https://www.paypal.com/sdk/js?client-id=".concat(this.getClientAuthFromWalletConfig());
+        paypalScript.setAttribute('data-user-id-token', this.idToken);
+        paypalScript.async = true;
+        paypalScript.onload = function () {
+          if (window.paypal) {
+            _this2.paypal = window.paypal;
+            var button = _this2.paypal.Buttons(_extends(_extends({
+              createVaultSetupToken: function createVaultSetupToken() {
+                return _this2.getSetupToken(_this2.accessToken);
+              },
+              onApprove: function onApprove(_ref) {
+                var vaultSetupToken = _ref.vaultSetupToken;
+                _this2.onObtainedVaultSetupToken(vaultSetupToken);
+              },
+              onError: function onError(error) {
+                _this2.onErrorVaultSetupToken(error);
+              },
+              onCancel: function onCancel() {
+                _this2.onCancelVaultSetupToken();
+              }
+            }, _this2.config.style && {
+              style: _this2.config.style
+            }), _this2.config.message && {
+              message: _this2.config.message
+            }));
+            if (button.isEligible()) {
+              button.render("#".concat(buttonId));
+            } else {
+              _this2.eventEmitter.emit(PAYPAL_SAVE_PAYMENT_EVENTS.ON_ERROR, {
+                error_code: ErrorCodes.UNAVAILABLE
+              });
+            }
+          } else {
+            _this2.eventEmitter.emit(PAYPAL_SAVE_PAYMENT_EVENTS.ON_ERROR, {
+              error_code: ErrorCodes.UNAVAILABLE
+            });
+          }
+        };
+        document.head.appendChild(paypalScript);
+      }
+    }, {
+      key: "getClientAuthFromWalletConfig",
+      value: function getClientAuthFromWalletConfig() {
+        var _a;
+        return ((_a = this.walletConfig) === null || _a === void 0 ? void 0 : _a.credentials).client_auth;
+      }
+    }, {
+      key: "getSetupToken",
+      value: function getSetupToken(accessToken) {
+        var _this3 = this;
+        return this.api.getClientPromise('POST', PAYPAL_SETUP_TOKEN_ROUTE).send({
+          gateway_id: this.gatewayId,
+          token: accessToken
+        }).then(function (responseSetupToken) {
+          return responseSetupToken.setup_token;
+        })["catch"](function (error) {
+          _this3.eventEmitter.emit(PAYPAL_SAVE_PAYMENT_EVENTS.ON_ERROR, _extends({
+            error_code: ErrorCodes.ON_GET_SETUP_TOKEN_ERROR
+          }, _this3.extractErrorDetails(error)));
+          return Promise.reject(error);
+        });
+      }
+    }, {
+      key: "onObtainedVaultSetupToken",
+      value: function onObtainedVaultSetupToken(vaultSetupToken) {
+        var _this4 = this;
+        return this.api.getClientPromise('POST', PAYPAL_OTT_ROUTE.replace(':setup_token', vaultSetupToken)).send({
+          gateway_id: this.gatewayId
+        }).then(function (responseSetupToken) {
+          _this4.eventEmitter.emit(PAYPAL_SAVE_PAYMENT_EVENTS.ON_SUCCESS, {
+            token: responseSetupToken.token,
+            email: responseSetupToken.email
+          });
+        })["catch"](function () {
+          _this4.eventEmitter.emit(PAYPAL_SAVE_PAYMENT_EVENTS.ON_ERROR, {
+            error_code: ErrorCodes.ON_ONE_TIME_TOKEN_ERROR
+          });
+        });
+      }
+    }, {
+      key: "onErrorVaultSetupToken",
+      value: function onErrorVaultSetupToken(error) {
+        this.eventEmitter.emit(PAYPAL_SAVE_PAYMENT_EVENTS.ON_ERROR, _extends({
+          error_code: ErrorCodes.ON_PAYPAL_VAULT_SETUP_TOKEN_ERROR
+        }, this.extractErrorDetails(error)));
+      }
+    }, {
+      key: "onCancelVaultSetupToken",
+      value: function onCancelVaultSetupToken() {
+        this.eventEmitter.emit(PAYPAL_SAVE_PAYMENT_EVENTS.ON_CANCEL);
+      }
+    }, {
+      key: "getIdToken",
+      value: function getIdToken() {
+        var _this5 = this;
+        return this.api.getClientPromise('POST', PAYPAL_OAUTH_TOKEN_ROUTE).send({
+          gateway_id: this.gatewayId
+        }).then(function (data) {
+          _this5.idToken = data.id_token;
+          _this5.accessToken = data.access_token;
+        })["catch"](function (error) {
+          _this5.eventEmitter.emit(PAYPAL_SAVE_PAYMENT_EVENTS.ON_ERROR, _extends({
+            error_code: ErrorCodes.ON_GET_ID_TOKEN_ERROR
+          }, _this5.extractErrorDetails(error)));
+        });
+      }
+    }, {
+      key: "getWalletConfig",
+      value: function getWalletConfig() {
+        var _this6 = this;
+        return this.api.gateway().getWalletConfig(this.gatewayId).then(function (walletConfigResponse) {
+          _this6.walletConfig = walletConfigResponse;
+        })["catch"](function (error) {
+          _this6.eventEmitter.emit(PAYPAL_SAVE_PAYMENT_EVENTS.ON_ERROR, _extends({
+            error_code: ErrorCodes.ON_GET_WALLET_CONFIG_ERROR
+          }, _this6.extractErrorDetails(error)));
+        });
+      }
+    }, {
+      key: "extractErrorDetails",
+      value: function extractErrorDetails(error) {
+        var _a, _b, _c, _d, _e, _f;
+        var details = (_d = (_c = (_b = (_a = error === null || error === void 0 ? void 0 : error.details) === null || _a === void 0 ? void 0 : _a.messages) === null || _b === void 0 ? void 0 : _b[0]) === null || _c === void 0 ? void 0 : _c.gateway_specific_description) !== null && _d !== void 0 ? _d : (_f = (_e = error === null || error === void 0 ? void 0 : error.details) === null || _e === void 0 ? void 0 : _e.messages) === null || _f === void 0 ? void 0 : _f[0];
+        var message = error === null || error === void 0 ? void 0 : error.message;
+        return _extends(_extends({}, details && {
+          details: details
+        }), message && {
+          message: message
+        });
+      }
+    }], [{
+      key: "fromConfig",
+      value: function fromConfig(publicKey, gatewayId, eventEmitter, config) {
+        return new PayPalSavePaymentSourceService(publicKey, gatewayId, eventEmitter, config);
+      }
+    }]);
+  }();
+
+  /**
+   * PayPal Save Payment Source Widget constructor
+   *
+   * @param {string} selector - Selector of html element. Container for PayPal Save Payment Source Widget.
+   * @param {string} publicKey - PayDock users public key.
+   * @param {string} gatewayId - PayDock's PayPal gatewayId.
+   * @param {PayPalSavePaymentSourceWidgetConfig} config - Extra configuration for the widget, like styles.
+   *
+   * @example
+   * var payPalSavePaymentSourceWidget = new PayPalSavePaymentSourceWidget('#paypalButton', 'public_key', 'gateway_id');
+   */
+  var PayPalSavePaymentSourceWidget = /*#__PURE__*/function () {
+    /** @constructs */ // constructs added for correct parse classes jsdoc2md
+    function PayPalSavePaymentSourceWidget(selector, publicKey, gatewayId, config) {
+      _classCallCheck(this, PayPalSavePaymentSourceWidget);
+      this.eventEmitter = new EventEmitter();
+      this.container = new Container(selector);
+      this.service = PayPalSavePaymentSourceService.fromConfig(publicKey, gatewayId, this.eventEmitter, config);
+    }
+    /**
+     * The final method after configuring the PayPalSavePaymentSource Widget to
+     * start the load process.
+     */
+    return _createClass(PayPalSavePaymentSourceWidget, [{
+      key: "load",
+      value: function load() {
+        try {
+          this.service.load(this.container);
+        } catch (err) {
+          this.eventEmitter.emit(EVENTS.ON_ERROR, null);
+          throw err;
+        }
+      }
+      /**
+       * Current method can change environment. By default environment = sandbox.
+       * Also we can change domain alias for this environment. By default domain_alias = paydock.com
+       *
+       * @example
+       * payPalSavePaymentSourceWidget.setEnv('production');
+       * @param {string} env - sandbox, production
+       * @param {string} [alias] - Own domain alias
+       */
+    }, {
+      key: "setEnv",
+      value: function setEnv(env, alias) {
+        this.service.setEnv(env, alias);
+      }
+      /**
+       * Callback for onSuccess method.
+       *
+       * @callback OnSuccessCallback
+       * @param {IOnSuccessEventData} data
+       */
+      /**
+       * If the setup token was successfully approved and a OTT was generated, the function passed as parameter will be called.
+       * Important: Do not perform thread blocking operations in callback such as window.alert() calls.
+       *
+       * @example
+       * payPalSavePaymentSourceWidget.onSuccess((eventData) => console.log('One time token and email obtained successfully'));
+       *
+       * @param {OnSuccessCallback} [callback] - Function to be called when the result is successful.
+       */
+    }, {
+      key: "onSuccess",
+      value: function onSuccess(callback) {
+        return this.eventEmitter.subscribe(EVENTS.ON_SUCCESS, callback);
+      }
+      /**
+       * Callback for onError method.
+       *
+       * @callback OnErrorCallback
+       * @param {IOnErrorEventData} data
+       */
+      /**
+       * If in the process for obtaining the setup token fails, the function passed as parameter will be called.
+       * Important: Do not perform thread blocking operations in callback such as window.alert() calls.
+       *
+       * @example
+       * payPalSavePaymentSourceWidget.onError((eventData) => console.log('Some error occurred'));
+       *
+       * @param {OnErrorCallback} [callback] - Function to be called when there is an error in the flow.
+       */
+    }, {
+      key: "onError",
+      value: function onError(callback) {
+        return this.eventEmitter.subscribe(EVENTS.ON_ERROR, callback);
+      }
+      /**
+       * Callback for onCancel method.
+       *
+       * @callback OnCancelCallback
+       * @param {IOnCancelEventData} data
+       */
+      /**
+       * If in the process for obtaining the setup token was cancelled, the function passed as parameter will be called.
+       * Important: Do not perform thread blocking operations in callback such as window.alert() calls.
+       *
+       * @example
+       * payPalSavePaymentSourceWidget.onCancel(() => console.log('Operation cancelled'));
+       *
+       * @param {OnCancelCallback} [callback] - Function to be called when the operation is cancelled.
+       */
+    }, {
+      key: "onCancel",
+      value: function onCancel(callback) {
+        return this.eventEmitter.subscribe(EVENTS.ON_CANCEL, callback);
+      }
+    }]);
+  }();
+
   class Timer {
     constructor(opts, ms) {
       if (!opts.onEnd) throw new Error('onEnd handler is required');
@@ -34479,6 +34905,8 @@
   exports.MultiWidget = MultiWidget;
   exports.PAYMENT_TYPE = PAYMENT_TYPE;
   exports.PURPOSE = PURPOSE;
+  exports.PayPalDataCollector = PayPalDataCollector;
+  exports.PayPalSavePaymentSourceWidget = PayPalSavePaymentSourceWidget;
   exports.PaymentSourceBuilder = Builder;
   exports.PaymentSourceWidget = PaymentSourceWidget;
   exports.PaypalCheckoutButton = PaypalCheckoutButton;