@paystack/checkout-js 1.19.0-dev.1 → 1.19.0-dev.10

package/lib/checkout.js

@@ -18572,49 +18572,177 @@ var CardAPI = {
     });
   },
   requestOtpForSavedCards: function requestOtpForSavedCards(phoneNumber) {
-    var url = new URL("/authorize/".concat(phoneNumber), configToUse.savedCardsApiUrl).toString();
-    var language = getLanguage();
+    return _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
+      var url, language, headers, _yield$axiosInstance$, data;
 
-    var headers = _objectSpread2({}, language && {
-      'Accept-Language': language
-    });
+      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
+              });
 
-    return axiosInstance.post(url, {
-      headers: headers
-    }).then(function (_ref6) {
-      var data = _ref6.data;
-      return data;
-    });
+            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(_ref7) {
-    var code = _ref7.code,
-        phone = _ref7.phone,
-        transaction = _ref7.transaction;
-    var url = new URL('/authorize/verify', configToUse.savedCardsApiUrl).toString();
-    var language = getLanguage();
+  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
+              });
 
-    var headers = _objectSpread2({
-      'Content-Type': 'application/x-www-form-urlencoded'
-    }, language && {
-      'Accept-Language': language
-    });
+            case 7:
+              response = _context2.sent;
+              return _context2.abrupt("return", response.data);
 
-    var urlEncodedData = formUrlencoded({
-      code: code,
-      phone: phone,
-      transaction: transaction
-    });
-    return axiosInstance.post(url, urlEncodedData, {
-      headers: headers
-    }).then(function (response) {
-      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);
+    }))();
   }
 };
 
 var paymentMethod$3 = 'card';
 
-function validate$4(card, isSetter) {
+function validate$3(card, isSetter) {
   return new Promise(function (resolve, reject) {
     var validation = Card.validate(card);
 
@@ -18635,7 +18763,7 @@ var CardCharge = {
   setCard: function setCard(params) {
     var _this = this;
 
-    return validate$4(params, true).then(function () {
+    return validate$3(params, true).then(function () {
       _this.card = new Card(params);
     });
   },
@@ -18651,7 +18779,7 @@ var CardCharge = {
       return this.chargeCardWithPin(customFields);
     }
 
-    return validate$4(this.card).then(function () {
+    return validate$3(this.card).then(function () {
       _this2.logAttempt(paymentMethod$3);
 
       var chargeParams = {
@@ -18794,14 +18922,63 @@ var CardCharge = {
     return CardAPI.requestOtpForSavedCards(phoneNumber);
   },
   verifySavedCardsOtp: function verifySavedCardsOtp(_ref4) {
-    var code = _ref4.code,
-        phone = _ref4.phone;
-    var payload = {
-      code: code,
-      phone: phone,
-      transaction: this.id
-    };
-    return CardAPI.verifySavedCardsOtp(payload);
+    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;
+              throw new Error(_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
+    });
   }
 };
 
@@ -18956,7 +19133,7 @@ var EMandateAPI = {
 
 var paymentMethod$2 = 'bank account';
 
-function validate$3(bankAccount, isSetter) {
+function validate$2(bankAccount, isSetter) {
   return new Promise(function (resolve, reject) {
     var validation = BankAccount.validate(bankAccount);
 
@@ -18974,14 +19151,14 @@ var EMandate = {
   setBankAccount: function setBankAccount(params) {
     var _this = this;
 
-    return validate$3(params, true).then(function () {
+    return validate$2(params, true).then(function () {
       _this.bankAccount = new BankAccount(params);
     });
   },
   chargeBankAccount: function chargeBankAccount() {
     var _this2 = this;
 
-    return validate$3(this.bankAccount).then(function () {
+    return validate$2(this.bankAccount).then(function () {
       _this2.logAttempt(paymentMethod$2);
 
       var verifyParams = {
@@ -19000,7 +19177,7 @@ var EMandate = {
   registerBankAccount: function registerBankAccount(birthday) {
     var _this3 = this;
 
-    return validate$3(this.bankAccount).then(function () {
+    return validate$2(this.bankAccount).then(function () {
       var registerParams = {
         bankId: _this3.bankAccount.bankId,
         transactionId: _this3.id,
@@ -19017,7 +19194,7 @@ var EMandate = {
   authenticateBankAccount: function authenticateBankAccount(token) {
     var _this4 = this;
 
-    return validate$3(this.bankAccount).then(function () {
+    return validate$2(this.bankAccount).then(function () {
       var chargeParams = {
         bankId: _this4.bankAccount.bankId,
         transactionId: _this4.id,
@@ -19242,7 +19419,7 @@ var QrAPI = {
   }
 };
 
-function validate$2(channel) {
+function validate$1(channel) {
   return new Promise(function (resolve, reject) {
     var allowedChannels = ['visa', 'MPASS_OLTI'];
 
@@ -19260,7 +19437,7 @@ var QRCharge = {
     var _this = this;
 
     var channel = _ref.channel;
-    return validate$2(channel).then(function () {
+    return validate$1(channel).then(function () {
       if (_this.qr[channel]) {
         return _this.qr[channel];
       }
@@ -19282,7 +19459,7 @@ var QRCharge = {
     var _this2 = this;
 
     var channel = _ref2.channel;
-    return validate$2(channel).then(function () {
+    return validate$1(channel).then(function () {
       if (!_this2.qr[channel]) {
         return Promise.reject(Error('Please generate qr code with Transaction.getQRCode()'));
       }
@@ -19403,7 +19580,7 @@ var MobileMoneyAPI = {
   }
 };
 
-function validate$1(phoneNumber) {
+function validate(phoneNumber) {
   return new Promise(function (resolve, reject) {
     var validation = PhoneNumber.validate(phoneNumber);
 
@@ -19424,7 +19601,7 @@ var MobileMoneyCharge = {
         provider = _ref.provider,
         voucher = _ref.voucher,
         registrationToken = _ref.registrationToken;
-    return validate$1(phoneNumber).then(function () {
+    return validate(phoneNumber).then(function () {
       _this.logAttempt('mobile money');
 
       var params = {
@@ -19455,7 +19632,7 @@ var MobileMoneyCharge = {
     var phoneNumber = payload.phoneNumber,
         provider = payload.provider,
         registrationToken = payload.registrationToken;
-    return validate$1(phoneNumber).then(function () {
+    return validate(phoneNumber).then(function () {
       _this2.logMobileMoneyActions(payload);
 
       var params = {
@@ -19511,233 +19688,6 @@ var MobileMoneyCharge = {
   }
 };
 
-var PhoneAPI = {
-  verify: function verify(phoneNumber, publicKey) {
-    var url = "".concat(configToUse.paystackApiUrl, "checkout/pay_with_phone/verify");
-    var language = getLanguage();
-
-    var headers = _objectSpread2({
-      Authorization: "Bearer ".concat(publicKey)
-    }, language && {
-      'Accept-Language': language
-    });
-
-    return axiosInstance.post(url, {
-      phone: phoneNumber
-    }, {
-      headers: headers
-    }).then(function (response) {
-      return response.data;
-    });
-  },
-  deleteCard: function deleteCard(phoneNumber, publicKey, cardId) {
-    var url = "".concat(configToUse.paystackApiUrl, "checkout/pay_with_phone/remove_card");
-    var language = getLanguage();
-
-    var headers = _objectSpread2({
-      Authorization: "Bearer ".concat(publicKey)
-    }, language && {
-      'Accept-Language': language
-    });
-
-    return axiosInstance.post(url, {
-      phone: phoneNumber,
-      id: cardId
-    }, {
-      headers: headers
-    }).then(function (response) {
-      return response.data;
-    });
-  },
-  authenticateOtp: function authenticateOtp(phoneNumber, publicKey, otp, transactionId) {
-    var url = "".concat(configToUse.paystackApiUrl, "checkout/pay_with_phone/validate_otp");
-    var language = getLanguage();
-
-    var headers = _objectSpread2({
-      Authorization: "Bearer ".concat(publicKey)
-    }, language && {
-      'Accept-Language': language
-    });
-
-    return axiosInstance.post(url, {
-      phone: phoneNumber,
-      otp: otp,
-      transaction: transactionId
-    }, {
-      headers: headers
-    }).then(function (response) {
-      return response.data;
-    });
-  },
-  authenticatePin: function authenticatePin(phoneNumber, publicKey, pin, transactionId) {
-    var url = "".concat(configToUse.paystackApiUrl, "checkout/pay_with_phone/validate_pin");
-    var language = getLanguage();
-
-    var headers = _objectSpread2({
-      Authorization: "Bearer ".concat(publicKey)
-    }, language && {
-      'Accept-Language': language
-    });
-
-    return axiosInstance.post(url, {
-      phone: phoneNumber,
-      pin: pin,
-      transaction: transactionId
-    }, {
-      headers: headers
-    }).then(function (response) {
-      return response.data;
-    });
-  },
-  setPin: function setPin(phoneNumber, publicKey, transactionToken, transactionId, pin) {
-    var language = getLanguage();
-    var url = "".concat(configToUse.paystackApiUrl, "checkout/pay_with_phone/set_pin");
-
-    var headers = _objectSpread2({
-      Authorization: "Bearer ".concat(publicKey)
-    }, language && {
-      'Accept-Language': language
-    });
-
-    return axiosInstance.post(url, {
-      phone: phoneNumber,
-      token: transactionToken,
-      transaction: transactionId,
-      pin: pin
-    }, {
-      headers: headers
-    }).then(function (response) {
-      return response.data;
-    });
-  },
-  charge: function charge(authId, publicKey, token, transactionId, cvv, phoneNumber) {
-    var url = "".concat(configToUse.paystackApiUrl, "checkout/pay_with_phone/charge");
-    var language = getLanguage();
-
-    var headers = _objectSpread2({
-      Authorization: "Bearer ".concat(publicKey)
-    }, language && {
-      'Accept-Language': language
-    });
-
-    return axiosInstance.post(url, {
-      id: authId,
-      token: token,
-      cvv: cvv,
-      transaction: transactionId,
-      phone: phoneNumber
-    }, {
-      headers: headers
-    }).then(function (response) {
-      return response.data;
-    });
-  },
-  enrollPhoneNumber: function enrollPhoneNumber(phoneNumber, publicKey, transactionId) {
-    var url = "".concat(configToUse.paystackApiUrl, "checkout/pay_with_phone/enroll");
-    var language = getLanguage();
-
-    var headers = _objectSpread2({
-      Authorization: "Bearer ".concat(publicKey)
-    }, language && {
-      'Accept-Language': language
-    });
-
-    return axiosInstance.post(url, {
-      phone: phoneNumber,
-      transaction: transactionId
-    }, {
-      headers: headers
-    }).then(function (response) {
-      return response.data;
-    });
-  }
-};
-
-/*
-TODO:
-Implement analytics for Pay with Phone. Since unique actions are takens here e.g
-user verifies pay with phone account, user charged saved card, etc, these should
-all be reflected as custom analytics actions
-*/
-
-function validate(phoneNumber) {
-  return new Promise(function (resolve, reject) {
-    var validation = PhoneNumber.validate(phoneNumber);
-
-    if (!validation.isValid) {
-      var errorMessage = phoneNumber ? validation.errors[0] : 'Please set a valid customer with Transaction.setCustomer()';
-      reject(Error(errorMessage));
-    }
-
-    resolve(validation);
-  });
-}
-
-var PhoneNumberCharge = {
-  setCustomer: function setCustomer(_ref) {
-    var _this = this;
-
-    var phoneNumber = _ref.phoneNumber;
-    return validate(phoneNumber).then(function () {
-      _this.customer = phoneNumber;
-    });
-  },
-  verifyCustomer: function verifyCustomer() {
-    var _this2 = this;
-
-    return validate(this.customer).then(function () {
-      return PhoneAPI.verify(_this2.customer, _this2.merchant.key);
-    });
-  },
-  deleteSavedCard: function deleteSavedCard(cardId) {
-    var _this3 = this;
-
-    return validate(this.customer).then(function () {
-      return PhoneAPI.deleteCard(_this3.customer, _this3.merchant.key, cardId);
-    });
-  },
-  authenticateCustomerOtp: function authenticateCustomerOtp(otp) {
-    var _this4 = this;
-
-    return validate(this.customer).then(function () {
-      return PhoneAPI.authenticateOtp(_this4.customer, _this4.merchant.key, otp, _this4.id);
-    });
-  },
-  authenticateCustomerPin: function authenticateCustomerPin(pin) {
-    var _this5 = this;
-
-    return validate(this.customer).then(function () {
-      return PhoneAPI.authenticatePin(_this5.customer, _this5.merchant.key, pin, _this5.id);
-    });
-  },
-  setCustomerPin: function setCustomerPin(_ref2) {
-    var _this6 = this;
-
-    var pin = _ref2.pin,
-        token = _ref2.token;
-    return validate(this.customer).then(function () {
-      return PhoneAPI.setPin(_this6.customer, _this6.merchant.key, token, _this6.id, pin);
-    });
-  },
-  chargeSavedCard: function chargeSavedCard(_ref3) {
-    var _this7 = this;
-
-    var cardId = _ref3.cardId,
-        token = _ref3.token,
-        cvv = _ref3.cvv;
-    return validate(this.customer).then(function () {
-      return PhoneAPI.charge(cardId, _this7.merchant.key, token, _this7.id, cvv, _this7.customer);
-    });
-  },
-  enrollPhoneNumber: function enrollPhoneNumber(number) {
-    var _this8 = this;
-
-    return validate(this.customer).then(function () {
-      return PhoneAPI.enrollPhoneNumber(number, _this8.merchant.key, _this8.id);
-    });
-  }
-};
-
 var DirectDebitAPI = {
   loginToDirectDebitAccount: function loginToDirectDebitAccount(_ref) {
     var email = _ref.email,
@@ -19928,7 +19878,6 @@ var ChargeFunctions = {
       ussd: USSDCharge,
       qr: QRCharge,
       mobile_money: MobileMoneyCharge,
-      phone: PhoneNumberCharge,
       direct_debit: DirectDebitCharge,
       bank_transfer: PayWithTransferCharge,
       eft: EFT,
@@ -20358,6 +20307,8 @@ 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

package/package.json

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