@paystack/checkout-js 1.19.0-dev.9 → 1.20.0-dev.1

package/lib/checkout.js

@@ -6408,7 +6408,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/',
@@ -6416,7 +6416,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/',
@@ -6434,37 +6434,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 +6607,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;
@@ -11602,7 +11647,7 @@ var PayattitudeAPI = {
   }
 };
 
-var paymentMethod$6 = 'payattitude';
+var paymentMethod$7 = 'payattitude';
 var PayattitudeCharge = {
   chargePayattitude: function chargePayattitude(_ref) {
     var _this = this;
@@ -11613,7 +11658,7 @@ var PayattitudeCharge = {
       phoneNumber: phoneNumber
     };
     return PayattitudeAPI.charge(params).then(function (response) {
-      _this.logAPIResponse(response, paymentMethod$6);
+      _this.logAPIResponse(response, paymentMethod$7);
 
       return response;
     });
@@ -11621,7 +11666,7 @@ var PayattitudeCharge = {
   listenForPayattitudeCharge: function listenForPayattitudeCharge(callback) {
     var pusherChannel = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
     var listenerOptions = {
-      paymentMethod: paymentMethod$6,
+      paymentMethod: paymentMethod$7,
       channel: pusherChannel
     };
     return this.listenForCharge(listenerOptions, callback);
@@ -11704,7 +11749,7 @@ var ApplePayAPI = {
   }
 };
 
-var paymentMethod$5 = 'apple pay';
+var paymentMethod$6 = 'apple pay';
 var ApplePayCharge = {
   validateApplePaySession: function validateApplePaySession(_ref) {
     var _this = this;
@@ -11712,7 +11757,7 @@ var ApplePayCharge = {
     var sessionUrl = _ref.sessionUrl,
         displayName = _ref.displayName,
         domainName = _ref.domainName;
-    this.logAttempt(paymentMethod$5);
+    this.logAttempt(paymentMethod$6);
     return ApplePayAPI.validateApplePaySession({
       sessionUrl: sessionUrl,
       displayName: displayName,
@@ -11733,7 +11778,7 @@ var ApplePayCharge = {
       device: this.deviceFingerprint,
       paymentObject: paymentObject
     }).then(function (response) {
-      _this2.logAPIResponse(response, paymentMethod$5);
+      _this2.logAPIResponse(response, paymentMethod$6);
 
       return response;
     });
@@ -11789,12 +11834,12 @@ var PayPalAPI = {
   }
 };
 
-var paymentMethod$4 = 'paypal';
+var paymentMethod$5 = 'paypal';
 var PayPalCharge = {
   createPayPalOrder: function createPayPalOrder() {
     var _this = this;
 
-    this.logAttempt(paymentMethod$4);
+    this.logAttempt(paymentMethod$5);
     return PayPalAPI.createOrder(this.id).then(function (response) {
       _this.logAPIResponseMessage(response.message);
 
@@ -11805,7 +11850,7 @@ var PayPalCharge = {
     var _this2 = this;
 
     return PayPalAPI.captureOrder(this.id).then(function (response) {
-      _this2.logAPIResponse(response, paymentMethod$4);
+      _this2.logAPIResponse(response, paymentMethod$5);
 
       return response;
     });
@@ -17193,55 +17238,7 @@ function encrypt(toEncrypt) {
   return jsEncrypt.encrypt(toEncrypt);
 }
 
-var DESCRIPTORS = descriptors;
-var uncurryThis$1 = functionUncurryThis;
-var objectKeys = objectKeys$3;
-var toIndexedObject = toIndexedObject$8;
-var $propertyIsEnumerable = objectPropertyIsEnumerable.f;
-
-var propertyIsEnumerable = uncurryThis$1($propertyIsEnumerable);
-var push = uncurryThis$1([].push);
-
-// `Object.{ entries, values }` methods implementation
-var createMethod = function (TO_ENTRIES) {
-  return function (it) {
-    var O = toIndexedObject(it);
-    var keys = objectKeys(O);
-    var length = keys.length;
-    var i = 0;
-    var result = [];
-    var key;
-    while (length > i) {
-      key = keys[i++];
-      if (!DESCRIPTORS || propertyIsEnumerable(O, key)) {
-        push(result, TO_ENTRIES ? [key, O[key]] : O[key]);
-      }
-    }
-    return result;
-  };
-};
-
-var objectToArray = {
-  // `Object.entries` method
-  // https://tc39.es/ecma262/#sec-object.entries
-  entries: createMethod(true),
-  // `Object.values` method
-  // https://tc39.es/ecma262/#sec-object.values
-  values: createMethod(false)
-};
-
 var $$2 = _export;
-var $values = objectToArray.values;
-
-// `Object.values` method
-// https://tc39.es/ecma262/#sec-object.values
-$$2({ target: 'Object', stat: true }, {
-  values: function values(O) {
-    return $values(O);
-  }
-});
-
-var $$1 = _export;
 var $find = arrayIteration.find;
 var addToUnscopables = addToUnscopables$3;
 
@@ -17253,7 +17250,7 @@ if (FIND in []) Array(1)[FIND](function () { SKIPS_HOLES = false; });
 
 // `Array.prototype.find` method
 // https://tc39.es/ecma262/#sec-array.prototype.find
-$$1({ target: 'Array', proto: true, forced: SKIPS_HOLES }, {
+$$2({ target: 'Array', proto: true, forced: SKIPS_HOLES }, {
   find: function find(callbackfn /* , that = undefined */) {
     return $find(this, callbackfn, arguments.length > 1 ? arguments[1] : undefined);
   }
@@ -18201,56 +18198,136 @@ var cardValidator = {
   creditCardType: creditCardType_1
 };
 
-var testCards = [{
-  type: 'bank_auth',
-  name: 'Bank authorization',
-  number: '4084080000000409',
-  cvv: '000',
-  month: '01',
-  year: '30'
-}, {
-  type: 'success',
-  name: 'Success',
-  number: '4084084084084081',
-  cvv: '408',
-  month: '12',
-  year: '30'
-}, {
-  type: 'declined',
-  name: 'Declined',
-  number: '4084080000005408',
-  cvv: '001',
-  month: '12',
-  year: '30'
-}, {
-  type: 'pin',
-  name: 'Pin only validation',
-  number: '507850785078507812',
-  cvv: '884',
-  month: '01',
-  year: '30'
-}, {
-  type: 'pin+otp',
-  name: 'Pin and OTP validation',
-  number: '5060666666666666666',
-  cvv: '123',
-  month: '01',
-  year: '30'
-}, {
-  type: 'pin+phone+otp',
-  name: 'Pin, phone and OTP validation',
-  number: '507850785078507812',
-  cvv: '884',
-  month: '01',
-  year: '30'
-}, {
-  type: 'default',
-  name: 'No validation',
-  number: '4084084084084081',
-  cvv: '408',
-  month: '01',
-  year: '30'
-}];
+var DESCRIPTORS = descriptors;
+var uncurryThis$1 = functionUncurryThis;
+var objectKeys = objectKeys$3;
+var toIndexedObject = toIndexedObject$8;
+var $propertyIsEnumerable = objectPropertyIsEnumerable.f;
+
+var propertyIsEnumerable = uncurryThis$1($propertyIsEnumerable);
+var push = uncurryThis$1([].push);
+
+// `Object.{ entries, values }` methods implementation
+var createMethod = function (TO_ENTRIES) {
+  return function (it) {
+    var O = toIndexedObject(it);
+    var keys = objectKeys(O);
+    var length = keys.length;
+    var i = 0;
+    var result = [];
+    var key;
+    while (length > i) {
+      key = keys[i++];
+      if (!DESCRIPTORS || propertyIsEnumerable(O, key)) {
+        push(result, TO_ENTRIES ? [key, O[key]] : O[key]);
+      }
+    }
+    return result;
+  };
+};
+
+var objectToArray = {
+  // `Object.entries` method
+  // https://tc39.es/ecma262/#sec-object.entries
+  entries: createMethod(true),
+  // `Object.values` method
+  // https://tc39.es/ecma262/#sec-object.values
+  values: createMethod(false)
+};
+
+var $$1 = _export;
+var $values = objectToArray.values;
+
+// `Object.values` method
+// https://tc39.es/ecma262/#sec-object.values
+$$1({ target: 'Object', stat: true }, {
+  values: function values(O) {
+    return $values(O);
+  }
+});
+
+var Card$2 = {
+  getEncryptedPin: function getEncryptedPin(pin) {
+    return pin ? encrypt(pin) : undefined;
+  },
+  getLast4: function getLast4(number) {
+    return number.substring(number.length - 4);
+  },
+  tokenize: function tokenize(_ref) {
+    var number = _ref.number,
+        cvv = _ref.cvv,
+        month = _ref.month,
+        year = _ref.year;
+    return encrypt("".concat(number, "*").concat(cvv, "*").concat(month, "*").concat(year));
+  },
+  getType: function getType(value) {
+    var response = cardValidator.number(value);
+
+    if (response && response.card) {
+      return {
+        type: response.card.type,
+        maxLength: Math.max.apply(Math, _toConsumableArray(response.card.lengths)),
+        minLength: Math.min.apply(Math, _toConsumableArray(response.card.lengths))
+      };
+    }
+
+    return {
+      type: null,
+      maxLength: 0
+    };
+  },
+  validate: function validate(_ref2) {
+    var number = _ref2.number,
+        cvv = _ref2.cvv,
+        month = _ref2.month,
+        year = _ref2.year;
+
+    var _this$getType = this.getType(number),
+        cardType = _this$getType.type;
+
+    var result = {
+      number: this.isNumberValid(number),
+      expiry: this.isExpiryValid({
+        month: month,
+        year: year
+      }),
+      cvv: this.isCvvValid(cvv, cardType)
+    };
+    var isValid = Object.values(result).every(function (value) {
+      return value === true;
+    });
+    return {
+      isValid: isValid,
+      result: result
+    };
+  },
+  validateNumber: function validateNumber(value) {
+    return cardValidator.number(value);
+  },
+  isNumberValid: function isNumberValid(value) {
+    return Card$2.validateNumber(value).isValid;
+  },
+  validateCVV: function validateCVV(cvv, cardType) {
+    var isAmexCard = cardType === 'american-express';
+    var cvvLength = isAmexCard ? 4 : 3;
+    return cardValidator.cvv(cvv, cvvLength);
+  },
+  isCvvValid: function isCvvValid(cvv, cardType) {
+    return Card$2.validateCVV(cvv, cardType).isValid;
+  },
+  validateExpiry: function validateExpiry(value) {
+    if (_typeof$1(value) === 'object') {
+      var month = value.month,
+          year = value.year;
+      return cardValidator.expirationMonth(month) && cardValidator.expirationYear(year);
+    }
+
+    return cardValidator.expirationDate(value);
+  },
+  isExpiryValid: function isExpiryValid(value) {
+    return Card$2.validateExpiry(value).isValid;
+  }
+};
 
 cardValidator.creditCardType.addCard({
   niceType: 'Verve',
@@ -18265,7 +18342,7 @@ cardValidator.creditCardType.addCard({
 });
 cardValidator.creditCardType.changeOrder('verve', 0);
 
-var Card = /*#__PURE__*/function () {
+var Card$1 = /*#__PURE__*/function () {
   function Card(_ref) {
     var number = _ref.number,
         cvv = _ref.cvv,
@@ -18285,35 +18362,27 @@ var Card = /*#__PURE__*/function () {
   _createClass(Card, [{
     key: "getEncryptedPin",
     value: function getEncryptedPin() {
-      return this.pin ? encrypt(this.pin) : undefined;
+      return Card$2.getEncryptedPin(this.pin);
     }
   }, {
     key: "getLast4",
     value: function getLast4() {
-      return this.number.substring(this.number.length - 4);
+      return Card$2.getLast4(this.number);
     }
   }, {
     key: "tokenize",
     value: function tokenize() {
-      return encrypt("".concat(this.number, "*").concat(this.cvv, "*").concat(this.month, "*").concat(this.year));
+      return Card$2.tokenize({
+        number: this.number,
+        cvv: this.cvv,
+        month: this.month,
+        year: this.year
+      });
     }
   }], [{
     key: "getType",
     value: function getType(value) {
-      var response = cardValidator.number(value);
-
-      if (response && response.card) {
-        return {
-          type: response.card.type,
-          maxLength: Math.max.apply(Math, _toConsumableArray(response.card.lengths)),
-          minLength: Math.min.apply(Math, _toConsumableArray(response.card.lengths))
-        };
-      }
-
-      return {
-        type: null,
-        maxLength: 0
-      };
+      return Card$2.getType(value);
     }
   }, {
     key: "validate",
@@ -18322,63 +18391,42 @@ var Card = /*#__PURE__*/function () {
           cvv = _ref2.cvv,
           month = _ref2.month,
           year = _ref2.year;
-
-      var _Card$getType = Card.getType(number),
-          cardType = _Card$getType.type;
-
-      var result = {
-        number: Card.isNumberValid(number),
-        expiry: Card.isExpiryValid({
-          month: month,
-          year: year
-        }),
-        cvv: Card.isCvvValid(cvv, cardType)
-      };
-      var isValid = Object.values(result).every(function (value) {
-        return value === true;
+      return Card$2.validate({
+        number: number,
+        cvv: cvv,
+        month: month,
+        year: year
       });
-      return {
-        isValid: isValid,
-        result: result
-      };
     }
   }, {
     key: "validateNumber",
     value: function validateNumber(value) {
-      return cardValidator.number(value);
+      return Card$2.validateNumber(value);
     }
   }, {
     key: "isNumberValid",
     value: function isNumberValid(value) {
-      return Card.validateNumber(value).isValid;
+      return Card$2.isNumberValid(value);
     }
   }, {
     key: "validateCVV",
     value: function validateCVV(cvv, cardType) {
-      var isAmexCard = cardType === 'american-express';
-      var cvvLength = isAmexCard ? 4 : 3;
-      return cardValidator.cvv(cvv, cvvLength);
+      return Card$2.validateCVV(cvv, cardType);
     }
   }, {
     key: "isCvvValid",
     value: function isCvvValid(cvv, cardType) {
-      return Card.validateCVV(cvv, cardType).isValid;
+      return Card$2.isCvvValid(cvv, cardType);
     }
   }, {
     key: "validateExpiry",
     value: function validateExpiry(value) {
-      if (_typeof$1(value) === 'object') {
-        var month = value.month,
-            year = value.year;
-        return cardValidator.expirationMonth(month) && cardValidator.expirationYear(year);
-      }
-
-      return cardValidator.expirationDate(value);
+      return Card$2.validateExpiry(value);
     }
   }, {
     key: "isExpiryValid",
     value: function isExpiryValid(value) {
-      return Card.validateExpiry(value).isValid;
+      return Card$2.isExpiryValid(value);
     }
   }, {
     key: "generateTestCard",
@@ -18394,7 +18442,7 @@ var Card = /*#__PURE__*/function () {
   return Card;
 }();
 
-var CardAPI = {
+var CardAPI$1 = {
   charge: function charge(_ref) {
     var clientdata = _ref.clientdata,
         last4 = _ref.last4,
@@ -18571,7 +18619,7 @@ var CardAPI = {
       return ChargeResponses.parse(response.data);
     });
   },
-  requestOtpForSavedCards: function requestOtpForSavedCards(phoneNumber) {
+  requestSavedCardsOTP: function requestSavedCardsOTP(phoneNumber) {
     return _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
       var url, language, headers, _yield$axiosInstance$, data;
 
@@ -18602,23 +18650,22 @@ var CardAPI = {
       }, _callee);
     }))();
   },
-  verifySavedCardsOtp: function verifySavedCardsOtp(_ref6) {
+  addUserToSavedCards: function addUserToSavedCards(_ref6) {
     return _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee2() {
-      var code, phone, transaction, url, language, headers, data, response;
+      var phone, email, 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();
+              phone = _ref6.phone, email = _ref6.email;
+              url = new URL('/user', configToUse.savedCardsApiUrl).toString();
               language = getLanguage();
               headers = _objectSpread2({}, language && {
                 'Accept-Language': language
               });
               data = {
-                code: code,
                 phone: phone,
-                transaction: transaction
+                email: email
               };
               _context2.next = 7;
               return axiosInstance.post(url, data, {
@@ -18637,32 +18684,34 @@ var CardAPI = {
       }, _callee2);
     }))();
   },
-  getSavedCards: function getSavedCards(_ref7) {
+  verifySavedCardsOtp: function verifySavedCardsOtp(_ref7) {
     return _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee3() {
-      var token, url, language, headers, response;
+      var code, phone, transaction, url, language, headers, data, 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();
+              code = _ref7.code, phone = _ref7.phone, transaction = _ref7.transaction;
+              url = new URL('/authorize/verify', configToUse.savedCardsApiUrl).toString();
               language = getLanguage();
-              headers = _objectSpread2({
-                Authorization: "Bearer ".concat(token),
-                'jwt-auth': true
-              }, language && {
+              headers = _objectSpread2({}, language && {
                 'Accept-Language': language
               });
-              _context3.next = 6;
-              return axiosInstance.get(url, {
+              data = {
+                code: code,
+                phone: phone,
+                transaction: transaction
+              };
+              _context3.next = 7;
+              return axiosInstance.post(url, data, {
                 headers: headers
               });
 
-            case 6:
+            case 7:
               response = _context3.sent;
               return _context3.abrupt("return", response.data);
 
-            case 8:
+            case 9:
             case "end":
               return _context3.stop();
           }
@@ -18670,15 +18719,15 @@ var CardAPI = {
       }, _callee3);
     }))();
   },
-  deleteSavedCard: function deleteSavedCard(_ref8) {
+  getSavedCards: function getSavedCards(_ref8) {
     return _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee4() {
-      var cardCode, token, url, language, headers, response;
+      var 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();
+              token = _ref8.token;
+              url = new URL('/cards', configToUse.savedCardsApiUrl).toString();
               language = getLanguage();
               headers = _objectSpread2({
                 Authorization: "Bearer ".concat(token),
@@ -18687,7 +18736,7 @@ var CardAPI = {
                 'Accept-Language': language
               });
               _context4.next = 6;
-              return axiosInstance.delete(url, {
+              return axiosInstance.get(url, {
                 headers: headers
               });
 
@@ -18703,15 +18752,15 @@ var CardAPI = {
       }, _callee4);
     }))();
   },
-  chargeSavedCard: function chargeSavedCard(_ref9) {
+  deleteSavedCard: function deleteSavedCard(_ref9) {
     return _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee5() {
-      var token, device, cardCode, transaction, selectedCurrency, url, language, headers, data;
+      var cardCode, token, url, language, headers, response;
       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();
+              cardCode = _ref9.cardCode, token = _ref9.token;
+              url = new URL("/cards/".concat(cardCode), configToUse.savedCardsApiUrl).toString();
               language = getLanguage();
               headers = _objectSpread2({
                 Authorization: "Bearer ".concat(token),
@@ -18719,32 +18768,65 @@ var CardAPI = {
               }, language && {
                 'Accept-Language': language
               });
-              data = {
-                device: device,
-                transaction: transaction,
-                selectedCurrency: selectedCurrency
-              };
-              return _context5.abrupt("return", axiosInstance.post(url, data, {
+              _context5.next = 6;
+              return axiosInstance.delete(url, {
                 headers: headers
-              }).then(function (response) {
-                return ChargeResponses.parse(response.data);
-              }));
+              });
 
             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,
+                selectedCurrency: 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);
+    }))();
   }
 };
 
-var paymentMethod$3 = 'card';
+var paymentMethod$4 = 'card';
 
-function validate$3(card, isSetter) {
+function validate$4(card, isSetter) {
   return new Promise(function (resolve, reject) {
-    var validation = Card.validate(card);
+    var validation = Card$1.validate(card);
 
     if (!validation.isValid) {
       var throwValidation = isSetter || card.number;
@@ -18763,8 +18845,8 @@ var CardCharge = {
   setCard: function setCard(params) {
     var _this = this;
 
-    return validate$3(params, true).then(function () {
-      _this.card = new Card(params);
+    return validate$4(params, true).then(function () {
+      _this.card = new Card$1(params);
     });
   },
   rememberCard: function rememberCard() {
@@ -18779,8 +18861,8 @@ var CardCharge = {
       return this.chargeCardWithPin(customFields);
     }
 
-    return validate$3(this.card).then(function () {
-      _this2.logAttempt(paymentMethod$3);
+    return validate$4(this.card).then(function () {
+      _this2.logAttempt(paymentMethod$4);
 
       var chargeParams = {
         clientdata: _this2.card.tokenize(),
@@ -18793,8 +18875,8 @@ var CardCharge = {
         subscription: _this2.subscription,
         customFields: customFields
       };
-      return CardAPI.charge(chargeParams).then(function (response) {
-        _this2.logAPIResponse(response, paymentMethod$3);
+      return CardAPI$1.charge(chargeParams).then(function (response) {
+        _this2.logAPIResponse(response, paymentMethod$4);
 
         return response;
       });
@@ -18809,7 +18891,7 @@ var CardCharge = {
     var _this3 = this;
 
     var customFields = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-    this.logAttempt(paymentMethod$3);
+    this.logAttempt(paymentMethod$4);
     var chargeParams = {
       pin: encrypt(this.card.pin),
       trans: this.id,
@@ -18819,8 +18901,8 @@ var CardCharge = {
       subscription: this.subscription,
       customFields: customFields
     };
-    return CardAPI.charge(chargeParams).then(function (response) {
-      _this3.logAPIResponse(response, paymentMethod$3);
+    return CardAPI$1.charge(chargeParams).then(function (response) {
+      _this3.logAPIResponse(response, paymentMethod$4);
 
       return response;
     });
@@ -18832,7 +18914,7 @@ var CardCharge = {
         authorizationCode = _ref.authorizationCode,
         cardLast4 = _ref.cardLast4,
         pin = _ref.pin;
-    this.logAttempt(paymentMethod$3);
+    this.logAttempt(paymentMethod$4);
     var encryptedPin = encrypt(pin);
     var chargeParams = {
       authorizationCode: authorizationCode,
@@ -18844,8 +18926,8 @@ var CardCharge = {
       transactionType: this.transactionType,
       subscription: this.subscription
     };
-    return CardAPI.chargeRememberedCard(chargeParams).then(function (response) {
-      _this4.logAPIResponse(response, paymentMethod$3);
+    return CardAPI$1.chargeRememberedCard(chargeParams).then(function (response) {
+      _this4.logAPIResponse(response, paymentMethod$4);
 
       return response;
     });
@@ -18863,8 +18945,8 @@ var CardCharge = {
       device: this.deviceFingerprint
     });
 
-    return CardAPI.resumeCardCharge(params).then(function (response) {
-      _this5.logAPIResponse(response, paymentMethod$3);
+    return CardAPI$1.resumeCardCharge(params).then(function (response) {
+      _this5.logAPIResponse(response, paymentMethod$4);
 
       return response;
     });
@@ -18876,8 +18958,8 @@ var CardCharge = {
       authorizationId: authorizationId,
       publicKey: this.merchant.key
     };
-    return CardAPI.forgetRememberedCard(params).then(function (response) {
-      _this6.logAPIResponse(response, paymentMethod$3);
+    return CardAPI$1.forgetRememberedCard(params).then(function (response) {
+      _this6.logAPIResponse(response, paymentMethod$4);
 
       return response;
     });
@@ -18885,8 +18967,8 @@ var CardCharge = {
   authenticateCard: function authenticateCard(token) {
     var _this7 = this;
 
-    return CardAPI.authenticate(this.id, token).then(function (response) {
-      _this7.logAPIResponse(response, paymentMethod$3);
+    return CardAPI$1.authenticate(this.id, token).then(function (response) {
+      _this7.logAPIResponse(response, paymentMethod$4);
 
       return response;
     });
@@ -18905,8 +18987,8 @@ var CardCharge = {
       zipCode: zipCode,
       transactionId: this.id
     };
-    return CardAPI.verifyAddress(payload).then(function (response) {
-      _this8.logAPIResponse(response, paymentMethod$3);
+    return CardAPI$1.verifyAddress(payload).then(function (response) {
+      _this8.logAPIResponse(response, paymentMethod$4);
 
       return response;
     });
@@ -18914,14 +18996,21 @@ var CardCharge = {
   listenFor3DSCharge: function listenFor3DSCharge(callback) {
     var listenerOptions = {
       channel: "3DS_".concat(this.id),
-      paymentMethod: paymentMethod$3
+      paymentMethod: paymentMethod$4
     };
     return this.listenForCharge(listenerOptions, callback);
   },
-  requestOtpForSavedCards: function requestOtpForSavedCards(phoneNumber) {
-    return CardAPI.requestOtpForSavedCards(phoneNumber);
+  requestSavedCardsOTP: function requestSavedCardsOTP(phoneNumber) {
+    return CardAPI$1.requestSavedCardsOTP(phoneNumber);
+  },
+  addUserToSavedCards: function addUserToSavedCards(_ref4) {
+    var phone = _ref4.phone;
+    return CardAPI$1.addUserToSavedCards({
+      phone: phone,
+      email: this.email
+    });
   },
-  verifySavedCardsOtp: function verifySavedCardsOtp(_ref4) {
+  verifySavedCardsOtp: function verifySavedCardsOtp(_ref5) {
     var _this9 = this;
 
     return _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
@@ -18930,7 +19019,7 @@ var CardCharge = {
         while (1) {
           switch (_context.prev = _context.next) {
             case 0:
-              code = _ref4.code, phone = _ref4.phone;
+              code = _ref5.code, phone = _ref5.phone;
               payload = {
                 code: code,
                 phone: phone,
@@ -18938,7 +19027,7 @@ var CardCharge = {
               };
               _context.prev = 2;
               _context.next = 5;
-              return CardAPI.verifySavedCardsOtp(payload);
+              return CardAPI$1.verifySavedCardsOtp(payload);
 
             case 5:
               response = _context.sent;
@@ -18949,7 +19038,7 @@ var CardCharge = {
               _context.prev = 10;
               _context.t0 = _context["catch"](2);
               _this9.savedCardsToken = null;
-              return _context.abrupt("return", new Error(_context.t0));
+              throw _context.t0;
 
             case 14:
             case "end":
@@ -18960,19 +19049,19 @@ var CardCharge = {
     }))();
   },
   getSavedCards: function getSavedCards() {
-    return CardAPI.getSavedCards({
+    return CardAPI$1.getSavedCards({
       token: this.savedCardsToken
     });
   },
   deleteSavedCard: function deleteSavedCard(cardCode) {
-    return CardAPI.deleteSavedCard({
+    return CardAPI$1.deleteSavedCard({
       cardCode: cardCode,
       token: this.savedCardsToken
     });
   },
-  chargeSavedCard: function chargeSavedCard(_ref5) {
-    var cardCode = _ref5.cardCode;
-    return CardAPI.chargeSavedCard({
+  chargeSavedCard: function chargeSavedCard(_ref6) {
+    var cardCode = _ref6.cardCode;
+    return CardAPI$1.chargeSavedCard({
       cardCode: cardCode,
       transaction: this.id,
       token: this.savedCardsToken,
@@ -19131,9 +19220,9 @@ var EMandateAPI = {
   }
 };
 
-var paymentMethod$2 = 'bank account';
+var paymentMethod$3 = 'bank account';
 
-function validate$2(bankAccount, isSetter) {
+function validate$3(bankAccount, isSetter) {
   return new Promise(function (resolve, reject) {
     var validation = BankAccount.validate(bankAccount);
 
@@ -19151,15 +19240,15 @@ var EMandate = {
   setBankAccount: function setBankAccount(params) {
     var _this = this;
 
-    return validate$2(params, true).then(function () {
+    return validate$3(params, true).then(function () {
       _this.bankAccount = new BankAccount(params);
     });
   },
   chargeBankAccount: function chargeBankAccount() {
     var _this2 = this;
 
-    return validate$2(this.bankAccount).then(function () {
-      _this2.logAttempt(paymentMethod$2);
+    return validate$3(this.bankAccount).then(function () {
+      _this2.logAttempt(paymentMethod$3);
 
       var verifyParams = {
         bankId: _this2.bankAccount.bankId,
@@ -19168,7 +19257,7 @@ var EMandate = {
         device: _this2.deviceFingerprint
       };
       return EMandateAPI.verify(verifyParams).then(function (response) {
-        _this2.logAPIResponse(response, paymentMethod$2);
+        _this2.logAPIResponse(response, paymentMethod$3);
 
         return response;
       });
@@ -19177,7 +19266,7 @@ var EMandate = {
   registerBankAccount: function registerBankAccount(birthday) {
     var _this3 = this;
 
-    return validate$2(this.bankAccount).then(function () {
+    return validate$3(this.bankAccount).then(function () {
       var registerParams = {
         bankId: _this3.bankAccount.bankId,
         transactionId: _this3.id,
@@ -19185,7 +19274,7 @@ var EMandate = {
         birthday: birthday
       };
       return EMandateAPI.register(registerParams).then(function (response) {
-        _this3.logAPIResponse(response, paymentMethod$2);
+        _this3.logAPIResponse(response, paymentMethod$3);
 
         return response;
       });
@@ -19194,7 +19283,7 @@ var EMandate = {
   authenticateBankAccount: function authenticateBankAccount(token) {
     var _this4 = this;
 
-    return validate$2(this.bankAccount).then(function () {
+    return validate$3(this.bankAccount).then(function () {
       var chargeParams = {
         bankId: _this4.bankAccount.bankId,
         transactionId: _this4.id,
@@ -19202,7 +19291,7 @@ var EMandate = {
         device: _this4.deviceFingerprint
       };
       return EMandateAPI.authenticate(chargeParams).then(function (response) {
-        _this4.logAPIResponse(response, paymentMethod$2);
+        _this4.logAPIResponse(response, paymentMethod$3);
 
         return response;
       });
@@ -19263,7 +19352,7 @@ var DigitalBankMandateAPI = {
   }
 };
 
-var paymentMethod$1 = 'bank';
+var paymentMethod$2 = 'bank';
 var DigitalBankMandate = {
   chargeDigitalBankMandate: function chargeDigitalBankMandate(_ref) {
     var _this = this;
@@ -19278,7 +19367,7 @@ var DigitalBankMandate = {
       bankId: bankId
     };
     return DigitalBankMandateAPI.charge(params).then(function (response) {
-      _this.logAPIResponse(response, paymentMethod$1);
+      _this.logAPIResponse(response, paymentMethod$2);
 
       return response;
     });
@@ -19286,7 +19375,7 @@ var DigitalBankMandate = {
   listenForDigitalBankMandateCharge: function listenForDigitalBankMandateCharge(callback) {
     var pusherChannel = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
     var listenerOptions = {
-      paymentMethod: paymentMethod$1,
+      paymentMethod: paymentMethod$2,
       channel: pusherChannel
     };
     return this.listenForCharge(listenerOptions, callback);
@@ -19419,7 +19508,7 @@ var QrAPI = {
   }
 };
 
-function validate$1(channel) {
+function validate$2(channel) {
   return new Promise(function (resolve, reject) {
     var allowedChannels = ['visa', 'MPASS_OLTI'];
 
@@ -19437,7 +19526,7 @@ var QRCharge = {
     var _this = this;
 
     var channel = _ref.channel;
-    return validate$1(channel).then(function () {
+    return validate$2(channel).then(function () {
       if (_this.qr[channel]) {
         return _this.qr[channel];
       }
@@ -19459,7 +19548,7 @@ var QRCharge = {
     var _this2 = this;
 
     var channel = _ref2.channel;
-    return validate$1(channel).then(function () {
+    return validate$2(channel).then(function () {
       if (!_this2.qr[channel]) {
         return Promise.reject(Error('Please generate qr code with Transaction.getQRCode()'));
       }
@@ -19580,7 +19669,7 @@ var MobileMoneyAPI = {
   }
 };
 
-function validate(phoneNumber) {
+function validate$1(phoneNumber) {
   return new Promise(function (resolve, reject) {
     var validation = PhoneNumber.validate(phoneNumber);
 
@@ -19601,7 +19690,7 @@ var MobileMoneyCharge = {
         provider = _ref.provider,
         voucher = _ref.voucher,
         registrationToken = _ref.registrationToken;
-    return validate(phoneNumber).then(function () {
+    return validate$1(phoneNumber).then(function () {
       _this.logAttempt('mobile money');
 
       var params = {
@@ -19632,7 +19721,7 @@ var MobileMoneyCharge = {
     var phoneNumber = payload.phoneNumber,
         provider = payload.provider,
         registrationToken = payload.registrationToken;
-    return validate(phoneNumber).then(function () {
+    return validate$1(phoneNumber).then(function () {
       _this2.logMobileMoneyActions(payload);
 
       var params = {
@@ -19772,7 +19861,7 @@ var DirectDebitAPI = {
   }
 };
 
-var paymentMethod = 'direct debit';
+var paymentMethod$1 = 'direct debit';
 var DirectDebitCharge = {
   loginToDirectDebitAccount: function loginToDirectDebitAccount(_ref) {
     var _this = this;
@@ -19818,14 +19907,14 @@ var DirectDebitCharge = {
       return Promise.reject(Error('Please login with Transaction.loginToDirectDebitAccount() to start a Direct debit charge'));
     }
 
-    this.logAttempt(paymentMethod);
+    this.logAttempt(paymentMethod$1);
     var params = {
       account_code: accountCode,
       transaction: this.id,
       token: this.directDebit.token
     };
     return DirectDebitAPI.charge(params).then(function (response) {
-      _this2.logAPIResponse(response, paymentMethod);
+      _this2.logAPIResponse(response, paymentMethod$1);
 
       if (response.status) {
         _this2.directDebit.chargeResponse = response;
@@ -19838,7 +19927,7 @@ var DirectDebitCharge = {
     var _this3 = this;
 
     return DirectDebitAPI.getProvisionedAccounts(this.directDebit.token).then(function (response) {
-      _this3.logAPIResponse(response, paymentMethod);
+      _this3.logAPIResponse(response, paymentMethod$1);
 
       var status = response.status,
           data = response.data;
@@ -19863,7 +19952,7 @@ var DirectDebitCharge = {
       token: this.directDebit.token
     };
     return DirectDebitAPI.authenticate(params).then(function (response) {
-      _this4.logAPIResponse(response, paymentMethod);
+      _this4.logAPIResponse(response, paymentMethod$1);
 
       return response;
     });
@@ -20307,8 +20396,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;
-    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 +20440,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 +20738,522 @@ var Toolkit = /*#__PURE__*/function () {
   return Toolkit;
 }();
 
+cardValidator.creditCardType.addCard({
+  niceType: 'Verve',
+  type: 'verve',
+  patterns: [[506000, 507999], [650000, 650009]],
+  gaps: [4, 8, 12, 16],
+  lengths: [16, 18, 19],
+  code: {
+    name: 'CVV',
+    size: 3
+  }
+});
+cardValidator.creditCardType.changeOrder('verve', 0);
+
+var Card = /*#__PURE__*/function () {
+  function Card(_ref) {
+    var number = _ref.number,
+        cvv = _ref.cvv,
+        month = _ref.month,
+        year = _ref.year,
+        pin = _ref.pin;
+
+    _classCallCheck(this, Card);
+
+    this.number = number;
+    this.cvv = cvv;
+    this.month = month;
+    this.year = year;
+    this.pin = pin;
+  }
+
+  _createClass(Card, [{
+    key: "getEncryptedPin",
+    value: function getEncryptedPin() {
+      return Card$2.getEncryptedPin(this.pin);
+    }
+  }, {
+    key: "getLast4",
+    value: function getLast4() {
+      return Card$2.getLast4(this.number);
+    }
+  }, {
+    key: "tokenize",
+    value: function tokenize() {
+      return Card$2.tokenize({
+        number: this.number,
+        cvv: this.cvv,
+        month: this.month,
+        year: this.year
+      });
+    }
+  }], [{
+    key: "getType",
+    value: function getType(value) {
+      return Card$2.getType(value);
+    }
+  }, {
+    key: "validate",
+    value: function validate(_ref2) {
+      var number = _ref2.number,
+          cvv = _ref2.cvv,
+          month = _ref2.month,
+          year = _ref2.year;
+      return Card$2.validate({
+        number: number,
+        cvv: cvv,
+        month: month,
+        year: year
+      });
+    }
+  }, {
+    key: "validateNumber",
+    value: function validateNumber(value) {
+      return Card$2.validateNumber(value);
+    }
+  }, {
+    key: "isNumberValid",
+    value: function isNumberValid(value) {
+      return Card$2.isNumberValid(value);
+    }
+  }, {
+    key: "validateCVV",
+    value: function validateCVV(cvv, cardType) {
+      return Card$2.validateCVV(cvv, cardType);
+    }
+  }, {
+    key: "isCvvValid",
+    value: function isCvvValid(cvv, cardType) {
+      return Card$2.isCvvValid(cvv, cardType);
+    }
+  }, {
+    key: "validateExpiry",
+    value: function validateExpiry(value) {
+      return Card$2.validateExpiry(value);
+    }
+  }, {
+    key: "isExpiryValid",
+    value: function isExpiryValid(value) {
+      return Card$2.isExpiryValid(value);
+    }
+  }, {
+    key: "generateTestCard",
+    value: function generateTestCard(cardType) {
+      var type = cardType || 'default';
+      var cardParams = testCards.find(function (card) {
+        return card.type === type;
+      });
+      return new Card(cardParams);
+    }
+  }]);
+
+  return Card;
+}();
+
+var CardAPI = {
+  reserve: function reserve(_ref) {
+    var clientdata = _ref.clientdata,
+        last4 = _ref.last4,
+        preauthorizationId = _ref.preauthorizationId;
+    var url = "".concat(configToUse.paystackApiUrl, "preauthorization/reserve");
+    var language = getLanguage();
+
+    var headers = _objectSpread2({}, language && {
+      'Accept-Language': language
+    });
+
+    return axiosInstance.post(url, {
+      clientdata: clientdata,
+      last4: last4,
+      preauthorization: preauthorizationId
+    }, {
+      headers: headers
+    }).then(function (response) {
+      return ChargeResponses.parse(response.data);
+    });
+  } // charge({
+  //   clientdata,
+  //   last4,
+  //   pin,
+  //   trans,
+  //   device,
+  //   rememberCard,
+  //   transactionType,
+  //   subscription,
+  //   customFields,
+  // }) {
+  //   const url = `${config.paymentBaseUrl}charge/`;
+  //   const language = getLanguage();
+  //   const headers = {
+  //     'Content-Type': 'application/x-www-form-urlencoded',
+  //     ...(language && { 'Accept-Language': language }),
+  //   };
+  //   const chargeParams = {
+  //     clientdata,
+  //     last4,
+  //     trans,
+  //     device,
+  //     offset: new Date().getTimezoneOffset(),
+  //     remember_card: rememberCard,
+  //     ...(transactionType && { transaction_type: transactionType }),
+  //     ...(subscription && { subscription }),
+  //     ...(customFields && customFields),
+  //   };
+  //   if (pin) {
+  //     chargeParams.handle = pin;
+  //   }
+  //   const urlEncodedParams = formurlencoded(chargeParams);
+  //   return axiosInstance
+  //     .post(url, urlEncodedParams, { headers })
+  //     .then((response) => ChargeResponses.parse(response.data));
+  // },
+  // resumeCardCharge({ device, accessCode, pin }) {
+  //   const url = `${config.paymentBaseUrl}charge/resume/${accessCode}`;
+  //   const language = getLanguage();
+  //   const headers = {
+  //     'Content-Type': 'application/x-www-form-urlencoded',
+  //     ...(language && { 'Accept-Language': language }),
+  //   };
+  //   const data = { device, ...(pin && { handle: pin }) };
+  //   const urlEncodedData = formurlencoded(data);
+  //   return axiosInstance
+  //     .post(url, urlEncodedData, { headers })
+  //     .then((response) => ChargeResponses.parse(response.data));
+  // },
+  // chargeRememberedCard({
+  //   last4,
+  //   trans,
+  //   device,
+  //   authorizationCode,
+  //   cvv,
+  //   pin,
+  //   transactionType,
+  //   subscription,
+  // }) {
+  //   const url = `${config.paymentBaseUrl}charge/`;
+  //   const language = getLanguage();
+  //   const headers = {
+  //     'Content-Type': 'application/x-www-form-urlencoded',
+  //     ...(language && { 'Accept-Language': language }),
+  //   };
+  //   const chargeParams = {
+  //     last4,
+  //     trans,
+  //     device,
+  //     cvv,
+  //     handle: pin,
+  //     authorization_code: authorizationCode,
+  //     ...(transactionType && { transaction_type: transactionType }),
+  //     ...(subscription && { subscription }),
+  //   };
+  //   const urlEncodedParams = formurlencoded(chargeParams);
+  //   return axiosInstance
+  //     .post(url, urlEncodedParams, { headers })
+  //     .then((response) => ChargeResponses.parse(response.data));
+  // },
+  // verifyAddress({ address, city, state, zipCode, transactionId }) {
+  //   const url = `${config.paymentBaseUrl}charge/avs`;
+  //   const language = getLanguage();
+  //   const headers = {
+  //     'Content-Type': 'application/x-www-form-urlencoded',
+  //     ...(language && { 'Accept-Language': language }),
+  //   };
+  //   const data = {
+  //     city,
+  //     state,
+  //     address,
+  //     zip_code: zipCode,
+  //     trans: transactionId,
+  //   };
+  //   const urlEncodedData = formurlencoded(data);
+  //   return axiosInstance
+  //     .post(url, urlEncodedData, { headers })
+  //     .then((response) => ChargeResponses.parse(response.data));
+  // },
+  // forgetRememberedCard({ authorizationId, publicKey }) {
+  //   const language = getLanguage();
+  //   const headers = {
+  //     Authorization: `Bearer ${publicKey}`,
+  //     ...(language && { 'Accept-Language': language }),
+  //   };
+  //   const params = {
+  //     authorization_id: authorizationId,
+  //   };
+  //   const url = `${config.paystackApiUrl}rememberme/forget_card`;
+  //   return axiosInstance
+  //     .post(url, params, { headers })
+  //     .then((response) => ChargeResponses.parse(response.data));
+  // },
+
+};
+
+var paymentMethod = 'card';
+
+function validate(card, isSetter) {
+  return new Promise(function (resolve, reject) {
+    var validation = Card.validate(card);
+
+    if (!validation.isValid) {
+      var throwValidation = isSetter || card.number;
+      var errors = Object.keys(validation.result).filter(function (value) {
+        return validation.result[value] === false;
+      });
+      var errorMessage = "Invalid card details: ".concat(errors.join(', '));
+      reject(Error(throwValidation ? errorMessage : 'Please set a valid card with setCard()'));
+    }
+
+    resolve();
+  });
+}
+
+var ReserveCardFunds = {
+  setCard: function setCard(params) {
+    var _this = this;
+
+    return validate(params, true).then(function () {
+      _this.card = new Card(params);
+    });
+  },
+  reserve: function reserve(preauthorizationId) {
+    var _this2 = this;
+
+    var customFields = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+    // TODO: Log payment method
+    // https://paystack.atlassian.net/browse/RAILS-3070
+    return validate(this.card).then(function () {
+      var chargeParams = {
+        clientdata: _this2.card.tokenize(),
+        last4: _this2.card.getLast4(),
+        preauthorization: preauthorizationId,
+        customFields: customFields
+      };
+      return CardAPI.charge(chargeParams).then(function (response) {
+        // TODO: Log API Response
+        // https://paystack.atlassian.net/browse/RAILS-3070
+        return response;
+      });
+    });
+  },
+  listenFor3DSCharge: function listenFor3DSCharge(callback) {
+    var listenerOptions = {
+      channel: "3DS_".concat(this.id),
+      paymentMethod: paymentMethod
+    };
+    return this.listenForCharge(listenerOptions, callback);
+  } // rememberCard() {
+  //   this.remember_card = true;
+  // },
+  // chargeCard(customFields = {}) {
+  //   if (!this.card.number && this.card.pin) {
+  //     return this.chargeCardWithPin(customFields);
+  //   }
+  //   return validate(this.card).then(() => {
+  //     this.logAttempt(paymentMethod);
+  //     const chargeParams = {
+  //       clientdata: this.card.tokenize(),
+  //       last4: this.card.getLast4(),
+  //       pin: this.card.getEncryptedPin(),
+  //       trans: this.id,
+  //       device: this.deviceFingerprint,
+  //       rememberCard: this.remember_card,
+  //       transactionType: this.transactionType,
+  //       subscription: this.subscription,
+  //       customFields,
+  //     };
+  //     return CardAPI.charge(chargeParams).then((response) => {
+  //       this.logAPIResponse(response, paymentMethod);
+  //       return response;
+  //     });
+  //   });
+  // },
+
+  /**
+   * Handles submitting a card pin after
+   * other card details have been previously submitted.
+   */
+  // chargeCardWithPin(customFields = {}) {
+  //   this.logAttempt(paymentMethod);
+  //   const chargeParams = {
+  //     pin: encrypt(this.card.pin),
+  //     trans: this.id,
+  //     device: this.deviceFingerprint,
+  //     rememberCard: this.remember_card,
+  //     transactionType: this.transactionType,
+  //     subscription: this.subscription,
+  //     customFields,
+  //   };
+  //   return CardAPI.charge(chargeParams).then((response) => {
+  //     this.logAPIResponse(response, paymentMethod);
+  //     return response;
+  //   });
+  // },
+  // chargeRememberedCard({ cvv, authorizationCode, cardLast4, pin }) {
+  //   this.logAttempt(paymentMethod);
+  //   const encryptedPin = encrypt(pin);
+  //   const chargeParams = {
+  //     authorizationCode,
+  //     cvv,
+  //     last4: cardLast4,
+  //     trans: this.id,
+  //     device: this.deviceFingerprint,
+  //     pin: encryptedPin,
+  //     transactionType: this.transactionType,
+  //     subscription: this.subscription,
+  //   };
+  //   return CardAPI.chargeRememberedCard(chargeParams).then((response) => {
+  //     this.logAPIResponse(response, paymentMethod);
+  //     return response;
+  //   });
+  // },
+  // resumeCardCharge({ accessCode, pin }) {
+  //   const params = {
+  //     ...(pin && { pin: encrypt(pin) }),
+  //     accessCode,
+  //     device: this.deviceFingerprint,
+  //   };
+  //   return CardAPI.resumeCardCharge(params).then((response) => {
+  //     this.logAPIResponse(response, paymentMethod);
+  //     return response;
+  //   });
+  // },
+  // forgetRememberedCard(authorizationId) {
+  //   const params = {
+  //     authorizationId,
+  //     publicKey: this.merchant.key,
+  //   };
+  //   return CardAPI.forgetRememberedCard(params).then((response) => {
+  //     this.logAPIResponse(response, paymentMethod);
+  //     return response;
+  //   });
+  // },
+  // authenticateCard(token) {
+  //   return CardAPI.authenticate(this.id, token).then((response) => {
+  //     this.logAPIResponse(response, paymentMethod);
+  //     return response;
+  //   });
+  // },
+  // verifyAddress({ address, city, state, zipCode }) {
+  //   const payload = {
+  //     city,
+  //     state,
+  //     address,
+  //     zipCode,
+  //     transactionId: this.id,
+  //   };
+  //   return CardAPI.verifyAddress(payload).then((response) => {
+  //     this.logAPIResponse(response, paymentMethod);
+  //     return response;
+  //   });
+  // },
+
+};
+
+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: Analytics
+    // https://paystack.atlassian.net/browse/RAILS-3070
+
+    Object.assign(this, ReserveCardFunds);
+  }
+
+  _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.Card = Card$1;
+exports.Preauthorization = Preauthorization;
 exports.Toolkit = Toolkit;
 exports.Transaction = Transaction;