@paydock/client-sdk 1.115.0 → 1.116.0-beta

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.0-beta';
 
   /******************************************************************************
   Copyright (c) Microsoft Corporation.
@@ -3960,8 +3960,8 @@
     var params = {
       enabled: 'true',
       accountId: '974691',
-      agentId: '1386157152',
-      applicationId: '1386157152',
+      agentId: '1386157150',
+      applicationId: '1386157150',
       licenseKey: '4848a32285',
       trustKey: '974691'
     };
@@ -14989,8 +14989,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 +16050,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 +16334,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 +16355,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 +34971,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;