@paystack/checkout-js 1.19.0-dev.8 → 1.19.0

package/lib/checkout.js

@@ -6407,16 +6407,14 @@ var devConfig = _objectSpread2(_objectSpread2({}, config), {}, {
   paymentBaseUrl: 'https://legacy-staging.paystack.co/',
   paystackApiUrl: 'https://studio-api.paystack.co/',
   pusherKey: '1c7b262ee18455815893',
-  pusherUrl: 'https://s3-eu-west-1.amazonaws.com/pstk-public-files/js/pusher.min.js',
-  savedCardsApiUrl: 'https://saved-cards-api.private.paystack.studio/'
+  pusherUrl: 'https://s3-eu-west-1.amazonaws.com/pstk-public-files/js/pusher.min.js'
 });
 var stagingConfig = _objectSpread2(_objectSpread2({}, config), {}, {
   checkoutUrl: 'https://checkout-studio.paystack.com/',
   paymentBaseUrl: 'https://legacy-staging.paystack.co/',
   paystackApiUrl: 'https://studio-api.paystack.co/',
   pusherKey: '1c7b262ee18455815893',
-  pusherUrl: 'https://s3-eu-west-1.amazonaws.com/pstk-public-files/js/pusher.min.js',
-  savedCardsApiUrl: 'https://saved-cards-api.private.paystack.studio/'
+  pusherUrl: 'https://s3-eu-west-1.amazonaws.com/pstk-public-files/js/pusher.min.js'
 });
 var productionConfig = _objectSpread2(_objectSpread2({}, config), {}, {
   checkoutUrl: 'https://checkout.paystack.com/',
@@ -6434,37 +6432,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 +6605,82 @@ var ChargeResponses = {
   }
 };
 
+/* eslint-env browser */
+
+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;
@@ -18570,173 +18613,6 @@ var CardAPI = {
     }).then(function (response) {
       return ChargeResponses.parse(response.data);
     });
-  },
-  requestOtpForSavedCards: function requestOtpForSavedCards(phoneNumber) {
-    return _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
-      var url, language, headers, _yield$axiosInstance$, data;
-
-      return regeneratorRuntime.wrap(function _callee$(_context) {
-        while (1) {
-          switch (_context.prev = _context.next) {
-            case 0:
-              url = new URL("/authorize/".concat(phoneNumber), configToUse.savedCardsApiUrl).toString();
-              language = getLanguage();
-              headers = _objectSpread2({}, language && {
-                'Accept-Language': language
-              });
-              _context.next = 5;
-              return axiosInstance.post(url, {
-                headers: headers
-              });
-
-            case 5:
-              _yield$axiosInstance$ = _context.sent;
-              data = _yield$axiosInstance$.data;
-              return _context.abrupt("return", data);
-
-            case 8:
-            case "end":
-              return _context.stop();
-          }
-        }
-      }, _callee);
-    }))();
-  },
-  verifySavedCardsOtp: function verifySavedCardsOtp(_ref6) {
-    return _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee2() {
-      var code, phone, transaction, url, language, headers, data, response;
-      return regeneratorRuntime.wrap(function _callee2$(_context2) {
-        while (1) {
-          switch (_context2.prev = _context2.next) {
-            case 0:
-              code = _ref6.code, phone = _ref6.phone, transaction = _ref6.transaction;
-              url = new URL('/authorize/verify', configToUse.savedCardsApiUrl).toString();
-              language = getLanguage();
-              headers = _objectSpread2({}, language && {
-                'Accept-Language': language
-              });
-              data = {
-                code: code,
-                phone: phone,
-                transaction: transaction
-              };
-              _context2.next = 7;
-              return axiosInstance.post(url, data, {
-                headers: headers
-              });
-
-            case 7:
-              response = _context2.sent;
-              return _context2.abrupt("return", response.data);
-
-            case 9:
-            case "end":
-              return _context2.stop();
-          }
-        }
-      }, _callee2);
-    }))();
-  },
-  getSavedCards: function getSavedCards(_ref7) {
-    return _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee3() {
-      var token, url, language, headers, response;
-      return regeneratorRuntime.wrap(function _callee3$(_context3) {
-        while (1) {
-          switch (_context3.prev = _context3.next) {
-            case 0:
-              token = _ref7.token;
-              url = new URL('/cards', configToUse.savedCardsApiUrl).toString();
-              language = getLanguage();
-              headers = _objectSpread2({
-                Authorization: "Bearer ".concat(token),
-                'jwt-auth': true
-              }, language && {
-                'Accept-Language': language
-              });
-              _context3.next = 6;
-              return axiosInstance.get(url, {
-                headers: headers
-              });
-
-            case 6:
-              response = _context3.sent;
-              return _context3.abrupt("return", response.data);
-
-            case 8:
-            case "end":
-              return _context3.stop();
-          }
-        }
-      }, _callee3);
-    }))();
-  },
-  deleteSavedCard: function deleteSavedCard(_ref8) {
-    return _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee4() {
-      var cardCode, token, url, language, headers, response;
-      return regeneratorRuntime.wrap(function _callee4$(_context4) {
-        while (1) {
-          switch (_context4.prev = _context4.next) {
-            case 0:
-              cardCode = _ref8.cardCode, token = _ref8.token;
-              url = new URL("/cards/".concat(cardCode), configToUse.savedCardsApiUrl).toString();
-              language = getLanguage();
-              headers = _objectSpread2({
-                Authorization: "Bearer ".concat(token),
-                'jwt-auth': true
-              }, language && {
-                'Accept-Language': language
-              });
-              _context4.next = 6;
-              return axiosInstance.delete(url, {
-                headers: headers
-              });
-
-            case 6:
-              response = _context4.sent;
-              return _context4.abrupt("return", response.data);
-
-            case 8:
-            case "end":
-              return _context4.stop();
-          }
-        }
-      }, _callee4);
-    }))();
-  },
-  chargeSavedCard: function chargeSavedCard(_ref9) {
-    return _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee5() {
-      var token, device, cardCode, transaction, selectedCurrency, url, language, headers, data;
-      return regeneratorRuntime.wrap(function _callee5$(_context5) {
-        while (1) {
-          switch (_context5.prev = _context5.next) {
-            case 0:
-              token = _ref9.token, device = _ref9.device, cardCode = _ref9.cardCode, transaction = _ref9.transaction, selectedCurrency = _ref9.selectedCurrency;
-              url = new URL("/cards/".concat(cardCode, "/charge"), configToUse.savedCardsApiUrl).toString();
-              language = getLanguage();
-              headers = _objectSpread2({
-                Authorization: "Bearer ".concat(token),
-                'jwt-auth': true
-              }, language && {
-                'Accept-Language': language
-              });
-              data = {
-                device: device,
-                transaction: transaction,
-                selectedCurrency: selectedCurrency
-              };
-              return _context5.abrupt("return", axiosInstance.post(url, data, {
-                headers: headers
-              }).then(function (response) {
-                return ChargeResponses.parse(response.data);
-              }));
-
-            case 6:
-            case "end":
-              return _context5.stop();
-          }
-        }
-      }, _callee5);
-    }))();
   }
 };
 
@@ -18917,68 +18793,6 @@ var CardCharge = {
       paymentMethod: paymentMethod$3
     };
     return this.listenForCharge(listenerOptions, callback);
-  },
-  requestOtpForSavedCards: function requestOtpForSavedCards(phoneNumber) {
-    return CardAPI.requestOtpForSavedCards(phoneNumber);
-  },
-  verifySavedCardsOtp: function verifySavedCardsOtp(_ref4) {
-    var _this9 = this;
-
-    return _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
-      var code, phone, payload, response;
-      return regeneratorRuntime.wrap(function _callee$(_context) {
-        while (1) {
-          switch (_context.prev = _context.next) {
-            case 0:
-              code = _ref4.code, phone = _ref4.phone;
-              payload = {
-                code: code,
-                phone: phone,
-                transaction: _this9.id
-              };
-              _context.prev = 2;
-              _context.next = 5;
-              return CardAPI.verifySavedCardsOtp(payload);
-
-            case 5:
-              response = _context.sent;
-              _this9.savedCardsToken = response.data.token;
-              return _context.abrupt("return", response);
-
-            case 10:
-              _context.prev = 10;
-              _context.t0 = _context["catch"](2);
-              _this9.savedCardsToken = null;
-              return _context.abrupt("return", _context.t0);
-
-            case 14:
-            case "end":
-              return _context.stop();
-          }
-        }
-      }, _callee, null, [[2, 10]]);
-    }))();
-  },
-  getSavedCards: function getSavedCards() {
-    return CardAPI.getSavedCards({
-      token: this.savedCardsToken
-    });
-  },
-  deleteSavedCard: function deleteSavedCard(cardCode) {
-    return CardAPI.deleteSavedCard({
-      cardCode: cardCode,
-      token: this.savedCardsToken
-    });
-  },
-  chargeSavedCard: function chargeSavedCard(_ref5) {
-    var cardCode = _ref5.cardCode;
-    return CardAPI.chargeSavedCard({
-      cardCode: cardCode,
-      transaction: this.id,
-      token: this.savedCardsToken,
-      device: this.deviceFingerprint,
-      selectedCurrency: this.currency
-    });
   }
 };
 
@@ -20307,8 +20121,6 @@ var TransactionInstance = /*#__PURE__*/function () {
     this.subscription = data.subscription || null;
     this.planDetails = data.plan_details || null;
     this.exchangeRate = data.exchange_rate || null;
-    this.savedCardsToken = null;
-    this.isSavedCardsEnabled = data.saved_cards && data.saved_cards.enabled || null;
     /**
      * We initialize parameters we send to the API as empty strings
      * when we don't have them instead of null because the API expects
@@ -20351,51 +20163,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 +20461,109 @@ 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.isListening = false;
+    this.merchant = {
+      id: data.merchant_id,
+      logo: data.merchant_logo,
+      name: data.merchant_name,
+      key: data.merchant_key
+    };
+    loadPusher(); // 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: "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.get(url, {
+      headers: headers
+    }).then(function (response) {
+      return response.data;
+    });
+  },
+  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 response;
+      return regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              _context.next = 2;
+              return PreauthorisationAPI.getByAccessCode(accessCode);
+
+            case 2:
+              response = _context.sent;
+              return _context.abrupt("return", response && Object.seal(new PreauthorizationInstance(_objectSpread2({}, response.data))));
+
+            case 4:
+            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.8",
+  "version": "1.19.0",
   "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"
   },