@paystack/checkout-js 1.19.0-dev.15 → 1.19.0-dev.17

package/es/checkout.js

@@ -6430,37 +6430,6 @@ var configToEnvironmentMapping = {
 };
 var configToUse = configToEnvironmentMapping[env.paystackEnvironment] || productionConfig;
 
-/* eslint-env browser */
-// We use this function to load pusher.
-
-function loadPusher() {
-  if (!window) {
-    return Promise.reject(new Error('Window object not available'));
-  }
-
-  return new Promise(function (resolve, reject) {
-    var xhr = new XMLHttpRequest();
-    xhr.open('GET', configToUse.pusherUrl);
-
-    xhr.onload = function () {
-      if (xhr.status >= 200 && xhr.status < 300) {
-        var s = document.createElement('script');
-        s.appendChild(document.createTextNode(xhr.responseText));
-        document.head.appendChild(s);
-        resolve();
-      } else {
-        reject(xhr.statusText);
-      }
-    };
-
-    xhr.onerror = function () {
-      return reject(xhr.statusText);
-    };
-
-    xhr.send(null);
-  });
-}
-
 var noOp = function noOp() {
   return undefined;
 };
@@ -6634,6 +6603,83 @@ var ChargeResponses = {
   }
 };
 
+/* eslint-env browser */
+// We use this function to load pusher.
+
+var loadPusher = function loadPusher() {
+  if (!window) {
+    return Promise.reject(new Error('Window object not available'));
+  }
+
+  return new Promise(function (resolve, reject) {
+    var xhr = new XMLHttpRequest();
+    xhr.open('GET', configToUse.pusherUrl);
+
+    xhr.onload = function () {
+      if (xhr.status >= 200 && xhr.status < 300) {
+        var s = document.createElement('script');
+        s.appendChild(document.createTextNode(xhr.responseText));
+        document.head.appendChild(s);
+        resolve();
+      } else {
+        reject(xhr.statusText);
+      }
+    };
+
+    xhr.onerror = function () {
+      return reject(xhr.statusText);
+    };
+
+    xhr.send(null);
+  });
+}; // `context` is passed through to set the class property of `isListening` to true/false
+// and provide the logAPIResponse analytics function
+// eslint-disable-next-line consistent-return
+
+var subscribeToChargeEvents = function subscribeToChargeEvents(options, context, callback) {
+  var channel = options.channel,
+      paymentMethod = options.paymentMethod;
+  var pusher;
+
+  if (window && window.Pusher) {
+    pusher = new window.Pusher(configToUse.pusherKey, {
+      cluster: 'eu',
+      disableStats: true
+    });
+  }
+
+  var pusherUndefinedError = {
+    status: 'error',
+    message: 'We could not listen for charge response.'
+  };
+  var pusherSubscriptionError = {
+    status: 'error',
+    message: 'We could not listen for charge response. Use transaction.requery() to check the status.'
+  };
+
+  var unsubscribeFromPusher = function unsubscribeFromPusher() {
+    pusher.unsubscribe(channel);
+  };
+
+  if (!pusher) {
+    return callback(pusherUndefinedError, noOp);
+  }
+
+  var pusherSubscription = pusher.subscribe(channel);
+  pusherSubscription.bind('pusher:subscription_succeeded', function () {
+    context.isListening = true;
+  });
+  pusherSubscription.bind('pusher:subscription_error', function () {
+    context.isListening = false;
+    callback(pusherSubscriptionError, noOp);
+  });
+  pusherSubscription.bind('response', function (response) {
+    var formattedResponse = ChargeResponses.parse(response);
+    context.logAPIResponse(formattedResponse, paymentMethod);
+    callback(formattedResponse, unsubscribeFromPusher);
+  });
+};
+
 var uncurryThis$6 = functionUncurryThis;
 var PROPER_FUNCTION_NAME$1 = functionName.PROPER;
 var redefine$4 = redefine$a.exports;
@@ -20347,51 +20393,7 @@ var TransactionInstance = /*#__PURE__*/function () {
   }, {
     key: "listenForCharge",
     value: function listenForCharge(options, callback) {
-      var _this2 = this;
-
-      var channel = options.channel,
-          paymentMethod = options.paymentMethod;
-      var pusher;
-
-      if (window && window.Pusher) {
-        pusher = new window.Pusher(configToUse.pusherKey, {
-          cluster: 'eu',
-          disableStats: true
-        });
-      }
-
-      var pusherUndefinedError = {
-        status: 'error',
-        message: 'We could not listen for charge response.'
-      };
-      var pusherSubscriptionError = {
-        status: 'error',
-        message: 'We could not listen for charge response. Use transaction.requery() to check the status.'
-      };
-
-      var unsubscribeFromPusher = function unsubscribeFromPusher() {
-        pusher.unsubscribe(channel);
-      };
-
-      if (!pusher) {
-        return callback(pusherUndefinedError, noOp);
-      }
-
-      var pusherSubscription = pusher.subscribe(channel);
-      pusherSubscription.bind('pusher:subscription_succeeded', function () {
-        _this2.isListening = true;
-      });
-      pusherSubscription.bind('pusher:subscription_error', function () {
-        _this2.isListening = false;
-        callback(pusherSubscriptionError, noOp);
-      });
-      pusherSubscription.bind('response', function (response) {
-        var formattedResponse = ChargeResponses.parse(response);
-
-        _this2.logAPIResponse(formattedResponse, paymentMethod);
-
-        callback(formattedResponse, unsubscribeFromPusher);
-      });
+      return subscribeToChargeEvents(options, this, callback);
     }
   }, {
     key: "requery",
@@ -20689,4 +20691,125 @@ var Toolkit = /*#__PURE__*/function () {
   return Toolkit;
 }();
 
-export { BankAccount, Card, Toolkit, Transaction };
+var PreauthorizationInstance = /*#__PURE__*/function () {
+  function PreauthorizationInstance(data) {
+    _classCallCheck(this, PreauthorizationInstance);
+
+    this.email = data.email;
+    this.status = data.status;
+    this.reference = data.reference;
+    this.amount = data.amount;
+    this.currency = data.currency;
+    this.metadata = data.metadata || {};
+    this.customer = data.customer;
+    this.channels = data.channels || ['card'];
+    this.deviceFingerprint = data.deviceFingerprint || null;
+    this.isListening = false;
+    loadPusher();
+    /**
+     * We initialize parameters we send to the API as empty strings
+     * when we don't have them instead of null because the API expects
+     * these parameters as URL params which means parameters are eventually converted to strings
+     */
+    // TODO: Bind charge function to card channel
+    // https://paystack.atlassian.net/browse/RAILS-2887
+  }
+
+  _createClass(PreauthorizationInstance, [{
+    key: "setMetadata",
+    value: function setMetadata(key, value) {
+      this.metadata[key] = value;
+    }
+  }, {
+    key: "setDevice",
+    value: function setDevice(uuid) {
+      if (this.deviceFingerprint) {
+        logMessage("Device ID has already been set by Checkout JS so there's no need to set this again");
+      } else {
+        this.deviceFingerprint = uuid;
+      }
+    } // eslint-disable-next-line consistent-return
+
+  }, {
+    key: "listenForCharge",
+    value: function listenForCharge(options, callback) {
+      return subscribeToChargeEvents(options, this, callback);
+    }
+  }]);
+
+  return PreauthorizationInstance;
+}();
+
+var PreauthorisationAPI = {
+  getByAccessCode: function getByAccessCode(accessCode) {
+    var language = getLanguage();
+
+    var headers = _objectSpread2({}, language && {
+      'Accept-Language': language
+    });
+
+    var url = "".concat(configToUse.paystackApiUrl, "preauthorization/verify_access_code/").concat(accessCode);
+    return axiosInstance.post(url, {
+      headers: headers
+    }).then(function (response) {
+      return response.data;
+    });
+  },
+  verify: function verify() {// TODO: https://paystack.atlassian.net/browse/RAILS-2890
+  },
+  requery: function requery() {// TODO: https://paystack.atlassian.net/browse/RAILS-2890
+  },
+  reserveFunds: function reserveFunds() {// TODO: https://paystack.atlassian.net/browse/RAILS-2887
+  }
+};
+
+var Preauthorization = {
+  initialize: function initialize(data) {
+    return Object.seal(new PreauthorizationInstance(data));
+  },
+  getByAccessCode: function getByAccessCode(accessCode) {
+    return _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
+      var deviceFingerprint, response;
+      return regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              _context.next = 2;
+              return getDeviceFingerprint();
+
+            case 2:
+              deviceFingerprint = _context.sent;
+              _context.next = 5;
+              return PreauthorisationAPI.getByAccessCode(accessCode);
+
+            case 5:
+              response = _context.sent;
+              return _context.abrupt("return", response && Object.seal(new PreauthorizationInstance(_objectSpread2(_objectSpread2({}, response.data), {
+                deviceFingerprint: deviceFingerprint
+              }))));
+
+            case 7:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee);
+    }))();
+  },
+  verify: function verify() {// TODO: https://paystack.atlassian.net/browse/RAILS-2890
+
+    return _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee2() {
+      return regeneratorRuntime.wrap(function _callee2$(_context2) {
+        while (1) {
+          switch (_context2.prev = _context2.next) {
+            case 0:
+            case "end":
+              return _context2.stop();
+          }
+        }
+      }, _callee2);
+    }))();
+  }
+};
+
+export { BankAccount, Card, Preauthorization, Toolkit, Transaction };

package/lib/checkout.js

@@ -6434,37 +6434,6 @@ var configToEnvironmentMapping = {
 };
 var configToUse = configToEnvironmentMapping[env.paystackEnvironment] || productionConfig;
 
-/* eslint-env browser */
-// We use this function to load pusher.
-
-function loadPusher() {
-  if (!window) {
-    return Promise.reject(new Error('Window object not available'));
-  }
-
-  return new Promise(function (resolve, reject) {
-    var xhr = new XMLHttpRequest();
-    xhr.open('GET', configToUse.pusherUrl);
-
-    xhr.onload = function () {
-      if (xhr.status >= 200 && xhr.status < 300) {
-        var s = document.createElement('script');
-        s.appendChild(document.createTextNode(xhr.responseText));
-        document.head.appendChild(s);
-        resolve();
-      } else {
-        reject(xhr.statusText);
-      }
-    };
-
-    xhr.onerror = function () {
-      return reject(xhr.statusText);
-    };
-
-    xhr.send(null);
-  });
-}
-
 var noOp = function noOp() {
   return undefined;
 };
@@ -6638,6 +6607,83 @@ var ChargeResponses = {
   }
 };
 
+/* eslint-env browser */
+// We use this function to load pusher.
+
+var loadPusher = function loadPusher() {
+  if (!window) {
+    return Promise.reject(new Error('Window object not available'));
+  }
+
+  return new Promise(function (resolve, reject) {
+    var xhr = new XMLHttpRequest();
+    xhr.open('GET', configToUse.pusherUrl);
+
+    xhr.onload = function () {
+      if (xhr.status >= 200 && xhr.status < 300) {
+        var s = document.createElement('script');
+        s.appendChild(document.createTextNode(xhr.responseText));
+        document.head.appendChild(s);
+        resolve();
+      } else {
+        reject(xhr.statusText);
+      }
+    };
+
+    xhr.onerror = function () {
+      return reject(xhr.statusText);
+    };
+
+    xhr.send(null);
+  });
+}; // `context` is passed through to set the class property of `isListening` to true/false
+// and provide the logAPIResponse analytics function
+// eslint-disable-next-line consistent-return
+
+var subscribeToChargeEvents = function subscribeToChargeEvents(options, context, callback) {
+  var channel = options.channel,
+      paymentMethod = options.paymentMethod;
+  var pusher;
+
+  if (window && window.Pusher) {
+    pusher = new window.Pusher(configToUse.pusherKey, {
+      cluster: 'eu',
+      disableStats: true
+    });
+  }
+
+  var pusherUndefinedError = {
+    status: 'error',
+    message: 'We could not listen for charge response.'
+  };
+  var pusherSubscriptionError = {
+    status: 'error',
+    message: 'We could not listen for charge response. Use transaction.requery() to check the status.'
+  };
+
+  var unsubscribeFromPusher = function unsubscribeFromPusher() {
+    pusher.unsubscribe(channel);
+  };
+
+  if (!pusher) {
+    return callback(pusherUndefinedError, noOp);
+  }
+
+  var pusherSubscription = pusher.subscribe(channel);
+  pusherSubscription.bind('pusher:subscription_succeeded', function () {
+    context.isListening = true;
+  });
+  pusherSubscription.bind('pusher:subscription_error', function () {
+    context.isListening = false;
+    callback(pusherSubscriptionError, noOp);
+  });
+  pusherSubscription.bind('response', function (response) {
+    var formattedResponse = ChargeResponses.parse(response);
+    context.logAPIResponse(formattedResponse, paymentMethod);
+    callback(formattedResponse, unsubscribeFromPusher);
+  });
+};
+
 var uncurryThis$6 = functionUncurryThis;
 var PROPER_FUNCTION_NAME$1 = functionName.PROPER;
 var redefine$4 = redefine$a.exports;
@@ -20351,51 +20397,7 @@ var TransactionInstance = /*#__PURE__*/function () {
   }, {
     key: "listenForCharge",
     value: function listenForCharge(options, callback) {
-      var _this2 = this;
-
-      var channel = options.channel,
-          paymentMethod = options.paymentMethod;
-      var pusher;
-
-      if (window && window.Pusher) {
-        pusher = new window.Pusher(configToUse.pusherKey, {
-          cluster: 'eu',
-          disableStats: true
-        });
-      }
-
-      var pusherUndefinedError = {
-        status: 'error',
-        message: 'We could not listen for charge response.'
-      };
-      var pusherSubscriptionError = {
-        status: 'error',
-        message: 'We could not listen for charge response. Use transaction.requery() to check the status.'
-      };
-
-      var unsubscribeFromPusher = function unsubscribeFromPusher() {
-        pusher.unsubscribe(channel);
-      };
-
-      if (!pusher) {
-        return callback(pusherUndefinedError, noOp);
-      }
-
-      var pusherSubscription = pusher.subscribe(channel);
-      pusherSubscription.bind('pusher:subscription_succeeded', function () {
-        _this2.isListening = true;
-      });
-      pusherSubscription.bind('pusher:subscription_error', function () {
-        _this2.isListening = false;
-        callback(pusherSubscriptionError, noOp);
-      });
-      pusherSubscription.bind('response', function (response) {
-        var formattedResponse = ChargeResponses.parse(response);
-
-        _this2.logAPIResponse(formattedResponse, paymentMethod);
-
-        callback(formattedResponse, unsubscribeFromPusher);
-      });
+      return subscribeToChargeEvents(options, this, callback);
     }
   }, {
     key: "requery",
@@ -20693,7 +20695,129 @@ var Toolkit = /*#__PURE__*/function () {
   return Toolkit;
 }();
 
+var PreauthorizationInstance = /*#__PURE__*/function () {
+  function PreauthorizationInstance(data) {
+    _classCallCheck(this, PreauthorizationInstance);
+
+    this.email = data.email;
+    this.status = data.status;
+    this.reference = data.reference;
+    this.amount = data.amount;
+    this.currency = data.currency;
+    this.metadata = data.metadata || {};
+    this.customer = data.customer;
+    this.channels = data.channels || ['card'];
+    this.deviceFingerprint = data.deviceFingerprint || null;
+    this.isListening = false;
+    loadPusher();
+    /**
+     * We initialize parameters we send to the API as empty strings
+     * when we don't have them instead of null because the API expects
+     * these parameters as URL params which means parameters are eventually converted to strings
+     */
+    // TODO: Bind charge function to card channel
+    // https://paystack.atlassian.net/browse/RAILS-2887
+  }
+
+  _createClass(PreauthorizationInstance, [{
+    key: "setMetadata",
+    value: function setMetadata(key, value) {
+      this.metadata[key] = value;
+    }
+  }, {
+    key: "setDevice",
+    value: function setDevice(uuid) {
+      if (this.deviceFingerprint) {
+        logMessage("Device ID has already been set by Checkout JS so there's no need to set this again");
+      } else {
+        this.deviceFingerprint = uuid;
+      }
+    } // eslint-disable-next-line consistent-return
+
+  }, {
+    key: "listenForCharge",
+    value: function listenForCharge(options, callback) {
+      return subscribeToChargeEvents(options, this, callback);
+    }
+  }]);
+
+  return PreauthorizationInstance;
+}();
+
+var PreauthorisationAPI = {
+  getByAccessCode: function getByAccessCode(accessCode) {
+    var language = getLanguage();
+
+    var headers = _objectSpread2({}, language && {
+      'Accept-Language': language
+    });
+
+    var url = "".concat(configToUse.paystackApiUrl, "preauthorization/verify_access_code/").concat(accessCode);
+    return axiosInstance.post(url, {
+      headers: headers
+    }).then(function (response) {
+      return response.data;
+    });
+  },
+  verify: function verify() {// TODO: https://paystack.atlassian.net/browse/RAILS-2890
+  },
+  requery: function requery() {// TODO: https://paystack.atlassian.net/browse/RAILS-2890
+  },
+  reserveFunds: function reserveFunds() {// TODO: https://paystack.atlassian.net/browse/RAILS-2887
+  }
+};
+
+var Preauthorization = {
+  initialize: function initialize(data) {
+    return Object.seal(new PreauthorizationInstance(data));
+  },
+  getByAccessCode: function getByAccessCode(accessCode) {
+    return _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
+      var deviceFingerprint, response;
+      return regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              _context.next = 2;
+              return getDeviceFingerprint();
+
+            case 2:
+              deviceFingerprint = _context.sent;
+              _context.next = 5;
+              return PreauthorisationAPI.getByAccessCode(accessCode);
+
+            case 5:
+              response = _context.sent;
+              return _context.abrupt("return", response && Object.seal(new PreauthorizationInstance(_objectSpread2(_objectSpread2({}, response.data), {
+                deviceFingerprint: deviceFingerprint
+              }))));
+
+            case 7:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee);
+    }))();
+  },
+  verify: function verify() {// TODO: https://paystack.atlassian.net/browse/RAILS-2890
+
+    return _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee2() {
+      return regeneratorRuntime.wrap(function _callee2$(_context2) {
+        while (1) {
+          switch (_context2.prev = _context2.next) {
+            case 0:
+            case "end":
+              return _context2.stop();
+          }
+        }
+      }, _callee2);
+    }))();
+  }
+};
+
 exports.BankAccount = BankAccount;
 exports.Card = Card;
+exports.Preauthorization = Preauthorization;
 exports.Toolkit = Toolkit;
 exports.Transaction = Transaction;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@paystack/checkout-js",
-  "version": "1.19.0-dev.15",
+  "version": "1.19.0-dev.17",
   "description": "Client-side JS library for billing on Paystack",
   "main": "lib/checkout.js",
   "module": "es/checkout.js",
@@ -74,9 +74,9 @@
     "build:cjs": "cross-env NODE_ENV=cjs rollup --config rollup.config.js -o lib/checkout.js",
     "build:es": "cross-env NODE_ENV=es rollup --config rollup.config.js -o es/checkout.js",
     "build:dist": "rollup --config rollup.config.js -o dist/checkout.js",
-    "build": "npm run build:cjs && npm run build:es && cross-env NODE_ENV=production npm run build:dist",
+    "build:prod": "npm run build:cjs && npm run build:es && cross-env NODE_ENV=production npm run build:dist",
     "dev": "npm run build:cjs && npm run build:es && cross-env NODE_ENV=dev npm run build:dist",
-    "staging": "npm run build:cjs && npm run build:es && cross-env NODE_ENV=staging npm run build:dist",
+    "build:staging": "npm run build:cjs && npm run build:es && cross-env NODE_ENV=staging npm run build:dist",
     "test": "jest",
     "semantic-release": "semantic-release"
   },