@paystack/checkout-js 1.19.0-dev.2 → 1.19.0-dev.20

package/es/checkout.js

@@ -6404,7 +6404,7 @@ var devConfig = _objectSpread2(_objectSpread2({}, config), {}, {
   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/'
+  savedCardsApiUrl: 'https://saved-cards-api.public.paystack.studio/'
 });
 var stagingConfig = _objectSpread2(_objectSpread2({}, config), {}, {
   checkoutUrl: 'https://checkout-studio.paystack.com/',
@@ -6412,7 +6412,7 @@ var stagingConfig = _objectSpread2(_objectSpread2({}, config), {}, {
   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/'
+  savedCardsApiUrl: 'https://saved-cards-api.public.paystack.studio/'
 });
 var productionConfig = _objectSpread2(_objectSpread2({}, config), {}, {
   checkoutUrl: 'https://checkout.paystack.com/',
@@ -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,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;
@@ -18567,50 +18612,178 @@ var CardAPI = {
       return ChargeResponses.parse(response.data);
     });
   },
-  requestOtpForSavedCards: function requestOtpForSavedCards(phoneNumber) {
-    var url = new URL("/authorize/".concat(phoneNumber), configToUse.savedCardsApiUrl).toString();
-    var language = getLanguage();
+  requestSavedCardsOTP: function requestSavedCardsOTP(phoneNumber) {
+    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);
 
@@ -18631,7 +18804,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);
     });
   },
@@ -18647,7 +18820,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 = {
@@ -18786,18 +18959,67 @@ var CardCharge = {
     };
     return this.listenForCharge(listenerOptions, callback);
   },
-  requestOtpForSavedCards: function requestOtpForSavedCards(phoneNumber) {
-    return CardAPI.requestOtpForSavedCards(phoneNumber);
+  requestSavedCardsOTP: function requestSavedCardsOTP(phoneNumber) {
+    return CardAPI.requestSavedCardsOTP(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 _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
+    });
   }
 };
 
@@ -18952,7 +19174,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);
 
@@ -18970,14 +19192,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 = {
@@ -18996,7 +19218,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,
@@ -19013,7 +19235,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,
@@ -19238,7 +19460,7 @@ var QrAPI = {
   }
 };
 
-function validate$2(channel) {
+function validate$1(channel) {
   return new Promise(function (resolve, reject) {
     var allowedChannels = ['visa', 'MPASS_OLTI'];
 
@@ -19256,7 +19478,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];
       }
@@ -19278,7 +19500,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()'));
       }
@@ -19399,7 +19621,7 @@ var MobileMoneyAPI = {
   }
 };
 
-function validate$1(phoneNumber) {
+function validate(phoneNumber) {
   return new Promise(function (resolve, reject) {
     var validation = PhoneNumber.validate(phoneNumber);
 
@@ -19420,7 +19642,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 = {
@@ -19451,7 +19673,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 = {
@@ -19507,233 +19729,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,
@@ -19924,7 +19919,6 @@ var ChargeFunctions = {
       ussd: USSDCharge,
       qr: QRCharge,
       mobile_money: MobileMoneyCharge,
-      phone: PhoneNumberCharge,
       direct_debit: DirectDebitCharge,
       bank_transfer: PayWithTransferCharge,
       eft: EFT,
@@ -20354,6 +20348,7 @@ 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
@@ -20397,51 +20392,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",
@@ -20739,4 +20690,129 @@ 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;
+    this.merchant = {
+      id: data.merchant_id,
+      logo: data.merchant_logo,
+      name: data.merchant_name,
+      key: data.merchant_key
+    };
+    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.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 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 };