@paystack/checkout-js 1.20.1 → 1.21.0-dev.1

package/es/checkout.js

@@ -6403,14 +6403,16 @@ 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'
+  pusherUrl: 'https://s3-eu-west-1.amazonaws.com/pstk-public-files/js/pusher.min.js',
+  savedCardsApiUrl: 'https://saved-cards-api.public.paystack.studio/'
 });
 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'
+  pusherUrl: 'https://s3-eu-west-1.amazonaws.com/pstk-public-files/js/pusher.min.js',
+  savedCardsApiUrl: 'https://saved-cards-api.public.paystack.studio/'
 });
 var productionConfig = _objectSpread2(_objectSpread2({}, config), {}, {
   checkoutUrl: 'https://checkout.paystack.com/',
@@ -18664,6 +18666,208 @@ var CardAPI$1 = {
     }).then(function (response) {
       return ChargeResponses.parse(response.data);
     });
+  },
+  sendSavedCardsOTP: function sendSavedCardsOTP(email) {
+    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", configToUse.savedCardsApiUrl).toString();
+              language = getLanguage();
+              headers = _objectSpread2({}, language && {
+                'Accept-Language': language
+              });
+              _context.next = 5;
+              return axiosInstance.post(url, {
+                email: email
+              }, {
+                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);
+    }))();
+  },
+  addUserToSavedCards: function addUserToSavedCards(_ref6) {
+    return _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee2() {
+      var phone, email, url, language, headers, data, response;
+      return regeneratorRuntime.wrap(function _callee2$(_context2) {
+        while (1) {
+          switch (_context2.prev = _context2.next) {
+            case 0:
+              phone = _ref6.phone, email = _ref6.email;
+              url = new URL('/user', configToUse.savedCardsApiUrl).toString();
+              language = getLanguage();
+              headers = _objectSpread2({}, language && {
+                'Accept-Language': language
+              });
+              data = {
+                phone: phone,
+                email: email
+              };
+              _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);
+    }))();
+  },
+  verifySavedCardsOtp: function verifySavedCardsOtp(_ref7) {
+    return _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee3() {
+      var code, transaction, url, language, headers, data, response;
+      return regeneratorRuntime.wrap(function _callee3$(_context3) {
+        while (1) {
+          switch (_context3.prev = _context3.next) {
+            case 0:
+              code = _ref7.code, transaction = _ref7.transaction;
+              url = new URL('/authorize/verify', configToUse.savedCardsApiUrl).toString();
+              language = getLanguage();
+              headers = _objectSpread2({}, language && {
+                'Accept-Language': language
+              });
+              data = {
+                code: code,
+                transaction: transaction
+              };
+              _context3.next = 7;
+              return axiosInstance.post(url, data, {
+                headers: headers
+              });
+
+            case 7:
+              response = _context3.sent;
+              return _context3.abrupt("return", response.data);
+
+            case 9:
+            case "end":
+              return _context3.stop();
+          }
+        }
+      }, _callee3);
+    }))();
+  },
+  getSavedCards: function getSavedCards(_ref8) {
+    return _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee4() {
+      var token, url, language, headers, response;
+      return regeneratorRuntime.wrap(function _callee4$(_context4) {
+        while (1) {
+          switch (_context4.prev = _context4.next) {
+            case 0:
+              token = _ref8.token;
+              url = new URL('/cards', configToUse.savedCardsApiUrl).toString();
+              language = getLanguage();
+              headers = _objectSpread2({
+                Authorization: "Bearer ".concat(token),
+                'jwt-auth': true
+              }, language && {
+                'Accept-Language': language
+              });
+              _context4.next = 6;
+              return axiosInstance.get(url, {
+                headers: headers
+              });
+
+            case 6:
+              response = _context4.sent;
+              return _context4.abrupt("return", response.data);
+
+            case 8:
+            case "end":
+              return _context4.stop();
+          }
+        }
+      }, _callee4);
+    }))();
+  },
+  deleteSavedCard: function deleteSavedCard(_ref9) {
+    return _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee5() {
+      var cardCode, token, url, language, headers, response;
+      return regeneratorRuntime.wrap(function _callee5$(_context5) {
+        while (1) {
+          switch (_context5.prev = _context5.next) {
+            case 0:
+              cardCode = _ref9.cardCode, token = _ref9.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
+              });
+              _context5.next = 6;
+              return axiosInstance.delete(url, {
+                headers: headers
+              });
+
+            case 6:
+              response = _context5.sent;
+              return _context5.abrupt("return", response.data);
+
+            case 8:
+            case "end":
+              return _context5.stop();
+          }
+        }
+      }, _callee5);
+    }))();
+  },
+  chargeSavedCard: function chargeSavedCard(_ref10) {
+    return _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee6() {
+      var token, device, cardCode, transaction, selectedCurrency, url, language, headers, data;
+      return regeneratorRuntime.wrap(function _callee6$(_context6) {
+        while (1) {
+          switch (_context6.prev = _context6.next) {
+            case 0:
+              token = _ref10.token, device = _ref10.device, cardCode = _ref10.cardCode, transaction = _ref10.transaction, selectedCurrency = _ref10.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,
+                selected_currency: selectedCurrency
+              };
+              return _context6.abrupt("return", axiosInstance.post(url, data, {
+                headers: headers
+              }).then(function (response) {
+                return ChargeResponses.parse(response.data);
+              }));
+
+            case 6:
+            case "end":
+              return _context6.stop();
+          }
+        }
+      }, _callee6);
+    }))();
   }
 };
 
@@ -18844,6 +19048,74 @@ var CardCharge = {
       paymentMethod: paymentMethod$4
     };
     return this.listenForCharge(listenerOptions, callback);
+  },
+  sendSavedCardsOTP: function sendSavedCardsOTP() {
+    return CardAPI$1.sendSavedCardsOTP(this.email);
+  },
+  addUserToSavedCards: function addUserToSavedCards(_ref4) {
+    var phone = _ref4.phone;
+    return CardAPI$1.addUserToSavedCards({
+      phone: phone,
+      email: this.email
+    });
+  },
+  verifySavedCardsOtp: function verifySavedCardsOtp(_ref5) {
+    var _this9 = this;
+
+    return _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
+      var code, payload, response;
+      return regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              code = _ref5.code;
+              payload = {
+                code: code,
+                transaction: _this9.id
+              };
+              _context.prev = 2;
+              _context.next = 5;
+              return CardAPI$1.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;
+              throw _context.t0;
+
+            case 14:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee, null, [[2, 10]]);
+    }))();
+  },
+  getSavedCards: function getSavedCards() {
+    return CardAPI$1.getSavedCards({
+      token: this.savedCardsToken
+    });
+  },
+  deleteSavedCard: function deleteSavedCard(cardCode) {
+    return CardAPI$1.deleteSavedCard({
+      cardCode: cardCode,
+      token: this.savedCardsToken
+    });
+  },
+  chargeSavedCard: function chargeSavedCard(_ref6) {
+    var cardCode = _ref6.cardCode;
+    return CardAPI$1.chargeSavedCard({
+      cardCode: cardCode,
+      transaction: this.id,
+      token: this.savedCardsToken,
+      device: this.deviceFingerprint,
+      selectedCurrency: this.currency
+    });
   }
 };
 
@@ -20172,6 +20444,8 @@ var TransactionInstance = /*#__PURE__*/function () {
     this.subscription = data.subscription || null;
     this.planDetails = data.plan_details || null;
     this.exchangeRate = data.exchange_rate || null;
+    this.savedCardsConfig = data.saved_cards || {};
+    this.savedCardsToken = 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

package/lib/checkout.js

@@ -6407,14 +6407,16 @@ 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'
+  pusherUrl: 'https://s3-eu-west-1.amazonaws.com/pstk-public-files/js/pusher.min.js',
+  savedCardsApiUrl: 'https://saved-cards-api.public.paystack.studio/'
 });
 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'
+  pusherUrl: 'https://s3-eu-west-1.amazonaws.com/pstk-public-files/js/pusher.min.js',
+  savedCardsApiUrl: 'https://saved-cards-api.public.paystack.studio/'
 });
 var productionConfig = _objectSpread2(_objectSpread2({}, config), {}, {
   checkoutUrl: 'https://checkout.paystack.com/',
@@ -18668,6 +18670,208 @@ var CardAPI$1 = {
     }).then(function (response) {
       return ChargeResponses.parse(response.data);
     });
+  },
+  sendSavedCardsOTP: function sendSavedCardsOTP(email) {
+    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", configToUse.savedCardsApiUrl).toString();
+              language = getLanguage();
+              headers = _objectSpread2({}, language && {
+                'Accept-Language': language
+              });
+              _context.next = 5;
+              return axiosInstance.post(url, {
+                email: email
+              }, {
+                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);
+    }))();
+  },
+  addUserToSavedCards: function addUserToSavedCards(_ref6) {
+    return _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee2() {
+      var phone, email, url, language, headers, data, response;
+      return regeneratorRuntime.wrap(function _callee2$(_context2) {
+        while (1) {
+          switch (_context2.prev = _context2.next) {
+            case 0:
+              phone = _ref6.phone, email = _ref6.email;
+              url = new URL('/user', configToUse.savedCardsApiUrl).toString();
+              language = getLanguage();
+              headers = _objectSpread2({}, language && {
+                'Accept-Language': language
+              });
+              data = {
+                phone: phone,
+                email: email
+              };
+              _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);
+    }))();
+  },
+  verifySavedCardsOtp: function verifySavedCardsOtp(_ref7) {
+    return _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee3() {
+      var code, transaction, url, language, headers, data, response;
+      return regeneratorRuntime.wrap(function _callee3$(_context3) {
+        while (1) {
+          switch (_context3.prev = _context3.next) {
+            case 0:
+              code = _ref7.code, transaction = _ref7.transaction;
+              url = new URL('/authorize/verify', configToUse.savedCardsApiUrl).toString();
+              language = getLanguage();
+              headers = _objectSpread2({}, language && {
+                'Accept-Language': language
+              });
+              data = {
+                code: code,
+                transaction: transaction
+              };
+              _context3.next = 7;
+              return axiosInstance.post(url, data, {
+                headers: headers
+              });
+
+            case 7:
+              response = _context3.sent;
+              return _context3.abrupt("return", response.data);
+
+            case 9:
+            case "end":
+              return _context3.stop();
+          }
+        }
+      }, _callee3);
+    }))();
+  },
+  getSavedCards: function getSavedCards(_ref8) {
+    return _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee4() {
+      var token, url, language, headers, response;
+      return regeneratorRuntime.wrap(function _callee4$(_context4) {
+        while (1) {
+          switch (_context4.prev = _context4.next) {
+            case 0:
+              token = _ref8.token;
+              url = new URL('/cards', configToUse.savedCardsApiUrl).toString();
+              language = getLanguage();
+              headers = _objectSpread2({
+                Authorization: "Bearer ".concat(token),
+                'jwt-auth': true
+              }, language && {
+                'Accept-Language': language
+              });
+              _context4.next = 6;
+              return axiosInstance.get(url, {
+                headers: headers
+              });
+
+            case 6:
+              response = _context4.sent;
+              return _context4.abrupt("return", response.data);
+
+            case 8:
+            case "end":
+              return _context4.stop();
+          }
+        }
+      }, _callee4);
+    }))();
+  },
+  deleteSavedCard: function deleteSavedCard(_ref9) {
+    return _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee5() {
+      var cardCode, token, url, language, headers, response;
+      return regeneratorRuntime.wrap(function _callee5$(_context5) {
+        while (1) {
+          switch (_context5.prev = _context5.next) {
+            case 0:
+              cardCode = _ref9.cardCode, token = _ref9.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
+              });
+              _context5.next = 6;
+              return axiosInstance.delete(url, {
+                headers: headers
+              });
+
+            case 6:
+              response = _context5.sent;
+              return _context5.abrupt("return", response.data);
+
+            case 8:
+            case "end":
+              return _context5.stop();
+          }
+        }
+      }, _callee5);
+    }))();
+  },
+  chargeSavedCard: function chargeSavedCard(_ref10) {
+    return _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee6() {
+      var token, device, cardCode, transaction, selectedCurrency, url, language, headers, data;
+      return regeneratorRuntime.wrap(function _callee6$(_context6) {
+        while (1) {
+          switch (_context6.prev = _context6.next) {
+            case 0:
+              token = _ref10.token, device = _ref10.device, cardCode = _ref10.cardCode, transaction = _ref10.transaction, selectedCurrency = _ref10.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,
+                selected_currency: selectedCurrency
+              };
+              return _context6.abrupt("return", axiosInstance.post(url, data, {
+                headers: headers
+              }).then(function (response) {
+                return ChargeResponses.parse(response.data);
+              }));
+
+            case 6:
+            case "end":
+              return _context6.stop();
+          }
+        }
+      }, _callee6);
+    }))();
   }
 };
 
@@ -18848,6 +19052,74 @@ var CardCharge = {
       paymentMethod: paymentMethod$4
     };
     return this.listenForCharge(listenerOptions, callback);
+  },
+  sendSavedCardsOTP: function sendSavedCardsOTP() {
+    return CardAPI$1.sendSavedCardsOTP(this.email);
+  },
+  addUserToSavedCards: function addUserToSavedCards(_ref4) {
+    var phone = _ref4.phone;
+    return CardAPI$1.addUserToSavedCards({
+      phone: phone,
+      email: this.email
+    });
+  },
+  verifySavedCardsOtp: function verifySavedCardsOtp(_ref5) {
+    var _this9 = this;
+
+    return _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
+      var code, payload, response;
+      return regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              code = _ref5.code;
+              payload = {
+                code: code,
+                transaction: _this9.id
+              };
+              _context.prev = 2;
+              _context.next = 5;
+              return CardAPI$1.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;
+              throw _context.t0;
+
+            case 14:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee, null, [[2, 10]]);
+    }))();
+  },
+  getSavedCards: function getSavedCards() {
+    return CardAPI$1.getSavedCards({
+      token: this.savedCardsToken
+    });
+  },
+  deleteSavedCard: function deleteSavedCard(cardCode) {
+    return CardAPI$1.deleteSavedCard({
+      cardCode: cardCode,
+      token: this.savedCardsToken
+    });
+  },
+  chargeSavedCard: function chargeSavedCard(_ref6) {
+    var cardCode = _ref6.cardCode;
+    return CardAPI$1.chargeSavedCard({
+      cardCode: cardCode,
+      transaction: this.id,
+      token: this.savedCardsToken,
+      device: this.deviceFingerprint,
+      selectedCurrency: this.currency
+    });
   }
 };
 
@@ -20176,6 +20448,8 @@ var TransactionInstance = /*#__PURE__*/function () {
     this.subscription = data.subscription || null;
     this.planDetails = data.plan_details || null;
     this.exchangeRate = data.exchange_rate || null;
+    this.savedCardsConfig = data.saved_cards || {};
+    this.savedCardsToken = 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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@paystack/checkout-js",
-  "version": "1.20.1",
+  "version": "1.21.0-dev.1",
   "description": "Client-side JS library for billing on Paystack",
   "main": "lib/checkout.js",
   "module": "es/checkout.js",