@paystack/checkout-js 1.23.0 → 1.23.2

package/lib/checkout.js

@@ -18669,30 +18669,34 @@ var CardAPI$1 = {
       return ChargeResponses.parse(response.data);
     });
   },
-  sendSavedCardsOTP: function sendSavedCardsOTP(transaction) {
+  sendSavedCardsOTP: function sendSavedCardsOTP(_ref6) {
     return _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
-      var url, language, headers, response;
+      var transaction, phone, url, language, headers, data, response;
       return regeneratorRuntime.wrap(function _callee$(_context) {
         while (1) {
           switch (_context.prev = _context.next) {
             case 0:
+              transaction = _ref6.transaction, phone = _ref6.phone;
               url = new URL('/saved_cards/authorize', configToUse.paystackApiUrl).toString();
               language = getLanguage();
               headers = _objectSpread2({}, language && {
                 'Accept-Language': language
               });
-              _context.next = 5;
-              return axiosInstance.post(url, {
+              data = _objectSpread2(_objectSpread2({}, phone && {
+                phone: phone
+              }), {}, {
                 transaction: transaction
-              }, {
+              });
+              _context.next = 7;
+              return axiosInstance.post(url, data, {
                 headers: headers
               });
 
-            case 5:
+            case 7:
               response = _context.sent;
               return _context.abrupt("return", response.data);
 
-            case 7:
+            case 9:
             case "end":
               return _context.stop();
           }
@@ -18700,21 +18704,23 @@ var CardAPI$1 = {
       }, _callee);
     }))();
   },
-  addUserToSavedCards: function addUserToSavedCards(_ref6) {
+  verifySavedCardsOtp: function verifySavedCardsOtp(_ref7) {
     return _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee2() {
-      var phone, transaction, url, language, headers, data, response;
+      var code, transaction, token, url, language, headers, data, response;
       return regeneratorRuntime.wrap(function _callee2$(_context2) {
         while (1) {
           switch (_context2.prev = _context2.next) {
             case 0:
-              phone = _ref6.phone, transaction = _ref6.transaction;
-              url = new URL('/saved_cards/user', configToUse.paystackApiUrl).toString();
+              code = _ref7.code, transaction = _ref7.transaction, token = _ref7.token;
+              url = new URL('/saved_cards/authorize/verify', configToUse.paystackApiUrl).toString();
               language = getLanguage();
-              headers = _objectSpread2({}, language && {
+              headers = _objectSpread2({
+                Authorization: "Bearer ".concat(token)
+              }, language && {
                 'Accept-Language': language
               });
               data = {
-                phone: phone,
+                code: code,
                 transaction: transaction
               };
               _context2.next = 7;
@@ -18734,46 +18740,12 @@ var CardAPI$1 = {
       }, _callee2);
     }))();
   },
-  verifySavedCardsOtp: function verifySavedCardsOtp(_ref7) {
+  getSavedCards: function getSavedCards(_ref8) {
     return _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee3() {
-      var code, transaction, url, language, headers, data, response;
+      var token, url, language, headers, 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('/saved_cards/authorize/verify', configToUse.paystackApiUrl).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('/saved_cards/cards', configToUse.paystackApiUrl).toString();
@@ -18784,29 +18756,29 @@ var CardAPI$1 = {
               }, language && {
                 'Accept-Language': language
               });
-              _context4.next = 6;
+              _context3.next = 6;
               return axiosInstance.get(url, {
                 headers: headers
               });
 
             case 6:
-              response = _context4.sent;
-              return _context4.abrupt("return", response.data);
+              response = _context3.sent;
+              return _context3.abrupt("return", response.data);
 
             case 8:
             case "end":
-              return _context4.stop();
+              return _context3.stop();
           }
         }
-      }, _callee4);
+      }, _callee3);
     }))();
   },
   deleteSavedCard: function deleteSavedCard(_ref9) {
-    return _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee5() {
+    return _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee4() {
       var cardCode, token, url, language, headers, response;
-      return regeneratorRuntime.wrap(function _callee5$(_context5) {
+      return regeneratorRuntime.wrap(function _callee4$(_context4) {
         while (1) {
-          switch (_context5.prev = _context5.next) {
+          switch (_context4.prev = _context4.next) {
             case 0:
               cardCode = _ref9.cardCode, token = _ref9.token;
               url = new URL("/saved_cards/cards/".concat(cardCode), configToUse.paystackApiUrl).toString();
@@ -18817,29 +18789,29 @@ var CardAPI$1 = {
               }, language && {
                 'Accept-Language': language
               });
-              _context5.next = 6;
+              _context4.next = 6;
               return axiosInstance.delete(url, {
                 headers: headers
               });
 
             case 6:
-              response = _context5.sent;
-              return _context5.abrupt("return", response.data);
+              response = _context4.sent;
+              return _context4.abrupt("return", response.data);
 
             case 8:
             case "end":
-              return _context5.stop();
+              return _context4.stop();
           }
         }
-      }, _callee5);
+      }, _callee4);
     }))();
   },
   chargeSavedCard: function chargeSavedCard(_ref10) {
-    return _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee6() {
+    return _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee5() {
       var token, device, cardCode, transaction, selectedCurrency, url, language, headers, data, response;
-      return regeneratorRuntime.wrap(function _callee6$(_context6) {
+      return regeneratorRuntime.wrap(function _callee5$(_context5) {
         while (1) {
-          switch (_context6.prev = _context6.next) {
+          switch (_context5.prev = _context5.next) {
             case 0:
               token = _ref10.token, device = _ref10.device, cardCode = _ref10.cardCode, transaction = _ref10.transaction, selectedCurrency = _ref10.selectedCurrency;
               url = new URL("/saved_cards/cards/".concat(cardCode, "/charge"), configToUse.paystackApiUrl).toString();
@@ -18855,21 +18827,21 @@ var CardAPI$1 = {
                 transaction: transaction,
                 selected_currency: selectedCurrency
               };
-              _context6.next = 7;
+              _context5.next = 7;
               return axiosInstance.post(url, data, {
                 headers: headers
               });
 
             case 7:
-              response = _context6.sent;
-              return _context6.abrupt("return", ChargeResponses.parse(response.data));
+              response = _context5.sent;
+              return _context5.abrupt("return", ChargeResponses.parse(response.data));
 
             case 9:
             case "end":
-              return _context6.stop();
+              return _context5.stop();
           }
         }
-      }, _callee6);
+      }, _callee5);
     }))();
   }
 };
@@ -19052,51 +19024,77 @@ var CardCharge = {
     };
     return this.listenForCharge(listenerOptions, callback);
   },
-  sendSavedCardsOTP: function sendSavedCardsOTP() {
-    return CardAPI$1.sendSavedCardsOTP(this.id);
-  },
-  addUserToSavedCards: function addUserToSavedCards(_ref4) {
-    var phone = _ref4.phone;
-    return CardAPI$1.addUserToSavedCards({
-      phone: phone,
-      transaction: this.id
-    });
-  },
-  verifySavedCardsOtp: function verifySavedCardsOtp(_ref5) {
+  sendSavedCardsOTP: function sendSavedCardsOTP(phone) {
     var _this9 = this;
 
     return _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
-      var code, payload, response;
+      var response;
       return regeneratorRuntime.wrap(function _callee$(_context) {
         while (1) {
           switch (_context.prev = _context.next) {
             case 0:
-              code = _ref5.code;
+              _context.prev = 0;
+              _context.next = 3;
+              return CardAPI$1.sendSavedCardsOTP({
+                phone: phone,
+                transaction: _this9.id
+              });
+
+            case 3:
+              response = _context.sent;
+              _this9.savedCardsTempAuthToken = response.data.token;
+              return _context.abrupt("return", response);
+
+            case 8:
+              _context.prev = 8;
+              _context.t0 = _context["catch"](0);
+              _this9.savedCardsTempAuthToken = null;
+              throw _context.t0;
+
+            case 12:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee, null, [[0, 8]]);
+    }))();
+  },
+  verifySavedCardsOtp: function verifySavedCardsOtp(_ref4) {
+    var _this10 = this;
+
+    return _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee2() {
+      var code, payload, response;
+      return regeneratorRuntime.wrap(function _callee2$(_context2) {
+        while (1) {
+          switch (_context2.prev = _context2.next) {
+            case 0:
+              code = _ref4.code;
               payload = {
                 code: code,
-                transaction: _this9.id
+                transaction: _this10.id,
+                token: _this10.savedCardsTempAuthToken
               };
-              _context.prev = 2;
-              _context.next = 5;
+              _context2.prev = 2;
+              _context2.next = 5;
               return CardAPI$1.verifySavedCardsOtp(payload);
 
             case 5:
-              response = _context.sent;
-              _this9.savedCardsToken = response.data.token;
-              return _context.abrupt("return", response);
+              response = _context2.sent;
+              _this10.savedCardsToken = response.data.token;
+              return _context2.abrupt("return", response);
 
             case 10:
-              _context.prev = 10;
-              _context.t0 = _context["catch"](2);
-              _this9.savedCardsToken = null;
-              throw _context.t0;
+              _context2.prev = 10;
+              _context2.t0 = _context2["catch"](2);
+              _this10.savedCardsToken = null;
+              throw _context2.t0;
 
             case 14:
             case "end":
-              return _context.stop();
+              return _context2.stop();
           }
         }
-      }, _callee, null, [[2, 10]]);
+      }, _callee2, null, [[2, 10]]);
     }))();
   },
   getSavedCards: function getSavedCards() {
@@ -19110,8 +19108,8 @@ var CardCharge = {
       token: this.savedCardsToken
     });
   },
-  chargeSavedCard: function chargeSavedCard(_ref6) {
-    var cardCode = _ref6.cardCode;
+  chargeSavedCard: function chargeSavedCard(_ref5) {
+    var cardCode = _ref5.cardCode;
     return CardAPI$1.chargeSavedCard({
       cardCode: cardCode,
       transaction: this.id,
@@ -20497,6 +20495,12 @@ var TransactionInstance = /*#__PURE__*/function () {
     this.planDetails = data.plan_details || null;
     this.exchangeRate = data.exchange_rate || null;
     this.savedCardsConfig = data.saved_cards || {};
+    /**
+     * savedCardsTempAuthToken: This token is issued on calling `authorize` and we pass it down to `authorize/verify` to ensure we only add users to saved cards only after a successful verification.
+     * savedCardsToken: This token is issued after verification and is used for all saved card auth requests.
+     */
+
+    this.savedCardsTempAuthToken = null;
     this.savedCardsToken = null;
     /**
      * We initialize parameters we send to the API as empty strings

package/package.json

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