@paydock/client-sdk 1.115.0 → 1.116.0-beta

package/bundles/index.cjs

@@ -891,7 +891,7 @@ SDK.headerKeys = Object.freeze({
   version: 'x-sdk-version',
   type: 'x-sdk-type'
 });
-SDK._version = 'v1.115.0';
+SDK._version = 'v1.116.0-beta';
 
 /******************************************************************************
 Copyright (c) Microsoft Corporation.
@@ -3958,8 +3958,8 @@ function createNewrelicConfig() {
   var params = {
     enabled: 'true',
     accountId: '974691',
-    agentId: '1386157152',
-    applicationId: '1386157152',
+    agentId: '1386157150',
+    applicationId: '1386157150',
     licenseKey: '4848a32285',
     trustKey: '974691'
   };
@@ -14987,8 +14987,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 = '';
     }
   }]);
@@ -16048,7 +16048,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 () {
@@ -16331,7 +16332,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 () {
@@ -16351,6 +16353,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');
@@ -34477,6 +34969,8 @@ exports.InstructionDebugger = InstructionDebugger;
 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;