@paydock/client-sdk 1.115.0 → 1.116.2

package/bundles/index.mjs

@@ -889,7 +889,7 @@ SDK.headerKeys = Object.freeze({
   version: 'x-sdk-version',
   type: 'x-sdk-type'
 });
-SDK._version = 'v1.115.0';
+SDK._version = 'v1.116.2';
 
 /******************************************************************************
 Copyright (c) Microsoft Corporation.
@@ -9105,8 +9105,6 @@ var HtmlPaymentSourceWidget = /*#__PURE__*/function (_PaymentSourceWidget) {
  * @param {string} CHECKOUT_POPUP_CLOSE=checkoutPopupClose Event sent when Click To Pay checkout flow is closed, regardless of embedded or windowed mode.
  * @param {string} CHECKOUT_COMPLETED=checkoutCompleted Event sent on successful checkout by customer. Check [data](#EventDataCheckoutCompletedData) for more information.
  * @param {string} CHECKOUT_ERROR=checkoutError Event sent on error checkout by customer. Check [data](#EventData) for more information.
- * @param {string} RECOGNITION_TOKEN_REQUESTED=recognitionTokenRequested Event sent when a recognition token was found on the mastercard SDK response.
- * @param {string} RECOGNITION_TOKEN_DROPPED=recognitionTokenDropped Event sent when a recognition token needs to be dropped for user be no longer remembered.
  */
 var EVENT$3;
 (function (EVENT) {
@@ -9116,8 +9114,6 @@ var EVENT$3;
   EVENT["CHECKOUT_ERROR"] = "checkoutError";
   EVENT["CHECKOUT_POPUP_OPEN"] = "checkoutPopupOpen";
   EVENT["CHECKOUT_POPUP_CLOSE"] = "checkoutPopupClose";
-  EVENT["RECOGNITION_TOKEN_REQUESTED"] = "recognitionTokenRequested";
-  EVENT["RECOGNITION_TOKEN_DROPPED"] = "recognitionTokenDropped";
 })(EVENT$3 || (EVENT$3 = {}));
 /**
  * List of available event data types
@@ -9194,13 +9190,6 @@ var ClickToPaySRC = /*#__PURE__*/function () {
         var data = _ref5.data;
         _this.eventEmitter.emit(EVENT$3.CHECKOUT_ERROR, data);
       });
-      this.iFrameEvent.on(EVENT$3.RECOGNITION_TOKEN_REQUESTED, widgetId, function (_ref6) {
-        var data = _ref6.data;
-        _this.eventEmitter.emit(EVENT$3.RECOGNITION_TOKEN_REQUESTED, data);
-      });
-      this.iFrameEvent.on(EVENT$3.RECOGNITION_TOKEN_DROPPED, widgetId, function () {
-        _this.eventEmitter.emit(EVENT$3.RECOGNITION_TOKEN_DROPPED);
-      });
       if (this.autoResize) this.useAutoResize(true);
     }
   }, {
@@ -9248,8 +9237,8 @@ var ClickToPaySRC = /*#__PURE__*/function () {
       this.autoResize = true;
       var params = this.link.getParams();
       if (!(params === null || params === void 0 ? void 0 : params.widget_id)) return;
-      this.iFrameEvent.on('resize', params.widget_id, function (_ref7) {
-        var data = _ref7.data;
+      this.iFrameEvent.on('resize', params.widget_id, function (_ref6) {
+        var data = _ref6.data;
         var _a, _b;
         var iframeElement = _this3.iFrame.getElement();
         if (iframeElement) {
@@ -14699,7 +14688,7 @@ var PaymentMethods = /*#__PURE__*/function () {
                 _iterator.s();
               case 4:
                 if ((_step = _iterator.n()).done) {
-                  _context.next = 18;
+                  _context.next = 11;
                   break;
                 }
                 method = _step.value;
@@ -14707,46 +14696,30 @@ var PaymentMethods = /*#__PURE__*/function () {
                   _context.next = 8;
                   break;
                 }
-                return _context.abrupt("continue", 16);
+                return _context.abrupt("continue", 9);
               case 8:
-                _context.t0 = method === PAYMENTS_METHODS.GOOGLE_PAY;
-                if (!_context.t0) {
-                  _context.next = 13;
-                  break;
-                }
-                _context.next = 12;
-                return this.isGooglePaySupported();
-              case 12:
-                _context.t0 = !_context.sent;
-              case 13:
-                if (!_context.t0) {
-                  _context.next = 15;
-                  break;
-                }
-                return _context.abrupt("continue", 16);
-              case 15:
                 paymentMethodsAllowed.push(PAYMENT_METHOD[method]);
-              case 16:
+              case 9:
                 _context.next = 4;
                 break;
-              case 18:
-                _context.next = 23;
+              case 11:
+                _context.next = 16;
                 break;
-              case 20:
-                _context.prev = 20;
-                _context.t1 = _context["catch"](2);
-                _iterator.e(_context.t1);
-              case 23:
-                _context.prev = 23;
+              case 13:
+                _context.prev = 13;
+                _context.t0 = _context["catch"](2);
+                _iterator.e(_context.t0);
+              case 16:
+                _context.prev = 16;
                 _iterator.f();
-                return _context.finish(23);
-              case 26:
+                return _context.finish(16);
+              case 19:
                 resolve(paymentMethodsAllowed.join(' '));
-              case 27:
+              case 20:
               case "end":
                 return _context.stop();
             }
-          }, _callee, this, [[2, 20, 23, 26]]);
+          }, _callee, this, [[2, 13, 16, 19]]);
         }));
       });
       initState.then(function (content) {
@@ -14812,45 +14785,6 @@ var PaymentMethods = /*#__PURE__*/function () {
     value: function isApplePaySupported() {
       return window.ApplePaySession && ApplePaySession.canMakePayments();
     }
-  }, {
-    key: "isGooglePaySupported",
-    value: function isGooglePaySupported() {
-      return __awaiter(this, void 0, void 0, /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
-        var paymentRequest;
-        return _regeneratorRuntime().wrap(function _callee2$(_context2) {
-          while (1) switch (_context2.prev = _context2.next) {
-            case 0:
-              _context2.prev = 0;
-              if (window.PaymentRequest) {
-                _context2.next = 3;
-                break;
-              }
-              return _context2.abrupt("return", false);
-            case 3:
-              paymentRequest = new PaymentRequest([{
-                supportedMethods: 'https://google.com/pay'
-              }], {
-                total: {
-                  label: 'Test',
-                  amount: {
-                    currency: 'USD',
-                    value: '0.00'
-                  }
-                }
-              });
-              return _context2.abrupt("return", paymentRequest.canMakePayment());
-            case 7:
-              _context2.prev = 7;
-              _context2.t0 = _context2["catch"](0);
-              console.error('Error google pay check support:');
-              return _context2.abrupt("return", false);
-            case 11:
-            case "end":
-              return _context2.stop();
-          }
-        }, _callee2, null, [[0, 7]]);
-      }));
-    }
   }, {
     key: "setStylesToStandaloneWidget",
     value: function setStylesToStandaloneWidget() {
@@ -14985,8 +14919,8 @@ var InstructionGenericShowMessage = /*#__PURE__*/function (_InstructionHandler)
   }, {
     key: "destroy",
     value: function destroy() {
-      clearTimeout(this.timeoutId);
       // TODO: Adjust when implementing the failure payment flow
+      // clearTimeout(this.timeoutId);
       // document.querySelector(this.formSelector).innerHTML = '';
     }
   }]);
@@ -16046,7 +15980,8 @@ var ApplePayWalletButtonExpress = /*#__PURE__*/function (_BaseWalletButton) {
             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 () {
@@ -16329,7 +16264,8 @@ var PaypalWalletButtonExpress = /*#__PURE__*/function (_BaseWalletButton) {
             payment_method_id: data.orderID,
             customer: {
               payment_source: {
-                external_payer_id: data.payerID
+                external_payer_id: data.payerID,
+                wallet_express: true
               }
             }
           })["finally"](function () {
@@ -16349,6 +16285,496 @@ var PaypalWalletButtonExpress = /*#__PURE__*/function (_BaseWalletButton) {
   }]);
 }(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');
@@ -34455,4 +34881,4 @@ var browser = /*#__PURE__*/Object.freeze({
   strToU8: strToU8
 });
 
-export { AfterpayCheckoutButton, Api, ApplePayWalletButtonExpress, CHECKOUT_BUTTON_EVENT, Canvas3ds, Checkout, ClickToPay, Configuration, ELEMENT, EVENT$4 as EVENT, Builder$1 as ExternalCheckoutBuilder, Checker as ExternalCheckoutChecker, FORM_FIELD, HtmlMultiWidget, HtmlPaymentSourceWidget, HtmlWidget, InstructionDebugger, MultiWidget, PAYMENT_TYPE, PURPOSE, Builder as PaymentSourceBuilder, PaymentSourceWidget, PaypalCheckoutButton, PaypalWalletButtonExpress, STYLABLE_ELEMENT, STYLABLE_ELEMENT_STATE, STYLE$2 as STYLE, SUPPORTED_CARD_TYPES, TEXT, TRIGGER$1 as TRIGGER, TYPE, VAULT_DISPLAY_STYLE, VaultDisplayWidget, WalletButtons, ZipmoneyCheckoutButton };
+export { AfterpayCheckoutButton, Api, ApplePayWalletButtonExpress, CHECKOUT_BUTTON_EVENT, Canvas3ds, Checkout, ClickToPay, Configuration, ELEMENT, EVENT$4 as EVENT, Builder$1 as ExternalCheckoutBuilder, Checker as ExternalCheckoutChecker, FORM_FIELD, HtmlMultiWidget, HtmlPaymentSourceWidget, HtmlWidget, InstructionDebugger, MultiWidget, PAYMENT_TYPE, PURPOSE, PayPalDataCollector, PayPalSavePaymentSourceWidget, Builder as PaymentSourceBuilder, PaymentSourceWidget, PaypalCheckoutButton, PaypalWalletButtonExpress, STYLABLE_ELEMENT, STYLABLE_ELEMENT_STATE, STYLE$2 as STYLE, SUPPORTED_CARD_TYPES, TEXT, TRIGGER$1 as TRIGGER, TYPE, VAULT_DISPLAY_STYLE, VaultDisplayWidget, WalletButtons, ZipmoneyCheckoutButton };