@monei-js/components 1.2.0 → 1.5.0

package/dist/components.esm.js

@@ -826,8 +826,6 @@ var loadScript = function loadScript(src, dataset) {
 
     var script = document.createElement('script');
     script.src = src;
-    script.async = true;
-    script.defer = true;
 
     script.onload = function () {
       return resolve();
@@ -973,20 +971,36 @@ var globalConfig = {
   paypalUrl: domain + "/" + version + "/inner-paypal/",
   bizumUrl: domain + "/" + version + "/inner-bizum/",
   bizumButtonUrl: domain + "/" + version + "/inner-bizum-button/",
+  cofidisUrl: domain + "/" + version + "/inner-cofidis/",
+  cofidisButtonUrl: domain + "/" + version + "/inner-cofidis-button/",
+  cofidisWidgetUrl: domain + "/" + version + "/inner-cofidis-widget/",
+  cofidisLoanUrl: domain + "/" + version + "/inner-cofidis-loan/",
+  cofidisLoanButtonUrl: domain + "/" + version + "/inner-cofidis-loan-button/",
+  cofidisLoanWidgetUrl: domain + "/" + version + "/inner-cofidis-loan-widget/",
   googlePayUrl: domain + "/" + version + "/inner-google-pay/",
-  paymentRequestUrl: domain + "/" + version + "/inner-payment-request/"
+  paymentRequestUrl: domain + "/" + version + "/inner-payment-request/",
+  click2PayUrl: domain + "/" + version + "/inner-click2pay/",
+  click2PayButtonUrl: domain + "/" + version + "/inner-click2pay-button/"
 };
 var stageConfig = {
   local: {
     paymentPageUrl: "http://192.168.18.3:8080/",
     posPaymentPageUrl: "http://192.168.18.3:8080/",
     cardInputUrl: "http://192.168.18.3:3001/" + version + "/inner-card-input/",
-    paymentModalUrl: "https://monei-payment-modal.eu.ngrok.io/" + version + "/inner-payment-modal/",
+    paymentModalUrl: "http://192.168.18.3:3002/" + version + "/inner-payment-modal/",
     paypalUrl: "http://192.168.18.3:3003/" + version + "/inner-paypal/",
     bizumUrl: "http://192.168.18.3:3004/" + version + "/inner-bizum/",
     bizumButtonUrl: "http://192.168.18.3:3005/" + version + "/inner-bizum-button/",
     googlePayUrl: "http://192.168.18.3:3006/" + version + "/inner-google-pay/",
     paymentRequestUrl: "https://monei-payment-request.eu.ngrok.io/" + version + "/inner-payment-request/",
+    click2PayUrl: "http://192.168.18.3:3008/inner-click2pay/",
+    click2PayButtonUrl: "http://192.168.18.3:3009/inner-click2pay-button/",
+    cofidisUrl: "http://192.168.18.3:3010/" + version + "/inner-cofidis/",
+    cofidisButtonUrl: "http://192.168.18.3:3011/" + version + "/inner-cofidis-button/",
+    cofidisWidgetUrl: "http://192.168.18.3:3012/" + version + "/inner-cofidis-widget/",
+    cofidisLoanUrl: "http://192.168.18.3:3013/" + version + "/inner-cofidis-loan/",
+    cofidisLoanButtonUrl: "http://192.168.18.3:3014/" + version + "/inner-cofidis-loan-button/",
+    cofidisLoanWidgetUrl: "http://192.168.18.3:3015/" + version + "/inner-cofidis-loan-widget/",
     apiUrl: 'https://api.microapps-staging.com/v1',
     secureDomain: 'https://secure.microapps-staging.com'
   },
@@ -1001,65 +1015,45 @@ var stageConfig = {
 };
 var config = /*#__PURE__*/_extends({}, globalConfig, stageConfig[stage]);
 
-var getPaymentMethods = /*#__PURE__*/function () {
-  var _ref2 = /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee(_ref) {
-    var accountId, paymentId, params, query, res, result;
+var request = /*#__PURE__*/function () {
+  var _ref = /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee(url, _temp) {
+    var _ref2, _ref2$method, method, headers, body, res, _yield$withError, result;
+
     return runtime_1.wrap(function _callee$(_context) {
       while (1) {
         switch (_context.prev = _context.next) {
           case 0:
-            accountId = _ref.accountId, paymentId = _ref.paymentId;
-
-            if (!paymentId) {
-              _context.next = 5;
-              break;
-            }
-
-            params = {
-              paymentId: paymentId
-            };
-            _context.next = 10;
-            break;
-
-          case 5:
-            if (!accountId) {
-              _context.next = 9;
-              break;
-            }
-
-            params = {
-              accountId: accountId
-            };
-            _context.next = 10;
-            break;
-
-          case 9:
-            throw new Error('You need to provide paymentId or accountId');
-
-          case 10:
-            query = stringify(params);
-            _context.next = 13;
-            return fetch(config.apiUrl + "/payment-methods?" + query);
+            _ref2 = _temp === void 0 ? {} : _temp, _ref2$method = _ref2.method, method = _ref2$method === void 0 ? 'GET' : _ref2$method, headers = _ref2.headers, body = _ref2.body;
+            if (method === 'POST') headers = _extends({
+              'Content-Type': 'application/json'
+            }, headers);
+            _context.next = 4;
+            return fetch("" + config.apiUrl + url, {
+              method: method,
+              headers: headers,
+              body: body ? JSON.stringify(body) : undefined
+            });
 
-          case 13:
+          case 4:
             res = _context.sent;
-            _context.next = 16;
-            return res.json();
+            _context.next = 7;
+            return withError(res.json());
 
-          case 16:
-            result = _context.sent;
+          case 7:
+            _yield$withError = _context.sent;
+            result = _yield$withError[1];
 
             if (res.ok) {
-              _context.next = 19;
+              _context.next = 11;
               break;
             }
 
-            throw result;
+            throw result || new Error(res.statusText);
 
-          case 19:
+          case 11:
             return _context.abrupt("return", result);
 
-          case 20:
+          case 12:
           case "end":
             return _context.stop();
         }
@@ -1067,18 +1061,20 @@ var getPaymentMethods = /*#__PURE__*/function () {
     }, _callee);
   }));
 
-  return function getPaymentMethods(_x) {
-    return _ref2.apply(this, arguments);
+  return function request(_x, _x2) {
+    return _ref.apply(this, arguments);
   };
 }();
-var createToken = /*#__PURE__*/function () {
+
+var pmCache = {};
+var getPaymentMethods = /*#__PURE__*/function () {
   var _ref4 = /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee2(_ref3) {
-    var paymentMethod, paymentId, sessionId, amount, currency, accountId, params, res, result;
+    var accountId, paymentId, params, query, promise;
     return runtime_1.wrap(function _callee2$(_context2) {
       while (1) {
         switch (_context2.prev = _context2.next) {
           case 0:
-            paymentMethod = _ref3.paymentMethod, paymentId = _ref3.paymentId, sessionId = _ref3.sessionId, amount = _ref3.amount, currency = _ref3.currency, accountId = _ref3.accountId;
+            accountId = _ref3.accountId, paymentId = _ref3.paymentId;
 
             if (!paymentId) {
               _context2.next = 5;
@@ -1086,8 +1082,7 @@ var createToken = /*#__PURE__*/function () {
             }
 
             params = {
-              paymentId: paymentId,
-              paymentMethod: paymentMethod
+              paymentId: paymentId
             };
             _context2.next = 10;
             break;
@@ -1099,11 +1094,7 @@ var createToken = /*#__PURE__*/function () {
             }
 
             params = {
-              accountId: accountId,
-              paymentMethod: paymentMethod,
-              sessionId: sessionId,
-              amount: amount,
-              currency: currency
+              accountId: accountId
             };
             _context2.next = 10;
             break;
@@ -1112,35 +1103,21 @@ var createToken = /*#__PURE__*/function () {
             throw new Error('You need to provide paymentId or accountId');
 
           case 10:
-            _context2.next = 12;
-            return fetch(config.apiUrl + "/tokens", {
-              method: 'POST',
-              headers: {
-                'Content-Type': 'application/json',
-                'Client-Env': getClientEnv()
-              },
-              body: JSON.stringify(params)
-            });
-
-          case 12:
-            res = _context2.sent;
-            _context2.next = 15;
-            return res.json();
-
-          case 15:
-            result = _context2.sent;
+            query = stringify(params);
 
-            if (res.ok) {
-              _context2.next = 18;
+            if (!pmCache[query]) {
+              _context2.next = 13;
               break;
             }
 
-            throw result;
+            return _context2.abrupt("return", pmCache[query]);
 
-          case 18:
-            return _context2.abrupt("return", result);
+          case 13:
+            promise = request("/payment-methods?" + query);
+            pmCache[query] = promise;
+            return _context2.abrupt("return", promise);
 
-          case 19:
+          case 16:
           case "end":
             return _context2.stop();
         }
@@ -1148,39 +1125,60 @@ var createToken = /*#__PURE__*/function () {
     }, _callee2);
   }));
 
-  return function createToken(_x2) {
+  return function getPaymentMethods(_x3) {
     return _ref4.apply(this, arguments);
   };
 }();
-var getPayment = /*#__PURE__*/function () {
-  var _ref5 = /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee3(paymentId) {
-    var res, result;
+var createToken = /*#__PURE__*/function () {
+  var _ref6 = /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee3(_ref5) {
+    var paymentMethod, paymentId, sessionId, amount, currency, accountId, body;
     return runtime_1.wrap(function _callee3$(_context3) {
       while (1) {
         switch (_context3.prev = _context3.next) {
           case 0:
-            _context3.next = 2;
-            return fetch(config.apiUrl + "/payments/" + paymentId + "/client-get");
+            paymentMethod = _ref5.paymentMethod, paymentId = _ref5.paymentId, sessionId = _ref5.sessionId, amount = _ref5.amount, currency = _ref5.currency, accountId = _ref5.accountId;
 
-          case 2:
-            res = _context3.sent;
-            _context3.next = 5;
-            return res.json();
+            if (!paymentId) {
+              _context3.next = 5;
+              break;
+            }
 
-          case 5:
-            result = _context3.sent;
+            body = {
+              paymentId: paymentId,
+              paymentMethod: paymentMethod
+            };
+            _context3.next = 10;
+            break;
 
-            if (res.ok) {
-              _context3.next = 8;
+          case 5:
+            if (!accountId) {
+              _context3.next = 9;
               break;
             }
 
-            throw result;
-
-          case 8:
-            return _context3.abrupt("return", result);
+            body = {
+              accountId: accountId,
+              paymentMethod: paymentMethod,
+              sessionId: sessionId,
+              amount: amount,
+              currency: currency
+            };
+            _context3.next = 10;
+            break;
 
           case 9:
+            throw new Error('You need to provide paymentId or accountId');
+
+          case 10:
+            return _context3.abrupt("return", request('/tokens', {
+              method: 'POST',
+              headers: {
+                'Client-Env': getClientEnv()
+              },
+              body: body
+            }));
+
+          case 11:
           case "end":
             return _context3.stop();
         }
@@ -1188,47 +1186,19 @@ var getPayment = /*#__PURE__*/function () {
     }, _callee3);
   }));
 
-  return function getPayment(_x3) {
-    return _ref5.apply(this, arguments);
+  return function createToken(_x4) {
+    return _ref6.apply(this, arguments);
   };
 }();
-var confirmPayment = /*#__PURE__*/function () {
-  var _ref7 = /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee4(_ref6) {
-    var paymentId, params, res, result;
+var getPayment = /*#__PURE__*/function () {
+  var _ref7 = /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee4(paymentId) {
     return runtime_1.wrap(function _callee4$(_context4) {
       while (1) {
         switch (_context4.prev = _context4.next) {
           case 0:
-            paymentId = _ref6.paymentId, params = /*#__PURE__*/_objectWithoutPropertiesLoose(_ref6, ["paymentId"]);
-            _context4.next = 3;
-            return fetch(config.apiUrl + "/payments/" + paymentId + "/client-confirm", {
-              method: 'POST',
-              headers: {
-                'Content-Type': 'application/json',
-                'Client-Env': getClientEnv()
-              },
-              body: JSON.stringify(params)
-            });
-
-          case 3:
-            res = _context4.sent;
-            _context4.next = 6;
-            return res.json();
-
-          case 6:
-            result = _context4.sent;
-
-            if (res.ok) {
-              _context4.next = 9;
-              break;
-            }
-
-            throw result;
-
-          case 9:
-            return _context4.abrupt("return", result);
+            return _context4.abrupt("return", request("/payments/" + paymentId + "/client-get"));
 
-          case 10:
+          case 1:
           case "end":
             return _context4.stop();
         }
@@ -1236,48 +1206,27 @@ var confirmPayment = /*#__PURE__*/function () {
     }, _callee4);
   }));
 
-  return function confirmPayment(_x4) {
+  return function getPayment(_x5) {
     return _ref7.apply(this, arguments);
   };
 }();
-var createPayment = /*#__PURE__*/function () {
+var confirmPayment = /*#__PURE__*/function () {
   var _ref9 = /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee5(_ref8) {
-    var signature, params, res, result;
+    var paymentId, body;
     return runtime_1.wrap(function _callee5$(_context5) {
       while (1) {
         switch (_context5.prev = _context5.next) {
           case 0:
-            signature = _ref8.signature, params = /*#__PURE__*/_objectWithoutPropertiesLoose(_ref8, ["signature"]);
-            _context5.next = 3;
-            return fetch(config.apiUrl + "/client-payments", {
+            paymentId = _ref8.paymentId, body = /*#__PURE__*/_objectWithoutPropertiesLoose(_ref8, ["paymentId"]);
+            return _context5.abrupt("return", request("/payments/" + paymentId + "/client-confirm", {
               method: 'POST',
               headers: {
-                'Content-Type': 'application/json',
-                'Client-Env': getClientEnv(),
-                'Client-Signature': signature
+                'Client-Env': getClientEnv()
               },
-              body: JSON.stringify(params)
-            });
-
-          case 3:
-            res = _context5.sent;
-            _context5.next = 6;
-            return res.json();
-
-          case 6:
-            result = _context5.sent;
-
-            if (res.ok) {
-              _context5.next = 9;
-              break;
-            }
-
-            throw result;
-
-          case 9:
-            return _context5.abrupt("return", result);
+              body: body
+            }));
 
-          case 10:
+          case 2:
           case "end":
             return _context5.stop();
         }
@@ -1285,50 +1234,28 @@ var createPayment = /*#__PURE__*/function () {
     }, _callee5);
   }));
 
-  return function createPayment(_x5) {
+  return function confirmPayment(_x6) {
     return _ref9.apply(this, arguments);
   };
 }();
-var sendPaymentReceipt = /*#__PURE__*/function () {
+var createPayment = /*#__PURE__*/function () {
   var _ref11 = /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee6(_ref10) {
-    var paymentId, customerEmail, signature, language, res, result;
+    var signature, body;
     return runtime_1.wrap(function _callee6$(_context6) {
       while (1) {
         switch (_context6.prev = _context6.next) {
           case 0:
-            paymentId = _ref10.paymentId, customerEmail = _ref10.customerEmail, signature = _ref10.signature, language = _ref10.language;
-            _context6.next = 3;
-            return fetch(config.apiUrl + "/payments/" + paymentId + "/client-receipt", {
+            signature = _ref10.signature, body = /*#__PURE__*/_objectWithoutPropertiesLoose(_ref10, ["signature"]);
+            return _context6.abrupt("return", request('/client-payments', {
               method: 'POST',
               headers: {
-                'Content-Type': 'application/json'
+                'Client-Env': getClientEnv(),
+                'Client-Signature': signature
               },
-              body: JSON.stringify({
-                customerEmail: customerEmail,
-                signature: signature,
-                language: language
-              })
-            });
-
-          case 3:
-            res = _context6.sent;
-            _context6.next = 6;
-            return res.json();
-
-          case 6:
-            result = _context6.sent;
-
-            if (res.ok) {
-              _context6.next = 9;
-              break;
-            }
-
-            throw result;
-
-          case 9:
-            return _context6.abrupt("return", result);
+              body: body
+            }));
 
-          case 10:
+          case 2:
           case "end":
             return _context6.stop();
         }
@@ -1336,54 +1263,80 @@ var sendPaymentReceipt = /*#__PURE__*/function () {
     }, _callee6);
   }));
 
-  return function sendPaymentReceipt(_x6) {
+  return function createPayment(_x7) {
     return _ref11.apply(this, arguments);
   };
 }();
-var createApplePaySession = /*#__PURE__*/function () {
-  var _ref12 = /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee7(params) {
-    var res, result;
+var sendPaymentReceipt = /*#__PURE__*/function () {
+  var _ref13 = /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee7(_ref12) {
+    var paymentId, customerEmail, signature, language;
     return runtime_1.wrap(function _callee7$(_context7) {
       while (1) {
         switch (_context7.prev = _context7.next) {
           case 0:
-            _context7.next = 2;
-            return fetch(config.apiUrl + "/apple-pay/sessions", {
+            paymentId = _ref12.paymentId, customerEmail = _ref12.customerEmail, signature = _ref12.signature, language = _ref12.language;
+            return _context7.abrupt("return", request("/payments/" + paymentId + "/client-receipt", {
               method: 'POST',
-              headers: {
-                'Content-Type': 'application/json'
-              },
-              body: JSON.stringify(params)
-            });
+              body: {
+                customerEmail: customerEmail,
+                signature: signature,
+                language: language
+              }
+            }));
 
           case 2:
-            res = _context7.sent;
-            _context7.next = 5;
-            return res.json();
-
-          case 5:
-            result = _context7.sent;
+          case "end":
+            return _context7.stop();
+        }
+      }
+    }, _callee7);
+  }));
 
-            if (res.ok) {
-              _context7.next = 8;
-              break;
-            }
+  return function sendPaymentReceipt(_x8) {
+    return _ref13.apply(this, arguments);
+  };
+}();
+var createApplePaySession = /*#__PURE__*/function () {
+  var _ref14 = /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee8(body) {
+    return runtime_1.wrap(function _callee8$(_context8) {
+      while (1) {
+        switch (_context8.prev = _context8.next) {
+          case 0:
+            return _context8.abrupt("return", request("/apple-pay/sessions", {
+              method: 'POST',
+              body: body
+            }));
 
-            throw result;
+          case 1:
+          case "end":
+            return _context8.stop();
+        }
+      }
+    }, _callee8);
+  }));
 
-          case 8:
-            return _context7.abrupt("return", result);
+  return function createApplePaySession(_x9) {
+    return _ref14.apply(this, arguments);
+  };
+}();
+var calculateFinancing = /*#__PURE__*/function () {
+  var _ref15 = /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee9(req) {
+    return runtime_1.wrap(function _callee9$(_context9) {
+      while (1) {
+        switch (_context9.prev = _context9.next) {
+          case 0:
+            return _context9.abrupt("return", request("/calculate-financing?" + stringify(req)));
 
-          case 9:
+          case 1:
           case "end":
-            return _context7.stop();
+            return _context9.stop();
         }
       }
-    }, _callee7);
+    }, _callee9);
   }));
 
-  return function createApplePaySession(_x7) {
-    return _ref12.apply(this, arguments);
+  return function calculateFinancing(_x10) {
+    return _ref15.apply(this, arguments);
   };
 }();
 
@@ -1395,7 +1348,8 @@ var _api = {
   confirmPayment: confirmPayment,
   createPayment: createPayment,
   sendPaymentReceipt: sendPaymentReceipt,
-  createApplePaySession: createApplePaySession
+  createApplePaySession: createApplePaySession,
+  calculateFinancing: calculateFinancing
 };
 
 var postRobot = createCommonjsModule(function (module, exports) {
@@ -14144,7 +14098,7 @@ var getCreateTokenFunction = function getCreateTokenFunction(ref) {
 };
 
 var createToken$1 = /*#__PURE__*/function () {
-  var _ref = /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee(component) {
+  var _ref = /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee(component, options) {
     var _yield$getCreateToken, data;
 
     return runtime_1.wrap(function _callee$(_context) {
@@ -14152,7 +14106,7 @@ var createToken$1 = /*#__PURE__*/function () {
         switch (_context.prev = _context.next) {
           case 0:
             _context.next = 2;
-            return getCreateTokenFunction(component)();
+            return getCreateTokenFunction(component)(options);
 
           case 2:
             _yield$getCreateToken = _context.sent;
@@ -14167,7 +14121,7 @@ var createToken$1 = /*#__PURE__*/function () {
     }, _callee);
   }));
 
-  return function createToken(_x) {
+  return function createToken(_x, _x2) {
     return _ref.apply(this, arguments);
   };
 }();
@@ -14240,12 +14194,16 @@ var options = {
   },
   validate: validateComponentProps,
   containerTemplate: function containerTemplate$1(params) {
-    params.state.__createToken = function () {
+    params.state.__createToken = function (data) {
+      if (data === void 0) {
+        data = {};
+      }
+
       if (!params.frame) {
         throw new Error('CardInput instance is not registered');
       }
 
-      return postRobot$3.send(params.frame.contentWindow, CREATE_TOKEN_EVENT, {}, {
+      return postRobot$3.send(params.frame.contentWindow, CREATE_TOKEN_EVENT, data, {
         domain: config.domain
       });
     };
@@ -14318,6 +14276,10 @@ var options$1 = {
       type: zoid.PROP_TYPE.OBJECT,
       required: false
     },
+    paymentMethod: {
+      type: zoid.PROP_TYPE.OBJECT,
+      required: false
+    },
     billingDetails: {
       type: zoid.PROP_TYPE.OBJECT,
       required: false
@@ -14597,12 +14559,20 @@ var options$2 = {
       alias: 'innerStyle',
       required: false
     },
-    __onLoadPayPal: {
+    __getConfig: {
       type: zoid.PROP_TYPE.FUNCTION,
       required: false,
       value: function value(_ref2) {
-        var props = _ref2.props,
-            state = _ref2.state;
+        var props = _ref2.props;
+        return getPaymentMethods.bind(null, props);
+      }
+    },
+    __onLoadPayPal: {
+      type: zoid.PROP_TYPE.FUNCTION,
+      required: false,
+      value: function value(_ref3) {
+        var props = _ref3.props,
+            state = _ref3.state;
         return onLoadPaypal.bind(null, props, state);
       }
     }
@@ -14727,7 +14697,7 @@ var options$3 = {
       type: zoid.PROP_TYPE.FUNCTION,
       required: false
     },
-    onSuccess: {
+    onSubmit: {
       type: zoid.PROP_TYPE.FUNCTION,
       required: false
     },
@@ -14811,15 +14781,27 @@ var options$4 = {
       alias: 'innerStyle',
       required: false
     },
-    __onClick: {
+    __getConfig: {
       type: zoid.PROP_TYPE.FUNCTION,
       required: false,
       value: function value(_ref) {
         var props = _ref.props;
+        return getPaymentMethods.bind(null, props);
+      }
+    },
+    __onClick: {
+      type: zoid.PROP_TYPE.FUNCTION,
+      required: false,
+      value: function value(_ref2) {
+        var props = _ref2.props;
         var rootNode = document.createElement('div');
         document.body.appendChild(rootNode);
-        return function () {
+        return function (_ref3) {
+          var amount = _ref3.amount,
+              currency = _ref3.currency;
           var bizumModal = new BizumModal(_extends({}, props, {
+            amount: amount,
+            currency: currency,
             onClose: function onClose() {
               window.onpopstate = null;
               document.body.style.overflow = '';
@@ -14845,50 +14827,654 @@ var options$4 = {
 };
 var Bizum = /*#__PURE__*/zoid.create(options$4);
 
-// @ts-ignore
-var options$5 = {
-  tag: 'monei-google-pay',
-  url: config.googlePayUrl,
-  dimensions: {
-    width: '100%',
-    height: '0'
-  },
-  autoResize: {
-    width: false,
-    height: true
-  },
-  validate: validateComponentProps,
-  containerTemplate: containerTemplate,
-  prerenderTemplate: function prerenderTemplate() {
-    return undefined;
-  },
-  props: {
-    accountId: {
-      type: zoid.PROP_TYPE.STRING,
-      required: false
-    },
-    sessionId: {
-      type: zoid.PROP_TYPE.STRING,
-      required: false
-    },
-    paymentId: {
-      type: zoid.PROP_TYPE.STRING,
-      required: false
-    },
-    amount: {
-      type: zoid.PROP_TYPE.NUMBER,
-      required: false
-    },
-    currency: {
-      type: zoid.PROP_TYPE.STRING,
-      required: false
-    },
-    language: {
-      type: zoid.PROP_TYPE.STRING,
-      required: false
-    },
-    onError: {
-      type: zoid.PROP_TYPE.FUNCTION,
+var EVENT$1;
+
+(function (EVENT) {
+  EVENT["BEFORE_CLOSE"] = "BEFORE_CLOSE";
+})(EVENT$1 || (EVENT$1 = {}));
+
+function containerTemplate$2(_ref) {
+  var uid = _ref.uid,
+      frame = _ref.frame,
+      prerenderFrame = _ref.prerenderFrame,
+      doc = _ref.doc,
+      props = _ref.props,
+      event = _ref.event,
+      _ref$dimensions = _ref.dimensions,
+      width = _ref$dimensions.width,
+      height = _ref$dimensions.height;
+
+  if (!frame || !prerenderFrame) {
+    return;
+  }
+
+  var div = doc.createElement('div');
+  var backdrop = doc.createElement('div');
+  div.setAttribute('id', uid);
+  backdrop.classList.add('backdrop');
+  div.appendChild(backdrop);
+  var style = doc.createElement('style');
+
+  if (props.cspNonce) {
+    style.setAttribute('nonce', props.cspNonce);
+  }
+
+  style.appendChild(doc.createTextNode("\n      #" + uid + " {\n          position: fixed;\n          overflow: hidden;\n          display: block;\n          top: 0;\n          bottom: 0;\n          left: 0;\n          right: 0;\n          width: " + width + ";\n          height: " + height + ";\n          z-index: 99999;\n      }\n      #" + uid + " > .backdrop {\n          position: fixed;\n          display: block;\n          top: 0;\n          bottom: 0;\n          left: 0;\n          right: 0;\n          width: 100%;\n          height: 100%;\n          background-color: rgba(40, 40, 40, 0.7);\n          transition: opacity 0.35s ease-in-out;\n          opacity: 0;\n          will-change: opacity;\n      }\n      #" + uid + " > .backdrop." + CLASS.VISIBLE + " {\n          opacity: 1;\n      }\n      #" + uid + " > iframe {\n          display: inline-block;\n          position: absolute;\n          width: 100%;\n          height: 100%;\n          top: 0;\n          left: 0;\n          transition: all .2s ease-in-out;\n      }\n      #" + uid + " > iframe." + CLASS.INVISIBLE + " {\n          opacity: 0;\n      }\n      #" + uid + " > iframe." + CLASS.VISIBLE + " {\n          opacity: 1;\n      }\n    "));
+  div.appendChild(frame);
+  div.appendChild(prerenderFrame);
+  div.appendChild(style);
+  prerenderFrame.classList.add(CLASS.VISIBLE);
+  frame.classList.add(CLASS.INVISIBLE);
+  setTimeout(function () {
+    backdrop.classList.add(CLASS.VISIBLE);
+  }, 1);
+  event.on(zoid.EVENT.RENDERED, function () {
+    prerenderFrame.classList.remove(CLASS.VISIBLE);
+    prerenderFrame.classList.add(CLASS.INVISIBLE);
+    frame.classList.remove(CLASS.INVISIBLE);
+    frame.classList.add(CLASS.VISIBLE);
+    setTimeout(function () {
+      belter$3.destroyElement(prerenderFrame);
+    }, 1);
+  });
+  event.on(EVENT$1.BEFORE_CLOSE, function () {
+    backdrop.classList.remove(CLASS.VISIBLE);
+  });
+  event.on(zoid.EVENT.RESIZE, function (_ref2) {
+    var newWidth = _ref2.width,
+        newHeight = _ref2.height;
+
+    if (typeof newWidth === 'number') {
+      div.style.width = belter$3.toCSS(newWidth);
+    }
+
+    if (typeof newHeight === 'number') {
+      div.style.height = belter$3.toCSS(newHeight);
+    }
+  });
+  return div;
+}
+
+// @ts-ignore
+var options$5 = {
+  tag: 'monei-cofidis',
+  url: config.cofidisUrl,
+  dimensions: {
+    width: '100%',
+    height: '100%'
+  },
+  autoResize: {
+    width: false,
+    height: false
+  },
+  prerenderTemplate: function prerenderTemplate() {
+    return undefined;
+  },
+  containerTemplate: containerTemplate$2,
+  props: {
+    paymentId: {
+      type: zoid.PROP_TYPE.STRING,
+      required: false
+    },
+    amount: {
+      type: zoid.PROP_TYPE.NUMBER,
+      required: false
+    },
+    currency: {
+      type: zoid.PROP_TYPE.STRING,
+      required: false
+    },
+    language: {
+      type: zoid.PROP_TYPE.STRING,
+      required: false
+    },
+    onError: {
+      type: zoid.PROP_TYPE.FUNCTION,
+      required: false
+    },
+    onLoad: {
+      type: zoid.PROP_TYPE.FUNCTION,
+      required: false
+    },
+    onSubmit: {
+      type: zoid.PROP_TYPE.FUNCTION,
+      required: false
+    },
+    onOpen: {
+      type: zoid.PROP_TYPE.FUNCTION,
+      required: false
+    },
+    onBeforeClose: {
+      type: zoid.PROP_TYPE.FUNCTION,
+      required: false,
+      "default": function _default(_ref) {
+        var event = _ref.event;
+        return function () {
+          event.trigger(EVENT$1.BEFORE_CLOSE);
+        };
+      }
+    }
+  }
+};
+var CofidisModal = /*#__PURE__*/zoid.create(options$5);
+
+// @ts-ignore
+var options$6 = {
+  tag: 'monei-cofidis-widget',
+  url: config.cofidisWidgetUrl,
+  dimensions: {
+    width: '100%',
+    height: '46px'
+  },
+  autoResize: {
+    width: false,
+    height: true
+  },
+  prerenderTemplate: function prerenderTemplate() {
+    return undefined;
+  },
+  props: {
+    accountId: {
+      type: zoid.PROP_TYPE.STRING,
+      required: true
+    },
+    amount: {
+      type: zoid.PROP_TYPE.NUMBER,
+      required: false
+    },
+    amountInt: {
+      type: zoid.PROP_TYPE.NUMBER,
+      required: false
+    },
+    language: {
+      type: zoid.PROP_TYPE.STRING,
+      required: false,
+      "default": function _default() {
+        return 'es';
+      }
+    },
+    showLogo: {
+      type: zoid.PROP_TYPE.BOOLEAN,
+      required: false
+    },
+    style: {
+      type: zoid.PROP_TYPE.OBJECT,
+      alias: 'innerStyle',
+      required: false
+    },
+    onError: {
+      type: zoid.PROP_TYPE.FUNCTION,
+      required: false
+    },
+    onLoad: {
+      type: zoid.PROP_TYPE.FUNCTION,
+      required: false
+    },
+    __onClick: {
+      type: zoid.PROP_TYPE.FUNCTION,
+      required: false,
+      value: function value() {
+        return function (url) {
+          window.open(url, '_blank');
+        };
+      }
+    }
+  }
+};
+var CofidisWidget = /*#__PURE__*/zoid.create(options$6);
+
+var options$7 = {
+  tag: 'monei-cofidis-button',
+  url: config.cofidisButtonUrl,
+  dimensions: {
+    width: '100%',
+    height: '45px'
+  },
+  autoResize: {
+    width: false,
+    height: true
+  },
+  validate: validateComponentProps,
+  containerTemplate: containerTemplate,
+  prerenderTemplate: function prerenderTemplate() {
+    return undefined;
+  },
+  props: {
+    paymentId: {
+      type: zoid.PROP_TYPE.STRING,
+      required: false
+    },
+    language: {
+      type: zoid.PROP_TYPE.STRING,
+      required: false
+    },
+    hint: {
+      type: zoid.PROP_TYPE.BOOLEAN,
+      "default": function _default() {
+        return true;
+      },
+      required: false
+    },
+    onError: {
+      type: zoid.PROP_TYPE.FUNCTION,
+      required: false
+    },
+    onLoad: {
+      type: zoid.PROP_TYPE.FUNCTION,
+      required: false
+    },
+    onOpen: {
+      type: zoid.PROP_TYPE.FUNCTION,
+      required: false
+    },
+    style: {
+      type: zoid.PROP_TYPE.OBJECT,
+      alias: 'innerStyle',
+      required: false
+    },
+    __getConfig: {
+      type: zoid.PROP_TYPE.FUNCTION,
+      required: false,
+      value: function value(_ref) {
+        var props = _ref.props;
+        return getPaymentMethods.bind(null, props);
+      }
+    },
+    __onHintClick: {
+      type: zoid.PROP_TYPE.FUNCTION,
+      required: false,
+      value: function value() {
+        return function (url) {
+          window.open(url, '_blank');
+        };
+      }
+    },
+    __onClick: {
+      type: zoid.PROP_TYPE.FUNCTION,
+      required: false,
+      value: function value(_ref2) {
+        var props = _ref2.props;
+        var rootNode = document.createElement('div');
+        document.body.appendChild(rootNode);
+        return function (_ref3) {
+          var amount = _ref3.amount,
+              currency = _ref3.currency,
+              accountId = _ref3.accountId;
+          var cofidisModal = new CofidisModal(_extends({}, props, {
+            amount: amount,
+            currency: currency,
+            accountId: accountId,
+            onClose: function onClose() {
+              window.onpopstate = null;
+              document.body.style.overflow = '';
+            },
+            isOpen: true
+          }));
+          window.history.pushState(null, '', window.location.href);
+
+          window.onpopstate = function () {
+            return cofidisModal.updateProps({
+              isOpen: false
+            });
+          };
+
+          Object.assign(document.body.style, {
+            overflow: 'hidden'
+          });
+          return cofidisModal.render(rootNode);
+        };
+      }
+    }
+  }
+};
+var Cofidis = /*#__PURE__*/zoid.create(options$7);
+
+var EVENT$2;
+
+(function (EVENT) {
+  EVENT["BEFORE_CLOSE"] = "BEFORE_CLOSE";
+})(EVENT$2 || (EVENT$2 = {}));
+
+function containerTemplate$3(_ref) {
+  var uid = _ref.uid,
+      frame = _ref.frame,
+      prerenderFrame = _ref.prerenderFrame,
+      doc = _ref.doc,
+      props = _ref.props,
+      event = _ref.event,
+      _ref$dimensions = _ref.dimensions,
+      width = _ref$dimensions.width,
+      height = _ref$dimensions.height;
+
+  if (!frame || !prerenderFrame) {
+    return;
+  }
+
+  var div = doc.createElement('div');
+  var backdrop = doc.createElement('div');
+  div.setAttribute('id', uid);
+  backdrop.classList.add('backdrop');
+  div.appendChild(backdrop);
+  var style = doc.createElement('style');
+
+  if (props.cspNonce) {
+    style.setAttribute('nonce', props.cspNonce);
+  }
+
+  style.appendChild(doc.createTextNode("\n      #" + uid + " {\n          position: fixed;\n          overflow: hidden;\n          display: block;\n          top: 0;\n          bottom: 0;\n          left: 0;\n          right: 0;\n          width: " + width + ";\n          height: " + height + ";\n          z-index: 99999;\n      }\n      #" + uid + " > .backdrop {\n          position: fixed;\n          display: block;\n          top: 0;\n          bottom: 0;\n          left: 0;\n          right: 0;\n          width: 100%;\n          height: 100%;\n          background-color: rgba(40, 40, 40, 0.7);\n          transition: opacity 0.35s ease-in-out;\n          opacity: 0;\n          will-change: opacity;\n      }\n      #" + uid + " > .backdrop." + CLASS.VISIBLE + " {\n          opacity: 1;\n      }\n      #" + uid + " > iframe {\n          display: inline-block;\n          position: absolute;\n          width: 100%;\n          height: 100%;\n          top: 0;\n          left: 0;\n          transition: all .2s ease-in-out;\n      }\n      #" + uid + " > iframe." + CLASS.INVISIBLE + " {\n          opacity: 0;\n      }\n      #" + uid + " > iframe." + CLASS.VISIBLE + " {\n          opacity: 1;\n      }\n    "));
+  div.appendChild(frame);
+  div.appendChild(prerenderFrame);
+  div.appendChild(style);
+  prerenderFrame.classList.add(CLASS.VISIBLE);
+  frame.classList.add(CLASS.INVISIBLE);
+  setTimeout(function () {
+    backdrop.classList.add(CLASS.VISIBLE);
+  }, 1);
+  event.on(zoid.EVENT.RENDERED, function () {
+    prerenderFrame.classList.remove(CLASS.VISIBLE);
+    prerenderFrame.classList.add(CLASS.INVISIBLE);
+    frame.classList.remove(CLASS.INVISIBLE);
+    frame.classList.add(CLASS.VISIBLE);
+    setTimeout(function () {
+      belter$3.destroyElement(prerenderFrame);
+    }, 1);
+  });
+  event.on(EVENT$2.BEFORE_CLOSE, function () {
+    backdrop.classList.remove(CLASS.VISIBLE);
+  });
+  event.on(zoid.EVENT.RESIZE, function (_ref2) {
+    var newWidth = _ref2.width,
+        newHeight = _ref2.height;
+
+    if (typeof newWidth === 'number') {
+      div.style.width = belter$3.toCSS(newWidth);
+    }
+
+    if (typeof newHeight === 'number') {
+      div.style.height = belter$3.toCSS(newHeight);
+    }
+  });
+  return div;
+}
+
+// @ts-ignore
+var options$8 = {
+  tag: 'monei-cofidis-loan',
+  url: config.cofidisLoanUrl,
+  dimensions: {
+    width: '100%',
+    height: '100%'
+  },
+  autoResize: {
+    width: false,
+    height: false
+  },
+  prerenderTemplate: function prerenderTemplate() {
+    return undefined;
+  },
+  containerTemplate: containerTemplate$3,
+  props: {
+    paymentId: {
+      type: zoid.PROP_TYPE.STRING,
+      required: false
+    },
+    amount: {
+      type: zoid.PROP_TYPE.NUMBER,
+      required: false
+    },
+    currency: {
+      type: zoid.PROP_TYPE.STRING,
+      required: false
+    },
+    language: {
+      type: zoid.PROP_TYPE.STRING,
+      required: false
+    },
+    onError: {
+      type: zoid.PROP_TYPE.FUNCTION,
+      required: false
+    },
+    onLoad: {
+      type: zoid.PROP_TYPE.FUNCTION,
+      required: false
+    },
+    onSubmit: {
+      type: zoid.PROP_TYPE.FUNCTION,
+      required: false
+    },
+    onOpen: {
+      type: zoid.PROP_TYPE.FUNCTION,
+      required: false
+    },
+    onBeforeClose: {
+      type: zoid.PROP_TYPE.FUNCTION,
+      required: false,
+      "default": function _default(_ref) {
+        var event = _ref.event;
+        return function () {
+          event.trigger(EVENT$2.BEFORE_CLOSE);
+        };
+      }
+    }
+  }
+};
+var CofidisLoanModal = /*#__PURE__*/zoid.create(options$8);
+
+// @ts-ignore
+var options$9 = {
+  tag: 'monei-cofidis-loan-widget',
+  url: config.cofidisLoanWidgetUrl,
+  dimensions: {
+    width: '100%',
+    height: '46px'
+  },
+  autoResize: {
+    width: false,
+    height: true
+  },
+  prerenderTemplate: function prerenderTemplate() {
+    return undefined;
+  },
+  props: {
+    accountId: {
+      type: zoid.PROP_TYPE.STRING,
+      required: true
+    },
+    amount: {
+      type: zoid.PROP_TYPE.NUMBER,
+      required: false
+    },
+    amountInt: {
+      type: zoid.PROP_TYPE.NUMBER,
+      required: false
+    },
+    language: {
+      type: zoid.PROP_TYPE.STRING,
+      required: false,
+      "default": function _default() {
+        return 'es';
+      }
+    },
+    showLogo: {
+      type: zoid.PROP_TYPE.BOOLEAN,
+      required: false
+    },
+    style: {
+      type: zoid.PROP_TYPE.OBJECT,
+      alias: 'innerStyle',
+      required: false
+    },
+    onError: {
+      type: zoid.PROP_TYPE.FUNCTION,
+      required: false
+    },
+    onLoad: {
+      type: zoid.PROP_TYPE.FUNCTION,
+      required: false
+    },
+    __onClick: {
+      type: zoid.PROP_TYPE.FUNCTION,
+      required: false,
+      value: function value() {
+        return function (url) {
+          window.open(url, '_blank');
+        };
+      }
+    }
+  }
+};
+var CofidisLoanWidget = /*#__PURE__*/zoid.create(options$9);
+
+var options$a = {
+  tag: 'monei-cofidis-loan-button',
+  url: config.cofidisLoanButtonUrl,
+  dimensions: {
+    width: '100%',
+    height: '45px'
+  },
+  autoResize: {
+    width: false,
+    height: true
+  },
+  validate: validateComponentProps,
+  containerTemplate: containerTemplate,
+  prerenderTemplate: function prerenderTemplate() {
+    return undefined;
+  },
+  props: {
+    paymentId: {
+      type: zoid.PROP_TYPE.STRING,
+      required: false
+    },
+    language: {
+      type: zoid.PROP_TYPE.STRING,
+      required: false
+    },
+    hint: {
+      type: zoid.PROP_TYPE.BOOLEAN,
+      "default": function _default() {
+        return true;
+      },
+      required: false
+    },
+    onError: {
+      type: zoid.PROP_TYPE.FUNCTION,
+      required: false
+    },
+    onLoad: {
+      type: zoid.PROP_TYPE.FUNCTION,
+      required: false
+    },
+    onOpen: {
+      type: zoid.PROP_TYPE.FUNCTION,
+      required: false
+    },
+    style: {
+      type: zoid.PROP_TYPE.OBJECT,
+      alias: 'innerStyle',
+      required: false
+    },
+    __getConfig: {
+      type: zoid.PROP_TYPE.FUNCTION,
+      required: false,
+      value: function value(_ref) {
+        var props = _ref.props;
+        return getPaymentMethods.bind(null, props);
+      }
+    },
+    __onHintClick: {
+      type: zoid.PROP_TYPE.FUNCTION,
+      required: false,
+      value: function value() {
+        return function (url) {
+          window.open(url, '_blank');
+        };
+      }
+    },
+    __onClick: {
+      type: zoid.PROP_TYPE.FUNCTION,
+      required: false,
+      value: function value(_ref2) {
+        var props = _ref2.props;
+        var rootNode = document.createElement('div');
+        document.body.appendChild(rootNode);
+        return function (_ref3) {
+          var amount = _ref3.amount,
+              currency = _ref3.currency,
+              accountId = _ref3.accountId;
+          var cofidisModal = new CofidisLoanModal(_extends({}, props, {
+            amount: amount,
+            currency: currency,
+            accountId: accountId,
+            onClose: function onClose() {
+              window.onpopstate = null;
+              document.body.style.overflow = '';
+            },
+            isOpen: true
+          }));
+          window.history.pushState(null, '', window.location.href);
+
+          window.onpopstate = function () {
+            return cofidisModal.updateProps({
+              isOpen: false
+            });
+          };
+
+          Object.assign(document.body.style, {
+            overflow: 'hidden'
+          });
+          return cofidisModal.render(rootNode);
+        };
+      }
+    }
+  }
+};
+var CofidisLoan = /*#__PURE__*/zoid.create(options$a);
+
+// @ts-ignore
+var options$b = {
+  tag: 'monei-google-pay',
+  url: config.googlePayUrl,
+  dimensions: {
+    width: '100%',
+    height: '0'
+  },
+  autoResize: {
+    width: false,
+    height: true
+  },
+  validate: validateComponentProps,
+  containerTemplate: containerTemplate,
+  prerenderTemplate: function prerenderTemplate() {
+    return undefined;
+  },
+  props: {
+    accountId: {
+      type: zoid.PROP_TYPE.STRING,
+      required: false
+    },
+    sessionId: {
+      type: zoid.PROP_TYPE.STRING,
+      required: false
+    },
+    paymentId: {
+      type: zoid.PROP_TYPE.STRING,
+      required: false
+    },
+    amount: {
+      type: zoid.PROP_TYPE.NUMBER,
+      required: false
+    },
+    currency: {
+      type: zoid.PROP_TYPE.STRING,
+      required: false
+    },
+    language: {
+      type: zoid.PROP_TYPE.STRING,
+      required: false
+    },
+    onError: {
+      type: zoid.PROP_TYPE.FUNCTION,
       required: false
     },
     onLoad: {
@@ -14907,80 +15493,136 @@ var options$5 = {
       type: zoid.PROP_TYPE.OBJECT,
       alias: 'innerStyle',
       required: false
+    },
+    __getConfig: {
+      type: zoid.PROP_TYPE.FUNCTION,
+      required: false,
+      value: function value(_ref) {
+        var props = _ref.props;
+        return getPaymentMethods.bind(null, props);
+      }
     }
   }
 };
-var GooglePay = /*#__PURE__*/zoid.create(options$5);
+var GooglePay = /*#__PURE__*/zoid.create(options$b);
 
 var onApplePayButtonClicked = /*#__PURE__*/function () {
-  var _ref = /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee(props, paymentMethodData, paymentDetails, paymentOptions, context) {
-    var request, response, paymentToken, token, result;
-    return runtime_1.wrap(function _callee$(_context) {
+  var _ref = /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee3(props, request, context) {
+    var session;
+    return runtime_1.wrap(function _callee3$(_context3) {
       while (1) {
-        switch (_context.prev = _context.next) {
+        switch (_context3.prev = _context3.next) {
           case 0:
-            request = new window.PaymentRequest(paymentMethodData, paymentDetails, paymentOptions); // @ts-ignore
+            session = new window.ApplePaySession(3, request);
 
-            request.onmerchantvalidation = function (event) {
-              event.complete(createApplePaySession(_extends({}, context, {
-                validationUrl: event.validationURL
-              })));
-            };
+            session.onvalidatemerchant = /*#__PURE__*/function () {
+              var _ref2 = _asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee(event) {
+                var merchantSession;
+                return runtime_1.wrap(function _callee$(_context) {
+                  while (1) {
+                    switch (_context.prev = _context.next) {
+                      case 0:
+                        _context.prev = 0;
+                        _context.next = 3;
+                        return createApplePaySession(_extends({}, context, {
+                          validationUrl: event.validationURL
+                        }));
 
-            _context.next = 4;
-            return request.show();
+                      case 3:
+                        merchantSession = _context.sent;
+                        session.completeMerchantValidation(merchantSession);
+                        _context.next = 10;
+                        break;
 
-          case 4:
-            response = _context.sent;
-            paymentToken = JSON.stringify(response.details.token);
-            token = window.btoa(paymentToken);
-            _context.prev = 7;
-            _context.next = 10;
-            return createToken({
-              accountId: props.accountId,
-              paymentId: props.paymentId,
-              sessionId: props.sessionId,
-              paymentMethod: {
-                applePay: {
-                  token: token
-                }
-              }
-            });
+                      case 7:
+                        _context.prev = 7;
+                        _context.t0 = _context["catch"](0);
+                        session.abort();
 
-          case 10:
-            result = _context.sent;
-            props.onSubmit({
-              token: result.paymentToken,
-              error: result.error
-            });
-            _context.next = 14;
-            return response.complete('success');
+                      case 10:
+                      case "end":
+                        return _context.stop();
+                    }
+                  }
+                }, _callee, null, [[0, 7]]);
+              }));
 
-          case 14:
-            _context.next = 21;
-            break;
+              return function (_x4) {
+                return _ref2.apply(this, arguments);
+              };
+            }();
 
-          case 16:
-            _context.prev = 16;
-            _context.t0 = _context["catch"](7);
-            props.onError == null ? void 0 : props.onError(_context.t0);
-            _context.next = 21;
-            return response.complete('fail');
+            session.onpaymentauthorized = /*#__PURE__*/function () {
+              var _ref3 = _asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee2(event) {
+                var paymentToken, token, result;
+                return runtime_1.wrap(function _callee2$(_context2) {
+                  while (1) {
+                    switch (_context2.prev = _context2.next) {
+                      case 0:
+                        paymentToken = JSON.stringify(event.payment.token);
+                        token = window.btoa(paymentToken);
+                        _context2.prev = 2;
+                        _context2.next = 5;
+                        return createToken({
+                          accountId: props.accountId,
+                          paymentId: props.paymentId,
+                          sessionId: props.sessionId,
+                          paymentMethod: {
+                            applePay: {
+                              token: token
+                            }
+                          }
+                        });
+
+                      case 5:
+                        result = _context2.sent;
+                        props.onSubmit({
+                          token: result.paymentToken,
+                          error: result.error
+                        });
+                        session.completePayment({
+                          status: window.ApplePaySession.STATUS_SUCCESS
+                        });
+                        _context2.next = 14;
+                        break;
+
+                      case 10:
+                        _context2.prev = 10;
+                        _context2.t0 = _context2["catch"](2);
+                        props.onError == null ? void 0 : props.onError(_context2.t0);
+                        session.completePayment({
+                          status: window.ApplePaySession.STATUS_FAILURE
+                        });
+
+                      case 14:
+                      case "end":
+                        return _context2.stop();
+                    }
+                  }
+                }, _callee2, null, [[2, 10]]);
+              }));
+
+              return function (_x5) {
+                return _ref3.apply(this, arguments);
+              };
+            }();
 
-          case 21:
+            session.begin();
+
+          case 4:
           case "end":
-            return _context.stop();
+            return _context3.stop();
         }
       }
-    }, _callee, null, [[7, 16]]);
+    }, _callee3);
   }));
 
-  return function onApplePayButtonClicked(_x, _x2, _x3, _x4, _x5) {
+  return function onApplePayButtonClicked(_x, _x2, _x3) {
     return _ref.apply(this, arguments);
   };
 }();
 
-var options$6 = {
+var options$c = {
   tag: 'monei-payment-request',
   url: config.paymentRequestUrl,
   dimensions: {
@@ -15042,6 +15684,14 @@ var options$6 = {
       alias: 'innerStyle',
       required: false
     },
+    __getConfig: {
+      type: zoid.PROP_TYPE.FUNCTION,
+      required: false,
+      value: function value(_ref4) {
+        var props = _ref4.props;
+        return getPaymentMethods.bind(null, props);
+      }
+    },
     __isApplePaySupported: {
       type: zoid.PROP_TYPE.BOOLEAN,
       required: false,
@@ -15058,14 +15708,14 @@ var options$6 = {
     __onApplePayButtonClicked: {
       type: zoid.PROP_TYPE.FUNCTION,
       required: false,
-      value: function value(_ref2) {
-        var props = _ref2.props;
+      value: function value(_ref5) {
+        var props = _ref5.props;
         return onApplePayButtonClicked.bind(null, props);
       }
     }
   }
 };
-var PaymentRequest = /*#__PURE__*/zoid.create(options$6);
+var PaymentRequest = /*#__PURE__*/zoid.create(options$c);
 
 var NextActionType;
 
@@ -15079,5 +15729,5 @@ var NextActionType;
 var api = _api;
 var utils = _utils;
 
-export { Bizum, BizumModal, CardInput, GooglePay, NextActionType, PayPal, PaymentModal, PaymentRequest, api, config, confirmPayment$1 as confirmPayment, createToken$1 as createToken, utils };
+export { Bizum, BizumModal, CardInput, Cofidis, CofidisLoan, CofidisLoanModal, CofidisLoanWidget, CofidisModal, CofidisWidget, GooglePay, NextActionType, PayPal, PaymentModal, PaymentRequest, api, config, confirmPayment$1 as confirmPayment, createToken$1 as createToken, utils };
 //# sourceMappingURL=components.esm.js.map